From 061074209f760d5b1b976e09c82ddefc43772d1e Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Fri, 25 Jul 2025 22:41:50 -0400
Subject: [PATCH 01/11] syntax update #92

---
 README.md                          |      2 +-
 dist/index-umd-web.js              |     69 +-
 dist/index.cjs                     |     69 +-
 dist/lib/ast/minify.js             |     30 +-
 dist/lib/ast/utils/utils.js        |    104 -
 dist/lib/parser/parse.js           |     11 +-
 dist/lib/validation/config.json.js |      2 +-
 dist/lib/validation/syntax.js      |     26 +-
 jsr.json                           |      2 +-
 package.json                       |      2 +-
 src/@types/validation.d.ts         |      2 +
 src/lib/ast/minify.ts              |     43 +-
 src/lib/parser/parse.ts            |      1 +
 src/lib/validation/config.json     |      2 +-
 src/lib/validation/syntax.ts       |     29 +-
 test/files/css/github-markdown.css |   1228 +
 test/files/css/tailwind-2.0.4.css  | 171973 ++++++++++++++++++++++++++
 test/specs/code/nesting.js         |      2 +-
 test/specs/code/validation.js      |     18 +
 tools/local-patch.json             |      5 +
 20 files changed, 173404 insertions(+), 216 deletions(-)
 delete mode 100644 dist/lib/ast/utils/utils.js
 create mode 100644 test/files/css/github-markdown.css
 create mode 100644 test/files/css/tailwind-2.0.4.css

diff --git a/README.md b/README.md
index f9418b26..15ff1f2a 100644
--- a/README.md
+++ b/README.md
@@ -96,7 +96,7 @@ Javascript module from cdn
 
 <script type="module">
 
-    import {transform} from 'https://esm.sh/@tbela99/css-parser@1.1.1/web';
+    import {transform} from 'https://esm.sh/@tbela99/css-parser@1.1.2/web';
 
 
     const css = `
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index a3e5b92c..bff99483 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -10748,7 +10748,7 @@
     		syntax: "cover | contain | entry | exit | entry-crossing | exit-crossing"
     	},
     	"track-breadth": {
-    		syntax: "<length-percentage> | <flex> | min-content | max-content | auto"
+    		syntax: "<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>>"
     	},
     	"track-list": {
     		syntax: "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"
@@ -13344,7 +13344,7 @@
     const allValues = getSyntaxConfig()["declarations" /* ValidationSyntaxGroupEnum.Declarations */].all.syntax.trim().split(/[\s|]+/g);
     function createContext(input) {
         const values = input.slice();
-        const result = values.slice();
+        const result = values.filter(token => token.typ != exports.EnumToken.CommentTokenType).slice();
         if (result.at(-1)?.typ == exports.EnumToken.WhitespaceTokenType) {
             result.pop();
         }
@@ -13579,9 +13579,9 @@
         }
         return {
             valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-            node: context.current(),
+            node: context.peek(),
             syntax,
-            error: success ? '' : `could not match atLeastOnce: ${renderSyntax(syntax)}`,
+            error: success ? '' : `could not match syntax: ${renderSyntax(syntax)}`,
             context
         };
     }
@@ -13618,7 +13618,7 @@
                     valid: SyntaxValidationResult.Drop,
                     node: context.peek(),
                     syntax,
-                    error: `could not match list: ${renderSyntax(syntax)}`,
+                    error: `could not match syntax: ${renderSyntax(syntax)}`,
                     context
                 };
             }
@@ -13650,7 +13650,7 @@
         }
         return {
             valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-            node: context.current(),
+            node: context.peek(),
             syntax,
             error: '',
             context
@@ -13675,7 +13675,7 @@
         }
         return {
             valid: sucesss ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-            node: context.current(),
+            node: context.peek(),
             syntax,
             error: sucesss ? '' : `expected ${renderSyntax(syntax)} ${syntax.occurence.min} to ${syntax.occurence.max} occurences, got ${counter}`,
             context
@@ -13699,7 +13699,7 @@
                 }
                 return {
                     valid: SyntaxValidationResult.Drop,
-                    node: context.current(),
+                    node: context.peek(),
                     syntax,
                     error: `expected '${ValidationTokenEnum[syntax.typ].toLowerCase()}', got '${context.done() ? null : renderToken(context.peek())}'`,
                     context
@@ -14158,9 +14158,9 @@
         }
         return matched[0] ?? {
             valid: SyntaxValidationResult.Drop,
-            node: context.current(),
+            node: context.peek(),
             syntax: null,
-            error: success ? '' : `could not match someOf: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
+            error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
             context
         };
     }
@@ -14182,9 +14182,9 @@
         }
         return {
             valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-            node: context.current(),
+            node: context.peek(),
             syntax: null,
-            error: success ? '' : `could not match anyOf: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+            error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
             context
         };
     }
@@ -14274,9 +14274,9 @@
         const success = syntax.length == 0;
         return {
             valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-            node: context.current(),
+            node: context.peek(),
             syntax: syntax?.[0]?.[0] ?? null,
-            error: `could not match allOf: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+            error: `could not match syntax: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
             context: success ? con : context
         };
     }
@@ -16359,7 +16359,6 @@
                     }
                 }
                 catch (error) {
-                    // console.error(error);
                     // @ts-ignore
                     errors.push({ action: 'ignore', message: 'doParse: ' + error.message, error });
                 }
@@ -16632,7 +16631,6 @@
                 node.loc = loc;
                 node.loc.end = { ...map.get(delim).end };
             }
-            // if (options.validation) {
             let isValid = true;
             if (node.nam == 'else') {
                 const prev = getLastNode(context);
@@ -16909,12 +16907,11 @@
                             value: valid.valid == SyntaxValidationResult.Valid
                         });
                         if (valid.valid == SyntaxValidationResult.Drop) {
-                            // console.error({result, valid});
-                            // console.error(JSON.stringify({result, options, valid}, null, 1));
                             errors.push({
                                 action: 'drop',
                                 message: valid.error,
                                 syntax: valid.syntax,
+                                node: valid.node,
                                 location: map.get(valid.node) ?? valid.node?.loc ?? result.loc ?? location
                             });
                             if (!options.lenient) {
@@ -17075,10 +17072,7 @@
                     break;
                 }
                 if (valueIndex == -1) {
-                    // @ts-ignore
-                    // value.chi[nameIndex].typ = EnumToken.MediaFeatureTokenType;
                     continue;
-                    // return tokens;
                 }
                 for (i = nameIndex + 1; i < value.chi.length; i++) {
                     if ([
@@ -17209,7 +17203,6 @@
                                 break;
                         }
                         // @ts-ignore
-                        // @ts-ignore
                         delete value.val;
                     }
                 }
@@ -17498,7 +17491,6 @@
                 }
                 // @ts-ignore
                 if (attr.chi.length > 1) {
-                    /*(<AttrToken>t).chi =*/
                     // @ts-ignore
                     parseTokens(attr.chi, t.typ);
                 }
@@ -17718,7 +17710,6 @@
                 // @ts-ignore
                 if (t.chi.length > 0) {
                     if (t.typ == exports.EnumToken.PseudoClassFuncTokenType && t.val == ':is' && options.minify) {
-                        //
                         const count = t.chi.filter((t) => t.typ != exports.EnumToken.CommentTokenType).length;
                         if (count == 1 ||
                             (i == 0 &&
@@ -21037,12 +21028,32 @@
                         if (!wrap) {
                             wrap = selector.some((s) => s[0] != '&');
                         }
-                        let rule = selector.map(s => {
-                            if (s[0] == '&') {
-                                s.splice(0, 1, ...node.optimized.optimized);
+                        let rule = null;
+                        const optimized = node.optimized.optimized.slice();
+                        if (optimized.length > 1) {
+                            const check = optimized.at(-2);
+                            if (!combinators.includes(check)) {
+                                let last = optimized.pop();
+                                wrap = false;
+                                rule = optimized.join('') + `:is(${selector.map(s => {
+                                if (s[0] == '&') {
+                                    s.splice(0, 1, last);
+                                }
+                                else {
+                                    s.unshift(last);
+                                }
+                                return s.join('');
+                            }).join(',')})`;
                             }
-                            return s.join('');
-                        }).join(',');
+                        }
+                        if (rule == null) {
+                            rule = selector.map(s => {
+                                if (s[0] == '&') {
+                                    s.splice(0, 1, ...node.optimized.optimized);
+                                }
+                                return s.join('');
+                            }).join(',');
+                        }
                         // @ts-ignore
                         let sel = wrap ? node.optimized.optimized.join('') + `:is(${rule})` : rule;
                         if (rule.includes('&')) {
diff --git a/dist/index.cjs b/dist/index.cjs
index 9345ff17..cf0fcf33 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -10747,7 +10747,7 @@ var syntaxes = {
 		syntax: "cover | contain | entry | exit | entry-crossing | exit-crossing"
 	},
 	"track-breadth": {
-		syntax: "<length-percentage> | <flex> | min-content | max-content | auto"
+		syntax: "<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>>"
 	},
 	"track-list": {
 		syntax: "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"
@@ -13453,7 +13453,7 @@ const config$2 = getSyntaxConfig();
 const allValues = getSyntaxConfig()["declarations" /* ValidationSyntaxGroupEnum.Declarations */].all.syntax.trim().split(/[\s|]+/g);
 function createContext(input) {
     const values = input.slice();
-    const result = values.slice();
+    const result = values.filter(token => token.typ != exports.EnumToken.CommentTokenType).slice();
     if (result.at(-1)?.typ == exports.EnumToken.WhitespaceTokenType) {
         result.pop();
     }
@@ -13688,9 +13688,9 @@ function matchAtLeastOnce(syntax, context, options) {
     }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
-        error: success ? '' : `could not match atLeastOnce: ${renderSyntax(syntax)}`,
+        error: success ? '' : `could not match syntax: ${renderSyntax(syntax)}`,
         context
     };
 }
@@ -13727,7 +13727,7 @@ function matchList(syntax, context, options) {
                 valid: SyntaxValidationResult.Drop,
                 node: context.peek(),
                 syntax,
-                error: `could not match list: ${renderSyntax(syntax)}`,
+                error: `could not match syntax: ${renderSyntax(syntax)}`,
                 context
             };
         }
@@ -13759,7 +13759,7 @@ function matchList(syntax, context, options) {
     }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
         error: '',
         context
@@ -13784,7 +13784,7 @@ function matchOccurence(syntax, context, options) {
     }
     return {
         valid: sucesss ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
         error: sucesss ? '' : `expected ${renderSyntax(syntax)} ${syntax.occurence.min} to ${syntax.occurence.max} occurences, got ${counter}`,
         context
@@ -13808,7 +13808,7 @@ function match(syntax, context, options) {
             }
             return {
                 valid: SyntaxValidationResult.Drop,
-                node: context.current(),
+                node: context.peek(),
                 syntax,
                 error: `expected '${ValidationTokenEnum[syntax.typ].toLowerCase()}', got '${context.done() ? null : renderToken(context.peek())}'`,
                 context
@@ -14267,9 +14267,9 @@ function someOf(syntaxes, context, options) {
     }
     return matched[0] ?? {
         valid: SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: null,
-        error: success ? '' : `could not match someOf: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
+        error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
         context
     };
 }
@@ -14291,9 +14291,9 @@ function anyOf(syntaxes, context, options) {
     }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: null,
-        error: success ? '' : `could not match anyOf: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+        error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
         context
     };
 }
@@ -14383,9 +14383,9 @@ function allOf(syntax, context, options) {
     const success = syntax.length == 0;
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: syntax?.[0]?.[0] ?? null,
-        error: `could not match allOf: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+        error: `could not match syntax: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
         context: success ? con : context
     };
 }
@@ -16468,7 +16468,6 @@ async function doParse(iterator, options = {}) {
                 }
             }
             catch (error) {
-                // console.error(error);
                 // @ts-ignore
                 errors.push({ action: 'ignore', message: 'doParse: ' + error.message, error });
             }
@@ -16741,7 +16740,6 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
             node.loc = loc;
             node.loc.end = { ...map.get(delim).end };
         }
-        // if (options.validation) {
         let isValid = true;
         if (node.nam == 'else') {
             const prev = getLastNode(context);
@@ -17018,12 +17016,11 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
                         value: valid.valid == SyntaxValidationResult.Valid
                     });
                     if (valid.valid == SyntaxValidationResult.Drop) {
-                        // console.error({result, valid});
-                        // console.error(JSON.stringify({result, options, valid}, null, 1));
                         errors.push({
                             action: 'drop',
                             message: valid.error,
                             syntax: valid.syntax,
+                            node: valid.node,
                             location: map.get(valid.node) ?? valid.node?.loc ?? result.loc ?? location
                         });
                         if (!options.lenient) {
@@ -17184,10 +17181,7 @@ function parseAtRulePrelude(tokens, atRule) {
                 break;
             }
             if (valueIndex == -1) {
-                // @ts-ignore
-                // value.chi[nameIndex].typ = EnumToken.MediaFeatureTokenType;
                 continue;
-                // return tokens;
             }
             for (i = nameIndex + 1; i < value.chi.length; i++) {
                 if ([
@@ -17318,7 +17312,6 @@ function parseSelector(tokens) {
                             break;
                     }
                     // @ts-ignore
-                    // @ts-ignore
                     delete value.val;
                 }
             }
@@ -17607,7 +17600,6 @@ function parseTokens(tokens, options = {}) {
             }
             // @ts-ignore
             if (attr.chi.length > 1) {
-                /*(<AttrToken>t).chi =*/
                 // @ts-ignore
                 parseTokens(attr.chi, t.typ);
             }
@@ -17827,7 +17819,6 @@ function parseTokens(tokens, options = {}) {
             // @ts-ignore
             if (t.chi.length > 0) {
                 if (t.typ == exports.EnumToken.PseudoClassFuncTokenType && t.val == ':is' && options.minify) {
-                    //
                     const count = t.chi.filter((t) => t.typ != exports.EnumToken.CommentTokenType).length;
                     if (count == 1 ||
                         (i == 0 &&
@@ -21146,12 +21137,32 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                     if (!wrap) {
                         wrap = selector.some((s) => s[0] != '&');
                     }
-                    let rule = selector.map(s => {
-                        if (s[0] == '&') {
-                            s.splice(0, 1, ...node.optimized.optimized);
+                    let rule = null;
+                    const optimized = node.optimized.optimized.slice();
+                    if (optimized.length > 1) {
+                        const check = optimized.at(-2);
+                        if (!combinators.includes(check)) {
+                            let last = optimized.pop();
+                            wrap = false;
+                            rule = optimized.join('') + `:is(${selector.map(s => {
+                                if (s[0] == '&') {
+                                    s.splice(0, 1, last);
+                                }
+                                else {
+                                    s.unshift(last);
+                                }
+                                return s.join('');
+                            }).join(',')})`;
                         }
-                        return s.join('');
-                    }).join(',');
+                    }
+                    if (rule == null) {
+                        rule = selector.map(s => {
+                            if (s[0] == '&') {
+                                s.splice(0, 1, ...node.optimized.optimized);
+                            }
+                            return s.join('');
+                        }).join(',');
+                    }
                     // @ts-ignore
                     let sel = wrap ? node.optimized.optimized.join('') + `:is(${rule})` : rule;
                     if (rule.includes('&')) {
diff --git a/dist/lib/ast/minify.js b/dist/lib/ast/minify.js
index d0e6b27b..8f96e317 100644
--- a/dist/lib/ast/minify.js
+++ b/dist/lib/ast/minify.js
@@ -345,12 +345,32 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                     if (!wrap) {
                         wrap = selector.some((s) => s[0] != '&');
                     }
-                    let rule = selector.map(s => {
-                        if (s[0] == '&') {
-                            s.splice(0, 1, ...node.optimized.optimized);
+                    let rule = null;
+                    const optimized = node.optimized.optimized.slice();
+                    if (optimized.length > 1) {
+                        const check = optimized.at(-2);
+                        if (!combinators.includes(check)) {
+                            let last = optimized.pop();
+                            wrap = false;
+                            rule = optimized.join('') + `:is(${selector.map(s => {
+                                if (s[0] == '&') {
+                                    s.splice(0, 1, last);
+                                }
+                                else {
+                                    s.unshift(last);
+                                }
+                                return s.join('');
+                            }).join(',')})`;
                         }
-                        return s.join('');
-                    }).join(',');
+                    }
+                    if (rule == null) {
+                        rule = selector.map(s => {
+                            if (s[0] == '&') {
+                                s.splice(0, 1, ...node.optimized.optimized);
+                            }
+                            return s.join('');
+                        }).join(',');
+                    }
                     // @ts-ignore
                     let sel = wrap ? node.optimized.optimized.join('') + `:is(${rule})` : rule;
                     if (rule.includes('&')) {
diff --git a/dist/lib/ast/utils/utils.js b/dist/lib/ast/utils/utils.js
deleted file mode 100644
index 359a5b8f..00000000
--- a/dist/lib/ast/utils/utils.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import { funcLike, ColorKind } from '../../renderer/color/utils/constants.js';
-import { EnumToken } from '../types.js';
-import '../minify.js';
-import '../walk.js';
-import '../../parser/parse.js';
-import '../../parser/tokenize.js';
-import '../../parser/utils/config.js';
-import '../../renderer/sourcemap/lib/encode.js';
-import { minmax } from '../../renderer/color/color.js';
-
-function reduceNumber(val) {
-    val = String(+val);
-    if (val === '0') {
-        return '0';
-    }
-    const chr = val.charAt(0);
-    if (chr == '-') {
-        const slice = val.slice(0, 2);
-        if (slice == '-0') {
-            return val.length == 2 ? '0' : '-' + val.slice(2);
-        }
-    }
-    if (chr == '0') {
-        return val.slice(1);
-    }
-    return val;
-}
-/**
- * clamp color values
- * @param token
- */
-function clamp(token) {
-    if (token.kin == ColorKind.RGB || token.kin == ColorKind.RGBA) {
-        token.chi.filter((token) => ![EnumToken.LiteralTokenType, EnumToken.CommaTokenType, EnumToken.WhitespaceTokenType].includes(token.typ)).forEach((token, index) => {
-            if (index <= 2) {
-                if (token.typ == EnumToken.NumberTokenType) {
-                    token.val = String(minmax(+token.val, 0, 255));
-                }
-                else if (token.typ == EnumToken.PercentageTokenType) {
-                    token.val = String(minmax(+token.val, 0, 100));
-                }
-            }
-            else {
-                if (token.typ == EnumToken.NumberTokenType) {
-                    token.val = String(minmax(+token.val, 0, 1));
-                }
-                else if (token.typ == EnumToken.PercentageTokenType) {
-                    token.val = String(minmax(+token.val, 0, 100));
-                }
-            }
-        });
-    }
-    return token;
-}
-function getNumber(token) {
-    if (token.typ == EnumToken.IdenTokenType && token.val == 'none') {
-        return 0;
-    }
-    // @ts-ignore
-    return token.typ == EnumToken.PercentageTokenType ? token.val / 100 : +token.val;
-}
-/**
- * convert angle to turn
- * @param token
- */
-function getAngle(token) {
-    if (token.typ == EnumToken.IdenTokenType) {
-        if (token.val == 'none') {
-            return 0;
-        }
-    }
-    if (token.typ == EnumToken.AngleTokenType) {
-        switch (token.unit) {
-            case 'deg':
-                // @ts-ignore
-                return token.val / 360;
-            case 'rad':
-                // @ts-ignore
-                return token.val / (2 * Math.PI);
-            case 'grad':
-                // @ts-ignore
-                return token.val / 400;
-            case 'turn':
-                // @ts-ignore
-                return +token.val;
-        }
-    }
-    // @ts-ignore
-    return token.val / 360;
-}
-function filterValues(values) {
-    let i = 0;
-    for (; i < values.length; i++) {
-        if (values[i].typ == EnumToken.ImportantTokenType && values[i - 1]?.typ == EnumToken.WhitespaceTokenType) {
-            values.splice(i - 1, 1);
-        }
-        else if (funcLike.includes(values[i].typ) && !['var', 'calc'].includes(values[i].val) && values[i + 1]?.typ == EnumToken.WhitespaceTokenType) {
-            values.splice(i + 1, 1);
-        }
-    }
-    return values;
-}
-
-export { clamp, filterValues, getAngle, getNumber, reduceNumber };
diff --git a/dist/lib/parser/parse.js b/dist/lib/parser/parse.js
index a9241b5e..09285428 100644
--- a/dist/lib/parser/parse.js
+++ b/dist/lib/parser/parse.js
@@ -234,7 +234,6 @@ async function doParse(iterator, options = {}) {
                 }
             }
             catch (error) {
-                // console.error(error);
                 // @ts-ignore
                 errors.push({ action: 'ignore', message: 'doParse: ' + error.message, error });
             }
@@ -507,7 +506,6 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
             node.loc = loc;
             node.loc.end = { ...map.get(delim).end };
         }
-        // if (options.validation) {
         let isValid = true;
         if (node.nam == 'else') {
             const prev = getLastNode(context);
@@ -784,12 +782,11 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
                         value: valid.valid == SyntaxValidationResult.Valid
                     });
                     if (valid.valid == SyntaxValidationResult.Drop) {
-                        // console.error({result, valid});
-                        // console.error(JSON.stringify({result, options, valid}, null, 1));
                         errors.push({
                             action: 'drop',
                             message: valid.error,
                             syntax: valid.syntax,
+                            node: valid.node,
                             location: map.get(valid.node) ?? valid.node?.loc ?? result.loc ?? location
                         });
                         if (!options.lenient) {
@@ -950,10 +947,7 @@ function parseAtRulePrelude(tokens, atRule) {
                 break;
             }
             if (valueIndex == -1) {
-                // @ts-ignore
-                // value.chi[nameIndex].typ = EnumToken.MediaFeatureTokenType;
                 continue;
-                // return tokens;
             }
             for (i = nameIndex + 1; i < value.chi.length; i++) {
                 if ([
@@ -1084,7 +1078,6 @@ function parseSelector(tokens) {
                             break;
                     }
                     // @ts-ignore
-                    // @ts-ignore
                     delete value.val;
                 }
             }
@@ -1373,7 +1366,6 @@ function parseTokens(tokens, options = {}) {
             }
             // @ts-ignore
             if (attr.chi.length > 1) {
-                /*(<AttrToken>t).chi =*/
                 // @ts-ignore
                 parseTokens(attr.chi, t.typ);
             }
@@ -1593,7 +1585,6 @@ function parseTokens(tokens, options = {}) {
             // @ts-ignore
             if (t.chi.length > 0) {
                 if (t.typ == EnumToken.PseudoClassFuncTokenType && t.val == ':is' && options.minify) {
-                    //
                     const count = t.chi.filter((t) => t.typ != EnumToken.CommentTokenType).length;
                     if (count == 1 ||
                         (i == 0 &&
diff --git a/dist/lib/validation/config.json.js b/dist/lib/validation/config.json.js
index 94e130f8..50203565 100644
--- a/dist/lib/validation/config.json.js
+++ b/dist/lib/validation/config.json.js
@@ -3340,7 +3340,7 @@ var syntaxes = {
 		syntax: "cover | contain | entry | exit | entry-crossing | exit-crossing"
 	},
 	"track-breadth": {
-		syntax: "<length-percentage> | <flex> | min-content | max-content | auto"
+		syntax: "<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>>"
 	},
 	"track-list": {
 		syntax: "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"
diff --git a/dist/lib/validation/syntax.js b/dist/lib/validation/syntax.js
index 62b48bbd..86647f72 100644
--- a/dist/lib/validation/syntax.js
+++ b/dist/lib/validation/syntax.js
@@ -17,7 +17,7 @@ const config = getSyntaxConfig();
 const allValues = getSyntaxConfig()["declarations" /* ValidationSyntaxGroupEnum.Declarations */].all.syntax.trim().split(/[\s|]+/g);
 function createContext(input) {
     const values = input.slice();
-    const result = values.slice();
+    const result = values.filter(token => token.typ != EnumToken.CommentTokenType).slice();
     if (result.at(-1)?.typ == EnumToken.WhitespaceTokenType) {
         result.pop();
     }
@@ -252,9 +252,9 @@ function matchAtLeastOnce(syntax, context, options) {
     }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
-        error: success ? '' : `could not match atLeastOnce: ${renderSyntax(syntax)}`,
+        error: success ? '' : `could not match syntax: ${renderSyntax(syntax)}`,
         context
     };
 }
@@ -291,7 +291,7 @@ function matchList(syntax, context, options) {
                 valid: SyntaxValidationResult.Drop,
                 node: context.peek(),
                 syntax,
-                error: `could not match list: ${renderSyntax(syntax)}`,
+                error: `could not match syntax: ${renderSyntax(syntax)}`,
                 context
             };
         }
@@ -323,7 +323,7 @@ function matchList(syntax, context, options) {
     }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
         error: '',
         context
@@ -348,7 +348,7 @@ function matchOccurence(syntax, context, options) {
     }
     return {
         valid: sucesss ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
         error: sucesss ? '' : `expected ${renderSyntax(syntax)} ${syntax.occurence.min} to ${syntax.occurence.max} occurences, got ${counter}`,
         context
@@ -372,7 +372,7 @@ function match(syntax, context, options) {
             }
             return {
                 valid: SyntaxValidationResult.Drop,
-                node: context.current(),
+                node: context.peek(),
                 syntax,
                 error: `expected '${ValidationTokenEnum[syntax.typ].toLowerCase()}', got '${context.done() ? null : renderToken(context.peek())}'`,
                 context
@@ -831,9 +831,9 @@ function someOf(syntaxes, context, options) {
     }
     return matched[0] ?? {
         valid: SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: null,
-        error: success ? '' : `could not match someOf: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
+        error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
         context
     };
 }
@@ -855,9 +855,9 @@ function anyOf(syntaxes, context, options) {
     }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: null,
-        error: success ? '' : `could not match anyOf: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+        error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
         context
     };
 }
@@ -947,9 +947,9 @@ function allOf(syntax, context, options) {
     const success = syntax.length == 0;
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: syntax?.[0]?.[0] ?? null,
-        error: `could not match allOf: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+        error: `could not match syntax: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
         context: success ? con : context
     };
 }
diff --git a/jsr.json b/jsr.json
index 869ea7c9..561af13f 100644
--- a/jsr.json
+++ b/jsr.json
@@ -1,6 +1,6 @@
 {
   "name": "@tbela99/css-parser",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "publish": {
     "include": [
       "src",
diff --git a/package.json b/package.json
index 3dfaf035..4d3db820 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@tbela99/css-parser",
   "description": "CSS parser for node and the browser",
-  "version": "v1.1.1",
+  "version": "v1.1.2",
   "exports": {
     ".": "./dist/node/index.js",
     "./node": "./dist/node/index.js",
diff --git a/src/@types/validation.d.ts b/src/@types/validation.d.ts
index 08a104e7..0caec221 100644
--- a/src/@types/validation.d.ts
+++ b/src/@types/validation.d.ts
@@ -49,6 +49,8 @@ export interface Context<Type> {
 
     update<Type>(context: Context<Type>): void;
 
+    consume<Type>(token: Type, howMany?: number): boolean;
+
     peek<Type>(): Type | null;
 
     next<Type>(): Type | null;
diff --git a/src/lib/ast/minify.ts b/src/lib/ast/minify.ts
index 3bb434c3..1eb11172 100644
--- a/src/lib/ast/minify.ts
+++ b/src/lib/ast/minify.ts
@@ -493,19 +493,52 @@ function doMinify(ast: AstNode, options: ParserOptions = {}, recursive: boolean
                         wrap = selector.some((s: string[]) => s[0] != '&');
                     }
 
-                    let rule: string = selector.map(s => {
+                    let rule: string | null = null;
+                    const optimized = (node as AstRule)!.optimized!.optimized.slice() as string[];
 
-                        if (s[0] == '&') {
+                    if (optimized.length > 1) {
 
-                            s.splice(0, 1, ...(node as AstRule)!.optimized!.optimized);
+                        const check = optimized.at(-2) as string;
+
+                        if (!combinators.includes(check)) {
+
+                            let last = optimized.pop() as string;
+                            wrap = false;
+                            rule = optimized.join('') + `:is(${selector.map(s => {
+
+                                if (s[0] == '&') {
+
+                                    s.splice(0, 1, last);
+                                }
+
+                                else {
+''
+                                    s.unshift(last);
+                                }
+
+                                return s.join('');
+                                
+                            }).join(',')})`;
                         }
+                    }
+
+                    if (rule == null) {
+
+                       rule = selector.map(s => {
+
+                            if (s[0] == '&') {
 
-                        return s.join('');
-                    }).join(',');
+                                s.splice(0, 1, ...(node as AstRule)!.optimized!.optimized);
+                            }
+
+                            return s.join('');
+                        }).join(',');
+                    }
 
                     // @ts-ignore
                     let sel: string = wrap ? node.optimized.optimized.join('') + `:is(${rule})` : rule;
 
+
                     if (rule.includes('&')) {
 
                         // @ts-ignore
diff --git a/src/lib/parser/parse.ts b/src/lib/parser/parse.ts
index e8490752..580074ec 100644
--- a/src/lib/parser/parse.ts
+++ b/src/lib/parser/parse.ts
@@ -1193,6 +1193,7 @@ function parseNode(results: TokenizeResult[], context: AstRuleList | AstInvalidR
                             action: 'drop',
                             message: valid.error,
                             syntax: valid.syntax,
+                            node: valid.node,
                             location: map.get(valid.node as Token) ?? valid.node?.loc ?? result.loc ?? location
                         });
 
diff --git a/src/lib/validation/config.json b/src/lib/validation/config.json
index fa62096e..8e225192 100644
--- a/src/lib/validation/config.json
+++ b/src/lib/validation/config.json
@@ -3341,7 +3341,7 @@
    "syntax": "cover | contain | entry | exit | entry-crossing | exit-crossing"
   },
   "track-breadth": {
-   "syntax": "<length-percentage> | <flex> | min-content | max-content | auto"
+   "syntax": "<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>>"
   },
   "track-list": {
    "syntax": "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"
diff --git a/src/lib/validation/syntax.ts b/src/lib/validation/syntax.ts
index 937310e9..6f104874 100644
--- a/src/lib/validation/syntax.ts
+++ b/src/lib/validation/syntax.ts
@@ -44,7 +44,7 @@ const allValues: string[] = getSyntaxConfig()[ValidationSyntaxGroupEnum.Declarat
 export function createContext(input: Token[]): Context<Token> {
 
     const values: Token[] = input.slice();
-    const result: Token[] = values.slice();
+    const result: Token[] = values.filter(token => token.typ != EnumToken.CommentTokenType).slice();
 
     if (result.at(-1)?.typ == EnumToken.WhitespaceTokenType) {
 
@@ -383,9 +383,9 @@ function matchAtLeastOnce(syntax: ValidationToken, context: Context<Token>, opti
 
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
-        error: success ? '' : `could not match atLeastOnce: ${renderSyntax(syntax)}`,
+        error: success ? '' : `could not match syntax: ${renderSyntax(syntax)}`,
         context
     }
 }
@@ -438,7 +438,7 @@ function matchList(syntax: ValidationToken, context: Context<Token>, options: Va
                 valid: SyntaxValidationResult.Drop,
                 node: context.peek(),
                 syntax,
-                error: `could not match list: ${renderSyntax(syntax)}`,
+                error: `could not match syntax: ${renderSyntax(syntax)}`,
                 context
             }
         }
@@ -483,7 +483,7 @@ function matchList(syntax: ValidationToken, context: Context<Token>, options: Va
 
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
         error: '',
         context
@@ -522,7 +522,7 @@ function matchOccurence(syntax: ValidationToken, context: Context<Token>, option
 
     return {
         valid: sucesss ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
         error: sucesss ? '' : `expected ${renderSyntax(syntax)} ${syntax.occurence!.min} to ${syntax.occurence!.max} occurences, got ${counter}`,
         context
@@ -560,7 +560,7 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
 
             return {
                 valid: SyntaxValidationResult.Drop,
-                node: context.current(),
+                node: context.peek(),
                 syntax,
                 error: `expected '${ValidationTokenEnum[syntax.typ].toLowerCase()}', got '${context.done() ? null : renderToken(context.peek() as Token)}'`,
                 context
@@ -924,7 +924,7 @@ function matchPropertyType(syntax: ValidationPropertyToken, context: Context<Tok
                     continue;
                 }
 
-                success = token.typ == EnumToken.LengthTokenType || token.typ == EnumToken.PercentageTokenType || (token.typ == EnumToken.NumberTokenType && (token as NumberToken).val  == '0');
+                success = token.typ == EnumToken.LengthTokenType || token.typ == EnumToken.PercentageTokenType || (token.typ == EnumToken.NumberTokenType && (token as NumberToken).val == '0');
 
                 if (!success) {
 
@@ -1184,7 +1184,6 @@ function someOf(syntaxes: ValidationToken[][], context: Context<Token>, options:
     let result: ValidationSyntaxResult;
     let i: number;
     let success: boolean = false;
-    let isOptional: boolean;
     const matched: ValidationSyntaxResult[] = [];
 
     for (i = 0; i < syntaxes.length; i++) {
@@ -1217,9 +1216,9 @@ function someOf(syntaxes: ValidationToken[][], context: Context<Token>, options:
 
     return matched[0] ?? {
         valid: SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: null,
-        error: success ? '' : `could not match someOf: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
+        error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
         context
     }
 }
@@ -1252,9 +1251,9 @@ function anyOf(syntaxes: ValidationToken[][], context: Context<Token>, options:
 
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: null,
-        error: success ? '' : `could not match anyOf: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+        error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
         context
     }
 }
@@ -1389,9 +1388,9 @@ function allOf(syntax: ValidationToken[][], context: Context<Token>, options: Va
 
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: syntax?.[0]?.[0] ?? null,
-        error: `could not match allOf: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+        error: `could not match syntax: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
         context: success ? con : context
     }
 }
diff --git a/test/files/css/github-markdown.css b/test/files/css/github-markdown.css
new file mode 100644
index 00000000..bc8e12bb
--- /dev/null
+++ b/test/files/css/github-markdown.css
@@ -0,0 +1,1228 @@
+.markdown-body {
+  --base-size-4: 0.25rem;
+  --base-size-8: 0.5rem;
+  --base-size-16: 1rem;
+  --base-size-24: 1.5rem;
+  --base-size-40: 2.5rem;
+  --base-text-weight-normal: 400;
+  --base-text-weight-medium: 500;
+  --base-text-weight-semibold: 600;
+  --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+  --fgColor-accent: Highlight;
+}
+@media (prefers-color-scheme: dark) {
+  .markdown-body, [data-theme="dark"] {
+    /* dark */
+    color-scheme: dark;
+    --focus-outlineColor: #1f6feb;
+    --fgColor-default: #f0f6fc;
+    --fgColor-muted: #9198a1;
+    --fgColor-accent: #4493f8;
+    --fgColor-success: #3fb950;
+    --fgColor-attention: #d29922;
+    --fgColor-danger: #f85149;
+    --fgColor-done: #ab7df8;
+    --bgColor-default: #0d1117;
+    --bgColor-muted: #151b23;
+    --bgColor-neutral-muted: #656c7633;
+    --bgColor-attention-muted: #bb800926;
+    --borderColor-default: #3d444d;
+    --borderColor-muted: #3d444db3;
+    --borderColor-neutral-muted: #3d444db3;
+    --borderColor-accent-emphasis: #1f6feb;
+    --borderColor-success-emphasis: #238636;
+    --borderColor-attention-emphasis: #9e6a03;
+    --borderColor-danger-emphasis: #da3633;
+    --borderColor-done-emphasis: #8957e5;
+    --color-prettylights-syntax-comment: #9198a1;
+    --color-prettylights-syntax-constant: #79c0ff;
+    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
+    --color-prettylights-syntax-entity: #d2a8ff;
+    --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
+    --color-prettylights-syntax-entity-tag: #7ee787;
+    --color-prettylights-syntax-keyword: #ff7b72;
+    --color-prettylights-syntax-string: #a5d6ff;
+    --color-prettylights-syntax-variable: #ffa657;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
+    --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
+    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
+    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
+    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
+    --color-prettylights-syntax-carriage-return-bg: #b62324;
+    --color-prettylights-syntax-string-regexp: #7ee787;
+    --color-prettylights-syntax-markup-list: #f2cc60;
+    --color-prettylights-syntax-markup-heading: #1f6feb;
+    --color-prettylights-syntax-markup-italic: #f0f6fc;
+    --color-prettylights-syntax-markup-bold: #f0f6fc;
+    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
+    --color-prettylights-syntax-markup-deleted-bg: #67060c;
+    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
+    --color-prettylights-syntax-markup-inserted-bg: #033a16;
+    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
+    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
+    --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
+    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
+    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
+  }
+}
+@media (prefers-color-scheme: light) {
+  .markdown-body, [data-theme="light"] {
+    /* light */
+    color-scheme: light;
+    --focus-outlineColor: #0969da;
+    --fgColor-default: #1f2328;
+    --fgColor-muted: #59636e;
+    --fgColor-accent: #0969da;
+    --fgColor-success: #1a7f37;
+    --fgColor-attention: #9a6700;
+    --fgColor-danger: #d1242f;
+    --fgColor-done: #8250df;
+    --bgColor-default: #ffffff;
+    --bgColor-muted: #f6f8fa;
+    --bgColor-neutral-muted: #818b981f;
+    --bgColor-attention-muted: #fff8c5;
+    --borderColor-default: #d1d9e0;
+    --borderColor-muted: #d1d9e0b3;
+    --borderColor-neutral-muted: #d1d9e0b3;
+    --borderColor-accent-emphasis: #0969da;
+    --borderColor-success-emphasis: #1a7f37;
+    --borderColor-attention-emphasis: #9a6700;
+    --borderColor-danger-emphasis: #cf222e;
+    --borderColor-done-emphasis: #8250df;
+    --color-prettylights-syntax-comment: #59636e;
+    --color-prettylights-syntax-constant: #0550ae;
+    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
+    --color-prettylights-syntax-entity: #6639ba;
+    --color-prettylights-syntax-storage-modifier-import: #1f2328;
+    --color-prettylights-syntax-entity-tag: #0550ae;
+    --color-prettylights-syntax-keyword: #cf222e;
+    --color-prettylights-syntax-string: #0a3069;
+    --color-prettylights-syntax-variable: #953800;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
+    --color-prettylights-syntax-brackethighlighter-angle: #59636e;
+    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
+    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
+    --color-prettylights-syntax-carriage-return-bg: #cf222e;
+    --color-prettylights-syntax-string-regexp: #116329;
+    --color-prettylights-syntax-markup-list: #3b2300;
+    --color-prettylights-syntax-markup-heading: #0550ae;
+    --color-prettylights-syntax-markup-italic: #1f2328;
+    --color-prettylights-syntax-markup-bold: #1f2328;
+    --color-prettylights-syntax-markup-deleted-text: #82071e;
+    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
+    --color-prettylights-syntax-markup-inserted-text: #116329;
+    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
+    --color-prettylights-syntax-markup-changed-text: #953800;
+    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
+    --color-prettylights-syntax-markup-ignored-text: #d1d9e0;
+    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
+    --color-prettylights-syntax-meta-diff-range: #8250df;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
+  }
+}
+
+.markdown-body {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  margin: 0;
+  color: var(--fgColor-default);
+  background-color: var(--bgColor-default);
+  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
+  font-size: 16px;
+  line-height: 1.5;
+  word-wrap: break-word;
+}
+
+.markdown-body .octicon {
+  display: inline-block;
+  fill: currentColor;
+  vertical-align: text-bottom;
+}
+
+.markdown-body h1:hover .anchor .octicon-link:before,
+.markdown-body h2:hover .anchor .octicon-link:before,
+.markdown-body h3:hover .anchor .octicon-link:before,
+.markdown-body h4:hover .anchor .octicon-link:before,
+.markdown-body h5:hover .anchor .octicon-link:before,
+.markdown-body h6:hover .anchor .octicon-link:before {
+  width: 16px;
+  height: 16px;
+  content: ' ';
+  display: inline-block;
+  background-color: currentColor;
+  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
+  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
+}
+
+.markdown-body details,
+.markdown-body figcaption,
+.markdown-body figure {
+  display: block;
+}
+
+.markdown-body summary {
+  display: list-item;
+}
+
+.markdown-body [hidden] {
+  display: none !important;
+}
+
+.markdown-body a {
+  background-color: transparent;
+  color: var(--fgColor-accent);
+  text-decoration: none;
+}
+
+.markdown-body abbr[title] {
+  border-bottom: none;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+}
+
+.markdown-body b,
+.markdown-body strong {
+  font-weight: var(--base-text-weight-semibold, 600);
+}
+
+.markdown-body dfn {
+  font-style: italic;
+}
+
+.markdown-body h1 {
+  margin: .67em 0;
+  font-weight: var(--base-text-weight-semibold, 600);
+  padding-bottom: .3em;
+  font-size: 2em;
+  border-bottom: 1px solid var(--borderColor-muted);
+}
+
+.markdown-body mark {
+  background-color: var(--bgColor-attention-muted);
+  color: var(--fgColor-default);
+}
+
+.markdown-body small {
+  font-size: 90%;
+}
+
+.markdown-body sub,
+.markdown-body sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+.markdown-body sub {
+  bottom: -0.25em;
+}
+
+.markdown-body sup {
+  top: -0.5em;
+}
+
+.markdown-body img {
+  border-style: none;
+  max-width: 100%;
+  box-sizing: content-box;
+}
+
+.markdown-body code,
+.markdown-body kbd,
+.markdown-body pre,
+.markdown-body samp {
+  font-family: monospace;
+  font-size: 1em;
+}
+
+.markdown-body figure {
+  margin: 1em var(--base-size-40);
+}
+
+.markdown-body hr {
+  box-sizing: content-box;
+  overflow: hidden;
+  background: transparent;
+  border-bottom: 1px solid var(--borderColor-muted);
+  height: .25em;
+  padding: 0;
+  margin: var(--base-size-24) 0;
+  background-color: var(--borderColor-default);
+  border: 0;
+}
+
+.markdown-body input {
+  font: inherit;
+  margin: 0;
+  overflow: visible;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.markdown-body [type=button],
+.markdown-body [type=reset],
+.markdown-body [type=submit] {
+  -webkit-appearance: button;
+  appearance: button;
+}
+
+.markdown-body [type=checkbox],
+.markdown-body [type=radio] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+.markdown-body [type=number]::-webkit-inner-spin-button,
+.markdown-body [type=number]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+.markdown-body [type=search]::-webkit-search-cancel-button,
+.markdown-body [type=search]::-webkit-search-decoration {
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+.markdown-body ::-webkit-input-placeholder {
+  color: inherit;
+  opacity: .54;
+}
+
+.markdown-body ::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  appearance: button;
+  font: inherit;
+}
+
+.markdown-body a:hover {
+  text-decoration: underline;
+}
+
+.markdown-body ::placeholder {
+  color: var(--fgColor-muted);
+  opacity: 1;
+}
+
+.markdown-body hr::before {
+  display: table;
+  content: "";
+}
+
+.markdown-body hr::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.markdown-body table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  display: block;
+  width: max-content;
+  max-width: 100%;
+  overflow: auto;
+  font-variant: tabular-nums;
+}
+
+.markdown-body td,
+.markdown-body th {
+  padding: 0;
+}
+
+.markdown-body details summary {
+  cursor: pointer;
+}
+
+.markdown-body a:focus,
+.markdown-body [role=button]:focus,
+.markdown-body input[type=radio]:focus,
+.markdown-body input[type=checkbox]:focus {
+  outline: 2px solid var(--focus-outlineColor);
+  outline-offset: -2px;
+  box-shadow: none;
+}
+
+.markdown-body a:focus:not(:focus-visible),
+.markdown-body [role=button]:focus:not(:focus-visible),
+.markdown-body input[type=radio]:focus:not(:focus-visible),
+.markdown-body input[type=checkbox]:focus:not(:focus-visible) {
+  outline: solid 1px transparent;
+}
+
+.markdown-body a:focus-visible,
+.markdown-body [role=button]:focus-visible,
+.markdown-body input[type=radio]:focus-visible,
+.markdown-body input[type=checkbox]:focus-visible {
+  outline: 2px solid var(--focus-outlineColor);
+  outline-offset: -2px;
+  box-shadow: none;
+}
+
+.markdown-body a:not([class]):focus,
+.markdown-body a:not([class]):focus-visible,
+.markdown-body input[type=radio]:focus,
+.markdown-body input[type=radio]:focus-visible,
+.markdown-body input[type=checkbox]:focus,
+.markdown-body input[type=checkbox]:focus-visible {
+  outline-offset: 0;
+}
+
+.markdown-body kbd {
+  display: inline-block;
+  padding: var(--base-size-4);
+  font: 11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
+  line-height: 10px;
+  color: var(--fgColor-default);
+  vertical-align: middle;
+  background-color: var(--bgColor-muted);
+  border: solid 1px var(--borderColor-neutral-muted);
+  border-bottom-color: var(--borderColor-neutral-muted);
+  border-radius: 6px;
+  box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted);
+}
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+  margin-top: var(--base-size-24);
+  margin-bottom: var(--base-size-16);
+  font-weight: var(--base-text-weight-semibold, 600);
+  line-height: 1.25;
+}
+
+.markdown-body h2 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  padding-bottom: .3em;
+  font-size: 1.5em;
+  border-bottom: 1px solid var(--borderColor-muted);
+}
+
+.markdown-body h3 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  font-size: 1.25em;
+}
+
+.markdown-body h4 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  font-size: 1em;
+}
+
+.markdown-body h5 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  font-size: .875em;
+}
+
+.markdown-body h6 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  font-size: .85em;
+  color: var(--fgColor-muted);
+}
+
+.markdown-body p {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+.markdown-body blockquote {
+  margin: 0;
+  padding: 0 1em;
+  color: var(--fgColor-muted);
+  border-left: .25em solid var(--borderColor-default);
+}
+
+.markdown-body ul,
+.markdown-body ol {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-left: 2em;
+}
+
+.markdown-body ol ol,
+.markdown-body ul ol {
+  list-style-type: lower-roman;
+}
+
+.markdown-body ul ul ol,
+.markdown-body ul ol ol,
+.markdown-body ol ul ol,
+.markdown-body ol ol ol {
+  list-style-type: lower-alpha;
+}
+
+.markdown-body dd {
+  margin-left: 0;
+}
+
+.markdown-body tt,
+.markdown-body code,
+.markdown-body samp {
+  font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
+  font-size: 12px;
+}
+
+.markdown-body pre {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
+  font-size: 12px;
+  word-wrap: normal;
+}
+
+.markdown-body .octicon {
+  display: inline-block;
+  overflow: visible !important;
+  vertical-align: text-bottom;
+  fill: currentColor;
+}
+
+.markdown-body input::-webkit-outer-spin-button,
+.markdown-body input::-webkit-inner-spin-button {
+  margin: 0;
+  appearance: none;
+}
+
+.markdown-body .mr-2 {
+  margin-right: var(--base-size-8, 8px) !important;
+}
+
+.markdown-body::before {
+  display: table;
+  content: "";
+}
+
+.markdown-body::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.markdown-body>*:first-child {
+  margin-top: 0 !important;
+}
+
+.markdown-body>*:last-child {
+  margin-bottom: 0 !important;
+}
+
+.markdown-body a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+.markdown-body .absent {
+  color: var(--fgColor-danger);
+}
+
+.markdown-body .anchor {
+  float: left;
+  padding-right: var(--base-size-4);
+  margin-left: -20px;
+  line-height: 1;
+}
+
+.markdown-body .anchor:focus {
+  outline: none;
+}
+
+.markdown-body p,
+.markdown-body blockquote,
+.markdown-body ul,
+.markdown-body ol,
+.markdown-body dl,
+.markdown-body table,
+.markdown-body pre,
+.markdown-body details {
+  margin-top: 0;
+  margin-bottom: var(--base-size-16);
+}
+
+.markdown-body blockquote>:first-child {
+  margin-top: 0;
+}
+
+.markdown-body blockquote>:last-child {
+  margin-bottom: 0;
+}
+
+.markdown-body h1 .octicon-link,
+.markdown-body h2 .octicon-link,
+.markdown-body h3 .octicon-link,
+.markdown-body h4 .octicon-link,
+.markdown-body h5 .octicon-link,
+.markdown-body h6 .octicon-link {
+  color: var(--fgColor-default);
+  vertical-align: middle;
+  visibility: hidden;
+}
+
+.markdown-body h1:hover .anchor,
+.markdown-body h2:hover .anchor,
+.markdown-body h3:hover .anchor,
+.markdown-body h4:hover .anchor,
+.markdown-body h5:hover .anchor,
+.markdown-body h6:hover .anchor {
+  text-decoration: none;
+}
+
+.markdown-body h1:hover .anchor .octicon-link,
+.markdown-body h2:hover .anchor .octicon-link,
+.markdown-body h3:hover .anchor .octicon-link,
+.markdown-body h4:hover .anchor .octicon-link,
+.markdown-body h5:hover .anchor .octicon-link,
+.markdown-body h6:hover .anchor .octicon-link {
+  visibility: visible;
+}
+
+.markdown-body h1 tt,
+.markdown-body h1 code,
+.markdown-body h2 tt,
+.markdown-body h2 code,
+.markdown-body h3 tt,
+.markdown-body h3 code,
+.markdown-body h4 tt,
+.markdown-body h4 code,
+.markdown-body h5 tt,
+.markdown-body h5 code,
+.markdown-body h6 tt,
+.markdown-body h6 code {
+  padding: 0 .2em;
+  font-size: inherit;
+}
+
+.markdown-body summary h1,
+.markdown-body summary h2,
+.markdown-body summary h3,
+.markdown-body summary h4,
+.markdown-body summary h5,
+.markdown-body summary h6 {
+  display: inline-block;
+}
+
+.markdown-body summary h1 .anchor,
+.markdown-body summary h2 .anchor,
+.markdown-body summary h3 .anchor,
+.markdown-body summary h4 .anchor,
+.markdown-body summary h5 .anchor,
+.markdown-body summary h6 .anchor {
+  margin-left: -40px;
+}
+
+.markdown-body summary h1,
+.markdown-body summary h2 {
+  padding-bottom: 0;
+  border-bottom: 0;
+}
+
+.markdown-body ul.no-list,
+.markdown-body ol.no-list {
+  padding: 0;
+  list-style-type: none;
+}
+
+.markdown-body ol[type="a s"] {
+  list-style-type: lower-alpha;
+}
+
+.markdown-body ol[type="A s"] {
+  list-style-type: upper-alpha;
+}
+
+.markdown-body ol[type="i s"] {
+  list-style-type: lower-roman;
+}
+
+.markdown-body ol[type="I s"] {
+  list-style-type: upper-roman;
+}
+
+.markdown-body ol[type="1"] {
+  list-style-type: decimal;
+}
+
+.markdown-body div>ol:not([type]) {
+  list-style-type: decimal;
+}
+
+.markdown-body ul ul,
+.markdown-body ul ol,
+.markdown-body ol ol,
+.markdown-body ol ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.markdown-body li>p {
+  margin-top: var(--base-size-16);
+}
+
+.markdown-body li+li {
+  margin-top: .25em;
+}
+
+.markdown-body dl {
+  padding: 0;
+}
+
+.markdown-body dl dt {
+  padding: 0;
+  margin-top: var(--base-size-16);
+  font-size: 1em;
+  font-style: italic;
+  font-weight: var(--base-text-weight-semibold, 600);
+}
+
+.markdown-body dl dd {
+  padding: 0 var(--base-size-16);
+  margin-bottom: var(--base-size-16);
+}
+
+.markdown-body table th {
+  font-weight: var(--base-text-weight-semibold, 600);
+}
+
+.markdown-body table th,
+.markdown-body table td {
+  padding: 6px 13px;
+  border: 1px solid var(--borderColor-default);
+}
+
+.markdown-body table td>:last-child {
+  margin-bottom: 0;
+}
+
+.markdown-body table tr {
+  background-color: var(--bgColor-default);
+  border-top: 1px solid var(--borderColor-muted);
+}
+
+.markdown-body table tr:nth-child(2n) {
+  background-color: var(--bgColor-muted);
+}
+
+.markdown-body table img {
+  background-color: transparent;
+}
+
+.markdown-body img[align=right] {
+  padding-left: 20px;
+}
+
+.markdown-body img[align=left] {
+  padding-right: 20px;
+}
+
+.markdown-body .emoji {
+  max-width: none;
+  vertical-align: text-top;
+  background-color: transparent;
+}
+
+.markdown-body span.frame {
+  display: block;
+  overflow: hidden;
+}
+
+.markdown-body span.frame>span {
+  display: block;
+  float: left;
+  width: auto;
+  padding: 7px;
+  margin: 13px 0 0;
+  overflow: hidden;
+  border: 1px solid var(--borderColor-default);
+}
+
+.markdown-body span.frame span img {
+  display: block;
+  float: left;
+}
+
+.markdown-body span.frame span span {
+  display: block;
+  padding: 5px 0 0;
+  clear: both;
+  color: var(--fgColor-default);
+}
+
+.markdown-body span.align-center {
+  display: block;
+  overflow: hidden;
+  clear: both;
+}
+
+.markdown-body span.align-center>span {
+  display: block;
+  margin: 13px auto 0;
+  overflow: hidden;
+  text-align: center;
+}
+
+.markdown-body span.align-center span img {
+  margin: 0 auto;
+  text-align: center;
+}
+
+.markdown-body span.align-right {
+  display: block;
+  overflow: hidden;
+  clear: both;
+}
+
+.markdown-body span.align-right>span {
+  display: block;
+  margin: 13px 0 0;
+  overflow: hidden;
+  text-align: right;
+}
+
+.markdown-body span.align-right span img {
+  margin: 0;
+  text-align: right;
+}
+
+.markdown-body span.float-left {
+  display: block;
+  float: left;
+  margin-right: 13px;
+  overflow: hidden;
+}
+
+.markdown-body span.float-left span {
+  margin: 13px 0 0;
+}
+
+.markdown-body span.float-right {
+  display: block;
+  float: right;
+  margin-left: 13px;
+  overflow: hidden;
+}
+
+.markdown-body span.float-right>span {
+  display: block;
+  margin: 13px auto 0;
+  overflow: hidden;
+  text-align: right;
+}
+
+.markdown-body code,
+.markdown-body tt {
+  padding: .2em .4em;
+  margin: 0;
+  font-size: 85%;
+  white-space: break-spaces;
+  background-color: var(--bgColor-neutral-muted);
+  border-radius: 6px;
+}
+
+.markdown-body code br,
+.markdown-body tt br {
+  display: none;
+}
+
+.markdown-body del code {
+  text-decoration: inherit;
+}
+
+.markdown-body samp {
+  font-size: 85%;
+}
+
+.markdown-body pre code {
+  font-size: 100%;
+}
+
+.markdown-body pre>code {
+  padding: 0;
+  margin: 0;
+  word-break: normal;
+  white-space: pre;
+  background: transparent;
+  border: 0;
+}
+
+.markdown-body .highlight {
+  margin-bottom: var(--base-size-16);
+}
+
+.markdown-body .highlight pre {
+  margin-bottom: 0;
+  word-break: normal;
+}
+
+.markdown-body .highlight pre,
+.markdown-body pre {
+  padding: var(--base-size-16);
+  overflow: auto;
+  font-size: 85%;
+  line-height: 1.45;
+  color: var(--fgColor-default);
+  background-color: var(--bgColor-muted);
+  border-radius: 6px;
+}
+
+.markdown-body pre code,
+.markdown-body pre tt {
+  display: inline;
+  max-width: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  line-height: inherit;
+  word-wrap: normal;
+  background-color: transparent;
+  border: 0;
+}
+
+.markdown-body .csv-data td,
+.markdown-body .csv-data th {
+  padding: 5px;
+  overflow: hidden;
+  font-size: 12px;
+  line-height: 1;
+  text-align: left;
+  white-space: nowrap;
+}
+
+.markdown-body .csv-data .blob-num {
+  padding: 10px var(--base-size-8) 9px;
+  text-align: right;
+  background: var(--bgColor-default);
+  border: 0;
+}
+
+.markdown-body .csv-data tr {
+  border-top: 0;
+}
+
+.markdown-body .csv-data th {
+  font-weight: var(--base-text-weight-semibold, 600);
+  background: var(--bgColor-muted);
+  border-top: 0;
+}
+
+.markdown-body [data-footnote-ref]::before {
+  content: "[";
+}
+
+.markdown-body [data-footnote-ref]::after {
+  content: "]";
+}
+
+.markdown-body .footnotes {
+  font-size: 12px;
+  color: var(--fgColor-muted);
+  border-top: 1px solid var(--borderColor-default);
+}
+
+.markdown-body .footnotes ol {
+  padding-left: var(--base-size-16);
+}
+
+.markdown-body .footnotes ol ul {
+  display: inline-block;
+  padding-left: var(--base-size-16);
+  margin-top: var(--base-size-16);
+}
+
+.markdown-body .footnotes li {
+  position: relative;
+}
+
+.markdown-body .footnotes li:target::before {
+  position: absolute;
+  top: calc(var(--base-size-8)*-1);
+  right: calc(var(--base-size-8)*-1);
+  bottom: calc(var(--base-size-8)*-1);
+  left: calc(var(--base-size-24)*-1);
+  pointer-events: none;
+  content: "";
+  border: 2px solid var(--borderColor-accent-emphasis);
+  border-radius: 6px;
+}
+
+.markdown-body .footnotes li:target {
+  color: var(--fgColor-default);
+}
+
+.markdown-body .footnotes .data-footnote-backref g-emoji {
+  font-family: monospace;
+}
+
+.markdown-body body:has(:modal) {
+  padding-right: var(--dialog-scrollgutter) !important;
+}
+
+.markdown-body .pl-c {
+  color: var(--color-prettylights-syntax-comment);
+}
+
+.markdown-body .pl-c1,
+.markdown-body .pl-s .pl-v {
+  color: var(--color-prettylights-syntax-constant);
+}
+
+.markdown-body .pl-e,
+.markdown-body .pl-en {
+  color: var(--color-prettylights-syntax-entity);
+}
+
+.markdown-body .pl-smi,
+.markdown-body .pl-s .pl-s1 {
+  color: var(--color-prettylights-syntax-storage-modifier-import);
+}
+
+.markdown-body .pl-ent {
+  color: var(--color-prettylights-syntax-entity-tag);
+}
+
+.markdown-body .pl-k {
+  color: var(--color-prettylights-syntax-keyword);
+}
+
+.markdown-body .pl-s,
+.markdown-body .pl-pds,
+.markdown-body .pl-s .pl-pse .pl-s1,
+.markdown-body .pl-sr,
+.markdown-body .pl-sr .pl-cce,
+.markdown-body .pl-sr .pl-sre,
+.markdown-body .pl-sr .pl-sra {
+  color: var(--color-prettylights-syntax-string);
+}
+
+.markdown-body .pl-v,
+.markdown-body .pl-smw {
+  color: var(--color-prettylights-syntax-variable);
+}
+
+.markdown-body .pl-bu {
+  color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
+}
+
+.markdown-body .pl-ii {
+  color: var(--color-prettylights-syntax-invalid-illegal-text);
+  background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
+}
+
+.markdown-body .pl-c2 {
+  color: var(--color-prettylights-syntax-carriage-return-text);
+  background-color: var(--color-prettylights-syntax-carriage-return-bg);
+}
+
+.markdown-body .pl-sr .pl-cce {
+  font-weight: bold;
+  color: var(--color-prettylights-syntax-string-regexp);
+}
+
+.markdown-body .pl-ml {
+  color: var(--color-prettylights-syntax-markup-list);
+}
+
+.markdown-body .pl-mh,
+.markdown-body .pl-mh .pl-en,
+.markdown-body .pl-ms {
+  font-weight: bold;
+  color: var(--color-prettylights-syntax-markup-heading);
+}
+
+.markdown-body .pl-mi {
+  font-style: italic;
+  color: var(--color-prettylights-syntax-markup-italic);
+}
+
+.markdown-body .pl-mb {
+  font-weight: bold;
+  color: var(--color-prettylights-syntax-markup-bold);
+}
+
+.markdown-body .pl-md {
+  color: var(--color-prettylights-syntax-markup-deleted-text);
+  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
+}
+
+.markdown-body .pl-mi1 {
+  color: var(--color-prettylights-syntax-markup-inserted-text);
+  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
+}
+
+.markdown-body .pl-mc {
+  color: var(--color-prettylights-syntax-markup-changed-text);
+  background-color: var(--color-prettylights-syntax-markup-changed-bg);
+}
+
+.markdown-body .pl-mi2 {
+  color: var(--color-prettylights-syntax-markup-ignored-text);
+  background-color: var(--color-prettylights-syntax-markup-ignored-bg);
+}
+
+.markdown-body .pl-mdr {
+  font-weight: bold;
+  color: var(--color-prettylights-syntax-meta-diff-range);
+}
+
+.markdown-body .pl-ba {
+  color: var(--color-prettylights-syntax-brackethighlighter-angle);
+}
+
+.markdown-body .pl-sg {
+  color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
+}
+
+.markdown-body .pl-corl {
+  text-decoration: underline;
+  color: var(--color-prettylights-syntax-constant-other-reference-link);
+}
+
+.markdown-body [role=button]:focus:not(:focus-visible),
+.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),
+.markdown-body button:focus:not(:focus-visible),
+.markdown-body summary:focus:not(:focus-visible),
+.markdown-body a:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
+}
+
+.markdown-body [tabindex="0"]:focus:not(:focus-visible),
+.markdown-body details-dialog:focus:not(:focus-visible) {
+  outline: none;
+}
+
+.markdown-body g-emoji {
+  display: inline-block;
+  min-width: 1ch;
+  font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+  font-size: 1em;
+  font-style: normal !important;
+  font-weight: var(--base-text-weight-normal, 400);
+  line-height: 1;
+  vertical-align: -0.075em;
+}
+
+.markdown-body g-emoji img {
+  width: 1em;
+  height: 1em;
+}
+
+.markdown-body .task-list-item {
+  list-style-type: none;
+}
+
+.markdown-body .task-list-item label {
+  font-weight: var(--base-text-weight-normal, 400);
+}
+
+.markdown-body .task-list-item.enabled label {
+  cursor: pointer;
+}
+
+.markdown-body .task-list-item+.task-list-item {
+  margin-top: var(--base-size-4);
+}
+
+.markdown-body .task-list-item .handle {
+  display: none;
+}
+
+.markdown-body .task-list-item-checkbox {
+  margin: 0 .2em .25em -1.4em;
+  vertical-align: middle;
+}
+
+.markdown-body ul:dir(rtl) .task-list-item-checkbox {
+  margin: 0 -1.6em .25em .2em;
+}
+
+.markdown-body ol:dir(rtl) .task-list-item-checkbox {
+  margin: 0 -1.6em .25em .2em;
+}
+
+.markdown-body .contains-task-list:hover .task-list-item-convert-container,
+.markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
+  display: block;
+  width: auto;
+  height: 24px;
+  overflow: visible;
+  clip: auto;
+}
+
+.markdown-body ::-webkit-calendar-picker-indicator {
+  filter: invert(50%);
+}
+
+.markdown-body .markdown-alert {
+  padding: var(--base-size-8) var(--base-size-16);
+  margin-bottom: var(--base-size-16);
+  color: inherit;
+  border-left: .25em solid var(--borderColor-default);
+}
+
+.markdown-body .markdown-alert>:first-child {
+  margin-top: 0;
+}
+
+.markdown-body .markdown-alert>:last-child {
+  margin-bottom: 0;
+}
+
+.markdown-body .markdown-alert .markdown-alert-title {
+  display: flex;
+  font-weight: var(--base-text-weight-medium, 500);
+  align-items: center;
+  line-height: 1;
+}
+
+.markdown-body .markdown-alert.markdown-alert-note {
+  border-left-color: var(--borderColor-accent-emphasis);
+}
+
+.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {
+  color: var(--fgColor-accent);
+}
+
+.markdown-body .markdown-alert.markdown-alert-important {
+  border-left-color: var(--borderColor-done-emphasis);
+}
+
+.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {
+  color: var(--fgColor-done);
+}
+
+.markdown-body .markdown-alert.markdown-alert-warning {
+  border-left-color: var(--borderColor-attention-emphasis);
+}
+
+.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {
+  color: var(--fgColor-attention);
+}
+
+.markdown-body .markdown-alert.markdown-alert-tip {
+  border-left-color: var(--borderColor-success-emphasis);
+}
+
+.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {
+  color: var(--fgColor-success);
+}
+
+.markdown-body .markdown-alert.markdown-alert-caution {
+  border-left-color: var(--borderColor-danger-emphasis);
+}
+
+.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
+  color: var(--fgColor-danger);
+}
+
+.markdown-body>*:first-child>.heading-element:first-child {
+  margin-top: 0 !important;
+}
+
+.markdown-body .highlight pre:has(+.zeroclipboard-container) {
+  min-height: 52px;
+}
+
diff --git a/test/files/css/tailwind-2.0.4.css b/test/files/css/tailwind-2.0.4.css
new file mode 100644
index 00000000..26011061
--- /dev/null
+++ b/test/files/css/tailwind-2.0.4.css
@@ -0,0 +1,171973 @@
+/*! tailwindcss v2.0.4 | MIT License | https://tailwindcss.com */
+
+/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+
+/*
+Document
+========
+*/
+
+/**
+Use a better box model (opinionated).
+*/
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/**
+Use a more readable tab size (opinionated).
+*/
+
+:root {
+  -moz-tab-size: 4;
+  tab-size: 4;
+}
+
+/**
+1. Correct the line height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+*/
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+Sections
+========
+*/
+
+/**
+Remove the margin in all browsers.
+*/
+
+body {
+  margin: 0;
+}
+
+/**
+Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+*/
+
+body {
+  font-family:
+		system-ui,
+		-apple-system, /* Firefox supports this but not yet `system-ui` */
+		'Segoe UI',
+		Roboto,
+		Helvetica,
+		Arial,
+		sans-serif,
+		'Apple Color Emoji',
+		'Segoe UI Emoji';
+}
+
+/*
+Grouping content
+================
+*/
+
+/**
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+*/
+
+hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+}
+
+/*
+Text-level semantics
+====================
+*/
+
+/**
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+}
+
+/**
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+2. Correct the odd 'em' font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family:
+		ui-monospace,
+		SFMono-Regular,
+		Consolas,
+		'Liberation Mono',
+		Menlo,
+		monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/**
+Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+Tabular data
+============
+*/
+
+/**
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+*/
+
+table {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+}
+
+/*
+Forms
+=====
+*/
+
+/**
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+Remove the inheritance of text transform in Edge and Firefox.
+1. Remove the inheritance of text transform in Firefox.
+*/
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+Correct the inability to style clickable types in iOS and Safari.
+*/
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button;
+}
+
+/**
+Remove the inner border and padding in Firefox.
+*/
+
+::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+Restore the focus styles unset by the previous rule.
+*/
+
+:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+Remove the additional ':invalid' styles in Firefox.
+See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
+*/
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+/**
+Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
+*/
+
+legend {
+  padding: 0;
+}
+
+/**
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to 'inherit' in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/*
+Interactive
+===========
+*/
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}
+
+/**
+ * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
+ * A thin layer on top of normalize.css that provides a starting point more
+ * suitable for web applications.
+ */
+
+/**
+ * Removes the default spacing and border for appropriate elements.
+ */
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+button {
+  background-color: transparent;
+  background-image: none;
+}
+
+/**
+ * Work around a Firefox/IE bug where the transparent `button` background
+ * results in a loss of the default `button` focus styles.
+ */
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+ol,
+ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/**
+ * Tailwind custom reset styles
+ */
+
+/**
+ * 1. Use the user's configured `sans` font-family (with Tailwind's default
+ *    sans-serif font stack as a fallback) as a sane default.
+ * 2. Use Tailwind's default "normal" line-height so the user isn't forced
+ *    to override it to ensure consistency even when using the default theme.
+ */
+
+html {
+  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
+  line-height: 1.5; /* 2 */
+}
+
+/**
+ * Inherit font-family and line-height from `html` so users can set them as
+ * a class directly on the `html` element.
+ */
+
+body {
+  font-family: inherit;
+  line-height: inherit;
+}
+
+/**
+ * 1. Prevent padding and border from affecting element width.
+ *
+ *    We used to set this in the html element and inherit from
+ *    the parent element for everything else. This caused issues
+ *    in shadow-dom-enhanced elements like <details> where the content
+ *    is wrapped by a div with box-sizing set to `content-box`.
+ *
+ *    https://github.com/mozdevs/cssremedy/issues/4
+ *
+ *
+ * 2. Allow adding a border to an element by just adding a border-width.
+ *
+ *    By default, the way the browser specifies that an element should have no
+ *    border is by setting it's border-style to `none` in the user-agent
+ *    stylesheet.
+ *
+ *    In order to easily add borders to elements by just setting the `border-width`
+ *    property, we change the default border-style for all elements to `solid`, and
+ *    use border-width to hide them instead. This way our `border` utilities only
+ *    need to set the `border-width` property instead of the entire `border`
+ *    shorthand, making our border utilities much more straightforward to compose.
+ *
+ *    https://github.com/tailwindcss/tailwindcss/pull/116
+ */
+
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: #e5e7eb; /* 2 */
+}
+
+/*
+ * Ensure horizontal rules are visible by default
+ */
+
+hr {
+  border-top-width: 1px;
+}
+
+/**
+ * Undo the `border-style: none` reset that Normalize applies to images so that
+ * our `border-{width}` utilities have the expected effect.
+ *
+ * The Normalize reset is unnecessary for us since we default the border-width
+ * to 0 on all elements.
+ *
+ * https://github.com/tailwindcss/tailwindcss/issues/362
+ */
+
+img {
+  border-style: solid;
+}
+
+textarea {
+  resize: vertical;
+}
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/**
+ * Reset links to optimize for opt-in styling instead of
+ * opt-out.
+ */
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/**
+ * Reset form element properties that are easy to forget to
+ * style explicitly so you don't inadvertently introduce
+ * styles that deviate from your design system. These styles
+ * supplement a partial reset that is already applied by
+ * normalize.css.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  padding: 0;
+  line-height: inherit;
+  color: inherit;
+}
+
+/**
+ * Use the configured 'mono' font family for elements that
+ * are expected to be rendered with a monospace font, falling
+ * back to the system monospace stack if there is no configured
+ * 'mono' font family.
+ */
+
+pre,
+code,
+kbd,
+samp {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+/**
+ * Make replaced elements `display: block` by default as that's
+ * the behavior you want almost all of the time. Inspired by
+ * CSS Remedy, with `svg` added as well.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  vertical-align: middle;
+}
+
+/**
+ * Constrain images and videos to the parent width and preserve
+ * their instrinsic aspect ratio.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+.container {
+  width: 100%;
+}
+
+@media (min-width: 640px) {
+  .container {
+    max-width: 640px;
+  }
+}
+
+@media (min-width: 768px) {
+  .container {
+    max-width: 768px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .container {
+    max-width: 1024px;
+  }
+}
+
+@media (min-width: 1280px) {
+  .container {
+    max-width: 1280px;
+  }
+}
+
+@media (min-width: 1536px) {
+  .container {
+    max-width: 1536px;
+  }
+}
+
+.space-y-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0px * var(--tw-space-y-reverse));
+}
+
+.space-x-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0px * var(--tw-space-x-reverse));
+  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+}
+
+.space-x-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+}
+
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+
+.space-x-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
+
+.space-x-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1rem * var(--tw-space-x-reverse));
+  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+}
+
+.space-x-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-6 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+}
+
+.space-x-6 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-7 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
+}
+
+.space-x-7 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+}
+
+.space-x-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(2rem * var(--tw-space-x-reverse));
+  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-9 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
+}
+
+.space-x-9 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(2.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+}
+
+.space-x-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(2.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-11 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
+}
+
+.space-x-11 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(2.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-12 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
+}
+
+.space-x-12 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(3rem * var(--tw-space-x-reverse));
+  margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-14 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
+}
+
+.space-x-14 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(3.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-16 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
+}
+
+.space-x-16 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(4rem * var(--tw-space-x-reverse));
+  margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-20 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(5rem * var(--tw-space-y-reverse));
+}
+
+.space-x-20 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(5rem * var(--tw-space-x-reverse));
+  margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-24 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(6rem * var(--tw-space-y-reverse));
+}
+
+.space-x-24 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(6rem * var(--tw-space-x-reverse));
+  margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-28 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(7rem * var(--tw-space-y-reverse));
+}
+
+.space-x-28 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(7rem * var(--tw-space-x-reverse));
+  margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-32 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(8rem * var(--tw-space-y-reverse));
+}
+
+.space-x-32 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(8rem * var(--tw-space-x-reverse));
+  margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-36 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(9rem * var(--tw-space-y-reverse));
+}
+
+.space-x-36 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(9rem * var(--tw-space-x-reverse));
+  margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-40 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(10rem * var(--tw-space-y-reverse));
+}
+
+.space-x-40 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(10rem * var(--tw-space-x-reverse));
+  margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-44 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(11rem * var(--tw-space-y-reverse));
+}
+
+.space-x-44 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(11rem * var(--tw-space-x-reverse));
+  margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-48 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(12rem * var(--tw-space-y-reverse));
+}
+
+.space-x-48 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(12rem * var(--tw-space-x-reverse));
+  margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-52 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(13rem * var(--tw-space-y-reverse));
+}
+
+.space-x-52 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(13rem * var(--tw-space-x-reverse));
+  margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-56 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(14rem * var(--tw-space-y-reverse));
+}
+
+.space-x-56 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(14rem * var(--tw-space-x-reverse));
+  margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-60 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(15rem * var(--tw-space-y-reverse));
+}
+
+.space-x-60 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(15rem * var(--tw-space-x-reverse));
+  margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-64 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(16rem * var(--tw-space-y-reverse));
+}
+
+.space-x-64 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(16rem * var(--tw-space-x-reverse));
+  margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-72 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(18rem * var(--tw-space-y-reverse));
+}
+
+.space-x-72 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(18rem * var(--tw-space-x-reverse));
+  margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-80 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(20rem * var(--tw-space-y-reverse));
+}
+
+.space-x-80 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(20rem * var(--tw-space-x-reverse));
+  margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-96 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(24rem * var(--tw-space-y-reverse));
+}
+
+.space-x-96 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(24rem * var(--tw-space-x-reverse));
+  margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-px > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1px * var(--tw-space-y-reverse));
+}
+
+.space-x-px > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1px * var(--tw-space-x-reverse));
+  margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+}
+
+.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+}
+
+.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+}
+
+.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
+}
+
+.space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.875rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0px * var(--tw-space-y-reverse));
+}
+
+.-space-x-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0px * var(--tw-space-x-reverse));
+  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-1rem * var(--tw-space-x-reverse));
+  margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-6 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-6 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-7 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-7 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-2rem * var(--tw-space-x-reverse));
+  margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-9 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-9 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-11 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-11 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-12 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-12 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-3rem * var(--tw-space-x-reverse));
+  margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-14 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-14 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-16 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-16 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-4rem * var(--tw-space-x-reverse));
+  margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-20 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-20 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-5rem * var(--tw-space-x-reverse));
+  margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-24 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-24 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-6rem * var(--tw-space-x-reverse));
+  margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-28 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-28 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-7rem * var(--tw-space-x-reverse));
+  margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-32 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-32 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-8rem * var(--tw-space-x-reverse));
+  margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-36 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-36 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-9rem * var(--tw-space-x-reverse));
+  margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-40 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-40 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-10rem * var(--tw-space-x-reverse));
+  margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-44 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-44 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-11rem * var(--tw-space-x-reverse));
+  margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-48 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-48 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-12rem * var(--tw-space-x-reverse));
+  margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-52 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-52 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-13rem * var(--tw-space-x-reverse));
+  margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-56 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-56 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-14rem * var(--tw-space-x-reverse));
+  margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-60 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-60 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-15rem * var(--tw-space-x-reverse));
+  margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-64 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-64 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-16rem * var(--tw-space-x-reverse));
+  margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-72 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-72 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-18rem * var(--tw-space-x-reverse));
+  margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-80 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-80 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-20rem * var(--tw-space-x-reverse));
+  margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-96 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-96 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-24rem * var(--tw-space-x-reverse));
+  margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-px > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-1px * var(--tw-space-y-reverse));
+}
+
+.-space-x-px > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-1px * var(--tw-space-x-reverse));
+  margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-reverse > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 1;
+}
+
+.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 1;
+}
+
+.divide-y-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+}
+
+.divide-x-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 0;
+  border-right-width: calc(0px * var(--tw-divide-x-reverse));
+  border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
+}
+
+.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
+}
+
+.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 0;
+  border-right-width: calc(2px * var(--tw-divide-x-reverse));
+  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
+}
+
+.divide-y-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
+}
+
+.divide-x-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 0;
+  border-right-width: calc(4px * var(--tw-divide-x-reverse));
+  border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
+}
+
+.divide-y-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
+}
+
+.divide-x-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 0;
+  border-right-width: calc(8px * var(--tw-divide-x-reverse));
+  border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
+}
+
+.divide-y > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+}
+
+.divide-x > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 0;
+  border-right-width: calc(1px * var(--tw-divide-x-reverse));
+  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+}
+
+.divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 1;
+}
+
+.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 1;
+}
+
+.divide-transparent > :not([hidden]) ~ :not([hidden]) {
+  border-color: transparent;
+}
+
+.divide-current > :not([hidden]) ~ :not([hidden]) {
+  border-color: currentColor;
+}
+
+.divide-black > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+}
+
+.divide-white > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+}
+
+.divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+}
+
+.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+}
+
+.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+}
+
+.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+}
+
+.divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+}
+
+.divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+}
+
+.divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+}
+
+.divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+}
+
+.divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+}
+
+.divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+}
+
+.divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+}
+
+.divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+}
+
+.divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+}
+
+.divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+}
+
+.divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+}
+
+.divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+}
+
+.divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+}
+
+.divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+}
+
+.divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+}
+
+.divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+}
+
+.divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+}
+
+.divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+}
+
+.divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+}
+
+.divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+}
+
+.divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+}
+
+.divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+}
+
+.divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+}
+
+.divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+}
+
+.divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+}
+
+.divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+}
+
+.divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+}
+
+.divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
+}
+
+.divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
+}
+
+.divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
+}
+
+.divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
+}
+
+.divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
+}
+
+.divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
+}
+
+.divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
+}
+
+.divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
+}
+
+.divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
+}
+
+.divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+}
+
+.divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+}
+
+.divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+}
+
+.divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+}
+
+.divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+}
+
+.divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+}
+
+.divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+}
+
+.divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+}
+
+.divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+}
+
+.divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+}
+
+.divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+}
+
+.divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+}
+
+.divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+}
+
+.divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+}
+
+.divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+}
+
+.divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+}
+
+.divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+}
+
+.divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+}
+
+.divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+}
+
+.divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+}
+
+.divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+}
+
+.divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+}
+
+.divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+}
+
+.divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+}
+
+.divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+}
+
+.divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+}
+
+.divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+}
+
+.divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+}
+
+.divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+}
+
+.divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+}
+
+.divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+}
+
+.divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+}
+
+.divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+}
+
+.divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+}
+
+.divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+}
+
+.divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+}
+
+.divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+}
+
+.divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+}
+
+.divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+}
+
+.divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+}
+
+.divide-solid > :not([hidden]) ~ :not([hidden]) {
+  border-style: solid;
+}
+
+.divide-dashed > :not([hidden]) ~ :not([hidden]) {
+  border-style: dashed;
+}
+
+.divide-dotted > :not([hidden]) ~ :not([hidden]) {
+  border-style: dotted;
+}
+
+.divide-double > :not([hidden]) ~ :not([hidden]) {
+  border-style: double;
+}
+
+.divide-none > :not([hidden]) ~ :not([hidden]) {
+  border-style: none;
+}
+
+.divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0;
+}
+
+.divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.05;
+}
+
+.divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.1;
+}
+
+.divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.2;
+}
+
+.divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.25;
+}
+
+.divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.3;
+}
+
+.divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.4;
+}
+
+.divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.5;
+}
+
+.divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.6;
+}
+
+.divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.7;
+}
+
+.divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.75;
+}
+
+.divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.8;
+}
+
+.divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.9;
+}
+
+.divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.95;
+}
+
+.divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+}
+
+.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;
+}
+
+.not-sr-only {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
+.focus-within\:sr-only:focus-within {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+.focus-within\:not-sr-only:focus-within {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
+.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;
+}
+
+.focus\:not-sr-only:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
+.appearance-none {
+  -webkit-appearance: none;
+          appearance: none;
+}
+
+.bg-fixed {
+  background-attachment: fixed;
+}
+
+.bg-local {
+  background-attachment: local;
+}
+
+.bg-scroll {
+  background-attachment: scroll;
+}
+
+.bg-clip-border {
+  background-clip: border-box;
+}
+
+.bg-clip-padding {
+  background-clip: padding-box;
+}
+
+.bg-clip-content {
+  background-clip: content-box;
+}
+
+.bg-clip-text {
+  -webkit-background-clip: text;
+          background-clip: text;
+}
+
+.bg-transparent {
+  background-color: transparent;
+}
+
+.bg-current {
+  background-color: currentColor;
+}
+
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+
+.bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+}
+
+.bg-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+}
+
+.bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+}
+
+.bg-gray-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+}
+
+.bg-gray-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+}
+
+.bg-gray-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+}
+
+.bg-gray-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+}
+
+.bg-gray-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+}
+
+.bg-gray-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+}
+
+.bg-gray-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+}
+
+.bg-red-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+}
+
+.bg-red-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+}
+
+.bg-red-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+}
+
+.bg-red-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+}
+
+.bg-red-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+}
+
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+}
+
+.bg-red-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+}
+
+.bg-red-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+}
+
+.bg-red-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+}
+
+.bg-red-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+}
+
+.bg-yellow-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+}
+
+.bg-yellow-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+}
+
+.bg-yellow-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+}
+
+.bg-yellow-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+}
+
+.bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+}
+
+.bg-yellow-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+}
+
+.bg-yellow-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+}
+
+.bg-yellow-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+}
+
+.bg-yellow-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+}
+
+.bg-yellow-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+}
+
+.bg-green-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+}
+
+.bg-green-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+}
+
+.bg-green-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+}
+
+.bg-green-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+}
+
+.bg-green-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+}
+
+.bg-green-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+}
+
+.bg-green-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+}
+
+.bg-green-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+}
+
+.bg-green-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+}
+
+.bg-green-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+}
+
+.bg-blue-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+}
+
+.bg-blue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+}
+
+.bg-blue-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+}
+
+.bg-blue-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+}
+
+.bg-blue-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+}
+
+.bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+
+.bg-blue-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+
+.bg-blue-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+}
+
+.bg-blue-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+}
+
+.bg-blue-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+}
+
+.bg-indigo-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+}
+
+.bg-indigo-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+}
+
+.bg-indigo-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+}
+
+.bg-indigo-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+}
+
+.bg-indigo-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+}
+
+.bg-indigo-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+}
+
+.bg-indigo-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+}
+
+.bg-indigo-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+}
+
+.bg-indigo-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+}
+
+.bg-indigo-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+}
+
+.bg-purple-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+}
+
+.bg-purple-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+}
+
+.bg-purple-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+}
+
+.bg-purple-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+}
+
+.bg-purple-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+}
+
+.bg-purple-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+}
+
+.bg-purple-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+}
+
+.bg-purple-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+}
+
+.bg-purple-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+}
+
+.bg-purple-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+}
+
+.bg-pink-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+}
+
+.bg-pink-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+}
+
+.bg-pink-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+}
+
+.bg-pink-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+}
+
+.bg-pink-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+}
+
+.bg-pink-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+}
+
+.bg-pink-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+}
+
+.bg-pink-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+}
+
+.bg-pink-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+}
+
+.bg-pink-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-transparent {
+  background-color: transparent;
+}
+
+.group:hover .group-hover\:bg-current {
+  background-color: currentColor;
+}
+
+.group:hover .group-hover\:bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-transparent:focus-within {
+  background-color: transparent;
+}
+
+.focus-within\:bg-current:focus-within {
+  background-color: currentColor;
+}
+
+.focus-within\:bg-black:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-white:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+}
+
+.hover\:bg-transparent:hover {
+  background-color: transparent;
+}
+
+.hover\:bg-current:hover {
+  background-color: currentColor;
+}
+
+.hover\:bg-black:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+
+.hover\:bg-white:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+}
+
+.focus\:bg-transparent:focus {
+  background-color: transparent;
+}
+
+.focus\:bg-current:focus {
+  background-color: currentColor;
+}
+
+.focus\:bg-black:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+
+.focus\:bg-white:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+}
+
+.bg-none {
+  background-image: none;
+}
+
+.bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-tr {
+  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-r {
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-br {
+  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-b {
+  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-bl {
+  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-l {
+  background-image: linear-gradient(to left, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-tl {
+  background-image: linear-gradient(to top left, var(--tw-gradient-stops));
+}
+
+.from-transparent {
+  --tw-gradient-from: transparent;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.from-current {
+  --tw-gradient-from: currentColor;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-black {
+  --tw-gradient-from: #000;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.from-white {
+  --tw-gradient-from: #fff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-gray-50 {
+  --tw-gradient-from: #f9fafb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+}
+
+.from-gray-100 {
+  --tw-gradient-from: #f3f4f6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+}
+
+.from-gray-200 {
+  --tw-gradient-from: #e5e7eb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+}
+
+.from-gray-300 {
+  --tw-gradient-from: #d1d5db;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+}
+
+.from-gray-400 {
+  --tw-gradient-from: #9ca3af;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+}
+
+.from-gray-500 {
+  --tw-gradient-from: #6b7280;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+}
+
+.from-gray-600 {
+  --tw-gradient-from: #4b5563;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+}
+
+.from-gray-700 {
+  --tw-gradient-from: #374151;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+}
+
+.from-gray-800 {
+  --tw-gradient-from: #1f2937;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+}
+
+.from-gray-900 {
+  --tw-gradient-from: #111827;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+}
+
+.from-red-50 {
+  --tw-gradient-from: #fef2f2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+}
+
+.from-red-100 {
+  --tw-gradient-from: #fee2e2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+}
+
+.from-red-200 {
+  --tw-gradient-from: #fecaca;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+}
+
+.from-red-300 {
+  --tw-gradient-from: #fca5a5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+}
+
+.from-red-400 {
+  --tw-gradient-from: #f87171;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+}
+
+.from-red-500 {
+  --tw-gradient-from: #ef4444;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+}
+
+.from-red-600 {
+  --tw-gradient-from: #dc2626;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+}
+
+.from-red-700 {
+  --tw-gradient-from: #b91c1c;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+}
+
+.from-red-800 {
+  --tw-gradient-from: #991b1b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+}
+
+.from-red-900 {
+  --tw-gradient-from: #7f1d1d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+}
+
+.from-yellow-50 {
+  --tw-gradient-from: #fffbeb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+}
+
+.from-yellow-100 {
+  --tw-gradient-from: #fef3c7;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+}
+
+.from-yellow-200 {
+  --tw-gradient-from: #fde68a;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+}
+
+.from-yellow-300 {
+  --tw-gradient-from: #fcd34d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+}
+
+.from-yellow-400 {
+  --tw-gradient-from: #fbbf24;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+}
+
+.from-yellow-500 {
+  --tw-gradient-from: #f59e0b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+}
+
+.from-yellow-600 {
+  --tw-gradient-from: #d97706;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+}
+
+.from-yellow-700 {
+  --tw-gradient-from: #b45309;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+}
+
+.from-yellow-800 {
+  --tw-gradient-from: #92400e;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+}
+
+.from-yellow-900 {
+  --tw-gradient-from: #78350f;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+}
+
+.from-green-50 {
+  --tw-gradient-from: #ecfdf5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+}
+
+.from-green-100 {
+  --tw-gradient-from: #d1fae5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+}
+
+.from-green-200 {
+  --tw-gradient-from: #a7f3d0;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+}
+
+.from-green-300 {
+  --tw-gradient-from: #6ee7b7;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+}
+
+.from-green-400 {
+  --tw-gradient-from: #34d399;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+}
+
+.from-green-500 {
+  --tw-gradient-from: #10b981;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+}
+
+.from-green-600 {
+  --tw-gradient-from: #059669;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+}
+
+.from-green-700 {
+  --tw-gradient-from: #047857;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+}
+
+.from-green-800 {
+  --tw-gradient-from: #065f46;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+}
+
+.from-green-900 {
+  --tw-gradient-from: #064e3b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+}
+
+.from-blue-50 {
+  --tw-gradient-from: #eff6ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+}
+
+.from-blue-100 {
+  --tw-gradient-from: #dbeafe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+}
+
+.from-blue-200 {
+  --tw-gradient-from: #bfdbfe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+}
+
+.from-blue-300 {
+  --tw-gradient-from: #93c5fd;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+}
+
+.from-blue-400 {
+  --tw-gradient-from: #60a5fa;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+}
+
+.from-blue-500 {
+  --tw-gradient-from: #3b82f6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+}
+
+.from-blue-600 {
+  --tw-gradient-from: #2563eb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+}
+
+.from-blue-700 {
+  --tw-gradient-from: #1d4ed8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+}
+
+.from-blue-800 {
+  --tw-gradient-from: #1e40af;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+}
+
+.from-blue-900 {
+  --tw-gradient-from: #1e3a8a;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+}
+
+.from-indigo-50 {
+  --tw-gradient-from: #eef2ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+}
+
+.from-indigo-100 {
+  --tw-gradient-from: #e0e7ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+}
+
+.from-indigo-200 {
+  --tw-gradient-from: #c7d2fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+}
+
+.from-indigo-300 {
+  --tw-gradient-from: #a5b4fc;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+}
+
+.from-indigo-400 {
+  --tw-gradient-from: #818cf8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+}
+
+.from-indigo-500 {
+  --tw-gradient-from: #6366f1;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+}
+
+.from-indigo-600 {
+  --tw-gradient-from: #4f46e5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+}
+
+.from-indigo-700 {
+  --tw-gradient-from: #4338ca;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+}
+
+.from-indigo-800 {
+  --tw-gradient-from: #3730a3;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+}
+
+.from-indigo-900 {
+  --tw-gradient-from: #312e81;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+}
+
+.from-purple-50 {
+  --tw-gradient-from: #f5f3ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+}
+
+.from-purple-100 {
+  --tw-gradient-from: #ede9fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+}
+
+.from-purple-200 {
+  --tw-gradient-from: #ddd6fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+}
+
+.from-purple-300 {
+  --tw-gradient-from: #c4b5fd;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+}
+
+.from-purple-400 {
+  --tw-gradient-from: #a78bfa;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+}
+
+.from-purple-500 {
+  --tw-gradient-from: #8b5cf6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+}
+
+.from-purple-600 {
+  --tw-gradient-from: #7c3aed;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+}
+
+.from-purple-700 {
+  --tw-gradient-from: #6d28d9;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+}
+
+.from-purple-800 {
+  --tw-gradient-from: #5b21b6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+}
+
+.from-purple-900 {
+  --tw-gradient-from: #4c1d95;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+}
+
+.from-pink-50 {
+  --tw-gradient-from: #fdf2f8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+}
+
+.from-pink-100 {
+  --tw-gradient-from: #fce7f3;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+}
+
+.from-pink-200 {
+  --tw-gradient-from: #fbcfe8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+}
+
+.from-pink-300 {
+  --tw-gradient-from: #f9a8d4;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+}
+
+.from-pink-400 {
+  --tw-gradient-from: #f472b6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+}
+
+.from-pink-500 {
+  --tw-gradient-from: #ec4899;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+}
+
+.from-pink-600 {
+  --tw-gradient-from: #db2777;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+}
+
+.from-pink-700 {
+  --tw-gradient-from: #be185d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+}
+
+.from-pink-800 {
+  --tw-gradient-from: #9d174d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+}
+
+.from-pink-900 {
+  --tw-gradient-from: #831843;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+}
+
+.via-transparent {
+  --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.via-current {
+  --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-black {
+  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.via-white {
+  --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-gray-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+}
+
+.via-gray-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+}
+
+.via-gray-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+}
+
+.via-gray-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+}
+
+.via-gray-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+}
+
+.via-gray-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+}
+
+.via-gray-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+}
+
+.via-gray-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+}
+
+.via-gray-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+}
+
+.via-gray-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+}
+
+.via-red-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+}
+
+.via-red-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+}
+
+.via-red-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+}
+
+.via-red-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+}
+
+.via-red-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+}
+
+.via-red-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+}
+
+.via-red-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+}
+
+.via-red-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+}
+
+.via-red-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+}
+
+.via-red-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+}
+
+.via-yellow-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+}
+
+.via-yellow-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+}
+
+.via-yellow-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+}
+
+.via-yellow-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+}
+
+.via-yellow-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+}
+
+.via-yellow-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+}
+
+.via-yellow-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+}
+
+.via-yellow-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+}
+
+.via-yellow-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+}
+
+.via-yellow-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+}
+
+.via-green-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+}
+
+.via-green-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+}
+
+.via-green-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+}
+
+.via-green-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+}
+
+.via-green-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+}
+
+.via-green-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+}
+
+.via-green-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+}
+
+.via-green-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+}
+
+.via-green-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+}
+
+.via-green-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+}
+
+.via-blue-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+}
+
+.via-blue-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+}
+
+.via-blue-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+}
+
+.via-blue-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+}
+
+.via-blue-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+}
+
+.via-blue-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+}
+
+.via-blue-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+}
+
+.via-blue-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+}
+
+.via-blue-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+}
+
+.via-blue-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+}
+
+.via-indigo-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+}
+
+.via-indigo-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+}
+
+.via-indigo-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+}
+
+.via-indigo-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+}
+
+.via-indigo-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+}
+
+.via-indigo-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+}
+
+.via-indigo-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+}
+
+.via-indigo-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+}
+
+.via-indigo-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+}
+
+.via-indigo-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+}
+
+.via-purple-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+}
+
+.via-purple-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+}
+
+.via-purple-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+}
+
+.via-purple-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+}
+
+.via-purple-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+}
+
+.via-purple-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+}
+
+.via-purple-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+}
+
+.via-purple-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+}
+
+.via-purple-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+}
+
+.via-purple-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+}
+
+.via-pink-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+}
+
+.via-pink-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+}
+
+.via-pink-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+}
+
+.via-pink-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+}
+
+.via-pink-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+}
+
+.via-pink-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+}
+
+.via-pink-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+}
+
+.via-pink-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+}
+
+.via-pink-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+}
+
+.via-pink-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+}
+
+.to-transparent {
+  --tw-gradient-to: transparent;
+}
+
+.to-current {
+  --tw-gradient-to: currentColor;
+}
+
+.to-black {
+  --tw-gradient-to: #000;
+}
+
+.to-white {
+  --tw-gradient-to: #fff;
+}
+
+.to-gray-50 {
+  --tw-gradient-to: #f9fafb;
+}
+
+.to-gray-100 {
+  --tw-gradient-to: #f3f4f6;
+}
+
+.to-gray-200 {
+  --tw-gradient-to: #e5e7eb;
+}
+
+.to-gray-300 {
+  --tw-gradient-to: #d1d5db;
+}
+
+.to-gray-400 {
+  --tw-gradient-to: #9ca3af;
+}
+
+.to-gray-500 {
+  --tw-gradient-to: #6b7280;
+}
+
+.to-gray-600 {
+  --tw-gradient-to: #4b5563;
+}
+
+.to-gray-700 {
+  --tw-gradient-to: #374151;
+}
+
+.to-gray-800 {
+  --tw-gradient-to: #1f2937;
+}
+
+.to-gray-900 {
+  --tw-gradient-to: #111827;
+}
+
+.to-red-50 {
+  --tw-gradient-to: #fef2f2;
+}
+
+.to-red-100 {
+  --tw-gradient-to: #fee2e2;
+}
+
+.to-red-200 {
+  --tw-gradient-to: #fecaca;
+}
+
+.to-red-300 {
+  --tw-gradient-to: #fca5a5;
+}
+
+.to-red-400 {
+  --tw-gradient-to: #f87171;
+}
+
+.to-red-500 {
+  --tw-gradient-to: #ef4444;
+}
+
+.to-red-600 {
+  --tw-gradient-to: #dc2626;
+}
+
+.to-red-700 {
+  --tw-gradient-to: #b91c1c;
+}
+
+.to-red-800 {
+  --tw-gradient-to: #991b1b;
+}
+
+.to-red-900 {
+  --tw-gradient-to: #7f1d1d;
+}
+
+.to-yellow-50 {
+  --tw-gradient-to: #fffbeb;
+}
+
+.to-yellow-100 {
+  --tw-gradient-to: #fef3c7;
+}
+
+.to-yellow-200 {
+  --tw-gradient-to: #fde68a;
+}
+
+.to-yellow-300 {
+  --tw-gradient-to: #fcd34d;
+}
+
+.to-yellow-400 {
+  --tw-gradient-to: #fbbf24;
+}
+
+.to-yellow-500 {
+  --tw-gradient-to: #f59e0b;
+}
+
+.to-yellow-600 {
+  --tw-gradient-to: #d97706;
+}
+
+.to-yellow-700 {
+  --tw-gradient-to: #b45309;
+}
+
+.to-yellow-800 {
+  --tw-gradient-to: #92400e;
+}
+
+.to-yellow-900 {
+  --tw-gradient-to: #78350f;
+}
+
+.to-green-50 {
+  --tw-gradient-to: #ecfdf5;
+}
+
+.to-green-100 {
+  --tw-gradient-to: #d1fae5;
+}
+
+.to-green-200 {
+  --tw-gradient-to: #a7f3d0;
+}
+
+.to-green-300 {
+  --tw-gradient-to: #6ee7b7;
+}
+
+.to-green-400 {
+  --tw-gradient-to: #34d399;
+}
+
+.to-green-500 {
+  --tw-gradient-to: #10b981;
+}
+
+.to-green-600 {
+  --tw-gradient-to: #059669;
+}
+
+.to-green-700 {
+  --tw-gradient-to: #047857;
+}
+
+.to-green-800 {
+  --tw-gradient-to: #065f46;
+}
+
+.to-green-900 {
+  --tw-gradient-to: #064e3b;
+}
+
+.to-blue-50 {
+  --tw-gradient-to: #eff6ff;
+}
+
+.to-blue-100 {
+  --tw-gradient-to: #dbeafe;
+}
+
+.to-blue-200 {
+  --tw-gradient-to: #bfdbfe;
+}
+
+.to-blue-300 {
+  --tw-gradient-to: #93c5fd;
+}
+
+.to-blue-400 {
+  --tw-gradient-to: #60a5fa;
+}
+
+.to-blue-500 {
+  --tw-gradient-to: #3b82f6;
+}
+
+.to-blue-600 {
+  --tw-gradient-to: #2563eb;
+}
+
+.to-blue-700 {
+  --tw-gradient-to: #1d4ed8;
+}
+
+.to-blue-800 {
+  --tw-gradient-to: #1e40af;
+}
+
+.to-blue-900 {
+  --tw-gradient-to: #1e3a8a;
+}
+
+.to-indigo-50 {
+  --tw-gradient-to: #eef2ff;
+}
+
+.to-indigo-100 {
+  --tw-gradient-to: #e0e7ff;
+}
+
+.to-indigo-200 {
+  --tw-gradient-to: #c7d2fe;
+}
+
+.to-indigo-300 {
+  --tw-gradient-to: #a5b4fc;
+}
+
+.to-indigo-400 {
+  --tw-gradient-to: #818cf8;
+}
+
+.to-indigo-500 {
+  --tw-gradient-to: #6366f1;
+}
+
+.to-indigo-600 {
+  --tw-gradient-to: #4f46e5;
+}
+
+.to-indigo-700 {
+  --tw-gradient-to: #4338ca;
+}
+
+.to-indigo-800 {
+  --tw-gradient-to: #3730a3;
+}
+
+.to-indigo-900 {
+  --tw-gradient-to: #312e81;
+}
+
+.to-purple-50 {
+  --tw-gradient-to: #f5f3ff;
+}
+
+.to-purple-100 {
+  --tw-gradient-to: #ede9fe;
+}
+
+.to-purple-200 {
+  --tw-gradient-to: #ddd6fe;
+}
+
+.to-purple-300 {
+  --tw-gradient-to: #c4b5fd;
+}
+
+.to-purple-400 {
+  --tw-gradient-to: #a78bfa;
+}
+
+.to-purple-500 {
+  --tw-gradient-to: #8b5cf6;
+}
+
+.to-purple-600 {
+  --tw-gradient-to: #7c3aed;
+}
+
+.to-purple-700 {
+  --tw-gradient-to: #6d28d9;
+}
+
+.to-purple-800 {
+  --tw-gradient-to: #5b21b6;
+}
+
+.to-purple-900 {
+  --tw-gradient-to: #4c1d95;
+}
+
+.to-pink-50 {
+  --tw-gradient-to: #fdf2f8;
+}
+
+.to-pink-100 {
+  --tw-gradient-to: #fce7f3;
+}
+
+.to-pink-200 {
+  --tw-gradient-to: #fbcfe8;
+}
+
+.to-pink-300 {
+  --tw-gradient-to: #f9a8d4;
+}
+
+.to-pink-400 {
+  --tw-gradient-to: #f472b6;
+}
+
+.to-pink-500 {
+  --tw-gradient-to: #ec4899;
+}
+
+.to-pink-600 {
+  --tw-gradient-to: #db2777;
+}
+
+.to-pink-700 {
+  --tw-gradient-to: #be185d;
+}
+
+.to-pink-800 {
+  --tw-gradient-to: #9d174d;
+}
+
+.to-pink-900 {
+  --tw-gradient-to: #831843;
+}
+
+.hover\:from-transparent:hover {
+  --tw-gradient-from: transparent;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.hover\:from-current:hover {
+  --tw-gradient-from: currentColor;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-black:hover {
+  --tw-gradient-from: #000;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.hover\:from-white:hover {
+  --tw-gradient-from: #fff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-gray-50:hover {
+  --tw-gradient-from: #f9fafb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+}
+
+.hover\:from-gray-100:hover {
+  --tw-gradient-from: #f3f4f6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+}
+
+.hover\:from-gray-200:hover {
+  --tw-gradient-from: #e5e7eb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+}
+
+.hover\:from-gray-300:hover {
+  --tw-gradient-from: #d1d5db;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+}
+
+.hover\:from-gray-400:hover {
+  --tw-gradient-from: #9ca3af;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+}
+
+.hover\:from-gray-500:hover {
+  --tw-gradient-from: #6b7280;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+}
+
+.hover\:from-gray-600:hover {
+  --tw-gradient-from: #4b5563;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+}
+
+.hover\:from-gray-700:hover {
+  --tw-gradient-from: #374151;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+}
+
+.hover\:from-gray-800:hover {
+  --tw-gradient-from: #1f2937;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+}
+
+.hover\:from-gray-900:hover {
+  --tw-gradient-from: #111827;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+}
+
+.hover\:from-red-50:hover {
+  --tw-gradient-from: #fef2f2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+}
+
+.hover\:from-red-100:hover {
+  --tw-gradient-from: #fee2e2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+}
+
+.hover\:from-red-200:hover {
+  --tw-gradient-from: #fecaca;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+}
+
+.hover\:from-red-300:hover {
+  --tw-gradient-from: #fca5a5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+}
+
+.hover\:from-red-400:hover {
+  --tw-gradient-from: #f87171;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+}
+
+.hover\:from-red-500:hover {
+  --tw-gradient-from: #ef4444;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+}
+
+.hover\:from-red-600:hover {
+  --tw-gradient-from: #dc2626;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+}
+
+.hover\:from-red-700:hover {
+  --tw-gradient-from: #b91c1c;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+}
+
+.hover\:from-red-800:hover {
+  --tw-gradient-from: #991b1b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+}
+
+.hover\:from-red-900:hover {
+  --tw-gradient-from: #7f1d1d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+}
+
+.hover\:from-yellow-50:hover {
+  --tw-gradient-from: #fffbeb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+}
+
+.hover\:from-yellow-100:hover {
+  --tw-gradient-from: #fef3c7;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+}
+
+.hover\:from-yellow-200:hover {
+  --tw-gradient-from: #fde68a;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+}
+
+.hover\:from-yellow-300:hover {
+  --tw-gradient-from: #fcd34d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+}
+
+.hover\:from-yellow-400:hover {
+  --tw-gradient-from: #fbbf24;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+}
+
+.hover\:from-yellow-500:hover {
+  --tw-gradient-from: #f59e0b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+}
+
+.hover\:from-yellow-600:hover {
+  --tw-gradient-from: #d97706;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+}
+
+.hover\:from-yellow-700:hover {
+  --tw-gradient-from: #b45309;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+}
+
+.hover\:from-yellow-800:hover {
+  --tw-gradient-from: #92400e;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+}
+
+.hover\:from-yellow-900:hover {
+  --tw-gradient-from: #78350f;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+}
+
+.hover\:from-green-50:hover {
+  --tw-gradient-from: #ecfdf5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+}
+
+.hover\:from-green-100:hover {
+  --tw-gradient-from: #d1fae5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+}
+
+.hover\:from-green-200:hover {
+  --tw-gradient-from: #a7f3d0;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+}
+
+.hover\:from-green-300:hover {
+  --tw-gradient-from: #6ee7b7;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+}
+
+.hover\:from-green-400:hover {
+  --tw-gradient-from: #34d399;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+}
+
+.hover\:from-green-500:hover {
+  --tw-gradient-from: #10b981;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+}
+
+.hover\:from-green-600:hover {
+  --tw-gradient-from: #059669;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+}
+
+.hover\:from-green-700:hover {
+  --tw-gradient-from: #047857;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+}
+
+.hover\:from-green-800:hover {
+  --tw-gradient-from: #065f46;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+}
+
+.hover\:from-green-900:hover {
+  --tw-gradient-from: #064e3b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+}
+
+.hover\:from-blue-50:hover {
+  --tw-gradient-from: #eff6ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+}
+
+.hover\:from-blue-100:hover {
+  --tw-gradient-from: #dbeafe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+}
+
+.hover\:from-blue-200:hover {
+  --tw-gradient-from: #bfdbfe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+}
+
+.hover\:from-blue-300:hover {
+  --tw-gradient-from: #93c5fd;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+}
+
+.hover\:from-blue-400:hover {
+  --tw-gradient-from: #60a5fa;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+}
+
+.hover\:from-blue-500:hover {
+  --tw-gradient-from: #3b82f6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+}
+
+.hover\:from-blue-600:hover {
+  --tw-gradient-from: #2563eb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+}
+
+.hover\:from-blue-700:hover {
+  --tw-gradient-from: #1d4ed8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+}
+
+.hover\:from-blue-800:hover {
+  --tw-gradient-from: #1e40af;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+}
+
+.hover\:from-blue-900:hover {
+  --tw-gradient-from: #1e3a8a;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+}
+
+.hover\:from-indigo-50:hover {
+  --tw-gradient-from: #eef2ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+}
+
+.hover\:from-indigo-100:hover {
+  --tw-gradient-from: #e0e7ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+}
+
+.hover\:from-indigo-200:hover {
+  --tw-gradient-from: #c7d2fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+}
+
+.hover\:from-indigo-300:hover {
+  --tw-gradient-from: #a5b4fc;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+}
+
+.hover\:from-indigo-400:hover {
+  --tw-gradient-from: #818cf8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+}
+
+.hover\:from-indigo-500:hover {
+  --tw-gradient-from: #6366f1;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+}
+
+.hover\:from-indigo-600:hover {
+  --tw-gradient-from: #4f46e5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+}
+
+.hover\:from-indigo-700:hover {
+  --tw-gradient-from: #4338ca;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+}
+
+.hover\:from-indigo-800:hover {
+  --tw-gradient-from: #3730a3;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+}
+
+.hover\:from-indigo-900:hover {
+  --tw-gradient-from: #312e81;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+}
+
+.hover\:from-purple-50:hover {
+  --tw-gradient-from: #f5f3ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+}
+
+.hover\:from-purple-100:hover {
+  --tw-gradient-from: #ede9fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+}
+
+.hover\:from-purple-200:hover {
+  --tw-gradient-from: #ddd6fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+}
+
+.hover\:from-purple-300:hover {
+  --tw-gradient-from: #c4b5fd;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+}
+
+.hover\:from-purple-400:hover {
+  --tw-gradient-from: #a78bfa;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+}
+
+.hover\:from-purple-500:hover {
+  --tw-gradient-from: #8b5cf6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+}
+
+.hover\:from-purple-600:hover {
+  --tw-gradient-from: #7c3aed;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+}
+
+.hover\:from-purple-700:hover {
+  --tw-gradient-from: #6d28d9;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+}
+
+.hover\:from-purple-800:hover {
+  --tw-gradient-from: #5b21b6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+}
+
+.hover\:from-purple-900:hover {
+  --tw-gradient-from: #4c1d95;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+}
+
+.hover\:from-pink-50:hover {
+  --tw-gradient-from: #fdf2f8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+}
+
+.hover\:from-pink-100:hover {
+  --tw-gradient-from: #fce7f3;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+}
+
+.hover\:from-pink-200:hover {
+  --tw-gradient-from: #fbcfe8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+}
+
+.hover\:from-pink-300:hover {
+  --tw-gradient-from: #f9a8d4;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+}
+
+.hover\:from-pink-400:hover {
+  --tw-gradient-from: #f472b6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+}
+
+.hover\:from-pink-500:hover {
+  --tw-gradient-from: #ec4899;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+}
+
+.hover\:from-pink-600:hover {
+  --tw-gradient-from: #db2777;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+}
+
+.hover\:from-pink-700:hover {
+  --tw-gradient-from: #be185d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+}
+
+.hover\:from-pink-800:hover {
+  --tw-gradient-from: #9d174d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+}
+
+.hover\:from-pink-900:hover {
+  --tw-gradient-from: #831843;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+}
+
+.hover\:via-transparent:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.hover\:via-current:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-black:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.hover\:via-white:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-gray-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+}
+
+.hover\:via-gray-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+}
+
+.hover\:via-gray-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+}
+
+.hover\:via-gray-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+}
+
+.hover\:via-gray-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+}
+
+.hover\:via-gray-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+}
+
+.hover\:via-gray-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+}
+
+.hover\:via-gray-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+}
+
+.hover\:via-gray-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+}
+
+.hover\:via-gray-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+}
+
+.hover\:via-red-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+}
+
+.hover\:via-red-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+}
+
+.hover\:via-red-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+}
+
+.hover\:via-red-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+}
+
+.hover\:via-red-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+}
+
+.hover\:via-red-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+}
+
+.hover\:via-red-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+}
+
+.hover\:via-red-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+}
+
+.hover\:via-red-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+}
+
+.hover\:via-red-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+}
+
+.hover\:via-yellow-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+}
+
+.hover\:via-yellow-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+}
+
+.hover\:via-yellow-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+}
+
+.hover\:via-yellow-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+}
+
+.hover\:via-yellow-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+}
+
+.hover\:via-yellow-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+}
+
+.hover\:via-yellow-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+}
+
+.hover\:via-yellow-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+}
+
+.hover\:via-yellow-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+}
+
+.hover\:via-yellow-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+}
+
+.hover\:via-green-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+}
+
+.hover\:via-green-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+}
+
+.hover\:via-green-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+}
+
+.hover\:via-green-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+}
+
+.hover\:via-green-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+}
+
+.hover\:via-green-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+}
+
+.hover\:via-green-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+}
+
+.hover\:via-green-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+}
+
+.hover\:via-green-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+}
+
+.hover\:via-green-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+}
+
+.hover\:via-blue-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+}
+
+.hover\:via-blue-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+}
+
+.hover\:via-blue-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+}
+
+.hover\:via-blue-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+}
+
+.hover\:via-blue-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+}
+
+.hover\:via-blue-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+}
+
+.hover\:via-blue-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+}
+
+.hover\:via-blue-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+}
+
+.hover\:via-blue-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+}
+
+.hover\:via-blue-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+}
+
+.hover\:via-indigo-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+}
+
+.hover\:via-indigo-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+}
+
+.hover\:via-indigo-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+}
+
+.hover\:via-indigo-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+}
+
+.hover\:via-indigo-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+}
+
+.hover\:via-indigo-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+}
+
+.hover\:via-indigo-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+}
+
+.hover\:via-indigo-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+}
+
+.hover\:via-indigo-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+}
+
+.hover\:via-indigo-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+}
+
+.hover\:via-purple-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+}
+
+.hover\:via-purple-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+}
+
+.hover\:via-purple-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+}
+
+.hover\:via-purple-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+}
+
+.hover\:via-purple-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+}
+
+.hover\:via-purple-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+}
+
+.hover\:via-purple-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+}
+
+.hover\:via-purple-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+}
+
+.hover\:via-purple-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+}
+
+.hover\:via-purple-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+}
+
+.hover\:via-pink-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+}
+
+.hover\:via-pink-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+}
+
+.hover\:via-pink-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+}
+
+.hover\:via-pink-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+}
+
+.hover\:via-pink-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+}
+
+.hover\:via-pink-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+}
+
+.hover\:via-pink-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+}
+
+.hover\:via-pink-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+}
+
+.hover\:via-pink-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+}
+
+.hover\:via-pink-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+}
+
+.hover\:to-transparent:hover {
+  --tw-gradient-to: transparent;
+}
+
+.hover\:to-current:hover {
+  --tw-gradient-to: currentColor;
+}
+
+.hover\:to-black:hover {
+  --tw-gradient-to: #000;
+}
+
+.hover\:to-white:hover {
+  --tw-gradient-to: #fff;
+}
+
+.hover\:to-gray-50:hover {
+  --tw-gradient-to: #f9fafb;
+}
+
+.hover\:to-gray-100:hover {
+  --tw-gradient-to: #f3f4f6;
+}
+
+.hover\:to-gray-200:hover {
+  --tw-gradient-to: #e5e7eb;
+}
+
+.hover\:to-gray-300:hover {
+  --tw-gradient-to: #d1d5db;
+}
+
+.hover\:to-gray-400:hover {
+  --tw-gradient-to: #9ca3af;
+}
+
+.hover\:to-gray-500:hover {
+  --tw-gradient-to: #6b7280;
+}
+
+.hover\:to-gray-600:hover {
+  --tw-gradient-to: #4b5563;
+}
+
+.hover\:to-gray-700:hover {
+  --tw-gradient-to: #374151;
+}
+
+.hover\:to-gray-800:hover {
+  --tw-gradient-to: #1f2937;
+}
+
+.hover\:to-gray-900:hover {
+  --tw-gradient-to: #111827;
+}
+
+.hover\:to-red-50:hover {
+  --tw-gradient-to: #fef2f2;
+}
+
+.hover\:to-red-100:hover {
+  --tw-gradient-to: #fee2e2;
+}
+
+.hover\:to-red-200:hover {
+  --tw-gradient-to: #fecaca;
+}
+
+.hover\:to-red-300:hover {
+  --tw-gradient-to: #fca5a5;
+}
+
+.hover\:to-red-400:hover {
+  --tw-gradient-to: #f87171;
+}
+
+.hover\:to-red-500:hover {
+  --tw-gradient-to: #ef4444;
+}
+
+.hover\:to-red-600:hover {
+  --tw-gradient-to: #dc2626;
+}
+
+.hover\:to-red-700:hover {
+  --tw-gradient-to: #b91c1c;
+}
+
+.hover\:to-red-800:hover {
+  --tw-gradient-to: #991b1b;
+}
+
+.hover\:to-red-900:hover {
+  --tw-gradient-to: #7f1d1d;
+}
+
+.hover\:to-yellow-50:hover {
+  --tw-gradient-to: #fffbeb;
+}
+
+.hover\:to-yellow-100:hover {
+  --tw-gradient-to: #fef3c7;
+}
+
+.hover\:to-yellow-200:hover {
+  --tw-gradient-to: #fde68a;
+}
+
+.hover\:to-yellow-300:hover {
+  --tw-gradient-to: #fcd34d;
+}
+
+.hover\:to-yellow-400:hover {
+  --tw-gradient-to: #fbbf24;
+}
+
+.hover\:to-yellow-500:hover {
+  --tw-gradient-to: #f59e0b;
+}
+
+.hover\:to-yellow-600:hover {
+  --tw-gradient-to: #d97706;
+}
+
+.hover\:to-yellow-700:hover {
+  --tw-gradient-to: #b45309;
+}
+
+.hover\:to-yellow-800:hover {
+  --tw-gradient-to: #92400e;
+}
+
+.hover\:to-yellow-900:hover {
+  --tw-gradient-to: #78350f;
+}
+
+.hover\:to-green-50:hover {
+  --tw-gradient-to: #ecfdf5;
+}
+
+.hover\:to-green-100:hover {
+  --tw-gradient-to: #d1fae5;
+}
+
+.hover\:to-green-200:hover {
+  --tw-gradient-to: #a7f3d0;
+}
+
+.hover\:to-green-300:hover {
+  --tw-gradient-to: #6ee7b7;
+}
+
+.hover\:to-green-400:hover {
+  --tw-gradient-to: #34d399;
+}
+
+.hover\:to-green-500:hover {
+  --tw-gradient-to: #10b981;
+}
+
+.hover\:to-green-600:hover {
+  --tw-gradient-to: #059669;
+}
+
+.hover\:to-green-700:hover {
+  --tw-gradient-to: #047857;
+}
+
+.hover\:to-green-800:hover {
+  --tw-gradient-to: #065f46;
+}
+
+.hover\:to-green-900:hover {
+  --tw-gradient-to: #064e3b;
+}
+
+.hover\:to-blue-50:hover {
+  --tw-gradient-to: #eff6ff;
+}
+
+.hover\:to-blue-100:hover {
+  --tw-gradient-to: #dbeafe;
+}
+
+.hover\:to-blue-200:hover {
+  --tw-gradient-to: #bfdbfe;
+}
+
+.hover\:to-blue-300:hover {
+  --tw-gradient-to: #93c5fd;
+}
+
+.hover\:to-blue-400:hover {
+  --tw-gradient-to: #60a5fa;
+}
+
+.hover\:to-blue-500:hover {
+  --tw-gradient-to: #3b82f6;
+}
+
+.hover\:to-blue-600:hover {
+  --tw-gradient-to: #2563eb;
+}
+
+.hover\:to-blue-700:hover {
+  --tw-gradient-to: #1d4ed8;
+}
+
+.hover\:to-blue-800:hover {
+  --tw-gradient-to: #1e40af;
+}
+
+.hover\:to-blue-900:hover {
+  --tw-gradient-to: #1e3a8a;
+}
+
+.hover\:to-indigo-50:hover {
+  --tw-gradient-to: #eef2ff;
+}
+
+.hover\:to-indigo-100:hover {
+  --tw-gradient-to: #e0e7ff;
+}
+
+.hover\:to-indigo-200:hover {
+  --tw-gradient-to: #c7d2fe;
+}
+
+.hover\:to-indigo-300:hover {
+  --tw-gradient-to: #a5b4fc;
+}
+
+.hover\:to-indigo-400:hover {
+  --tw-gradient-to: #818cf8;
+}
+
+.hover\:to-indigo-500:hover {
+  --tw-gradient-to: #6366f1;
+}
+
+.hover\:to-indigo-600:hover {
+  --tw-gradient-to: #4f46e5;
+}
+
+.hover\:to-indigo-700:hover {
+  --tw-gradient-to: #4338ca;
+}
+
+.hover\:to-indigo-800:hover {
+  --tw-gradient-to: #3730a3;
+}
+
+.hover\:to-indigo-900:hover {
+  --tw-gradient-to: #312e81;
+}
+
+.hover\:to-purple-50:hover {
+  --tw-gradient-to: #f5f3ff;
+}
+
+.hover\:to-purple-100:hover {
+  --tw-gradient-to: #ede9fe;
+}
+
+.hover\:to-purple-200:hover {
+  --tw-gradient-to: #ddd6fe;
+}
+
+.hover\:to-purple-300:hover {
+  --tw-gradient-to: #c4b5fd;
+}
+
+.hover\:to-purple-400:hover {
+  --tw-gradient-to: #a78bfa;
+}
+
+.hover\:to-purple-500:hover {
+  --tw-gradient-to: #8b5cf6;
+}
+
+.hover\:to-purple-600:hover {
+  --tw-gradient-to: #7c3aed;
+}
+
+.hover\:to-purple-700:hover {
+  --tw-gradient-to: #6d28d9;
+}
+
+.hover\:to-purple-800:hover {
+  --tw-gradient-to: #5b21b6;
+}
+
+.hover\:to-purple-900:hover {
+  --tw-gradient-to: #4c1d95;
+}
+
+.hover\:to-pink-50:hover {
+  --tw-gradient-to: #fdf2f8;
+}
+
+.hover\:to-pink-100:hover {
+  --tw-gradient-to: #fce7f3;
+}
+
+.hover\:to-pink-200:hover {
+  --tw-gradient-to: #fbcfe8;
+}
+
+.hover\:to-pink-300:hover {
+  --tw-gradient-to: #f9a8d4;
+}
+
+.hover\:to-pink-400:hover {
+  --tw-gradient-to: #f472b6;
+}
+
+.hover\:to-pink-500:hover {
+  --tw-gradient-to: #ec4899;
+}
+
+.hover\:to-pink-600:hover {
+  --tw-gradient-to: #db2777;
+}
+
+.hover\:to-pink-700:hover {
+  --tw-gradient-to: #be185d;
+}
+
+.hover\:to-pink-800:hover {
+  --tw-gradient-to: #9d174d;
+}
+
+.hover\:to-pink-900:hover {
+  --tw-gradient-to: #831843;
+}
+
+.focus\:from-transparent:focus {
+  --tw-gradient-from: transparent;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.focus\:from-current:focus {
+  --tw-gradient-from: currentColor;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-black:focus {
+  --tw-gradient-from: #000;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.focus\:from-white:focus {
+  --tw-gradient-from: #fff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-gray-50:focus {
+  --tw-gradient-from: #f9fafb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+}
+
+.focus\:from-gray-100:focus {
+  --tw-gradient-from: #f3f4f6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+}
+
+.focus\:from-gray-200:focus {
+  --tw-gradient-from: #e5e7eb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+}
+
+.focus\:from-gray-300:focus {
+  --tw-gradient-from: #d1d5db;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+}
+
+.focus\:from-gray-400:focus {
+  --tw-gradient-from: #9ca3af;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+}
+
+.focus\:from-gray-500:focus {
+  --tw-gradient-from: #6b7280;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+}
+
+.focus\:from-gray-600:focus {
+  --tw-gradient-from: #4b5563;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+}
+
+.focus\:from-gray-700:focus {
+  --tw-gradient-from: #374151;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+}
+
+.focus\:from-gray-800:focus {
+  --tw-gradient-from: #1f2937;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+}
+
+.focus\:from-gray-900:focus {
+  --tw-gradient-from: #111827;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+}
+
+.focus\:from-red-50:focus {
+  --tw-gradient-from: #fef2f2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+}
+
+.focus\:from-red-100:focus {
+  --tw-gradient-from: #fee2e2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+}
+
+.focus\:from-red-200:focus {
+  --tw-gradient-from: #fecaca;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+}
+
+.focus\:from-red-300:focus {
+  --tw-gradient-from: #fca5a5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+}
+
+.focus\:from-red-400:focus {
+  --tw-gradient-from: #f87171;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+}
+
+.focus\:from-red-500:focus {
+  --tw-gradient-from: #ef4444;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+}
+
+.focus\:from-red-600:focus {
+  --tw-gradient-from: #dc2626;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+}
+
+.focus\:from-red-700:focus {
+  --tw-gradient-from: #b91c1c;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+}
+
+.focus\:from-red-800:focus {
+  --tw-gradient-from: #991b1b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+}
+
+.focus\:from-red-900:focus {
+  --tw-gradient-from: #7f1d1d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+}
+
+.focus\:from-yellow-50:focus {
+  --tw-gradient-from: #fffbeb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+}
+
+.focus\:from-yellow-100:focus {
+  --tw-gradient-from: #fef3c7;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+}
+
+.focus\:from-yellow-200:focus {
+  --tw-gradient-from: #fde68a;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+}
+
+.focus\:from-yellow-300:focus {
+  --tw-gradient-from: #fcd34d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+}
+
+.focus\:from-yellow-400:focus {
+  --tw-gradient-from: #fbbf24;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+}
+
+.focus\:from-yellow-500:focus {
+  --tw-gradient-from: #f59e0b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+}
+
+.focus\:from-yellow-600:focus {
+  --tw-gradient-from: #d97706;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+}
+
+.focus\:from-yellow-700:focus {
+  --tw-gradient-from: #b45309;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+}
+
+.focus\:from-yellow-800:focus {
+  --tw-gradient-from: #92400e;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+}
+
+.focus\:from-yellow-900:focus {
+  --tw-gradient-from: #78350f;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+}
+
+.focus\:from-green-50:focus {
+  --tw-gradient-from: #ecfdf5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+}
+
+.focus\:from-green-100:focus {
+  --tw-gradient-from: #d1fae5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+}
+
+.focus\:from-green-200:focus {
+  --tw-gradient-from: #a7f3d0;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+}
+
+.focus\:from-green-300:focus {
+  --tw-gradient-from: #6ee7b7;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+}
+
+.focus\:from-green-400:focus {
+  --tw-gradient-from: #34d399;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+}
+
+.focus\:from-green-500:focus {
+  --tw-gradient-from: #10b981;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+}
+
+.focus\:from-green-600:focus {
+  --tw-gradient-from: #059669;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+}
+
+.focus\:from-green-700:focus {
+  --tw-gradient-from: #047857;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+}
+
+.focus\:from-green-800:focus {
+  --tw-gradient-from: #065f46;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+}
+
+.focus\:from-green-900:focus {
+  --tw-gradient-from: #064e3b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+}
+
+.focus\:from-blue-50:focus {
+  --tw-gradient-from: #eff6ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+}
+
+.focus\:from-blue-100:focus {
+  --tw-gradient-from: #dbeafe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+}
+
+.focus\:from-blue-200:focus {
+  --tw-gradient-from: #bfdbfe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+}
+
+.focus\:from-blue-300:focus {
+  --tw-gradient-from: #93c5fd;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+}
+
+.focus\:from-blue-400:focus {
+  --tw-gradient-from: #60a5fa;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+}
+
+.focus\:from-blue-500:focus {
+  --tw-gradient-from: #3b82f6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+}
+
+.focus\:from-blue-600:focus {
+  --tw-gradient-from: #2563eb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+}
+
+.focus\:from-blue-700:focus {
+  --tw-gradient-from: #1d4ed8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+}
+
+.focus\:from-blue-800:focus {
+  --tw-gradient-from: #1e40af;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+}
+
+.focus\:from-blue-900:focus {
+  --tw-gradient-from: #1e3a8a;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+}
+
+.focus\:from-indigo-50:focus {
+  --tw-gradient-from: #eef2ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+}
+
+.focus\:from-indigo-100:focus {
+  --tw-gradient-from: #e0e7ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+}
+
+.focus\:from-indigo-200:focus {
+  --tw-gradient-from: #c7d2fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+}
+
+.focus\:from-indigo-300:focus {
+  --tw-gradient-from: #a5b4fc;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+}
+
+.focus\:from-indigo-400:focus {
+  --tw-gradient-from: #818cf8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+}
+
+.focus\:from-indigo-500:focus {
+  --tw-gradient-from: #6366f1;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+}
+
+.focus\:from-indigo-600:focus {
+  --tw-gradient-from: #4f46e5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+}
+
+.focus\:from-indigo-700:focus {
+  --tw-gradient-from: #4338ca;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+}
+
+.focus\:from-indigo-800:focus {
+  --tw-gradient-from: #3730a3;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+}
+
+.focus\:from-indigo-900:focus {
+  --tw-gradient-from: #312e81;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+}
+
+.focus\:from-purple-50:focus {
+  --tw-gradient-from: #f5f3ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+}
+
+.focus\:from-purple-100:focus {
+  --tw-gradient-from: #ede9fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+}
+
+.focus\:from-purple-200:focus {
+  --tw-gradient-from: #ddd6fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+}
+
+.focus\:from-purple-300:focus {
+  --tw-gradient-from: #c4b5fd;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+}
+
+.focus\:from-purple-400:focus {
+  --tw-gradient-from: #a78bfa;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+}
+
+.focus\:from-purple-500:focus {
+  --tw-gradient-from: #8b5cf6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+}
+
+.focus\:from-purple-600:focus {
+  --tw-gradient-from: #7c3aed;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+}
+
+.focus\:from-purple-700:focus {
+  --tw-gradient-from: #6d28d9;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+}
+
+.focus\:from-purple-800:focus {
+  --tw-gradient-from: #5b21b6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+}
+
+.focus\:from-purple-900:focus {
+  --tw-gradient-from: #4c1d95;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+}
+
+.focus\:from-pink-50:focus {
+  --tw-gradient-from: #fdf2f8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+}
+
+.focus\:from-pink-100:focus {
+  --tw-gradient-from: #fce7f3;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+}
+
+.focus\:from-pink-200:focus {
+  --tw-gradient-from: #fbcfe8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+}
+
+.focus\:from-pink-300:focus {
+  --tw-gradient-from: #f9a8d4;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+}
+
+.focus\:from-pink-400:focus {
+  --tw-gradient-from: #f472b6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+}
+
+.focus\:from-pink-500:focus {
+  --tw-gradient-from: #ec4899;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+}
+
+.focus\:from-pink-600:focus {
+  --tw-gradient-from: #db2777;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+}
+
+.focus\:from-pink-700:focus {
+  --tw-gradient-from: #be185d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+}
+
+.focus\:from-pink-800:focus {
+  --tw-gradient-from: #9d174d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+}
+
+.focus\:from-pink-900:focus {
+  --tw-gradient-from: #831843;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+}
+
+.focus\:via-transparent:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.focus\:via-current:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-black:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.focus\:via-white:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-gray-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+}
+
+.focus\:via-gray-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+}
+
+.focus\:via-gray-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+}
+
+.focus\:via-gray-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+}
+
+.focus\:via-gray-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+}
+
+.focus\:via-gray-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+}
+
+.focus\:via-gray-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+}
+
+.focus\:via-gray-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+}
+
+.focus\:via-gray-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+}
+
+.focus\:via-gray-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+}
+
+.focus\:via-red-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+}
+
+.focus\:via-red-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+}
+
+.focus\:via-red-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+}
+
+.focus\:via-red-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+}
+
+.focus\:via-red-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+}
+
+.focus\:via-red-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+}
+
+.focus\:via-red-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+}
+
+.focus\:via-red-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+}
+
+.focus\:via-red-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+}
+
+.focus\:via-red-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+}
+
+.focus\:via-yellow-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+}
+
+.focus\:via-yellow-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+}
+
+.focus\:via-yellow-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+}
+
+.focus\:via-yellow-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+}
+
+.focus\:via-yellow-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+}
+
+.focus\:via-yellow-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+}
+
+.focus\:via-yellow-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+}
+
+.focus\:via-yellow-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+}
+
+.focus\:via-yellow-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+}
+
+.focus\:via-yellow-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+}
+
+.focus\:via-green-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+}
+
+.focus\:via-green-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+}
+
+.focus\:via-green-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+}
+
+.focus\:via-green-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+}
+
+.focus\:via-green-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+}
+
+.focus\:via-green-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+}
+
+.focus\:via-green-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+}
+
+.focus\:via-green-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+}
+
+.focus\:via-green-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+}
+
+.focus\:via-green-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+}
+
+.focus\:via-blue-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+}
+
+.focus\:via-blue-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+}
+
+.focus\:via-blue-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+}
+
+.focus\:via-blue-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+}
+
+.focus\:via-blue-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+}
+
+.focus\:via-blue-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+}
+
+.focus\:via-blue-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+}
+
+.focus\:via-blue-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+}
+
+.focus\:via-blue-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+}
+
+.focus\:via-blue-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+}
+
+.focus\:via-indigo-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+}
+
+.focus\:via-indigo-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+}
+
+.focus\:via-indigo-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+}
+
+.focus\:via-indigo-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+}
+
+.focus\:via-indigo-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+}
+
+.focus\:via-indigo-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+}
+
+.focus\:via-indigo-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+}
+
+.focus\:via-indigo-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+}
+
+.focus\:via-indigo-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+}
+
+.focus\:via-indigo-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+}
+
+.focus\:via-purple-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+}
+
+.focus\:via-purple-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+}
+
+.focus\:via-purple-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+}
+
+.focus\:via-purple-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+}
+
+.focus\:via-purple-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+}
+
+.focus\:via-purple-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+}
+
+.focus\:via-purple-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+}
+
+.focus\:via-purple-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+}
+
+.focus\:via-purple-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+}
+
+.focus\:via-purple-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+}
+
+.focus\:via-pink-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+}
+
+.focus\:via-pink-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+}
+
+.focus\:via-pink-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+}
+
+.focus\:via-pink-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+}
+
+.focus\:via-pink-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+}
+
+.focus\:via-pink-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+}
+
+.focus\:via-pink-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+}
+
+.focus\:via-pink-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+}
+
+.focus\:via-pink-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+}
+
+.focus\:via-pink-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+}
+
+.focus\:to-transparent:focus {
+  --tw-gradient-to: transparent;
+}
+
+.focus\:to-current:focus {
+  --tw-gradient-to: currentColor;
+}
+
+.focus\:to-black:focus {
+  --tw-gradient-to: #000;
+}
+
+.focus\:to-white:focus {
+  --tw-gradient-to: #fff;
+}
+
+.focus\:to-gray-50:focus {
+  --tw-gradient-to: #f9fafb;
+}
+
+.focus\:to-gray-100:focus {
+  --tw-gradient-to: #f3f4f6;
+}
+
+.focus\:to-gray-200:focus {
+  --tw-gradient-to: #e5e7eb;
+}
+
+.focus\:to-gray-300:focus {
+  --tw-gradient-to: #d1d5db;
+}
+
+.focus\:to-gray-400:focus {
+  --tw-gradient-to: #9ca3af;
+}
+
+.focus\:to-gray-500:focus {
+  --tw-gradient-to: #6b7280;
+}
+
+.focus\:to-gray-600:focus {
+  --tw-gradient-to: #4b5563;
+}
+
+.focus\:to-gray-700:focus {
+  --tw-gradient-to: #374151;
+}
+
+.focus\:to-gray-800:focus {
+  --tw-gradient-to: #1f2937;
+}
+
+.focus\:to-gray-900:focus {
+  --tw-gradient-to: #111827;
+}
+
+.focus\:to-red-50:focus {
+  --tw-gradient-to: #fef2f2;
+}
+
+.focus\:to-red-100:focus {
+  --tw-gradient-to: #fee2e2;
+}
+
+.focus\:to-red-200:focus {
+  --tw-gradient-to: #fecaca;
+}
+
+.focus\:to-red-300:focus {
+  --tw-gradient-to: #fca5a5;
+}
+
+.focus\:to-red-400:focus {
+  --tw-gradient-to: #f87171;
+}
+
+.focus\:to-red-500:focus {
+  --tw-gradient-to: #ef4444;
+}
+
+.focus\:to-red-600:focus {
+  --tw-gradient-to: #dc2626;
+}
+
+.focus\:to-red-700:focus {
+  --tw-gradient-to: #b91c1c;
+}
+
+.focus\:to-red-800:focus {
+  --tw-gradient-to: #991b1b;
+}
+
+.focus\:to-red-900:focus {
+  --tw-gradient-to: #7f1d1d;
+}
+
+.focus\:to-yellow-50:focus {
+  --tw-gradient-to: #fffbeb;
+}
+
+.focus\:to-yellow-100:focus {
+  --tw-gradient-to: #fef3c7;
+}
+
+.focus\:to-yellow-200:focus {
+  --tw-gradient-to: #fde68a;
+}
+
+.focus\:to-yellow-300:focus {
+  --tw-gradient-to: #fcd34d;
+}
+
+.focus\:to-yellow-400:focus {
+  --tw-gradient-to: #fbbf24;
+}
+
+.focus\:to-yellow-500:focus {
+  --tw-gradient-to: #f59e0b;
+}
+
+.focus\:to-yellow-600:focus {
+  --tw-gradient-to: #d97706;
+}
+
+.focus\:to-yellow-700:focus {
+  --tw-gradient-to: #b45309;
+}
+
+.focus\:to-yellow-800:focus {
+  --tw-gradient-to: #92400e;
+}
+
+.focus\:to-yellow-900:focus {
+  --tw-gradient-to: #78350f;
+}
+
+.focus\:to-green-50:focus {
+  --tw-gradient-to: #ecfdf5;
+}
+
+.focus\:to-green-100:focus {
+  --tw-gradient-to: #d1fae5;
+}
+
+.focus\:to-green-200:focus {
+  --tw-gradient-to: #a7f3d0;
+}
+
+.focus\:to-green-300:focus {
+  --tw-gradient-to: #6ee7b7;
+}
+
+.focus\:to-green-400:focus {
+  --tw-gradient-to: #34d399;
+}
+
+.focus\:to-green-500:focus {
+  --tw-gradient-to: #10b981;
+}
+
+.focus\:to-green-600:focus {
+  --tw-gradient-to: #059669;
+}
+
+.focus\:to-green-700:focus {
+  --tw-gradient-to: #047857;
+}
+
+.focus\:to-green-800:focus {
+  --tw-gradient-to: #065f46;
+}
+
+.focus\:to-green-900:focus {
+  --tw-gradient-to: #064e3b;
+}
+
+.focus\:to-blue-50:focus {
+  --tw-gradient-to: #eff6ff;
+}
+
+.focus\:to-blue-100:focus {
+  --tw-gradient-to: #dbeafe;
+}
+
+.focus\:to-blue-200:focus {
+  --tw-gradient-to: #bfdbfe;
+}
+
+.focus\:to-blue-300:focus {
+  --tw-gradient-to: #93c5fd;
+}
+
+.focus\:to-blue-400:focus {
+  --tw-gradient-to: #60a5fa;
+}
+
+.focus\:to-blue-500:focus {
+  --tw-gradient-to: #3b82f6;
+}
+
+.focus\:to-blue-600:focus {
+  --tw-gradient-to: #2563eb;
+}
+
+.focus\:to-blue-700:focus {
+  --tw-gradient-to: #1d4ed8;
+}
+
+.focus\:to-blue-800:focus {
+  --tw-gradient-to: #1e40af;
+}
+
+.focus\:to-blue-900:focus {
+  --tw-gradient-to: #1e3a8a;
+}
+
+.focus\:to-indigo-50:focus {
+  --tw-gradient-to: #eef2ff;
+}
+
+.focus\:to-indigo-100:focus {
+  --tw-gradient-to: #e0e7ff;
+}
+
+.focus\:to-indigo-200:focus {
+  --tw-gradient-to: #c7d2fe;
+}
+
+.focus\:to-indigo-300:focus {
+  --tw-gradient-to: #a5b4fc;
+}
+
+.focus\:to-indigo-400:focus {
+  --tw-gradient-to: #818cf8;
+}
+
+.focus\:to-indigo-500:focus {
+  --tw-gradient-to: #6366f1;
+}
+
+.focus\:to-indigo-600:focus {
+  --tw-gradient-to: #4f46e5;
+}
+
+.focus\:to-indigo-700:focus {
+  --tw-gradient-to: #4338ca;
+}
+
+.focus\:to-indigo-800:focus {
+  --tw-gradient-to: #3730a3;
+}
+
+.focus\:to-indigo-900:focus {
+  --tw-gradient-to: #312e81;
+}
+
+.focus\:to-purple-50:focus {
+  --tw-gradient-to: #f5f3ff;
+}
+
+.focus\:to-purple-100:focus {
+  --tw-gradient-to: #ede9fe;
+}
+
+.focus\:to-purple-200:focus {
+  --tw-gradient-to: #ddd6fe;
+}
+
+.focus\:to-purple-300:focus {
+  --tw-gradient-to: #c4b5fd;
+}
+
+.focus\:to-purple-400:focus {
+  --tw-gradient-to: #a78bfa;
+}
+
+.focus\:to-purple-500:focus {
+  --tw-gradient-to: #8b5cf6;
+}
+
+.focus\:to-purple-600:focus {
+  --tw-gradient-to: #7c3aed;
+}
+
+.focus\:to-purple-700:focus {
+  --tw-gradient-to: #6d28d9;
+}
+
+.focus\:to-purple-800:focus {
+  --tw-gradient-to: #5b21b6;
+}
+
+.focus\:to-purple-900:focus {
+  --tw-gradient-to: #4c1d95;
+}
+
+.focus\:to-pink-50:focus {
+  --tw-gradient-to: #fdf2f8;
+}
+
+.focus\:to-pink-100:focus {
+  --tw-gradient-to: #fce7f3;
+}
+
+.focus\:to-pink-200:focus {
+  --tw-gradient-to: #fbcfe8;
+}
+
+.focus\:to-pink-300:focus {
+  --tw-gradient-to: #f9a8d4;
+}
+
+.focus\:to-pink-400:focus {
+  --tw-gradient-to: #f472b6;
+}
+
+.focus\:to-pink-500:focus {
+  --tw-gradient-to: #ec4899;
+}
+
+.focus\:to-pink-600:focus {
+  --tw-gradient-to: #db2777;
+}
+
+.focus\:to-pink-700:focus {
+  --tw-gradient-to: #be185d;
+}
+
+.focus\:to-pink-800:focus {
+  --tw-gradient-to: #9d174d;
+}
+
+.focus\:to-pink-900:focus {
+  --tw-gradient-to: #831843;
+}
+
+.bg-opacity-0 {
+  --tw-bg-opacity: 0;
+}
+
+.bg-opacity-5 {
+  --tw-bg-opacity: 0.05;
+}
+
+.bg-opacity-10 {
+  --tw-bg-opacity: 0.1;
+}
+
+.bg-opacity-20 {
+  --tw-bg-opacity: 0.2;
+}
+
+.bg-opacity-25 {
+  --tw-bg-opacity: 0.25;
+}
+
+.bg-opacity-30 {
+  --tw-bg-opacity: 0.3;
+}
+
+.bg-opacity-40 {
+  --tw-bg-opacity: 0.4;
+}
+
+.bg-opacity-50 {
+  --tw-bg-opacity: 0.5;
+}
+
+.bg-opacity-60 {
+  --tw-bg-opacity: 0.6;
+}
+
+.bg-opacity-70 {
+  --tw-bg-opacity: 0.7;
+}
+
+.bg-opacity-75 {
+  --tw-bg-opacity: 0.75;
+}
+
+.bg-opacity-80 {
+  --tw-bg-opacity: 0.8;
+}
+
+.bg-opacity-90 {
+  --tw-bg-opacity: 0.9;
+}
+
+.bg-opacity-95 {
+  --tw-bg-opacity: 0.95;
+}
+
+.bg-opacity-100 {
+  --tw-bg-opacity: 1;
+}
+
+.group:hover .group-hover\:bg-opacity-0 {
+  --tw-bg-opacity: 0;
+}
+
+.group:hover .group-hover\:bg-opacity-5 {
+  --tw-bg-opacity: 0.05;
+}
+
+.group:hover .group-hover\:bg-opacity-10 {
+  --tw-bg-opacity: 0.1;
+}
+
+.group:hover .group-hover\:bg-opacity-20 {
+  --tw-bg-opacity: 0.2;
+}
+
+.group:hover .group-hover\:bg-opacity-25 {
+  --tw-bg-opacity: 0.25;
+}
+
+.group:hover .group-hover\:bg-opacity-30 {
+  --tw-bg-opacity: 0.3;
+}
+
+.group:hover .group-hover\:bg-opacity-40 {
+  --tw-bg-opacity: 0.4;
+}
+
+.group:hover .group-hover\:bg-opacity-50 {
+  --tw-bg-opacity: 0.5;
+}
+
+.group:hover .group-hover\:bg-opacity-60 {
+  --tw-bg-opacity: 0.6;
+}
+
+.group:hover .group-hover\:bg-opacity-70 {
+  --tw-bg-opacity: 0.7;
+}
+
+.group:hover .group-hover\:bg-opacity-75 {
+  --tw-bg-opacity: 0.75;
+}
+
+.group:hover .group-hover\:bg-opacity-80 {
+  --tw-bg-opacity: 0.8;
+}
+
+.group:hover .group-hover\:bg-opacity-90 {
+  --tw-bg-opacity: 0.9;
+}
+
+.group:hover .group-hover\:bg-opacity-95 {
+  --tw-bg-opacity: 0.95;
+}
+
+.group:hover .group-hover\:bg-opacity-100 {
+  --tw-bg-opacity: 1;
+}
+
+.focus-within\:bg-opacity-0:focus-within {
+  --tw-bg-opacity: 0;
+}
+
+.focus-within\:bg-opacity-5:focus-within {
+  --tw-bg-opacity: 0.05;
+}
+
+.focus-within\:bg-opacity-10:focus-within {
+  --tw-bg-opacity: 0.1;
+}
+
+.focus-within\:bg-opacity-20:focus-within {
+  --tw-bg-opacity: 0.2;
+}
+
+.focus-within\:bg-opacity-25:focus-within {
+  --tw-bg-opacity: 0.25;
+}
+
+.focus-within\:bg-opacity-30:focus-within {
+  --tw-bg-opacity: 0.3;
+}
+
+.focus-within\:bg-opacity-40:focus-within {
+  --tw-bg-opacity: 0.4;
+}
+
+.focus-within\:bg-opacity-50:focus-within {
+  --tw-bg-opacity: 0.5;
+}
+
+.focus-within\:bg-opacity-60:focus-within {
+  --tw-bg-opacity: 0.6;
+}
+
+.focus-within\:bg-opacity-70:focus-within {
+  --tw-bg-opacity: 0.7;
+}
+
+.focus-within\:bg-opacity-75:focus-within {
+  --tw-bg-opacity: 0.75;
+}
+
+.focus-within\:bg-opacity-80:focus-within {
+  --tw-bg-opacity: 0.8;
+}
+
+.focus-within\:bg-opacity-90:focus-within {
+  --tw-bg-opacity: 0.9;
+}
+
+.focus-within\:bg-opacity-95:focus-within {
+  --tw-bg-opacity: 0.95;
+}
+
+.focus-within\:bg-opacity-100:focus-within {
+  --tw-bg-opacity: 1;
+}
+
+.hover\:bg-opacity-0:hover {
+  --tw-bg-opacity: 0;
+}
+
+.hover\:bg-opacity-5:hover {
+  --tw-bg-opacity: 0.05;
+}
+
+.hover\:bg-opacity-10:hover {
+  --tw-bg-opacity: 0.1;
+}
+
+.hover\:bg-opacity-20:hover {
+  --tw-bg-opacity: 0.2;
+}
+
+.hover\:bg-opacity-25:hover {
+  --tw-bg-opacity: 0.25;
+}
+
+.hover\:bg-opacity-30:hover {
+  --tw-bg-opacity: 0.3;
+}
+
+.hover\:bg-opacity-40:hover {
+  --tw-bg-opacity: 0.4;
+}
+
+.hover\:bg-opacity-50:hover {
+  --tw-bg-opacity: 0.5;
+}
+
+.hover\:bg-opacity-60:hover {
+  --tw-bg-opacity: 0.6;
+}
+
+.hover\:bg-opacity-70:hover {
+  --tw-bg-opacity: 0.7;
+}
+
+.hover\:bg-opacity-75:hover {
+  --tw-bg-opacity: 0.75;
+}
+
+.hover\:bg-opacity-80:hover {
+  --tw-bg-opacity: 0.8;
+}
+
+.hover\:bg-opacity-90:hover {
+  --tw-bg-opacity: 0.9;
+}
+
+.hover\:bg-opacity-95:hover {
+  --tw-bg-opacity: 0.95;
+}
+
+.hover\:bg-opacity-100:hover {
+  --tw-bg-opacity: 1;
+}
+
+.focus\:bg-opacity-0:focus {
+  --tw-bg-opacity: 0;
+}
+
+.focus\:bg-opacity-5:focus {
+  --tw-bg-opacity: 0.05;
+}
+
+.focus\:bg-opacity-10:focus {
+  --tw-bg-opacity: 0.1;
+}
+
+.focus\:bg-opacity-20:focus {
+  --tw-bg-opacity: 0.2;
+}
+
+.focus\:bg-opacity-25:focus {
+  --tw-bg-opacity: 0.25;
+}
+
+.focus\:bg-opacity-30:focus {
+  --tw-bg-opacity: 0.3;
+}
+
+.focus\:bg-opacity-40:focus {
+  --tw-bg-opacity: 0.4;
+}
+
+.focus\:bg-opacity-50:focus {
+  --tw-bg-opacity: 0.5;
+}
+
+.focus\:bg-opacity-60:focus {
+  --tw-bg-opacity: 0.6;
+}
+
+.focus\:bg-opacity-70:focus {
+  --tw-bg-opacity: 0.7;
+}
+
+.focus\:bg-opacity-75:focus {
+  --tw-bg-opacity: 0.75;
+}
+
+.focus\:bg-opacity-80:focus {
+  --tw-bg-opacity: 0.8;
+}
+
+.focus\:bg-opacity-90:focus {
+  --tw-bg-opacity: 0.9;
+}
+
+.focus\:bg-opacity-95:focus {
+  --tw-bg-opacity: 0.95;
+}
+
+.focus\:bg-opacity-100:focus {
+  --tw-bg-opacity: 1;
+}
+
+.bg-bottom {
+  background-position: bottom;
+}
+
+.bg-center {
+  background-position: center;
+}
+
+.bg-left {
+  background-position: left;
+}
+
+.bg-left-bottom {
+  background-position: left bottom;
+}
+
+.bg-left-top {
+  background-position: left top;
+}
+
+.bg-right {
+  background-position: right;
+}
+
+.bg-right-bottom {
+  background-position: right bottom;
+}
+
+.bg-right-top {
+  background-position: right top;
+}
+
+.bg-top {
+  background-position: top;
+}
+
+.bg-repeat {
+  background-repeat: repeat;
+}
+
+.bg-no-repeat {
+  background-repeat: no-repeat;
+}
+
+.bg-repeat-x {
+  background-repeat: repeat-x;
+}
+
+.bg-repeat-y {
+  background-repeat: repeat-y;
+}
+
+.bg-repeat-round {
+  background-repeat: round;
+}
+
+.bg-repeat-space {
+  background-repeat: space;
+}
+
+.bg-auto {
+  background-size: auto;
+}
+
+.bg-cover {
+  background-size: cover;
+}
+
+.bg-contain {
+  background-size: contain;
+}
+
+.border-collapse {
+  border-collapse: collapse;
+}
+
+.border-separate {
+  border-collapse: separate;
+}
+
+.border-transparent {
+  border-color: transparent;
+}
+
+.border-current {
+  border-color: currentColor;
+}
+
+.border-black {
+  --tw-border-opacity: 1;
+  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+}
+
+.border-white {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+.border-gray-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+}
+
+.border-gray-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+}
+
+.border-gray-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+}
+
+.border-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+}
+
+.border-gray-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+}
+
+.border-gray-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+}
+
+.border-gray-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+}
+
+.border-gray-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+}
+
+.border-gray-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+}
+
+.border-gray-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+}
+
+.border-red-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+}
+
+.border-red-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+}
+
+.border-red-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+}
+
+.border-red-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+}
+
+.border-red-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+}
+
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+
+.border-red-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+}
+
+.border-red-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+}
+
+.border-red-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+}
+
+.border-red-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+}
+
+.border-yellow-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+}
+
+.border-yellow-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+}
+
+.border-yellow-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+}
+
+.border-yellow-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+}
+
+.border-yellow-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+}
+
+.border-yellow-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+}
+
+.border-yellow-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+}
+
+.border-yellow-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+}
+
+.border-yellow-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+}
+
+.border-yellow-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+}
+
+.border-green-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+}
+
+.border-green-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+}
+
+.border-green-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+}
+
+.border-green-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+}
+
+.border-green-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+}
+
+.border-green-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+}
+
+.border-green-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+}
+
+.border-green-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+}
+
+.border-green-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+}
+
+.border-green-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+}
+
+.border-blue-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+}
+
+.border-blue-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+}
+
+.border-blue-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+}
+
+.border-blue-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+}
+
+.border-blue-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+}
+
+.border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+
+.border-blue-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+}
+
+.border-blue-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+}
+
+.border-blue-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+}
+
+.border-blue-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+}
+
+.border-indigo-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+}
+
+.border-indigo-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+}
+
+.border-indigo-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+}
+
+.border-indigo-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+}
+
+.border-indigo-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+}
+
+.border-indigo-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+}
+
+.border-indigo-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+}
+
+.border-indigo-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+}
+
+.border-indigo-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+}
+
+.border-indigo-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+}
+
+.border-purple-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+}
+
+.border-purple-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+}
+
+.border-purple-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+}
+
+.border-purple-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+}
+
+.border-purple-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+}
+
+.border-purple-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+}
+
+.border-purple-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+}
+
+.border-purple-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+}
+
+.border-purple-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+}
+
+.border-purple-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+}
+
+.border-pink-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+}
+
+.border-pink-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+}
+
+.border-pink-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+}
+
+.border-pink-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+}
+
+.border-pink-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+}
+
+.border-pink-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+}
+
+.border-pink-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+}
+
+.border-pink-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+}
+
+.border-pink-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+}
+
+.border-pink-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-transparent {
+  border-color: transparent;
+}
+
+.group:hover .group-hover\:border-current {
+  border-color: currentColor;
+}
+
+.group:hover .group-hover\:border-black {
+  --tw-border-opacity: 1;
+  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-white {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+}
+
+.focus-within\:border-transparent:focus-within {
+  border-color: transparent;
+}
+
+.focus-within\:border-current:focus-within {
+  border-color: currentColor;
+}
+
+.focus-within\:border-black:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+}
+
+.focus-within\:border-white:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+}
+
+.hover\:border-transparent:hover {
+  border-color: transparent;
+}
+
+.hover\:border-current:hover {
+  border-color: currentColor;
+}
+
+.hover\:border-black:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+}
+
+.hover\:border-white:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+}
+
+.hover\:border-red-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+}
+
+.hover\:border-red-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+}
+
+.hover\:border-red-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+}
+
+.hover\:border-red-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+}
+
+.hover\:border-red-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+}
+
+.hover\:border-red-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+
+.hover\:border-red-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+}
+
+.hover\:border-red-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+}
+
+.hover\:border-red-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+}
+
+.hover\:border-red-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+}
+
+.hover\:border-green-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+}
+
+.hover\:border-green-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+}
+
+.hover\:border-green-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+}
+
+.hover\:border-green-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+}
+
+.hover\:border-green-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+}
+
+.hover\:border-green-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+}
+
+.hover\:border-green-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+}
+
+.hover\:border-green-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+}
+
+.hover\:border-green-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+}
+
+.hover\:border-green-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+}
+
+.focus\:border-transparent:focus {
+  border-color: transparent;
+}
+
+.focus\:border-current:focus {
+  border-color: currentColor;
+}
+
+.focus\:border-black:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+}
+
+.focus\:border-white:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+}
+
+.focus\:border-red-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+}
+
+.focus\:border-red-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+}
+
+.focus\:border-red-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+}
+
+.focus\:border-red-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+}
+
+.focus\:border-red-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+}
+
+.focus\:border-red-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+
+.focus\:border-red-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+}
+
+.focus\:border-red-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+}
+
+.focus\:border-red-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+}
+
+.focus\:border-red-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+}
+
+.focus\:border-green-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+}
+
+.focus\:border-green-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+}
+
+.focus\:border-green-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+}
+
+.focus\:border-green-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+}
+
+.focus\:border-green-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+}
+
+.focus\:border-green-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+}
+
+.focus\:border-green-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+}
+
+.focus\:border-green-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+}
+
+.focus\:border-green-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+}
+
+.focus\:border-green-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+}
+
+.border-opacity-0 {
+  --tw-border-opacity: 0;
+}
+
+.border-opacity-5 {
+  --tw-border-opacity: 0.05;
+}
+
+.border-opacity-10 {
+  --tw-border-opacity: 0.1;
+}
+
+.border-opacity-20 {
+  --tw-border-opacity: 0.2;
+}
+
+.border-opacity-25 {
+  --tw-border-opacity: 0.25;
+}
+
+.border-opacity-30 {
+  --tw-border-opacity: 0.3;
+}
+
+.border-opacity-40 {
+  --tw-border-opacity: 0.4;
+}
+
+.border-opacity-50 {
+  --tw-border-opacity: 0.5;
+}
+
+.border-opacity-60 {
+  --tw-border-opacity: 0.6;
+}
+
+.border-opacity-70 {
+  --tw-border-opacity: 0.7;
+}
+
+.border-opacity-75 {
+  --tw-border-opacity: 0.75;
+}
+
+.border-opacity-80 {
+  --tw-border-opacity: 0.8;
+}
+
+.border-opacity-90 {
+  --tw-border-opacity: 0.9;
+}
+
+.border-opacity-95 {
+  --tw-border-opacity: 0.95;
+}
+
+.border-opacity-100 {
+  --tw-border-opacity: 1;
+}
+
+.group:hover .group-hover\:border-opacity-0 {
+  --tw-border-opacity: 0;
+}
+
+.group:hover .group-hover\:border-opacity-5 {
+  --tw-border-opacity: 0.05;
+}
+
+.group:hover .group-hover\:border-opacity-10 {
+  --tw-border-opacity: 0.1;
+}
+
+.group:hover .group-hover\:border-opacity-20 {
+  --tw-border-opacity: 0.2;
+}
+
+.group:hover .group-hover\:border-opacity-25 {
+  --tw-border-opacity: 0.25;
+}
+
+.group:hover .group-hover\:border-opacity-30 {
+  --tw-border-opacity: 0.3;
+}
+
+.group:hover .group-hover\:border-opacity-40 {
+  --tw-border-opacity: 0.4;
+}
+
+.group:hover .group-hover\:border-opacity-50 {
+  --tw-border-opacity: 0.5;
+}
+
+.group:hover .group-hover\:border-opacity-60 {
+  --tw-border-opacity: 0.6;
+}
+
+.group:hover .group-hover\:border-opacity-70 {
+  --tw-border-opacity: 0.7;
+}
+
+.group:hover .group-hover\:border-opacity-75 {
+  --tw-border-opacity: 0.75;
+}
+
+.group:hover .group-hover\:border-opacity-80 {
+  --tw-border-opacity: 0.8;
+}
+
+.group:hover .group-hover\:border-opacity-90 {
+  --tw-border-opacity: 0.9;
+}
+
+.group:hover .group-hover\:border-opacity-95 {
+  --tw-border-opacity: 0.95;
+}
+
+.group:hover .group-hover\:border-opacity-100 {
+  --tw-border-opacity: 1;
+}
+
+.focus-within\:border-opacity-0:focus-within {
+  --tw-border-opacity: 0;
+}
+
+.focus-within\:border-opacity-5:focus-within {
+  --tw-border-opacity: 0.05;
+}
+
+.focus-within\:border-opacity-10:focus-within {
+  --tw-border-opacity: 0.1;
+}
+
+.focus-within\:border-opacity-20:focus-within {
+  --tw-border-opacity: 0.2;
+}
+
+.focus-within\:border-opacity-25:focus-within {
+  --tw-border-opacity: 0.25;
+}
+
+.focus-within\:border-opacity-30:focus-within {
+  --tw-border-opacity: 0.3;
+}
+
+.focus-within\:border-opacity-40:focus-within {
+  --tw-border-opacity: 0.4;
+}
+
+.focus-within\:border-opacity-50:focus-within {
+  --tw-border-opacity: 0.5;
+}
+
+.focus-within\:border-opacity-60:focus-within {
+  --tw-border-opacity: 0.6;
+}
+
+.focus-within\:border-opacity-70:focus-within {
+  --tw-border-opacity: 0.7;
+}
+
+.focus-within\:border-opacity-75:focus-within {
+  --tw-border-opacity: 0.75;
+}
+
+.focus-within\:border-opacity-80:focus-within {
+  --tw-border-opacity: 0.8;
+}
+
+.focus-within\:border-opacity-90:focus-within {
+  --tw-border-opacity: 0.9;
+}
+
+.focus-within\:border-opacity-95:focus-within {
+  --tw-border-opacity: 0.95;
+}
+
+.focus-within\:border-opacity-100:focus-within {
+  --tw-border-opacity: 1;
+}
+
+.hover\:border-opacity-0:hover {
+  --tw-border-opacity: 0;
+}
+
+.hover\:border-opacity-5:hover {
+  --tw-border-opacity: 0.05;
+}
+
+.hover\:border-opacity-10:hover {
+  --tw-border-opacity: 0.1;
+}
+
+.hover\:border-opacity-20:hover {
+  --tw-border-opacity: 0.2;
+}
+
+.hover\:border-opacity-25:hover {
+  --tw-border-opacity: 0.25;
+}
+
+.hover\:border-opacity-30:hover {
+  --tw-border-opacity: 0.3;
+}
+
+.hover\:border-opacity-40:hover {
+  --tw-border-opacity: 0.4;
+}
+
+.hover\:border-opacity-50:hover {
+  --tw-border-opacity: 0.5;
+}
+
+.hover\:border-opacity-60:hover {
+  --tw-border-opacity: 0.6;
+}
+
+.hover\:border-opacity-70:hover {
+  --tw-border-opacity: 0.7;
+}
+
+.hover\:border-opacity-75:hover {
+  --tw-border-opacity: 0.75;
+}
+
+.hover\:border-opacity-80:hover {
+  --tw-border-opacity: 0.8;
+}
+
+.hover\:border-opacity-90:hover {
+  --tw-border-opacity: 0.9;
+}
+
+.hover\:border-opacity-95:hover {
+  --tw-border-opacity: 0.95;
+}
+
+.hover\:border-opacity-100:hover {
+  --tw-border-opacity: 1;
+}
+
+.focus\:border-opacity-0:focus {
+  --tw-border-opacity: 0;
+}
+
+.focus\:border-opacity-5:focus {
+  --tw-border-opacity: 0.05;
+}
+
+.focus\:border-opacity-10:focus {
+  --tw-border-opacity: 0.1;
+}
+
+.focus\:border-opacity-20:focus {
+  --tw-border-opacity: 0.2;
+}
+
+.focus\:border-opacity-25:focus {
+  --tw-border-opacity: 0.25;
+}
+
+.focus\:border-opacity-30:focus {
+  --tw-border-opacity: 0.3;
+}
+
+.focus\:border-opacity-40:focus {
+  --tw-border-opacity: 0.4;
+}
+
+.focus\:border-opacity-50:focus {
+  --tw-border-opacity: 0.5;
+}
+
+.focus\:border-opacity-60:focus {
+  --tw-border-opacity: 0.6;
+}
+
+.focus\:border-opacity-70:focus {
+  --tw-border-opacity: 0.7;
+}
+
+.focus\:border-opacity-75:focus {
+  --tw-border-opacity: 0.75;
+}
+
+.focus\:border-opacity-80:focus {
+  --tw-border-opacity: 0.8;
+}
+
+.focus\:border-opacity-90:focus {
+  --tw-border-opacity: 0.9;
+}
+
+.focus\:border-opacity-95:focus {
+  --tw-border-opacity: 0.95;
+}
+
+.focus\:border-opacity-100:focus {
+  --tw-border-opacity: 1;
+}
+
+.rounded-none {
+  border-radius: 0px;
+}
+
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+
+.rounded {
+  border-radius: 0.25rem;
+}
+
+.rounded-md {
+  border-radius: 0.375rem;
+}
+
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+
+.rounded-xl {
+  border-radius: 0.75rem;
+}
+
+.rounded-2xl {
+  border-radius: 1rem;
+}
+
+.rounded-3xl {
+  border-radius: 1.5rem;
+}
+
+.rounded-full {
+  border-radius: 9999px;
+}
+
+.rounded-t-none {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+.rounded-r-none {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+
+.rounded-b-none {
+  border-bottom-right-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+
+.rounded-l-none {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+
+.rounded-t-sm {
+  border-top-left-radius: 0.125rem;
+  border-top-right-radius: 0.125rem;
+}
+
+.rounded-r-sm {
+  border-top-right-radius: 0.125rem;
+  border-bottom-right-radius: 0.125rem;
+}
+
+.rounded-b-sm {
+  border-bottom-right-radius: 0.125rem;
+  border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-l-sm {
+  border-top-left-radius: 0.125rem;
+  border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-t {
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
+
+.rounded-r {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
+
+.rounded-b {
+  border-bottom-right-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-l {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-t-md {
+  border-top-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
+}
+
+.rounded-r-md {
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+}
+
+.rounded-b-md {
+  border-bottom-right-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-l-md {
+  border-top-left-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-t-lg {
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
+
+.rounded-r-lg {
+  border-top-right-radius: 0.5rem;
+  border-bottom-right-radius: 0.5rem;
+}
+
+.rounded-b-lg {
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-l-lg {
+  border-top-left-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-t-xl {
+  border-top-left-radius: 0.75rem;
+  border-top-right-radius: 0.75rem;
+}
+
+.rounded-r-xl {
+  border-top-right-radius: 0.75rem;
+  border-bottom-right-radius: 0.75rem;
+}
+
+.rounded-b-xl {
+  border-bottom-right-radius: 0.75rem;
+  border-bottom-left-radius: 0.75rem;
+}
+
+.rounded-l-xl {
+  border-top-left-radius: 0.75rem;
+  border-bottom-left-radius: 0.75rem;
+}
+
+.rounded-t-2xl {
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem;
+}
+
+.rounded-r-2xl {
+  border-top-right-radius: 1rem;
+  border-bottom-right-radius: 1rem;
+}
+
+.rounded-b-2xl {
+  border-bottom-right-radius: 1rem;
+  border-bottom-left-radius: 1rem;
+}
+
+.rounded-l-2xl {
+  border-top-left-radius: 1rem;
+  border-bottom-left-radius: 1rem;
+}
+
+.rounded-t-3xl {
+  border-top-left-radius: 1.5rem;
+  border-top-right-radius: 1.5rem;
+}
+
+.rounded-r-3xl {
+  border-top-right-radius: 1.5rem;
+  border-bottom-right-radius: 1.5rem;
+}
+
+.rounded-b-3xl {
+  border-bottom-right-radius: 1.5rem;
+  border-bottom-left-radius: 1.5rem;
+}
+
+.rounded-l-3xl {
+  border-top-left-radius: 1.5rem;
+  border-bottom-left-radius: 1.5rem;
+}
+
+.rounded-t-full {
+  border-top-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+}
+
+.rounded-r-full {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.rounded-b-full {
+  border-bottom-right-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.rounded-l-full {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.rounded-tl-none {
+  border-top-left-radius: 0px;
+}
+
+.rounded-tr-none {
+  border-top-right-radius: 0px;
+}
+
+.rounded-br-none {
+  border-bottom-right-radius: 0px;
+}
+
+.rounded-bl-none {
+  border-bottom-left-radius: 0px;
+}
+
+.rounded-tl-sm {
+  border-top-left-radius: 0.125rem;
+}
+
+.rounded-tr-sm {
+  border-top-right-radius: 0.125rem;
+}
+
+.rounded-br-sm {
+  border-bottom-right-radius: 0.125rem;
+}
+
+.rounded-bl-sm {
+  border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-tl {
+  border-top-left-radius: 0.25rem;
+}
+
+.rounded-tr {
+  border-top-right-radius: 0.25rem;
+}
+
+.rounded-br {
+  border-bottom-right-radius: 0.25rem;
+}
+
+.rounded-bl {
+  border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-tl-md {
+  border-top-left-radius: 0.375rem;
+}
+
+.rounded-tr-md {
+  border-top-right-radius: 0.375rem;
+}
+
+.rounded-br-md {
+  border-bottom-right-radius: 0.375rem;
+}
+
+.rounded-bl-md {
+  border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-tl-lg {
+  border-top-left-radius: 0.5rem;
+}
+
+.rounded-tr-lg {
+  border-top-right-radius: 0.5rem;
+}
+
+.rounded-br-lg {
+  border-bottom-right-radius: 0.5rem;
+}
+
+.rounded-bl-lg {
+  border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-tl-xl {
+  border-top-left-radius: 0.75rem;
+}
+
+.rounded-tr-xl {
+  border-top-right-radius: 0.75rem;
+}
+
+.rounded-br-xl {
+  border-bottom-right-radius: 0.75rem;
+}
+
+.rounded-bl-xl {
+  border-bottom-left-radius: 0.75rem;
+}
+
+.rounded-tl-2xl {
+  border-top-left-radius: 1rem;
+}
+
+.rounded-tr-2xl {
+  border-top-right-radius: 1rem;
+}
+
+.rounded-br-2xl {
+  border-bottom-right-radius: 1rem;
+}
+
+.rounded-bl-2xl {
+  border-bottom-left-radius: 1rem;
+}
+
+.rounded-tl-3xl {
+  border-top-left-radius: 1.5rem;
+}
+
+.rounded-tr-3xl {
+  border-top-right-radius: 1.5rem;
+}
+
+.rounded-br-3xl {
+  border-bottom-right-radius: 1.5rem;
+}
+
+.rounded-bl-3xl {
+  border-bottom-left-radius: 1.5rem;
+}
+
+.rounded-tl-full {
+  border-top-left-radius: 9999px;
+}
+
+.rounded-tr-full {
+  border-top-right-radius: 9999px;
+}
+
+.rounded-br-full {
+  border-bottom-right-radius: 9999px;
+}
+
+.rounded-bl-full {
+  border-bottom-left-radius: 9999px;
+}
+
+.border-solid {
+  border-style: solid;
+}
+
+.border-dashed {
+  border-style: dashed;
+}
+
+.border-dotted {
+  border-style: dotted;
+}
+
+.border-double {
+  border-style: double;
+}
+
+.border-none {
+  border-style: none;
+}
+
+.border-0 {
+  border-width: 0px;
+}
+
+.border-2 {
+  border-width: 2px;
+}
+
+.border-4 {
+  border-width: 4px;
+}
+
+.border-8 {
+  border-width: 8px;
+}
+
+.border {
+  border-width: 1px;
+}
+
+.border-t-0 {
+  border-top-width: 0px;
+}
+
+.border-r-0 {
+  border-right-width: 0px;
+}
+
+.border-b-0 {
+  border-bottom-width: 0px;
+}
+
+.border-l-0 {
+  border-left-width: 0px;
+}
+
+.border-t-2 {
+  border-top-width: 2px;
+}
+
+.border-r-2 {
+  border-right-width: 2px;
+}
+
+.border-b-2 {
+  border-bottom-width: 2px;
+}
+
+.border-l-2 {
+  border-left-width: 2px;
+}
+
+.border-t-4 {
+  border-top-width: 4px;
+}
+
+.border-r-4 {
+  border-right-width: 4px;
+}
+
+.border-b-4 {
+  border-bottom-width: 4px;
+}
+
+.border-l-4 {
+  border-left-width: 4px;
+}
+
+.border-t-8 {
+  border-top-width: 8px;
+}
+
+.border-r-8 {
+  border-right-width: 8px;
+}
+
+.border-b-8 {
+  border-bottom-width: 8px;
+}
+
+.border-l-8 {
+  border-left-width: 8px;
+}
+
+.border-t {
+  border-top-width: 1px;
+}
+
+.border-r {
+  border-right-width: 1px;
+}
+
+.border-b {
+  border-bottom-width: 1px;
+}
+
+.border-l {
+  border-left-width: 1px;
+}
+
+.box-border {
+  box-sizing: border-box;
+}
+
+.box-content {
+  box-sizing: content-box;
+}
+
+.cursor-auto {
+  cursor: auto;
+}
+
+.cursor-default {
+  cursor: default;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.cursor-wait {
+  cursor: wait;
+}
+
+.cursor-text {
+  cursor: text;
+}
+
+.cursor-move {
+  cursor: move;
+}
+
+.cursor-help {
+  cursor: help;
+}
+
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+
+.block {
+  display: block;
+}
+
+.inline-block {
+  display: inline-block;
+}
+
+.inline {
+  display: inline;
+}
+
+.flex {
+  display: flex;
+}
+
+.inline-flex {
+  display: inline-flex;
+}
+
+.table {
+  display: table;
+}
+
+.table-caption {
+  display: table-caption;
+}
+
+.table-cell {
+  display: table-cell;
+}
+
+.table-column {
+  display: table-column;
+}
+
+.table-column-group {
+  display: table-column-group;
+}
+
+.table-footer-group {
+  display: table-footer-group;
+}
+
+.table-header-group {
+  display: table-header-group;
+}
+
+.table-row-group {
+  display: table-row-group;
+}
+
+.table-row {
+  display: table-row;
+}
+
+.flow-root {
+  display: flow-root;
+}
+
+.grid {
+  display: grid;
+}
+
+.inline-grid {
+  display: inline-grid;
+}
+
+.contents {
+  display: contents;
+}
+
+.hidden {
+  display: none;
+}
+
+.flex-row {
+  flex-direction: row;
+}
+
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}
+
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+
+.place-items-auto {
+  place-items: auto;
+}
+
+.place-items-start {
+  place-items: start;
+}
+
+.place-items-end {
+  place-items: end;
+}
+
+.place-items-center {
+  place-items: center;
+}
+
+.place-items-stretch {
+  place-items: stretch;
+}
+
+.place-content-center {
+  place-content: center;
+}
+
+.place-content-start {
+  place-content: start;
+}
+
+.place-content-end {
+  place-content: end;
+}
+
+.place-content-between {
+  place-content: space-between;
+}
+
+.place-content-around {
+  place-content: space-around;
+}
+
+.place-content-evenly {
+  place-content: space-evenly;
+}
+
+.place-content-stretch {
+  place-content: stretch;
+}
+
+.place-self-auto {
+  place-self: auto;
+}
+
+.place-self-start {
+  place-self: start;
+}
+
+.place-self-end {
+  place-self: end;
+}
+
+.place-self-center {
+  place-self: center;
+}
+
+.place-self-stretch {
+  place-self: stretch;
+}
+
+.items-start {
+  align-items: flex-start;
+}
+
+.items-end {
+  align-items: flex-end;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.items-baseline {
+  align-items: baseline;
+}
+
+.items-stretch {
+  align-items: stretch;
+}
+
+.content-center {
+  align-content: center;
+}
+
+.content-start {
+  align-content: flex-start;
+}
+
+.content-end {
+  align-content: flex-end;
+}
+
+.content-between {
+  align-content: space-between;
+}
+
+.content-around {
+  align-content: space-around;
+}
+
+.content-evenly {
+  align-content: space-evenly;
+}
+
+.self-auto {
+  align-self: auto;
+}
+
+.self-start {
+  align-self: flex-start;
+}
+
+.self-end {
+  align-self: flex-end;
+}
+
+.self-center {
+  align-self: center;
+}
+
+.self-stretch {
+  align-self: stretch;
+}
+
+.justify-items-auto {
+  justify-items: auto;
+}
+
+.justify-items-start {
+  justify-items: start;
+}
+
+.justify-items-end {
+  justify-items: end;
+}
+
+.justify-items-center {
+  justify-items: center;
+}
+
+.justify-items-stretch {
+  justify-items: stretch;
+}
+
+.justify-start {
+  justify-content: flex-start;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.justify-around {
+  justify-content: space-around;
+}
+
+.justify-evenly {
+  justify-content: space-evenly;
+}
+
+.justify-self-auto {
+  justify-self: auto;
+}
+
+.justify-self-start {
+  justify-self: start;
+}
+
+.justify-self-end {
+  justify-self: end;
+}
+
+.justify-self-center {
+  justify-self: center;
+}
+
+.justify-self-stretch {
+  justify-self: stretch;
+}
+
+.flex-1 {
+  flex: 1 1 0%;
+}
+
+.flex-auto {
+  flex: 1 1 auto;
+}
+
+.flex-initial {
+  flex: 0 1 auto;
+}
+
+.flex-none {
+  flex: none;
+}
+
+.flex-grow-0 {
+  flex-grow: 0;
+}
+
+.flex-grow {
+  flex-grow: 1;
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
+.flex-shrink {
+  flex-shrink: 1;
+}
+
+.order-1 {
+  order: 1;
+}
+
+.order-2 {
+  order: 2;
+}
+
+.order-3 {
+  order: 3;
+}
+
+.order-4 {
+  order: 4;
+}
+
+.order-5 {
+  order: 5;
+}
+
+.order-6 {
+  order: 6;
+}
+
+.order-7 {
+  order: 7;
+}
+
+.order-8 {
+  order: 8;
+}
+
+.order-9 {
+  order: 9;
+}
+
+.order-10 {
+  order: 10;
+}
+
+.order-11 {
+  order: 11;
+}
+
+.order-12 {
+  order: 12;
+}
+
+.order-first {
+  order: -9999;
+}
+
+.order-last {
+  order: 9999;
+}
+
+.order-none {
+  order: 0;
+}
+
+.float-right {
+  float: right;
+}
+
+.float-left {
+  float: left;
+}
+
+.float-none {
+  float: none;
+}
+
+.clear-left {
+  clear: left;
+}
+
+.clear-right {
+  clear: right;
+}
+
+.clear-both {
+  clear: both;
+}
+
+.clear-none {
+  clear: none;
+}
+
+.font-sans {
+  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+.font-serif {
+  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+}
+
+.font-mono {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+.font-thin {
+  font-weight: 100;
+}
+
+.font-extralight {
+  font-weight: 200;
+}
+
+.font-light {
+  font-weight: 300;
+}
+
+.font-normal {
+  font-weight: 400;
+}
+
+.font-medium {
+  font-weight: 500;
+}
+
+.font-semibold {
+  font-weight: 600;
+}
+
+.font-bold {
+  font-weight: 700;
+}
+
+.font-extrabold {
+  font-weight: 800;
+}
+
+.font-black {
+  font-weight: 900;
+}
+
+.h-0 {
+  height: 0px;
+}
+
+.h-1 {
+  height: 0.25rem;
+}
+
+.h-2 {
+  height: 0.5rem;
+}
+
+.h-3 {
+  height: 0.75rem;
+}
+
+.h-4 {
+  height: 1rem;
+}
+
+.h-5 {
+  height: 1.25rem;
+}
+
+.h-6 {
+  height: 1.5rem;
+}
+
+.h-7 {
+  height: 1.75rem;
+}
+
+.h-8 {
+  height: 2rem;
+}
+
+.h-9 {
+  height: 2.25rem;
+}
+
+.h-10 {
+  height: 2.5rem;
+}
+
+.h-11 {
+  height: 2.75rem;
+}
+
+.h-12 {
+  height: 3rem;
+}
+
+.h-14 {
+  height: 3.5rem;
+}
+
+.h-16 {
+  height: 4rem;
+}
+
+.h-20 {
+  height: 5rem;
+}
+
+.h-24 {
+  height: 6rem;
+}
+
+.h-28 {
+  height: 7rem;
+}
+
+.h-32 {
+  height: 8rem;
+}
+
+.h-36 {
+  height: 9rem;
+}
+
+.h-40 {
+  height: 10rem;
+}
+
+.h-44 {
+  height: 11rem;
+}
+
+.h-48 {
+  height: 12rem;
+}
+
+.h-52 {
+  height: 13rem;
+}
+
+.h-56 {
+  height: 14rem;
+}
+
+.h-60 {
+  height: 15rem;
+}
+
+.h-64 {
+  height: 16rem;
+}
+
+.h-72 {
+  height: 18rem;
+}
+
+.h-80 {
+  height: 20rem;
+}
+
+.h-96 {
+  height: 24rem;
+}
+
+.h-auto {
+  height: auto;
+}
+
+.h-px {
+  height: 1px;
+}
+
+.h-0\.5 {
+  height: 0.125rem;
+}
+
+.h-1\.5 {
+  height: 0.375rem;
+}
+
+.h-2\.5 {
+  height: 0.625rem;
+}
+
+.h-3\.5 {
+  height: 0.875rem;
+}
+
+.h-1\/2 {
+  height: 50%;
+}
+
+.h-1\/3 {
+  height: 33.333333%;
+}
+
+.h-2\/3 {
+  height: 66.666667%;
+}
+
+.h-1\/4 {
+  height: 25%;
+}
+
+.h-2\/4 {
+  height: 50%;
+}
+
+.h-3\/4 {
+  height: 75%;
+}
+
+.h-1\/5 {
+  height: 20%;
+}
+
+.h-2\/5 {
+  height: 40%;
+}
+
+.h-3\/5 {
+  height: 60%;
+}
+
+.h-4\/5 {
+  height: 80%;
+}
+
+.h-1\/6 {
+  height: 16.666667%;
+}
+
+.h-2\/6 {
+  height: 33.333333%;
+}
+
+.h-3\/6 {
+  height: 50%;
+}
+
+.h-4\/6 {
+  height: 66.666667%;
+}
+
+.h-5\/6 {
+  height: 83.333333%;
+}
+
+.h-full {
+  height: 100%;
+}
+
+.h-screen {
+  height: 100vh;
+}
+
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
+.text-4xl {
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+}
+
+.text-5xl {
+  font-size: 3rem;
+  line-height: 1;
+}
+
+.text-6xl {
+  font-size: 3.75rem;
+  line-height: 1;
+}
+
+.text-7xl {
+  font-size: 4.5rem;
+  line-height: 1;
+}
+
+.text-8xl {
+  font-size: 6rem;
+  line-height: 1;
+}
+
+.text-9xl {
+  font-size: 8rem;
+  line-height: 1;
+}
+
+.leading-3 {
+  line-height: .75rem;
+}
+
+.leading-4 {
+  line-height: 1rem;
+}
+
+.leading-5 {
+  line-height: 1.25rem;
+}
+
+.leading-6 {
+  line-height: 1.5rem;
+}
+
+.leading-7 {
+  line-height: 1.75rem;
+}
+
+.leading-8 {
+  line-height: 2rem;
+}
+
+.leading-9 {
+  line-height: 2.25rem;
+}
+
+.leading-10 {
+  line-height: 2.5rem;
+}
+
+.leading-none {
+  line-height: 1;
+}
+
+.leading-tight {
+  line-height: 1.25;
+}
+
+.leading-snug {
+  line-height: 1.375;
+}
+
+.leading-normal {
+  line-height: 1.5;
+}
+
+.leading-relaxed {
+  line-height: 1.625;
+}
+
+.leading-loose {
+  line-height: 2;
+}
+
+.list-inside {
+  list-style-position: inside;
+}
+
+.list-outside {
+  list-style-position: outside;
+}
+
+.list-none {
+  list-style-type: none;
+}
+
+.list-disc {
+  list-style-type: disc;
+}
+
+.list-decimal {
+  list-style-type: decimal;
+}
+
+.m-0 {
+  margin: 0px;
+}
+
+.m-1 {
+  margin: 0.25rem;
+}
+
+.m-2 {
+  margin: 0.5rem;
+}
+
+.m-3 {
+  margin: 0.75rem;
+}
+
+.m-4 {
+  margin: 1rem;
+}
+
+.m-5 {
+  margin: 1.25rem;
+}
+
+.m-6 {
+  margin: 1.5rem;
+}
+
+.m-7 {
+  margin: 1.75rem;
+}
+
+.m-8 {
+  margin: 2rem;
+}
+
+.m-9 {
+  margin: 2.25rem;
+}
+
+.m-10 {
+  margin: 2.5rem;
+}
+
+.m-11 {
+  margin: 2.75rem;
+}
+
+.m-12 {
+  margin: 3rem;
+}
+
+.m-14 {
+  margin: 3.5rem;
+}
+
+.m-16 {
+  margin: 4rem;
+}
+
+.m-20 {
+  margin: 5rem;
+}
+
+.m-24 {
+  margin: 6rem;
+}
+
+.m-28 {
+  margin: 7rem;
+}
+
+.m-32 {
+  margin: 8rem;
+}
+
+.m-36 {
+  margin: 9rem;
+}
+
+.m-40 {
+  margin: 10rem;
+}
+
+.m-44 {
+  margin: 11rem;
+}
+
+.m-48 {
+  margin: 12rem;
+}
+
+.m-52 {
+  margin: 13rem;
+}
+
+.m-56 {
+  margin: 14rem;
+}
+
+.m-60 {
+  margin: 15rem;
+}
+
+.m-64 {
+  margin: 16rem;
+}
+
+.m-72 {
+  margin: 18rem;
+}
+
+.m-80 {
+  margin: 20rem;
+}
+
+.m-96 {
+  margin: 24rem;
+}
+
+.m-auto {
+  margin: auto;
+}
+
+.m-px {
+  margin: 1px;
+}
+
+.m-0\.5 {
+  margin: 0.125rem;
+}
+
+.m-1\.5 {
+  margin: 0.375rem;
+}
+
+.m-2\.5 {
+  margin: 0.625rem;
+}
+
+.m-3\.5 {
+  margin: 0.875rem;
+}
+
+.-m-0 {
+  margin: 0px;
+}
+
+.-m-1 {
+  margin: -0.25rem;
+}
+
+.-m-2 {
+  margin: -0.5rem;
+}
+
+.-m-3 {
+  margin: -0.75rem;
+}
+
+.-m-4 {
+  margin: -1rem;
+}
+
+.-m-5 {
+  margin: -1.25rem;
+}
+
+.-m-6 {
+  margin: -1.5rem;
+}
+
+.-m-7 {
+  margin: -1.75rem;
+}
+
+.-m-8 {
+  margin: -2rem;
+}
+
+.-m-9 {
+  margin: -2.25rem;
+}
+
+.-m-10 {
+  margin: -2.5rem;
+}
+
+.-m-11 {
+  margin: -2.75rem;
+}
+
+.-m-12 {
+  margin: -3rem;
+}
+
+.-m-14 {
+  margin: -3.5rem;
+}
+
+.-m-16 {
+  margin: -4rem;
+}
+
+.-m-20 {
+  margin: -5rem;
+}
+
+.-m-24 {
+  margin: -6rem;
+}
+
+.-m-28 {
+  margin: -7rem;
+}
+
+.-m-32 {
+  margin: -8rem;
+}
+
+.-m-36 {
+  margin: -9rem;
+}
+
+.-m-40 {
+  margin: -10rem;
+}
+
+.-m-44 {
+  margin: -11rem;
+}
+
+.-m-48 {
+  margin: -12rem;
+}
+
+.-m-52 {
+  margin: -13rem;
+}
+
+.-m-56 {
+  margin: -14rem;
+}
+
+.-m-60 {
+  margin: -15rem;
+}
+
+.-m-64 {
+  margin: -16rem;
+}
+
+.-m-72 {
+  margin: -18rem;
+}
+
+.-m-80 {
+  margin: -20rem;
+}
+
+.-m-96 {
+  margin: -24rem;
+}
+
+.-m-px {
+  margin: -1px;
+}
+
+.-m-0\.5 {
+  margin: -0.125rem;
+}
+
+.-m-1\.5 {
+  margin: -0.375rem;
+}
+
+.-m-2\.5 {
+  margin: -0.625rem;
+}
+
+.-m-3\.5 {
+  margin: -0.875rem;
+}
+
+.my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
+.my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.mx-2 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+
+.my-3 {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+
+.mx-3 {
+  margin-left: 0.75rem;
+  margin-right: 0.75rem;
+}
+
+.my-4 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
+.mx-4 {
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+
+.my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
+
+.mx-5 {
+  margin-left: 1.25rem;
+  margin-right: 1.25rem;
+}
+
+.my-6 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+
+.mx-6 {
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
+}
+
+.my-7 {
+  margin-top: 1.75rem;
+  margin-bottom: 1.75rem;
+}
+
+.mx-7 {
+  margin-left: 1.75rem;
+  margin-right: 1.75rem;
+}
+
+.my-8 {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
+.mx-8 {
+  margin-left: 2rem;
+  margin-right: 2rem;
+}
+
+.my-9 {
+  margin-top: 2.25rem;
+  margin-bottom: 2.25rem;
+}
+
+.mx-9 {
+  margin-left: 2.25rem;
+  margin-right: 2.25rem;
+}
+
+.my-10 {
+  margin-top: 2.5rem;
+  margin-bottom: 2.5rem;
+}
+
+.mx-10 {
+  margin-left: 2.5rem;
+  margin-right: 2.5rem;
+}
+
+.my-11 {
+  margin-top: 2.75rem;
+  margin-bottom: 2.75rem;
+}
+
+.mx-11 {
+  margin-left: 2.75rem;
+  margin-right: 2.75rem;
+}
+
+.my-12 {
+  margin-top: 3rem;
+  margin-bottom: 3rem;
+}
+
+.mx-12 {
+  margin-left: 3rem;
+  margin-right: 3rem;
+}
+
+.my-14 {
+  margin-top: 3.5rem;
+  margin-bottom: 3.5rem;
+}
+
+.mx-14 {
+  margin-left: 3.5rem;
+  margin-right: 3.5rem;
+}
+
+.my-16 {
+  margin-top: 4rem;
+  margin-bottom: 4rem;
+}
+
+.mx-16 {
+  margin-left: 4rem;
+  margin-right: 4rem;
+}
+
+.my-20 {
+  margin-top: 5rem;
+  margin-bottom: 5rem;
+}
+
+.mx-20 {
+  margin-left: 5rem;
+  margin-right: 5rem;
+}
+
+.my-24 {
+  margin-top: 6rem;
+  margin-bottom: 6rem;
+}
+
+.mx-24 {
+  margin-left: 6rem;
+  margin-right: 6rem;
+}
+
+.my-28 {
+  margin-top: 7rem;
+  margin-bottom: 7rem;
+}
+
+.mx-28 {
+  margin-left: 7rem;
+  margin-right: 7rem;
+}
+
+.my-32 {
+  margin-top: 8rem;
+  margin-bottom: 8rem;
+}
+
+.mx-32 {
+  margin-left: 8rem;
+  margin-right: 8rem;
+}
+
+.my-36 {
+  margin-top: 9rem;
+  margin-bottom: 9rem;
+}
+
+.mx-36 {
+  margin-left: 9rem;
+  margin-right: 9rem;
+}
+
+.my-40 {
+  margin-top: 10rem;
+  margin-bottom: 10rem;
+}
+
+.mx-40 {
+  margin-left: 10rem;
+  margin-right: 10rem;
+}
+
+.my-44 {
+  margin-top: 11rem;
+  margin-bottom: 11rem;
+}
+
+.mx-44 {
+  margin-left: 11rem;
+  margin-right: 11rem;
+}
+
+.my-48 {
+  margin-top: 12rem;
+  margin-bottom: 12rem;
+}
+
+.mx-48 {
+  margin-left: 12rem;
+  margin-right: 12rem;
+}
+
+.my-52 {
+  margin-top: 13rem;
+  margin-bottom: 13rem;
+}
+
+.mx-52 {
+  margin-left: 13rem;
+  margin-right: 13rem;
+}
+
+.my-56 {
+  margin-top: 14rem;
+  margin-bottom: 14rem;
+}
+
+.mx-56 {
+  margin-left: 14rem;
+  margin-right: 14rem;
+}
+
+.my-60 {
+  margin-top: 15rem;
+  margin-bottom: 15rem;
+}
+
+.mx-60 {
+  margin-left: 15rem;
+  margin-right: 15rem;
+}
+
+.my-64 {
+  margin-top: 16rem;
+  margin-bottom: 16rem;
+}
+
+.mx-64 {
+  margin-left: 16rem;
+  margin-right: 16rem;
+}
+
+.my-72 {
+  margin-top: 18rem;
+  margin-bottom: 18rem;
+}
+
+.mx-72 {
+  margin-left: 18rem;
+  margin-right: 18rem;
+}
+
+.my-80 {
+  margin-top: 20rem;
+  margin-bottom: 20rem;
+}
+
+.mx-80 {
+  margin-left: 20rem;
+  margin-right: 20rem;
+}
+
+.my-96 {
+  margin-top: 24rem;
+  margin-bottom: 24rem;
+}
+
+.mx-96 {
+  margin-left: 24rem;
+  margin-right: 24rem;
+}
+
+.my-auto {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.my-px {
+  margin-top: 1px;
+  margin-bottom: 1px;
+}
+
+.mx-px {
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.my-0\.5 {
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
+}
+
+.mx-0\.5 {
+  margin-left: 0.125rem;
+  margin-right: 0.125rem;
+}
+
+.my-1\.5 {
+  margin-top: 0.375rem;
+  margin-bottom: 0.375rem;
+}
+
+.mx-1\.5 {
+  margin-left: 0.375rem;
+  margin-right: 0.375rem;
+}
+
+.my-2\.5 {
+  margin-top: 0.625rem;
+  margin-bottom: 0.625rem;
+}
+
+.mx-2\.5 {
+  margin-left: 0.625rem;
+  margin-right: 0.625rem;
+}
+
+.my-3\.5 {
+  margin-top: 0.875rem;
+  margin-bottom: 0.875rem;
+}
+
+.mx-3\.5 {
+  margin-left: 0.875rem;
+  margin-right: 0.875rem;
+}
+
+.-my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.-mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
+.-my-1 {
+  margin-top: -0.25rem;
+  margin-bottom: -0.25rem;
+}
+
+.-mx-1 {
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
+}
+
+.-my-2 {
+  margin-top: -0.5rem;
+  margin-bottom: -0.5rem;
+}
+
+.-mx-2 {
+  margin-left: -0.5rem;
+  margin-right: -0.5rem;
+}
+
+.-my-3 {
+  margin-top: -0.75rem;
+  margin-bottom: -0.75rem;
+}
+
+.-mx-3 {
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
+}
+
+.-my-4 {
+  margin-top: -1rem;
+  margin-bottom: -1rem;
+}
+
+.-mx-4 {
+  margin-left: -1rem;
+  margin-right: -1rem;
+}
+
+.-my-5 {
+  margin-top: -1.25rem;
+  margin-bottom: -1.25rem;
+}
+
+.-mx-5 {
+  margin-left: -1.25rem;
+  margin-right: -1.25rem;
+}
+
+.-my-6 {
+  margin-top: -1.5rem;
+  margin-bottom: -1.5rem;
+}
+
+.-mx-6 {
+  margin-left: -1.5rem;
+  margin-right: -1.5rem;
+}
+
+.-my-7 {
+  margin-top: -1.75rem;
+  margin-bottom: -1.75rem;
+}
+
+.-mx-7 {
+  margin-left: -1.75rem;
+  margin-right: -1.75rem;
+}
+
+.-my-8 {
+  margin-top: -2rem;
+  margin-bottom: -2rem;
+}
+
+.-mx-8 {
+  margin-left: -2rem;
+  margin-right: -2rem;
+}
+
+.-my-9 {
+  margin-top: -2.25rem;
+  margin-bottom: -2.25rem;
+}
+
+.-mx-9 {
+  margin-left: -2.25rem;
+  margin-right: -2.25rem;
+}
+
+.-my-10 {
+  margin-top: -2.5rem;
+  margin-bottom: -2.5rem;
+}
+
+.-mx-10 {
+  margin-left: -2.5rem;
+  margin-right: -2.5rem;
+}
+
+.-my-11 {
+  margin-top: -2.75rem;
+  margin-bottom: -2.75rem;
+}
+
+.-mx-11 {
+  margin-left: -2.75rem;
+  margin-right: -2.75rem;
+}
+
+.-my-12 {
+  margin-top: -3rem;
+  margin-bottom: -3rem;
+}
+
+.-mx-12 {
+  margin-left: -3rem;
+  margin-right: -3rem;
+}
+
+.-my-14 {
+  margin-top: -3.5rem;
+  margin-bottom: -3.5rem;
+}
+
+.-mx-14 {
+  margin-left: -3.5rem;
+  margin-right: -3.5rem;
+}
+
+.-my-16 {
+  margin-top: -4rem;
+  margin-bottom: -4rem;
+}
+
+.-mx-16 {
+  margin-left: -4rem;
+  margin-right: -4rem;
+}
+
+.-my-20 {
+  margin-top: -5rem;
+  margin-bottom: -5rem;
+}
+
+.-mx-20 {
+  margin-left: -5rem;
+  margin-right: -5rem;
+}
+
+.-my-24 {
+  margin-top: -6rem;
+  margin-bottom: -6rem;
+}
+
+.-mx-24 {
+  margin-left: -6rem;
+  margin-right: -6rem;
+}
+
+.-my-28 {
+  margin-top: -7rem;
+  margin-bottom: -7rem;
+}
+
+.-mx-28 {
+  margin-left: -7rem;
+  margin-right: -7rem;
+}
+
+.-my-32 {
+  margin-top: -8rem;
+  margin-bottom: -8rem;
+}
+
+.-mx-32 {
+  margin-left: -8rem;
+  margin-right: -8rem;
+}
+
+.-my-36 {
+  margin-top: -9rem;
+  margin-bottom: -9rem;
+}
+
+.-mx-36 {
+  margin-left: -9rem;
+  margin-right: -9rem;
+}
+
+.-my-40 {
+  margin-top: -10rem;
+  margin-bottom: -10rem;
+}
+
+.-mx-40 {
+  margin-left: -10rem;
+  margin-right: -10rem;
+}
+
+.-my-44 {
+  margin-top: -11rem;
+  margin-bottom: -11rem;
+}
+
+.-mx-44 {
+  margin-left: -11rem;
+  margin-right: -11rem;
+}
+
+.-my-48 {
+  margin-top: -12rem;
+  margin-bottom: -12rem;
+}
+
+.-mx-48 {
+  margin-left: -12rem;
+  margin-right: -12rem;
+}
+
+.-my-52 {
+  margin-top: -13rem;
+  margin-bottom: -13rem;
+}
+
+.-mx-52 {
+  margin-left: -13rem;
+  margin-right: -13rem;
+}
+
+.-my-56 {
+  margin-top: -14rem;
+  margin-bottom: -14rem;
+}
+
+.-mx-56 {
+  margin-left: -14rem;
+  margin-right: -14rem;
+}
+
+.-my-60 {
+  margin-top: -15rem;
+  margin-bottom: -15rem;
+}
+
+.-mx-60 {
+  margin-left: -15rem;
+  margin-right: -15rem;
+}
+
+.-my-64 {
+  margin-top: -16rem;
+  margin-bottom: -16rem;
+}
+
+.-mx-64 {
+  margin-left: -16rem;
+  margin-right: -16rem;
+}
+
+.-my-72 {
+  margin-top: -18rem;
+  margin-bottom: -18rem;
+}
+
+.-mx-72 {
+  margin-left: -18rem;
+  margin-right: -18rem;
+}
+
+.-my-80 {
+  margin-top: -20rem;
+  margin-bottom: -20rem;
+}
+
+.-mx-80 {
+  margin-left: -20rem;
+  margin-right: -20rem;
+}
+
+.-my-96 {
+  margin-top: -24rem;
+  margin-bottom: -24rem;
+}
+
+.-mx-96 {
+  margin-left: -24rem;
+  margin-right: -24rem;
+}
+
+.-my-px {
+  margin-top: -1px;
+  margin-bottom: -1px;
+}
+
+.-mx-px {
+  margin-left: -1px;
+  margin-right: -1px;
+}
+
+.-my-0\.5 {
+  margin-top: -0.125rem;
+  margin-bottom: -0.125rem;
+}
+
+.-mx-0\.5 {
+  margin-left: -0.125rem;
+  margin-right: -0.125rem;
+}
+
+.-my-1\.5 {
+  margin-top: -0.375rem;
+  margin-bottom: -0.375rem;
+}
+
+.-mx-1\.5 {
+  margin-left: -0.375rem;
+  margin-right: -0.375rem;
+}
+
+.-my-2\.5 {
+  margin-top: -0.625rem;
+  margin-bottom: -0.625rem;
+}
+
+.-mx-2\.5 {
+  margin-left: -0.625rem;
+  margin-right: -0.625rem;
+}
+
+.-my-3\.5 {
+  margin-top: -0.875rem;
+  margin-bottom: -0.875rem;
+}
+
+.-mx-3\.5 {
+  margin-left: -0.875rem;
+  margin-right: -0.875rem;
+}
+
+.mt-0 {
+  margin-top: 0px;
+}
+
+.mr-0 {
+  margin-right: 0px;
+}
+
+.mb-0 {
+  margin-bottom: 0px;
+}
+
+.ml-0 {
+  margin-left: 0px;
+}
+
+.mt-1 {
+  margin-top: 0.25rem;
+}
+
+.mr-1 {
+  margin-right: 0.25rem;
+}
+
+.mb-1 {
+  margin-bottom: 0.25rem;
+}
+
+.ml-1 {
+  margin-left: 0.25rem;
+}
+
+.mt-2 {
+  margin-top: 0.5rem;
+}
+
+.mr-2 {
+  margin-right: 0.5rem;
+}
+
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+
+.ml-2 {
+  margin-left: 0.5rem;
+}
+
+.mt-3 {
+  margin-top: 0.75rem;
+}
+
+.mr-3 {
+  margin-right: 0.75rem;
+}
+
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
+
+.ml-3 {
+  margin-left: 0.75rem;
+}
+
+.mt-4 {
+  margin-top: 1rem;
+}
+
+.mr-4 {
+  margin-right: 1rem;
+}
+
+.mb-4 {
+  margin-bottom: 1rem;
+}
+
+.ml-4 {
+  margin-left: 1rem;
+}
+
+.mt-5 {
+  margin-top: 1.25rem;
+}
+
+.mr-5 {
+  margin-right: 1.25rem;
+}
+
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+
+.ml-5 {
+  margin-left: 1.25rem;
+}
+
+.mt-6 {
+  margin-top: 1.5rem;
+}
+
+.mr-6 {
+  margin-right: 1.5rem;
+}
+
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
+
+.ml-6 {
+  margin-left: 1.5rem;
+}
+
+.mt-7 {
+  margin-top: 1.75rem;
+}
+
+.mr-7 {
+  margin-right: 1.75rem;
+}
+
+.mb-7 {
+  margin-bottom: 1.75rem;
+}
+
+.ml-7 {
+  margin-left: 1.75rem;
+}
+
+.mt-8 {
+  margin-top: 2rem;
+}
+
+.mr-8 {
+  margin-right: 2rem;
+}
+
+.mb-8 {
+  margin-bottom: 2rem;
+}
+
+.ml-8 {
+  margin-left: 2rem;
+}
+
+.mt-9 {
+  margin-top: 2.25rem;
+}
+
+.mr-9 {
+  margin-right: 2.25rem;
+}
+
+.mb-9 {
+  margin-bottom: 2.25rem;
+}
+
+.ml-9 {
+  margin-left: 2.25rem;
+}
+
+.mt-10 {
+  margin-top: 2.5rem;
+}
+
+.mr-10 {
+  margin-right: 2.5rem;
+}
+
+.mb-10 {
+  margin-bottom: 2.5rem;
+}
+
+.ml-10 {
+  margin-left: 2.5rem;
+}
+
+.mt-11 {
+  margin-top: 2.75rem;
+}
+
+.mr-11 {
+  margin-right: 2.75rem;
+}
+
+.mb-11 {
+  margin-bottom: 2.75rem;
+}
+
+.ml-11 {
+  margin-left: 2.75rem;
+}
+
+.mt-12 {
+  margin-top: 3rem;
+}
+
+.mr-12 {
+  margin-right: 3rem;
+}
+
+.mb-12 {
+  margin-bottom: 3rem;
+}
+
+.ml-12 {
+  margin-left: 3rem;
+}
+
+.mt-14 {
+  margin-top: 3.5rem;
+}
+
+.mr-14 {
+  margin-right: 3.5rem;
+}
+
+.mb-14 {
+  margin-bottom: 3.5rem;
+}
+
+.ml-14 {
+  margin-left: 3.5rem;
+}
+
+.mt-16 {
+  margin-top: 4rem;
+}
+
+.mr-16 {
+  margin-right: 4rem;
+}
+
+.mb-16 {
+  margin-bottom: 4rem;
+}
+
+.ml-16 {
+  margin-left: 4rem;
+}
+
+.mt-20 {
+  margin-top: 5rem;
+}
+
+.mr-20 {
+  margin-right: 5rem;
+}
+
+.mb-20 {
+  margin-bottom: 5rem;
+}
+
+.ml-20 {
+  margin-left: 5rem;
+}
+
+.mt-24 {
+  margin-top: 6rem;
+}
+
+.mr-24 {
+  margin-right: 6rem;
+}
+
+.mb-24 {
+  margin-bottom: 6rem;
+}
+
+.ml-24 {
+  margin-left: 6rem;
+}
+
+.mt-28 {
+  margin-top: 7rem;
+}
+
+.mr-28 {
+  margin-right: 7rem;
+}
+
+.mb-28 {
+  margin-bottom: 7rem;
+}
+
+.ml-28 {
+  margin-left: 7rem;
+}
+
+.mt-32 {
+  margin-top: 8rem;
+}
+
+.mr-32 {
+  margin-right: 8rem;
+}
+
+.mb-32 {
+  margin-bottom: 8rem;
+}
+
+.ml-32 {
+  margin-left: 8rem;
+}
+
+.mt-36 {
+  margin-top: 9rem;
+}
+
+.mr-36 {
+  margin-right: 9rem;
+}
+
+.mb-36 {
+  margin-bottom: 9rem;
+}
+
+.ml-36 {
+  margin-left: 9rem;
+}
+
+.mt-40 {
+  margin-top: 10rem;
+}
+
+.mr-40 {
+  margin-right: 10rem;
+}
+
+.mb-40 {
+  margin-bottom: 10rem;
+}
+
+.ml-40 {
+  margin-left: 10rem;
+}
+
+.mt-44 {
+  margin-top: 11rem;
+}
+
+.mr-44 {
+  margin-right: 11rem;
+}
+
+.mb-44 {
+  margin-bottom: 11rem;
+}
+
+.ml-44 {
+  margin-left: 11rem;
+}
+
+.mt-48 {
+  margin-top: 12rem;
+}
+
+.mr-48 {
+  margin-right: 12rem;
+}
+
+.mb-48 {
+  margin-bottom: 12rem;
+}
+
+.ml-48 {
+  margin-left: 12rem;
+}
+
+.mt-52 {
+  margin-top: 13rem;
+}
+
+.mr-52 {
+  margin-right: 13rem;
+}
+
+.mb-52 {
+  margin-bottom: 13rem;
+}
+
+.ml-52 {
+  margin-left: 13rem;
+}
+
+.mt-56 {
+  margin-top: 14rem;
+}
+
+.mr-56 {
+  margin-right: 14rem;
+}
+
+.mb-56 {
+  margin-bottom: 14rem;
+}
+
+.ml-56 {
+  margin-left: 14rem;
+}
+
+.mt-60 {
+  margin-top: 15rem;
+}
+
+.mr-60 {
+  margin-right: 15rem;
+}
+
+.mb-60 {
+  margin-bottom: 15rem;
+}
+
+.ml-60 {
+  margin-left: 15rem;
+}
+
+.mt-64 {
+  margin-top: 16rem;
+}
+
+.mr-64 {
+  margin-right: 16rem;
+}
+
+.mb-64 {
+  margin-bottom: 16rem;
+}
+
+.ml-64 {
+  margin-left: 16rem;
+}
+
+.mt-72 {
+  margin-top: 18rem;
+}
+
+.mr-72 {
+  margin-right: 18rem;
+}
+
+.mb-72 {
+  margin-bottom: 18rem;
+}
+
+.ml-72 {
+  margin-left: 18rem;
+}
+
+.mt-80 {
+  margin-top: 20rem;
+}
+
+.mr-80 {
+  margin-right: 20rem;
+}
+
+.mb-80 {
+  margin-bottom: 20rem;
+}
+
+.ml-80 {
+  margin-left: 20rem;
+}
+
+.mt-96 {
+  margin-top: 24rem;
+}
+
+.mr-96 {
+  margin-right: 24rem;
+}
+
+.mb-96 {
+  margin-bottom: 24rem;
+}
+
+.ml-96 {
+  margin-left: 24rem;
+}
+
+.mt-auto {
+  margin-top: auto;
+}
+
+.mr-auto {
+  margin-right: auto;
+}
+
+.mb-auto {
+  margin-bottom: auto;
+}
+
+.ml-auto {
+  margin-left: auto;
+}
+
+.mt-px {
+  margin-top: 1px;
+}
+
+.mr-px {
+  margin-right: 1px;
+}
+
+.mb-px {
+  margin-bottom: 1px;
+}
+
+.ml-px {
+  margin-left: 1px;
+}
+
+.mt-0\.5 {
+  margin-top: 0.125rem;
+}
+
+.mr-0\.5 {
+  margin-right: 0.125rem;
+}
+
+.mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
+
+.ml-0\.5 {
+  margin-left: 0.125rem;
+}
+
+.mt-1\.5 {
+  margin-top: 0.375rem;
+}
+
+.mr-1\.5 {
+  margin-right: 0.375rem;
+}
+
+.mb-1\.5 {
+  margin-bottom: 0.375rem;
+}
+
+.ml-1\.5 {
+  margin-left: 0.375rem;
+}
+
+.mt-2\.5 {
+  margin-top: 0.625rem;
+}
+
+.mr-2\.5 {
+  margin-right: 0.625rem;
+}
+
+.mb-2\.5 {
+  margin-bottom: 0.625rem;
+}
+
+.ml-2\.5 {
+  margin-left: 0.625rem;
+}
+
+.mt-3\.5 {
+  margin-top: 0.875rem;
+}
+
+.mr-3\.5 {
+  margin-right: 0.875rem;
+}
+
+.mb-3\.5 {
+  margin-bottom: 0.875rem;
+}
+
+.ml-3\.5 {
+  margin-left: 0.875rem;
+}
+
+.-mt-0 {
+  margin-top: 0px;
+}
+
+.-mr-0 {
+  margin-right: 0px;
+}
+
+.-mb-0 {
+  margin-bottom: 0px;
+}
+
+.-ml-0 {
+  margin-left: 0px;
+}
+
+.-mt-1 {
+  margin-top: -0.25rem;
+}
+
+.-mr-1 {
+  margin-right: -0.25rem;
+}
+
+.-mb-1 {
+  margin-bottom: -0.25rem;
+}
+
+.-ml-1 {
+  margin-left: -0.25rem;
+}
+
+.-mt-2 {
+  margin-top: -0.5rem;
+}
+
+.-mr-2 {
+  margin-right: -0.5rem;
+}
+
+.-mb-2 {
+  margin-bottom: -0.5rem;
+}
+
+.-ml-2 {
+  margin-left: -0.5rem;
+}
+
+.-mt-3 {
+  margin-top: -0.75rem;
+}
+
+.-mr-3 {
+  margin-right: -0.75rem;
+}
+
+.-mb-3 {
+  margin-bottom: -0.75rem;
+}
+
+.-ml-3 {
+  margin-left: -0.75rem;
+}
+
+.-mt-4 {
+  margin-top: -1rem;
+}
+
+.-mr-4 {
+  margin-right: -1rem;
+}
+
+.-mb-4 {
+  margin-bottom: -1rem;
+}
+
+.-ml-4 {
+  margin-left: -1rem;
+}
+
+.-mt-5 {
+  margin-top: -1.25rem;
+}
+
+.-mr-5 {
+  margin-right: -1.25rem;
+}
+
+.-mb-5 {
+  margin-bottom: -1.25rem;
+}
+
+.-ml-5 {
+  margin-left: -1.25rem;
+}
+
+.-mt-6 {
+  margin-top: -1.5rem;
+}
+
+.-mr-6 {
+  margin-right: -1.5rem;
+}
+
+.-mb-6 {
+  margin-bottom: -1.5rem;
+}
+
+.-ml-6 {
+  margin-left: -1.5rem;
+}
+
+.-mt-7 {
+  margin-top: -1.75rem;
+}
+
+.-mr-7 {
+  margin-right: -1.75rem;
+}
+
+.-mb-7 {
+  margin-bottom: -1.75rem;
+}
+
+.-ml-7 {
+  margin-left: -1.75rem;
+}
+
+.-mt-8 {
+  margin-top: -2rem;
+}
+
+.-mr-8 {
+  margin-right: -2rem;
+}
+
+.-mb-8 {
+  margin-bottom: -2rem;
+}
+
+.-ml-8 {
+  margin-left: -2rem;
+}
+
+.-mt-9 {
+  margin-top: -2.25rem;
+}
+
+.-mr-9 {
+  margin-right: -2.25rem;
+}
+
+.-mb-9 {
+  margin-bottom: -2.25rem;
+}
+
+.-ml-9 {
+  margin-left: -2.25rem;
+}
+
+.-mt-10 {
+  margin-top: -2.5rem;
+}
+
+.-mr-10 {
+  margin-right: -2.5rem;
+}
+
+.-mb-10 {
+  margin-bottom: -2.5rem;
+}
+
+.-ml-10 {
+  margin-left: -2.5rem;
+}
+
+.-mt-11 {
+  margin-top: -2.75rem;
+}
+
+.-mr-11 {
+  margin-right: -2.75rem;
+}
+
+.-mb-11 {
+  margin-bottom: -2.75rem;
+}
+
+.-ml-11 {
+  margin-left: -2.75rem;
+}
+
+.-mt-12 {
+  margin-top: -3rem;
+}
+
+.-mr-12 {
+  margin-right: -3rem;
+}
+
+.-mb-12 {
+  margin-bottom: -3rem;
+}
+
+.-ml-12 {
+  margin-left: -3rem;
+}
+
+.-mt-14 {
+  margin-top: -3.5rem;
+}
+
+.-mr-14 {
+  margin-right: -3.5rem;
+}
+
+.-mb-14 {
+  margin-bottom: -3.5rem;
+}
+
+.-ml-14 {
+  margin-left: -3.5rem;
+}
+
+.-mt-16 {
+  margin-top: -4rem;
+}
+
+.-mr-16 {
+  margin-right: -4rem;
+}
+
+.-mb-16 {
+  margin-bottom: -4rem;
+}
+
+.-ml-16 {
+  margin-left: -4rem;
+}
+
+.-mt-20 {
+  margin-top: -5rem;
+}
+
+.-mr-20 {
+  margin-right: -5rem;
+}
+
+.-mb-20 {
+  margin-bottom: -5rem;
+}
+
+.-ml-20 {
+  margin-left: -5rem;
+}
+
+.-mt-24 {
+  margin-top: -6rem;
+}
+
+.-mr-24 {
+  margin-right: -6rem;
+}
+
+.-mb-24 {
+  margin-bottom: -6rem;
+}
+
+.-ml-24 {
+  margin-left: -6rem;
+}
+
+.-mt-28 {
+  margin-top: -7rem;
+}
+
+.-mr-28 {
+  margin-right: -7rem;
+}
+
+.-mb-28 {
+  margin-bottom: -7rem;
+}
+
+.-ml-28 {
+  margin-left: -7rem;
+}
+
+.-mt-32 {
+  margin-top: -8rem;
+}
+
+.-mr-32 {
+  margin-right: -8rem;
+}
+
+.-mb-32 {
+  margin-bottom: -8rem;
+}
+
+.-ml-32 {
+  margin-left: -8rem;
+}
+
+.-mt-36 {
+  margin-top: -9rem;
+}
+
+.-mr-36 {
+  margin-right: -9rem;
+}
+
+.-mb-36 {
+  margin-bottom: -9rem;
+}
+
+.-ml-36 {
+  margin-left: -9rem;
+}
+
+.-mt-40 {
+  margin-top: -10rem;
+}
+
+.-mr-40 {
+  margin-right: -10rem;
+}
+
+.-mb-40 {
+  margin-bottom: -10rem;
+}
+
+.-ml-40 {
+  margin-left: -10rem;
+}
+
+.-mt-44 {
+  margin-top: -11rem;
+}
+
+.-mr-44 {
+  margin-right: -11rem;
+}
+
+.-mb-44 {
+  margin-bottom: -11rem;
+}
+
+.-ml-44 {
+  margin-left: -11rem;
+}
+
+.-mt-48 {
+  margin-top: -12rem;
+}
+
+.-mr-48 {
+  margin-right: -12rem;
+}
+
+.-mb-48 {
+  margin-bottom: -12rem;
+}
+
+.-ml-48 {
+  margin-left: -12rem;
+}
+
+.-mt-52 {
+  margin-top: -13rem;
+}
+
+.-mr-52 {
+  margin-right: -13rem;
+}
+
+.-mb-52 {
+  margin-bottom: -13rem;
+}
+
+.-ml-52 {
+  margin-left: -13rem;
+}
+
+.-mt-56 {
+  margin-top: -14rem;
+}
+
+.-mr-56 {
+  margin-right: -14rem;
+}
+
+.-mb-56 {
+  margin-bottom: -14rem;
+}
+
+.-ml-56 {
+  margin-left: -14rem;
+}
+
+.-mt-60 {
+  margin-top: -15rem;
+}
+
+.-mr-60 {
+  margin-right: -15rem;
+}
+
+.-mb-60 {
+  margin-bottom: -15rem;
+}
+
+.-ml-60 {
+  margin-left: -15rem;
+}
+
+.-mt-64 {
+  margin-top: -16rem;
+}
+
+.-mr-64 {
+  margin-right: -16rem;
+}
+
+.-mb-64 {
+  margin-bottom: -16rem;
+}
+
+.-ml-64 {
+  margin-left: -16rem;
+}
+
+.-mt-72 {
+  margin-top: -18rem;
+}
+
+.-mr-72 {
+  margin-right: -18rem;
+}
+
+.-mb-72 {
+  margin-bottom: -18rem;
+}
+
+.-ml-72 {
+  margin-left: -18rem;
+}
+
+.-mt-80 {
+  margin-top: -20rem;
+}
+
+.-mr-80 {
+  margin-right: -20rem;
+}
+
+.-mb-80 {
+  margin-bottom: -20rem;
+}
+
+.-ml-80 {
+  margin-left: -20rem;
+}
+
+.-mt-96 {
+  margin-top: -24rem;
+}
+
+.-mr-96 {
+  margin-right: -24rem;
+}
+
+.-mb-96 {
+  margin-bottom: -24rem;
+}
+
+.-ml-96 {
+  margin-left: -24rem;
+}
+
+.-mt-px {
+  margin-top: -1px;
+}
+
+.-mr-px {
+  margin-right: -1px;
+}
+
+.-mb-px {
+  margin-bottom: -1px;
+}
+
+.-ml-px {
+  margin-left: -1px;
+}
+
+.-mt-0\.5 {
+  margin-top: -0.125rem;
+}
+
+.-mr-0\.5 {
+  margin-right: -0.125rem;
+}
+
+.-mb-0\.5 {
+  margin-bottom: -0.125rem;
+}
+
+.-ml-0\.5 {
+  margin-left: -0.125rem;
+}
+
+.-mt-1\.5 {
+  margin-top: -0.375rem;
+}
+
+.-mr-1\.5 {
+  margin-right: -0.375rem;
+}
+
+.-mb-1\.5 {
+  margin-bottom: -0.375rem;
+}
+
+.-ml-1\.5 {
+  margin-left: -0.375rem;
+}
+
+.-mt-2\.5 {
+  margin-top: -0.625rem;
+}
+
+.-mr-2\.5 {
+  margin-right: -0.625rem;
+}
+
+.-mb-2\.5 {
+  margin-bottom: -0.625rem;
+}
+
+.-ml-2\.5 {
+  margin-left: -0.625rem;
+}
+
+.-mt-3\.5 {
+  margin-top: -0.875rem;
+}
+
+.-mr-3\.5 {
+  margin-right: -0.875rem;
+}
+
+.-mb-3\.5 {
+  margin-bottom: -0.875rem;
+}
+
+.-ml-3\.5 {
+  margin-left: -0.875rem;
+}
+
+.max-h-0 {
+  max-height: 0px;
+}
+
+.max-h-1 {
+  max-height: 0.25rem;
+}
+
+.max-h-2 {
+  max-height: 0.5rem;
+}
+
+.max-h-3 {
+  max-height: 0.75rem;
+}
+
+.max-h-4 {
+  max-height: 1rem;
+}
+
+.max-h-5 {
+  max-height: 1.25rem;
+}
+
+.max-h-6 {
+  max-height: 1.5rem;
+}
+
+.max-h-7 {
+  max-height: 1.75rem;
+}
+
+.max-h-8 {
+  max-height: 2rem;
+}
+
+.max-h-9 {
+  max-height: 2.25rem;
+}
+
+.max-h-10 {
+  max-height: 2.5rem;
+}
+
+.max-h-11 {
+  max-height: 2.75rem;
+}
+
+.max-h-12 {
+  max-height: 3rem;
+}
+
+.max-h-14 {
+  max-height: 3.5rem;
+}
+
+.max-h-16 {
+  max-height: 4rem;
+}
+
+.max-h-20 {
+  max-height: 5rem;
+}
+
+.max-h-24 {
+  max-height: 6rem;
+}
+
+.max-h-28 {
+  max-height: 7rem;
+}
+
+.max-h-32 {
+  max-height: 8rem;
+}
+
+.max-h-36 {
+  max-height: 9rem;
+}
+
+.max-h-40 {
+  max-height: 10rem;
+}
+
+.max-h-44 {
+  max-height: 11rem;
+}
+
+.max-h-48 {
+  max-height: 12rem;
+}
+
+.max-h-52 {
+  max-height: 13rem;
+}
+
+.max-h-56 {
+  max-height: 14rem;
+}
+
+.max-h-60 {
+  max-height: 15rem;
+}
+
+.max-h-64 {
+  max-height: 16rem;
+}
+
+.max-h-72 {
+  max-height: 18rem;
+}
+
+.max-h-80 {
+  max-height: 20rem;
+}
+
+.max-h-96 {
+  max-height: 24rem;
+}
+
+.max-h-px {
+  max-height: 1px;
+}
+
+.max-h-0\.5 {
+  max-height: 0.125rem;
+}
+
+.max-h-1\.5 {
+  max-height: 0.375rem;
+}
+
+.max-h-2\.5 {
+  max-height: 0.625rem;
+}
+
+.max-h-3\.5 {
+  max-height: 0.875rem;
+}
+
+.max-h-full {
+  max-height: 100%;
+}
+
+.max-h-screen {
+  max-height: 100vh;
+}
+
+.max-w-0 {
+  max-width: 0rem;
+}
+
+.max-w-none {
+  max-width: none;
+}
+
+.max-w-xs {
+  max-width: 20rem;
+}
+
+.max-w-sm {
+  max-width: 24rem;
+}
+
+.max-w-md {
+  max-width: 28rem;
+}
+
+.max-w-lg {
+  max-width: 32rem;
+}
+
+.max-w-xl {
+  max-width: 36rem;
+}
+
+.max-w-2xl {
+  max-width: 42rem;
+}
+
+.max-w-3xl {
+  max-width: 48rem;
+}
+
+.max-w-4xl {
+  max-width: 56rem;
+}
+
+.max-w-5xl {
+  max-width: 64rem;
+}
+
+.max-w-6xl {
+  max-width: 72rem;
+}
+
+.max-w-7xl {
+  max-width: 80rem;
+}
+
+.max-w-full {
+  max-width: 100%;
+}
+
+.max-w-min {
+  max-width: -webkit-min-content;
+  max-width: min-content;
+}
+
+.max-w-max {
+  max-width: -webkit-max-content;
+  max-width: max-content;
+}
+
+.max-w-prose {
+  max-width: 65ch;
+}
+
+.max-w-screen-sm {
+  max-width: 640px;
+}
+
+.max-w-screen-md {
+  max-width: 768px;
+}
+
+.max-w-screen-lg {
+  max-width: 1024px;
+}
+
+.max-w-screen-xl {
+  max-width: 1280px;
+}
+
+.max-w-screen-2xl {
+  max-width: 1536px;
+}
+
+.min-h-0 {
+  min-height: 0px;
+}
+
+.min-h-full {
+  min-height: 100%;
+}
+
+.min-h-screen {
+  min-height: 100vh;
+}
+
+.min-w-0 {
+  min-width: 0px;
+}
+
+.min-w-full {
+  min-width: 100%;
+}
+
+.min-w-min {
+  min-width: -webkit-min-content;
+  min-width: min-content;
+}
+
+.min-w-max {
+  min-width: -webkit-max-content;
+  min-width: max-content;
+}
+
+.object-contain {
+  object-fit: contain;
+}
+
+.object-cover {
+  object-fit: cover;
+}
+
+.object-fill {
+  object-fit: fill;
+}
+
+.object-none {
+  object-fit: none;
+}
+
+.object-scale-down {
+  object-fit: scale-down;
+}
+
+.object-bottom {
+  object-position: bottom;
+}
+
+.object-center {
+  object-position: center;
+}
+
+.object-left {
+  object-position: left;
+}
+
+.object-left-bottom {
+  object-position: left bottom;
+}
+
+.object-left-top {
+  object-position: left top;
+}
+
+.object-right {
+  object-position: right;
+}
+
+.object-right-bottom {
+  object-position: right bottom;
+}
+
+.object-right-top {
+  object-position: right top;
+}
+
+.object-top {
+  object-position: top;
+}
+
+.opacity-0 {
+  opacity: 0;
+}
+
+.opacity-5 {
+  opacity: 0.05;
+}
+
+.opacity-10 {
+  opacity: 0.1;
+}
+
+.opacity-20 {
+  opacity: 0.2;
+}
+
+.opacity-25 {
+  opacity: 0.25;
+}
+
+.opacity-30 {
+  opacity: 0.3;
+}
+
+.opacity-40 {
+  opacity: 0.4;
+}
+
+.opacity-50 {
+  opacity: 0.5;
+}
+
+.opacity-60 {
+  opacity: 0.6;
+}
+
+.opacity-70 {
+  opacity: 0.7;
+}
+
+.opacity-75 {
+  opacity: 0.75;
+}
+
+.opacity-80 {
+  opacity: 0.8;
+}
+
+.opacity-90 {
+  opacity: 0.9;
+}
+
+.opacity-95 {
+  opacity: 0.95;
+}
+
+.opacity-100 {
+  opacity: 1;
+}
+
+.group:hover .group-hover\:opacity-0 {
+  opacity: 0;
+}
+
+.group:hover .group-hover\:opacity-5 {
+  opacity: 0.05;
+}
+
+.group:hover .group-hover\:opacity-10 {
+  opacity: 0.1;
+}
+
+.group:hover .group-hover\:opacity-20 {
+  opacity: 0.2;
+}
+
+.group:hover .group-hover\:opacity-25 {
+  opacity: 0.25;
+}
+
+.group:hover .group-hover\:opacity-30 {
+  opacity: 0.3;
+}
+
+.group:hover .group-hover\:opacity-40 {
+  opacity: 0.4;
+}
+
+.group:hover .group-hover\:opacity-50 {
+  opacity: 0.5;
+}
+
+.group:hover .group-hover\:opacity-60 {
+  opacity: 0.6;
+}
+
+.group:hover .group-hover\:opacity-70 {
+  opacity: 0.7;
+}
+
+.group:hover .group-hover\:opacity-75 {
+  opacity: 0.75;
+}
+
+.group:hover .group-hover\:opacity-80 {
+  opacity: 0.8;
+}
+
+.group:hover .group-hover\:opacity-90 {
+  opacity: 0.9;
+}
+
+.group:hover .group-hover\:opacity-95 {
+  opacity: 0.95;
+}
+
+.group:hover .group-hover\:opacity-100 {
+  opacity: 1;
+}
+
+.focus-within\:opacity-0:focus-within {
+  opacity: 0;
+}
+
+.focus-within\:opacity-5:focus-within {
+  opacity: 0.05;
+}
+
+.focus-within\:opacity-10:focus-within {
+  opacity: 0.1;
+}
+
+.focus-within\:opacity-20:focus-within {
+  opacity: 0.2;
+}
+
+.focus-within\:opacity-25:focus-within {
+  opacity: 0.25;
+}
+
+.focus-within\:opacity-30:focus-within {
+  opacity: 0.3;
+}
+
+.focus-within\:opacity-40:focus-within {
+  opacity: 0.4;
+}
+
+.focus-within\:opacity-50:focus-within {
+  opacity: 0.5;
+}
+
+.focus-within\:opacity-60:focus-within {
+  opacity: 0.6;
+}
+
+.focus-within\:opacity-70:focus-within {
+  opacity: 0.7;
+}
+
+.focus-within\:opacity-75:focus-within {
+  opacity: 0.75;
+}
+
+.focus-within\:opacity-80:focus-within {
+  opacity: 0.8;
+}
+
+.focus-within\:opacity-90:focus-within {
+  opacity: 0.9;
+}
+
+.focus-within\:opacity-95:focus-within {
+  opacity: 0.95;
+}
+
+.focus-within\:opacity-100:focus-within {
+  opacity: 1;
+}
+
+.hover\:opacity-0:hover {
+  opacity: 0;
+}
+
+.hover\:opacity-5:hover {
+  opacity: 0.05;
+}
+
+.hover\:opacity-10:hover {
+  opacity: 0.1;
+}
+
+.hover\:opacity-20:hover {
+  opacity: 0.2;
+}
+
+.hover\:opacity-25:hover {
+  opacity: 0.25;
+}
+
+.hover\:opacity-30:hover {
+  opacity: 0.3;
+}
+
+.hover\:opacity-40:hover {
+  opacity: 0.4;
+}
+
+.hover\:opacity-50:hover {
+  opacity: 0.5;
+}
+
+.hover\:opacity-60:hover {
+  opacity: 0.6;
+}
+
+.hover\:opacity-70:hover {
+  opacity: 0.7;
+}
+
+.hover\:opacity-75:hover {
+  opacity: 0.75;
+}
+
+.hover\:opacity-80:hover {
+  opacity: 0.8;
+}
+
+.hover\:opacity-90:hover {
+  opacity: 0.9;
+}
+
+.hover\:opacity-95:hover {
+  opacity: 0.95;
+}
+
+.hover\:opacity-100:hover {
+  opacity: 1;
+}
+
+.focus\:opacity-0:focus {
+  opacity: 0;
+}
+
+.focus\:opacity-5:focus {
+  opacity: 0.05;
+}
+
+.focus\:opacity-10:focus {
+  opacity: 0.1;
+}
+
+.focus\:opacity-20:focus {
+  opacity: 0.2;
+}
+
+.focus\:opacity-25:focus {
+  opacity: 0.25;
+}
+
+.focus\:opacity-30:focus {
+  opacity: 0.3;
+}
+
+.focus\:opacity-40:focus {
+  opacity: 0.4;
+}
+
+.focus\:opacity-50:focus {
+  opacity: 0.5;
+}
+
+.focus\:opacity-60:focus {
+  opacity: 0.6;
+}
+
+.focus\:opacity-70:focus {
+  opacity: 0.7;
+}
+
+.focus\:opacity-75:focus {
+  opacity: 0.75;
+}
+
+.focus\:opacity-80:focus {
+  opacity: 0.8;
+}
+
+.focus\:opacity-90:focus {
+  opacity: 0.9;
+}
+
+.focus\:opacity-95:focus {
+  opacity: 0.95;
+}
+
+.focus\:opacity-100:focus {
+  opacity: 1;
+}
+
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.outline-white {
+  outline: 2px dotted white;
+  outline-offset: 2px;
+}
+
+.outline-black {
+  outline: 2px dotted black;
+  outline-offset: 2px;
+}
+
+.focus-within\:outline-none:focus-within {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.focus-within\:outline-white:focus-within {
+  outline: 2px dotted white;
+  outline-offset: 2px;
+}
+
+.focus-within\:outline-black:focus-within {
+  outline: 2px dotted black;
+  outline-offset: 2px;
+}
+
+.focus\:outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.focus\:outline-white:focus {
+  outline: 2px dotted white;
+  outline-offset: 2px;
+}
+
+.focus\:outline-black:focus {
+  outline: 2px dotted black;
+  outline-offset: 2px;
+}
+
+.overflow-auto {
+  overflow: auto;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.overflow-visible {
+  overflow: visible;
+}
+
+.overflow-scroll {
+  overflow: scroll;
+}
+
+.overflow-x-auto {
+  overflow-x: auto;
+}
+
+.overflow-y-auto {
+  overflow-y: auto;
+}
+
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+
+.overflow-y-hidden {
+  overflow-y: hidden;
+}
+
+.overflow-x-visible {
+  overflow-x: visible;
+}
+
+.overflow-y-visible {
+  overflow-y: visible;
+}
+
+.overflow-x-scroll {
+  overflow-x: scroll;
+}
+
+.overflow-y-scroll {
+  overflow-y: scroll;
+}
+
+.overscroll-auto {
+  overscroll-behavior: auto;
+}
+
+.overscroll-contain {
+  overscroll-behavior: contain;
+}
+
+.overscroll-none {
+  overscroll-behavior: none;
+}
+
+.overscroll-y-auto {
+  overscroll-behavior-y: auto;
+}
+
+.overscroll-y-contain {
+  overscroll-behavior-y: contain;
+}
+
+.overscroll-y-none {
+  overscroll-behavior-y: none;
+}
+
+.overscroll-x-auto {
+  overscroll-behavior-x: auto;
+}
+
+.overscroll-x-contain {
+  overscroll-behavior-x: contain;
+}
+
+.overscroll-x-none {
+  overscroll-behavior-x: none;
+}
+
+.p-0 {
+  padding: 0px;
+}
+
+.p-1 {
+  padding: 0.25rem;
+}
+
+.p-2 {
+  padding: 0.5rem;
+}
+
+.p-3 {
+  padding: 0.75rem;
+}
+
+.p-4 {
+  padding: 1rem;
+}
+
+.p-5 {
+  padding: 1.25rem;
+}
+
+.p-6 {
+  padding: 1.5rem;
+}
+
+.p-7 {
+  padding: 1.75rem;
+}
+
+.p-8 {
+  padding: 2rem;
+}
+
+.p-9 {
+  padding: 2.25rem;
+}
+
+.p-10 {
+  padding: 2.5rem;
+}
+
+.p-11 {
+  padding: 2.75rem;
+}
+
+.p-12 {
+  padding: 3rem;
+}
+
+.p-14 {
+  padding: 3.5rem;
+}
+
+.p-16 {
+  padding: 4rem;
+}
+
+.p-20 {
+  padding: 5rem;
+}
+
+.p-24 {
+  padding: 6rem;
+}
+
+.p-28 {
+  padding: 7rem;
+}
+
+.p-32 {
+  padding: 8rem;
+}
+
+.p-36 {
+  padding: 9rem;
+}
+
+.p-40 {
+  padding: 10rem;
+}
+
+.p-44 {
+  padding: 11rem;
+}
+
+.p-48 {
+  padding: 12rem;
+}
+
+.p-52 {
+  padding: 13rem;
+}
+
+.p-56 {
+  padding: 14rem;
+}
+
+.p-60 {
+  padding: 15rem;
+}
+
+.p-64 {
+  padding: 16rem;
+}
+
+.p-72 {
+  padding: 18rem;
+}
+
+.p-80 {
+  padding: 20rem;
+}
+
+.p-96 {
+  padding: 24rem;
+}
+
+.p-px {
+  padding: 1px;
+}
+
+.p-0\.5 {
+  padding: 0.125rem;
+}
+
+.p-1\.5 {
+  padding: 0.375rem;
+}
+
+.p-2\.5 {
+  padding: 0.625rem;
+}
+
+.p-3\.5 {
+  padding: 0.875rem;
+}
+
+.py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+.px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.py-5 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
+.px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
+.py-7 {
+  padding-top: 1.75rem;
+  padding-bottom: 1.75rem;
+}
+
+.px-7 {
+  padding-left: 1.75rem;
+  padding-right: 1.75rem;
+}
+
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
+.py-9 {
+  padding-top: 2.25rem;
+  padding-bottom: 2.25rem;
+}
+
+.px-9 {
+  padding-left: 2.25rem;
+  padding-right: 2.25rem;
+}
+
+.py-10 {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
+
+.px-10 {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+
+.py-11 {
+  padding-top: 2.75rem;
+  padding-bottom: 2.75rem;
+}
+
+.px-11 {
+  padding-left: 2.75rem;
+  padding-right: 2.75rem;
+}
+
+.py-12 {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
+
+.px-12 {
+  padding-left: 3rem;
+  padding-right: 3rem;
+}
+
+.py-14 {
+  padding-top: 3.5rem;
+  padding-bottom: 3.5rem;
+}
+
+.px-14 {
+  padding-left: 3.5rem;
+  padding-right: 3.5rem;
+}
+
+.py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+.px-16 {
+  padding-left: 4rem;
+  padding-right: 4rem;
+}
+
+.py-20 {
+  padding-top: 5rem;
+  padding-bottom: 5rem;
+}
+
+.px-20 {
+  padding-left: 5rem;
+  padding-right: 5rem;
+}
+
+.py-24 {
+  padding-top: 6rem;
+  padding-bottom: 6rem;
+}
+
+.px-24 {
+  padding-left: 6rem;
+  padding-right: 6rem;
+}
+
+.py-28 {
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+}
+
+.px-28 {
+  padding-left: 7rem;
+  padding-right: 7rem;
+}
+
+.py-32 {
+  padding-top: 8rem;
+  padding-bottom: 8rem;
+}
+
+.px-32 {
+  padding-left: 8rem;
+  padding-right: 8rem;
+}
+
+.py-36 {
+  padding-top: 9rem;
+  padding-bottom: 9rem;
+}
+
+.px-36 {
+  padding-left: 9rem;
+  padding-right: 9rem;
+}
+
+.py-40 {
+  padding-top: 10rem;
+  padding-bottom: 10rem;
+}
+
+.px-40 {
+  padding-left: 10rem;
+  padding-right: 10rem;
+}
+
+.py-44 {
+  padding-top: 11rem;
+  padding-bottom: 11rem;
+}
+
+.px-44 {
+  padding-left: 11rem;
+  padding-right: 11rem;
+}
+
+.py-48 {
+  padding-top: 12rem;
+  padding-bottom: 12rem;
+}
+
+.px-48 {
+  padding-left: 12rem;
+  padding-right: 12rem;
+}
+
+.py-52 {
+  padding-top: 13rem;
+  padding-bottom: 13rem;
+}
+
+.px-52 {
+  padding-left: 13rem;
+  padding-right: 13rem;
+}
+
+.py-56 {
+  padding-top: 14rem;
+  padding-bottom: 14rem;
+}
+
+.px-56 {
+  padding-left: 14rem;
+  padding-right: 14rem;
+}
+
+.py-60 {
+  padding-top: 15rem;
+  padding-bottom: 15rem;
+}
+
+.px-60 {
+  padding-left: 15rem;
+  padding-right: 15rem;
+}
+
+.py-64 {
+  padding-top: 16rem;
+  padding-bottom: 16rem;
+}
+
+.px-64 {
+  padding-left: 16rem;
+  padding-right: 16rem;
+}
+
+.py-72 {
+  padding-top: 18rem;
+  padding-bottom: 18rem;
+}
+
+.px-72 {
+  padding-left: 18rem;
+  padding-right: 18rem;
+}
+
+.py-80 {
+  padding-top: 20rem;
+  padding-bottom: 20rem;
+}
+
+.px-80 {
+  padding-left: 20rem;
+  padding-right: 20rem;
+}
+
+.py-96 {
+  padding-top: 24rem;
+  padding-bottom: 24rem;
+}
+
+.px-96 {
+  padding-left: 24rem;
+  padding-right: 24rem;
+}
+
+.py-px {
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+
+.px-px {
+  padding-left: 1px;
+  padding-right: 1px;
+}
+
+.py-0\.5 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
+.px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+
+.py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+
+.px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
+
+.py-2\.5 {
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+}
+
+.px-2\.5 {
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+}
+
+.py-3\.5 {
+  padding-top: 0.875rem;
+  padding-bottom: 0.875rem;
+}
+
+.px-3\.5 {
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+}
+
+.pt-0 {
+  padding-top: 0px;
+}
+
+.pr-0 {
+  padding-right: 0px;
+}
+
+.pb-0 {
+  padding-bottom: 0px;
+}
+
+.pl-0 {
+  padding-left: 0px;
+}
+
+.pt-1 {
+  padding-top: 0.25rem;
+}
+
+.pr-1 {
+  padding-right: 0.25rem;
+}
+
+.pb-1 {
+  padding-bottom: 0.25rem;
+}
+
+.pl-1 {
+  padding-left: 0.25rem;
+}
+
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
+.pr-2 {
+  padding-right: 0.5rem;
+}
+
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
+
+.pl-2 {
+  padding-left: 0.5rem;
+}
+
+.pt-3 {
+  padding-top: 0.75rem;
+}
+
+.pr-3 {
+  padding-right: 0.75rem;
+}
+
+.pb-3 {
+  padding-bottom: 0.75rem;
+}
+
+.pl-3 {
+  padding-left: 0.75rem;
+}
+
+.pt-4 {
+  padding-top: 1rem;
+}
+
+.pr-4 {
+  padding-right: 1rem;
+}
+
+.pb-4 {
+  padding-bottom: 1rem;
+}
+
+.pl-4 {
+  padding-left: 1rem;
+}
+
+.pt-5 {
+  padding-top: 1.25rem;
+}
+
+.pr-5 {
+  padding-right: 1.25rem;
+}
+
+.pb-5 {
+  padding-bottom: 1.25rem;
+}
+
+.pl-5 {
+  padding-left: 1.25rem;
+}
+
+.pt-6 {
+  padding-top: 1.5rem;
+}
+
+.pr-6 {
+  padding-right: 1.5rem;
+}
+
+.pb-6 {
+  padding-bottom: 1.5rem;
+}
+
+.pl-6 {
+  padding-left: 1.5rem;
+}
+
+.pt-7 {
+  padding-top: 1.75rem;
+}
+
+.pr-7 {
+  padding-right: 1.75rem;
+}
+
+.pb-7 {
+  padding-bottom: 1.75rem;
+}
+
+.pl-7 {
+  padding-left: 1.75rem;
+}
+
+.pt-8 {
+  padding-top: 2rem;
+}
+
+.pr-8 {
+  padding-right: 2rem;
+}
+
+.pb-8 {
+  padding-bottom: 2rem;
+}
+
+.pl-8 {
+  padding-left: 2rem;
+}
+
+.pt-9 {
+  padding-top: 2.25rem;
+}
+
+.pr-9 {
+  padding-right: 2.25rem;
+}
+
+.pb-9 {
+  padding-bottom: 2.25rem;
+}
+
+.pl-9 {
+  padding-left: 2.25rem;
+}
+
+.pt-10 {
+  padding-top: 2.5rem;
+}
+
+.pr-10 {
+  padding-right: 2.5rem;
+}
+
+.pb-10 {
+  padding-bottom: 2.5rem;
+}
+
+.pl-10 {
+  padding-left: 2.5rem;
+}
+
+.pt-11 {
+  padding-top: 2.75rem;
+}
+
+.pr-11 {
+  padding-right: 2.75rem;
+}
+
+.pb-11 {
+  padding-bottom: 2.75rem;
+}
+
+.pl-11 {
+  padding-left: 2.75rem;
+}
+
+.pt-12 {
+  padding-top: 3rem;
+}
+
+.pr-12 {
+  padding-right: 3rem;
+}
+
+.pb-12 {
+  padding-bottom: 3rem;
+}
+
+.pl-12 {
+  padding-left: 3rem;
+}
+
+.pt-14 {
+  padding-top: 3.5rem;
+}
+
+.pr-14 {
+  padding-right: 3.5rem;
+}
+
+.pb-14 {
+  padding-bottom: 3.5rem;
+}
+
+.pl-14 {
+  padding-left: 3.5rem;
+}
+
+.pt-16 {
+  padding-top: 4rem;
+}
+
+.pr-16 {
+  padding-right: 4rem;
+}
+
+.pb-16 {
+  padding-bottom: 4rem;
+}
+
+.pl-16 {
+  padding-left: 4rem;
+}
+
+.pt-20 {
+  padding-top: 5rem;
+}
+
+.pr-20 {
+  padding-right: 5rem;
+}
+
+.pb-20 {
+  padding-bottom: 5rem;
+}
+
+.pl-20 {
+  padding-left: 5rem;
+}
+
+.pt-24 {
+  padding-top: 6rem;
+}
+
+.pr-24 {
+  padding-right: 6rem;
+}
+
+.pb-24 {
+  padding-bottom: 6rem;
+}
+
+.pl-24 {
+  padding-left: 6rem;
+}
+
+.pt-28 {
+  padding-top: 7rem;
+}
+
+.pr-28 {
+  padding-right: 7rem;
+}
+
+.pb-28 {
+  padding-bottom: 7rem;
+}
+
+.pl-28 {
+  padding-left: 7rem;
+}
+
+.pt-32 {
+  padding-top: 8rem;
+}
+
+.pr-32 {
+  padding-right: 8rem;
+}
+
+.pb-32 {
+  padding-bottom: 8rem;
+}
+
+.pl-32 {
+  padding-left: 8rem;
+}
+
+.pt-36 {
+  padding-top: 9rem;
+}
+
+.pr-36 {
+  padding-right: 9rem;
+}
+
+.pb-36 {
+  padding-bottom: 9rem;
+}
+
+.pl-36 {
+  padding-left: 9rem;
+}
+
+.pt-40 {
+  padding-top: 10rem;
+}
+
+.pr-40 {
+  padding-right: 10rem;
+}
+
+.pb-40 {
+  padding-bottom: 10rem;
+}
+
+.pl-40 {
+  padding-left: 10rem;
+}
+
+.pt-44 {
+  padding-top: 11rem;
+}
+
+.pr-44 {
+  padding-right: 11rem;
+}
+
+.pb-44 {
+  padding-bottom: 11rem;
+}
+
+.pl-44 {
+  padding-left: 11rem;
+}
+
+.pt-48 {
+  padding-top: 12rem;
+}
+
+.pr-48 {
+  padding-right: 12rem;
+}
+
+.pb-48 {
+  padding-bottom: 12rem;
+}
+
+.pl-48 {
+  padding-left: 12rem;
+}
+
+.pt-52 {
+  padding-top: 13rem;
+}
+
+.pr-52 {
+  padding-right: 13rem;
+}
+
+.pb-52 {
+  padding-bottom: 13rem;
+}
+
+.pl-52 {
+  padding-left: 13rem;
+}
+
+.pt-56 {
+  padding-top: 14rem;
+}
+
+.pr-56 {
+  padding-right: 14rem;
+}
+
+.pb-56 {
+  padding-bottom: 14rem;
+}
+
+.pl-56 {
+  padding-left: 14rem;
+}
+
+.pt-60 {
+  padding-top: 15rem;
+}
+
+.pr-60 {
+  padding-right: 15rem;
+}
+
+.pb-60 {
+  padding-bottom: 15rem;
+}
+
+.pl-60 {
+  padding-left: 15rem;
+}
+
+.pt-64 {
+  padding-top: 16rem;
+}
+
+.pr-64 {
+  padding-right: 16rem;
+}
+
+.pb-64 {
+  padding-bottom: 16rem;
+}
+
+.pl-64 {
+  padding-left: 16rem;
+}
+
+.pt-72 {
+  padding-top: 18rem;
+}
+
+.pr-72 {
+  padding-right: 18rem;
+}
+
+.pb-72 {
+  padding-bottom: 18rem;
+}
+
+.pl-72 {
+  padding-left: 18rem;
+}
+
+.pt-80 {
+  padding-top: 20rem;
+}
+
+.pr-80 {
+  padding-right: 20rem;
+}
+
+.pb-80 {
+  padding-bottom: 20rem;
+}
+
+.pl-80 {
+  padding-left: 20rem;
+}
+
+.pt-96 {
+  padding-top: 24rem;
+}
+
+.pr-96 {
+  padding-right: 24rem;
+}
+
+.pb-96 {
+  padding-bottom: 24rem;
+}
+
+.pl-96 {
+  padding-left: 24rem;
+}
+
+.pt-px {
+  padding-top: 1px;
+}
+
+.pr-px {
+  padding-right: 1px;
+}
+
+.pb-px {
+  padding-bottom: 1px;
+}
+
+.pl-px {
+  padding-left: 1px;
+}
+
+.pt-0\.5 {
+  padding-top: 0.125rem;
+}
+
+.pr-0\.5 {
+  padding-right: 0.125rem;
+}
+
+.pb-0\.5 {
+  padding-bottom: 0.125rem;
+}
+
+.pl-0\.5 {
+  padding-left: 0.125rem;
+}
+
+.pt-1\.5 {
+  padding-top: 0.375rem;
+}
+
+.pr-1\.5 {
+  padding-right: 0.375rem;
+}
+
+.pb-1\.5 {
+  padding-bottom: 0.375rem;
+}
+
+.pl-1\.5 {
+  padding-left: 0.375rem;
+}
+
+.pt-2\.5 {
+  padding-top: 0.625rem;
+}
+
+.pr-2\.5 {
+  padding-right: 0.625rem;
+}
+
+.pb-2\.5 {
+  padding-bottom: 0.625rem;
+}
+
+.pl-2\.5 {
+  padding-left: 0.625rem;
+}
+
+.pt-3\.5 {
+  padding-top: 0.875rem;
+}
+
+.pr-3\.5 {
+  padding-right: 0.875rem;
+}
+
+.pb-3\.5 {
+  padding-bottom: 0.875rem;
+}
+
+.pl-3\.5 {
+  padding-left: 0.875rem;
+}
+
+.placeholder-transparent::placeholder {
+  color: transparent;
+}
+
+.placeholder-current::placeholder {
+  color: currentColor;
+}
+
+.placeholder-black::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+}
+
+.placeholder-white::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-transparent:focus::placeholder {
+  color: transparent;
+}
+
+.focus\:placeholder-current:focus::placeholder {
+  color: currentColor;
+}
+
+.focus\:placeholder-black:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-white:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+}
+
+.placeholder-opacity-0::placeholder {
+  --tw-placeholder-opacity: 0;
+}
+
+.placeholder-opacity-5::placeholder {
+  --tw-placeholder-opacity: 0.05;
+}
+
+.placeholder-opacity-10::placeholder {
+  --tw-placeholder-opacity: 0.1;
+}
+
+.placeholder-opacity-20::placeholder {
+  --tw-placeholder-opacity: 0.2;
+}
+
+.placeholder-opacity-25::placeholder {
+  --tw-placeholder-opacity: 0.25;
+}
+
+.placeholder-opacity-30::placeholder {
+  --tw-placeholder-opacity: 0.3;
+}
+
+.placeholder-opacity-40::placeholder {
+  --tw-placeholder-opacity: 0.4;
+}
+
+.placeholder-opacity-50::placeholder {
+  --tw-placeholder-opacity: 0.5;
+}
+
+.placeholder-opacity-60::placeholder {
+  --tw-placeholder-opacity: 0.6;
+}
+
+.placeholder-opacity-70::placeholder {
+  --tw-placeholder-opacity: 0.7;
+}
+
+.placeholder-opacity-75::placeholder {
+  --tw-placeholder-opacity: 0.75;
+}
+
+.placeholder-opacity-80::placeholder {
+  --tw-placeholder-opacity: 0.8;
+}
+
+.placeholder-opacity-90::placeholder {
+  --tw-placeholder-opacity: 0.9;
+}
+
+.placeholder-opacity-95::placeholder {
+  --tw-placeholder-opacity: 0.95;
+}
+
+.placeholder-opacity-100::placeholder {
+  --tw-placeholder-opacity: 1;
+}
+
+.focus\:placeholder-opacity-0:focus::placeholder {
+  --tw-placeholder-opacity: 0;
+}
+
+.focus\:placeholder-opacity-5:focus::placeholder {
+  --tw-placeholder-opacity: 0.05;
+}
+
+.focus\:placeholder-opacity-10:focus::placeholder {
+  --tw-placeholder-opacity: 0.1;
+}
+
+.focus\:placeholder-opacity-20:focus::placeholder {
+  --tw-placeholder-opacity: 0.2;
+}
+
+.focus\:placeholder-opacity-25:focus::placeholder {
+  --tw-placeholder-opacity: 0.25;
+}
+
+.focus\:placeholder-opacity-30:focus::placeholder {
+  --tw-placeholder-opacity: 0.3;
+}
+
+.focus\:placeholder-opacity-40:focus::placeholder {
+  --tw-placeholder-opacity: 0.4;
+}
+
+.focus\:placeholder-opacity-50:focus::placeholder {
+  --tw-placeholder-opacity: 0.5;
+}
+
+.focus\:placeholder-opacity-60:focus::placeholder {
+  --tw-placeholder-opacity: 0.6;
+}
+
+.focus\:placeholder-opacity-70:focus::placeholder {
+  --tw-placeholder-opacity: 0.7;
+}
+
+.focus\:placeholder-opacity-75:focus::placeholder {
+  --tw-placeholder-opacity: 0.75;
+}
+
+.focus\:placeholder-opacity-80:focus::placeholder {
+  --tw-placeholder-opacity: 0.8;
+}
+
+.focus\:placeholder-opacity-90:focus::placeholder {
+  --tw-placeholder-opacity: 0.9;
+}
+
+.focus\:placeholder-opacity-95:focus::placeholder {
+  --tw-placeholder-opacity: 0.95;
+}
+
+.focus\:placeholder-opacity-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+}
+
+.pointer-events-none {
+  pointer-events: none;
+}
+
+.pointer-events-auto {
+  pointer-events: auto;
+}
+
+.static {
+  position: static;
+}
+
+.fixed {
+  position: fixed;
+}
+
+.absolute {
+  position: absolute;
+}
+
+.relative {
+  position: relative;
+}
+
+.sticky {
+  position: -webkit-sticky;
+  position: sticky;
+}
+
+.inset-0 {
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+.inset-1 {
+  top: 0.25rem;
+  right: 0.25rem;
+  bottom: 0.25rem;
+  left: 0.25rem;
+}
+
+.inset-2 {
+  top: 0.5rem;
+  right: 0.5rem;
+  bottom: 0.5rem;
+  left: 0.5rem;
+}
+
+.inset-3 {
+  top: 0.75rem;
+  right: 0.75rem;
+  bottom: 0.75rem;
+  left: 0.75rem;
+}
+
+.inset-4 {
+  top: 1rem;
+  right: 1rem;
+  bottom: 1rem;
+  left: 1rem;
+}
+
+.inset-5 {
+  top: 1.25rem;
+  right: 1.25rem;
+  bottom: 1.25rem;
+  left: 1.25rem;
+}
+
+.inset-6 {
+  top: 1.5rem;
+  right: 1.5rem;
+  bottom: 1.5rem;
+  left: 1.5rem;
+}
+
+.inset-7 {
+  top: 1.75rem;
+  right: 1.75rem;
+  bottom: 1.75rem;
+  left: 1.75rem;
+}
+
+.inset-8 {
+  top: 2rem;
+  right: 2rem;
+  bottom: 2rem;
+  left: 2rem;
+}
+
+.inset-9 {
+  top: 2.25rem;
+  right: 2.25rem;
+  bottom: 2.25rem;
+  left: 2.25rem;
+}
+
+.inset-10 {
+  top: 2.5rem;
+  right: 2.5rem;
+  bottom: 2.5rem;
+  left: 2.5rem;
+}
+
+.inset-11 {
+  top: 2.75rem;
+  right: 2.75rem;
+  bottom: 2.75rem;
+  left: 2.75rem;
+}
+
+.inset-12 {
+  top: 3rem;
+  right: 3rem;
+  bottom: 3rem;
+  left: 3rem;
+}
+
+.inset-14 {
+  top: 3.5rem;
+  right: 3.5rem;
+  bottom: 3.5rem;
+  left: 3.5rem;
+}
+
+.inset-16 {
+  top: 4rem;
+  right: 4rem;
+  bottom: 4rem;
+  left: 4rem;
+}
+
+.inset-20 {
+  top: 5rem;
+  right: 5rem;
+  bottom: 5rem;
+  left: 5rem;
+}
+
+.inset-24 {
+  top: 6rem;
+  right: 6rem;
+  bottom: 6rem;
+  left: 6rem;
+}
+
+.inset-28 {
+  top: 7rem;
+  right: 7rem;
+  bottom: 7rem;
+  left: 7rem;
+}
+
+.inset-32 {
+  top: 8rem;
+  right: 8rem;
+  bottom: 8rem;
+  left: 8rem;
+}
+
+.inset-36 {
+  top: 9rem;
+  right: 9rem;
+  bottom: 9rem;
+  left: 9rem;
+}
+
+.inset-40 {
+  top: 10rem;
+  right: 10rem;
+  bottom: 10rem;
+  left: 10rem;
+}
+
+.inset-44 {
+  top: 11rem;
+  right: 11rem;
+  bottom: 11rem;
+  left: 11rem;
+}
+
+.inset-48 {
+  top: 12rem;
+  right: 12rem;
+  bottom: 12rem;
+  left: 12rem;
+}
+
+.inset-52 {
+  top: 13rem;
+  right: 13rem;
+  bottom: 13rem;
+  left: 13rem;
+}
+
+.inset-56 {
+  top: 14rem;
+  right: 14rem;
+  bottom: 14rem;
+  left: 14rem;
+}
+
+.inset-60 {
+  top: 15rem;
+  right: 15rem;
+  bottom: 15rem;
+  left: 15rem;
+}
+
+.inset-64 {
+  top: 16rem;
+  right: 16rem;
+  bottom: 16rem;
+  left: 16rem;
+}
+
+.inset-72 {
+  top: 18rem;
+  right: 18rem;
+  bottom: 18rem;
+  left: 18rem;
+}
+
+.inset-80 {
+  top: 20rem;
+  right: 20rem;
+  bottom: 20rem;
+  left: 20rem;
+}
+
+.inset-96 {
+  top: 24rem;
+  right: 24rem;
+  bottom: 24rem;
+  left: 24rem;
+}
+
+.inset-auto {
+  top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
+}
+
+.inset-px {
+  top: 1px;
+  right: 1px;
+  bottom: 1px;
+  left: 1px;
+}
+
+.inset-0\.5 {
+  top: 0.125rem;
+  right: 0.125rem;
+  bottom: 0.125rem;
+  left: 0.125rem;
+}
+
+.inset-1\.5 {
+  top: 0.375rem;
+  right: 0.375rem;
+  bottom: 0.375rem;
+  left: 0.375rem;
+}
+
+.inset-2\.5 {
+  top: 0.625rem;
+  right: 0.625rem;
+  bottom: 0.625rem;
+  left: 0.625rem;
+}
+
+.inset-3\.5 {
+  top: 0.875rem;
+  right: 0.875rem;
+  bottom: 0.875rem;
+  left: 0.875rem;
+}
+
+.-inset-0 {
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+.-inset-1 {
+  top: -0.25rem;
+  right: -0.25rem;
+  bottom: -0.25rem;
+  left: -0.25rem;
+}
+
+.-inset-2 {
+  top: -0.5rem;
+  right: -0.5rem;
+  bottom: -0.5rem;
+  left: -0.5rem;
+}
+
+.-inset-3 {
+  top: -0.75rem;
+  right: -0.75rem;
+  bottom: -0.75rem;
+  left: -0.75rem;
+}
+
+.-inset-4 {
+  top: -1rem;
+  right: -1rem;
+  bottom: -1rem;
+  left: -1rem;
+}
+
+.-inset-5 {
+  top: -1.25rem;
+  right: -1.25rem;
+  bottom: -1.25rem;
+  left: -1.25rem;
+}
+
+.-inset-6 {
+  top: -1.5rem;
+  right: -1.5rem;
+  bottom: -1.5rem;
+  left: -1.5rem;
+}
+
+.-inset-7 {
+  top: -1.75rem;
+  right: -1.75rem;
+  bottom: -1.75rem;
+  left: -1.75rem;
+}
+
+.-inset-8 {
+  top: -2rem;
+  right: -2rem;
+  bottom: -2rem;
+  left: -2rem;
+}
+
+.-inset-9 {
+  top: -2.25rem;
+  right: -2.25rem;
+  bottom: -2.25rem;
+  left: -2.25rem;
+}
+
+.-inset-10 {
+  top: -2.5rem;
+  right: -2.5rem;
+  bottom: -2.5rem;
+  left: -2.5rem;
+}
+
+.-inset-11 {
+  top: -2.75rem;
+  right: -2.75rem;
+  bottom: -2.75rem;
+  left: -2.75rem;
+}
+
+.-inset-12 {
+  top: -3rem;
+  right: -3rem;
+  bottom: -3rem;
+  left: -3rem;
+}
+
+.-inset-14 {
+  top: -3.5rem;
+  right: -3.5rem;
+  bottom: -3.5rem;
+  left: -3.5rem;
+}
+
+.-inset-16 {
+  top: -4rem;
+  right: -4rem;
+  bottom: -4rem;
+  left: -4rem;
+}
+
+.-inset-20 {
+  top: -5rem;
+  right: -5rem;
+  bottom: -5rem;
+  left: -5rem;
+}
+
+.-inset-24 {
+  top: -6rem;
+  right: -6rem;
+  bottom: -6rem;
+  left: -6rem;
+}
+
+.-inset-28 {
+  top: -7rem;
+  right: -7rem;
+  bottom: -7rem;
+  left: -7rem;
+}
+
+.-inset-32 {
+  top: -8rem;
+  right: -8rem;
+  bottom: -8rem;
+  left: -8rem;
+}
+
+.-inset-36 {
+  top: -9rem;
+  right: -9rem;
+  bottom: -9rem;
+  left: -9rem;
+}
+
+.-inset-40 {
+  top: -10rem;
+  right: -10rem;
+  bottom: -10rem;
+  left: -10rem;
+}
+
+.-inset-44 {
+  top: -11rem;
+  right: -11rem;
+  bottom: -11rem;
+  left: -11rem;
+}
+
+.-inset-48 {
+  top: -12rem;
+  right: -12rem;
+  bottom: -12rem;
+  left: -12rem;
+}
+
+.-inset-52 {
+  top: -13rem;
+  right: -13rem;
+  bottom: -13rem;
+  left: -13rem;
+}
+
+.-inset-56 {
+  top: -14rem;
+  right: -14rem;
+  bottom: -14rem;
+  left: -14rem;
+}
+
+.-inset-60 {
+  top: -15rem;
+  right: -15rem;
+  bottom: -15rem;
+  left: -15rem;
+}
+
+.-inset-64 {
+  top: -16rem;
+  right: -16rem;
+  bottom: -16rem;
+  left: -16rem;
+}
+
+.-inset-72 {
+  top: -18rem;
+  right: -18rem;
+  bottom: -18rem;
+  left: -18rem;
+}
+
+.-inset-80 {
+  top: -20rem;
+  right: -20rem;
+  bottom: -20rem;
+  left: -20rem;
+}
+
+.-inset-96 {
+  top: -24rem;
+  right: -24rem;
+  bottom: -24rem;
+  left: -24rem;
+}
+
+.-inset-px {
+  top: -1px;
+  right: -1px;
+  bottom: -1px;
+  left: -1px;
+}
+
+.-inset-0\.5 {
+  top: -0.125rem;
+  right: -0.125rem;
+  bottom: -0.125rem;
+  left: -0.125rem;
+}
+
+.-inset-1\.5 {
+  top: -0.375rem;
+  right: -0.375rem;
+  bottom: -0.375rem;
+  left: -0.375rem;
+}
+
+.-inset-2\.5 {
+  top: -0.625rem;
+  right: -0.625rem;
+  bottom: -0.625rem;
+  left: -0.625rem;
+}
+
+.-inset-3\.5 {
+  top: -0.875rem;
+  right: -0.875rem;
+  bottom: -0.875rem;
+  left: -0.875rem;
+}
+
+.inset-1\/2 {
+  top: 50%;
+  right: 50%;
+  bottom: 50%;
+  left: 50%;
+}
+
+.inset-1\/3 {
+  top: 33.333333%;
+  right: 33.333333%;
+  bottom: 33.333333%;
+  left: 33.333333%;
+}
+
+.inset-2\/3 {
+  top: 66.666667%;
+  right: 66.666667%;
+  bottom: 66.666667%;
+  left: 66.666667%;
+}
+
+.inset-1\/4 {
+  top: 25%;
+  right: 25%;
+  bottom: 25%;
+  left: 25%;
+}
+
+.inset-2\/4 {
+  top: 50%;
+  right: 50%;
+  bottom: 50%;
+  left: 50%;
+}
+
+.inset-3\/4 {
+  top: 75%;
+  right: 75%;
+  bottom: 75%;
+  left: 75%;
+}
+
+.inset-full {
+  top: 100%;
+  right: 100%;
+  bottom: 100%;
+  left: 100%;
+}
+
+.-inset-1\/2 {
+  top: -50%;
+  right: -50%;
+  bottom: -50%;
+  left: -50%;
+}
+
+.-inset-1\/3 {
+  top: -33.333333%;
+  right: -33.333333%;
+  bottom: -33.333333%;
+  left: -33.333333%;
+}
+
+.-inset-2\/3 {
+  top: -66.666667%;
+  right: -66.666667%;
+  bottom: -66.666667%;
+  left: -66.666667%;
+}
+
+.-inset-1\/4 {
+  top: -25%;
+  right: -25%;
+  bottom: -25%;
+  left: -25%;
+}
+
+.-inset-2\/4 {
+  top: -50%;
+  right: -50%;
+  bottom: -50%;
+  left: -50%;
+}
+
+.-inset-3\/4 {
+  top: -75%;
+  right: -75%;
+  bottom: -75%;
+  left: -75%;
+}
+
+.-inset-full {
+  top: -100%;
+  right: -100%;
+  bottom: -100%;
+  left: -100%;
+}
+
+.inset-y-0 {
+  top: 0px;
+  bottom: 0px;
+}
+
+.inset-x-0 {
+  right: 0px;
+  left: 0px;
+}
+
+.inset-y-1 {
+  top: 0.25rem;
+  bottom: 0.25rem;
+}
+
+.inset-x-1 {
+  right: 0.25rem;
+  left: 0.25rem;
+}
+
+.inset-y-2 {
+  top: 0.5rem;
+  bottom: 0.5rem;
+}
+
+.inset-x-2 {
+  right: 0.5rem;
+  left: 0.5rem;
+}
+
+.inset-y-3 {
+  top: 0.75rem;
+  bottom: 0.75rem;
+}
+
+.inset-x-3 {
+  right: 0.75rem;
+  left: 0.75rem;
+}
+
+.inset-y-4 {
+  top: 1rem;
+  bottom: 1rem;
+}
+
+.inset-x-4 {
+  right: 1rem;
+  left: 1rem;
+}
+
+.inset-y-5 {
+  top: 1.25rem;
+  bottom: 1.25rem;
+}
+
+.inset-x-5 {
+  right: 1.25rem;
+  left: 1.25rem;
+}
+
+.inset-y-6 {
+  top: 1.5rem;
+  bottom: 1.5rem;
+}
+
+.inset-x-6 {
+  right: 1.5rem;
+  left: 1.5rem;
+}
+
+.inset-y-7 {
+  top: 1.75rem;
+  bottom: 1.75rem;
+}
+
+.inset-x-7 {
+  right: 1.75rem;
+  left: 1.75rem;
+}
+
+.inset-y-8 {
+  top: 2rem;
+  bottom: 2rem;
+}
+
+.inset-x-8 {
+  right: 2rem;
+  left: 2rem;
+}
+
+.inset-y-9 {
+  top: 2.25rem;
+  bottom: 2.25rem;
+}
+
+.inset-x-9 {
+  right: 2.25rem;
+  left: 2.25rem;
+}
+
+.inset-y-10 {
+  top: 2.5rem;
+  bottom: 2.5rem;
+}
+
+.inset-x-10 {
+  right: 2.5rem;
+  left: 2.5rem;
+}
+
+.inset-y-11 {
+  top: 2.75rem;
+  bottom: 2.75rem;
+}
+
+.inset-x-11 {
+  right: 2.75rem;
+  left: 2.75rem;
+}
+
+.inset-y-12 {
+  top: 3rem;
+  bottom: 3rem;
+}
+
+.inset-x-12 {
+  right: 3rem;
+  left: 3rem;
+}
+
+.inset-y-14 {
+  top: 3.5rem;
+  bottom: 3.5rem;
+}
+
+.inset-x-14 {
+  right: 3.5rem;
+  left: 3.5rem;
+}
+
+.inset-y-16 {
+  top: 4rem;
+  bottom: 4rem;
+}
+
+.inset-x-16 {
+  right: 4rem;
+  left: 4rem;
+}
+
+.inset-y-20 {
+  top: 5rem;
+  bottom: 5rem;
+}
+
+.inset-x-20 {
+  right: 5rem;
+  left: 5rem;
+}
+
+.inset-y-24 {
+  top: 6rem;
+  bottom: 6rem;
+}
+
+.inset-x-24 {
+  right: 6rem;
+  left: 6rem;
+}
+
+.inset-y-28 {
+  top: 7rem;
+  bottom: 7rem;
+}
+
+.inset-x-28 {
+  right: 7rem;
+  left: 7rem;
+}
+
+.inset-y-32 {
+  top: 8rem;
+  bottom: 8rem;
+}
+
+.inset-x-32 {
+  right: 8rem;
+  left: 8rem;
+}
+
+.inset-y-36 {
+  top: 9rem;
+  bottom: 9rem;
+}
+
+.inset-x-36 {
+  right: 9rem;
+  left: 9rem;
+}
+
+.inset-y-40 {
+  top: 10rem;
+  bottom: 10rem;
+}
+
+.inset-x-40 {
+  right: 10rem;
+  left: 10rem;
+}
+
+.inset-y-44 {
+  top: 11rem;
+  bottom: 11rem;
+}
+
+.inset-x-44 {
+  right: 11rem;
+  left: 11rem;
+}
+
+.inset-y-48 {
+  top: 12rem;
+  bottom: 12rem;
+}
+
+.inset-x-48 {
+  right: 12rem;
+  left: 12rem;
+}
+
+.inset-y-52 {
+  top: 13rem;
+  bottom: 13rem;
+}
+
+.inset-x-52 {
+  right: 13rem;
+  left: 13rem;
+}
+
+.inset-y-56 {
+  top: 14rem;
+  bottom: 14rem;
+}
+
+.inset-x-56 {
+  right: 14rem;
+  left: 14rem;
+}
+
+.inset-y-60 {
+  top: 15rem;
+  bottom: 15rem;
+}
+
+.inset-x-60 {
+  right: 15rem;
+  left: 15rem;
+}
+
+.inset-y-64 {
+  top: 16rem;
+  bottom: 16rem;
+}
+
+.inset-x-64 {
+  right: 16rem;
+  left: 16rem;
+}
+
+.inset-y-72 {
+  top: 18rem;
+  bottom: 18rem;
+}
+
+.inset-x-72 {
+  right: 18rem;
+  left: 18rem;
+}
+
+.inset-y-80 {
+  top: 20rem;
+  bottom: 20rem;
+}
+
+.inset-x-80 {
+  right: 20rem;
+  left: 20rem;
+}
+
+.inset-y-96 {
+  top: 24rem;
+  bottom: 24rem;
+}
+
+.inset-x-96 {
+  right: 24rem;
+  left: 24rem;
+}
+
+.inset-y-auto {
+  top: auto;
+  bottom: auto;
+}
+
+.inset-x-auto {
+  right: auto;
+  left: auto;
+}
+
+.inset-y-px {
+  top: 1px;
+  bottom: 1px;
+}
+
+.inset-x-px {
+  right: 1px;
+  left: 1px;
+}
+
+.inset-y-0\.5 {
+  top: 0.125rem;
+  bottom: 0.125rem;
+}
+
+.inset-x-0\.5 {
+  right: 0.125rem;
+  left: 0.125rem;
+}
+
+.inset-y-1\.5 {
+  top: 0.375rem;
+  bottom: 0.375rem;
+}
+
+.inset-x-1\.5 {
+  right: 0.375rem;
+  left: 0.375rem;
+}
+
+.inset-y-2\.5 {
+  top: 0.625rem;
+  bottom: 0.625rem;
+}
+
+.inset-x-2\.5 {
+  right: 0.625rem;
+  left: 0.625rem;
+}
+
+.inset-y-3\.5 {
+  top: 0.875rem;
+  bottom: 0.875rem;
+}
+
+.inset-x-3\.5 {
+  right: 0.875rem;
+  left: 0.875rem;
+}
+
+.-inset-y-0 {
+  top: 0px;
+  bottom: 0px;
+}
+
+.-inset-x-0 {
+  right: 0px;
+  left: 0px;
+}
+
+.-inset-y-1 {
+  top: -0.25rem;
+  bottom: -0.25rem;
+}
+
+.-inset-x-1 {
+  right: -0.25rem;
+  left: -0.25rem;
+}
+
+.-inset-y-2 {
+  top: -0.5rem;
+  bottom: -0.5rem;
+}
+
+.-inset-x-2 {
+  right: -0.5rem;
+  left: -0.5rem;
+}
+
+.-inset-y-3 {
+  top: -0.75rem;
+  bottom: -0.75rem;
+}
+
+.-inset-x-3 {
+  right: -0.75rem;
+  left: -0.75rem;
+}
+
+.-inset-y-4 {
+  top: -1rem;
+  bottom: -1rem;
+}
+
+.-inset-x-4 {
+  right: -1rem;
+  left: -1rem;
+}
+
+.-inset-y-5 {
+  top: -1.25rem;
+  bottom: -1.25rem;
+}
+
+.-inset-x-5 {
+  right: -1.25rem;
+  left: -1.25rem;
+}
+
+.-inset-y-6 {
+  top: -1.5rem;
+  bottom: -1.5rem;
+}
+
+.-inset-x-6 {
+  right: -1.5rem;
+  left: -1.5rem;
+}
+
+.-inset-y-7 {
+  top: -1.75rem;
+  bottom: -1.75rem;
+}
+
+.-inset-x-7 {
+  right: -1.75rem;
+  left: -1.75rem;
+}
+
+.-inset-y-8 {
+  top: -2rem;
+  bottom: -2rem;
+}
+
+.-inset-x-8 {
+  right: -2rem;
+  left: -2rem;
+}
+
+.-inset-y-9 {
+  top: -2.25rem;
+  bottom: -2.25rem;
+}
+
+.-inset-x-9 {
+  right: -2.25rem;
+  left: -2.25rem;
+}
+
+.-inset-y-10 {
+  top: -2.5rem;
+  bottom: -2.5rem;
+}
+
+.-inset-x-10 {
+  right: -2.5rem;
+  left: -2.5rem;
+}
+
+.-inset-y-11 {
+  top: -2.75rem;
+  bottom: -2.75rem;
+}
+
+.-inset-x-11 {
+  right: -2.75rem;
+  left: -2.75rem;
+}
+
+.-inset-y-12 {
+  top: -3rem;
+  bottom: -3rem;
+}
+
+.-inset-x-12 {
+  right: -3rem;
+  left: -3rem;
+}
+
+.-inset-y-14 {
+  top: -3.5rem;
+  bottom: -3.5rem;
+}
+
+.-inset-x-14 {
+  right: -3.5rem;
+  left: -3.5rem;
+}
+
+.-inset-y-16 {
+  top: -4rem;
+  bottom: -4rem;
+}
+
+.-inset-x-16 {
+  right: -4rem;
+  left: -4rem;
+}
+
+.-inset-y-20 {
+  top: -5rem;
+  bottom: -5rem;
+}
+
+.-inset-x-20 {
+  right: -5rem;
+  left: -5rem;
+}
+
+.-inset-y-24 {
+  top: -6rem;
+  bottom: -6rem;
+}
+
+.-inset-x-24 {
+  right: -6rem;
+  left: -6rem;
+}
+
+.-inset-y-28 {
+  top: -7rem;
+  bottom: -7rem;
+}
+
+.-inset-x-28 {
+  right: -7rem;
+  left: -7rem;
+}
+
+.-inset-y-32 {
+  top: -8rem;
+  bottom: -8rem;
+}
+
+.-inset-x-32 {
+  right: -8rem;
+  left: -8rem;
+}
+
+.-inset-y-36 {
+  top: -9rem;
+  bottom: -9rem;
+}
+
+.-inset-x-36 {
+  right: -9rem;
+  left: -9rem;
+}
+
+.-inset-y-40 {
+  top: -10rem;
+  bottom: -10rem;
+}
+
+.-inset-x-40 {
+  right: -10rem;
+  left: -10rem;
+}
+
+.-inset-y-44 {
+  top: -11rem;
+  bottom: -11rem;
+}
+
+.-inset-x-44 {
+  right: -11rem;
+  left: -11rem;
+}
+
+.-inset-y-48 {
+  top: -12rem;
+  bottom: -12rem;
+}
+
+.-inset-x-48 {
+  right: -12rem;
+  left: -12rem;
+}
+
+.-inset-y-52 {
+  top: -13rem;
+  bottom: -13rem;
+}
+
+.-inset-x-52 {
+  right: -13rem;
+  left: -13rem;
+}
+
+.-inset-y-56 {
+  top: -14rem;
+  bottom: -14rem;
+}
+
+.-inset-x-56 {
+  right: -14rem;
+  left: -14rem;
+}
+
+.-inset-y-60 {
+  top: -15rem;
+  bottom: -15rem;
+}
+
+.-inset-x-60 {
+  right: -15rem;
+  left: -15rem;
+}
+
+.-inset-y-64 {
+  top: -16rem;
+  bottom: -16rem;
+}
+
+.-inset-x-64 {
+  right: -16rem;
+  left: -16rem;
+}
+
+.-inset-y-72 {
+  top: -18rem;
+  bottom: -18rem;
+}
+
+.-inset-x-72 {
+  right: -18rem;
+  left: -18rem;
+}
+
+.-inset-y-80 {
+  top: -20rem;
+  bottom: -20rem;
+}
+
+.-inset-x-80 {
+  right: -20rem;
+  left: -20rem;
+}
+
+.-inset-y-96 {
+  top: -24rem;
+  bottom: -24rem;
+}
+
+.-inset-x-96 {
+  right: -24rem;
+  left: -24rem;
+}
+
+.-inset-y-px {
+  top: -1px;
+  bottom: -1px;
+}
+
+.-inset-x-px {
+  right: -1px;
+  left: -1px;
+}
+
+.-inset-y-0\.5 {
+  top: -0.125rem;
+  bottom: -0.125rem;
+}
+
+.-inset-x-0\.5 {
+  right: -0.125rem;
+  left: -0.125rem;
+}
+
+.-inset-y-1\.5 {
+  top: -0.375rem;
+  bottom: -0.375rem;
+}
+
+.-inset-x-1\.5 {
+  right: -0.375rem;
+  left: -0.375rem;
+}
+
+.-inset-y-2\.5 {
+  top: -0.625rem;
+  bottom: -0.625rem;
+}
+
+.-inset-x-2\.5 {
+  right: -0.625rem;
+  left: -0.625rem;
+}
+
+.-inset-y-3\.5 {
+  top: -0.875rem;
+  bottom: -0.875rem;
+}
+
+.-inset-x-3\.5 {
+  right: -0.875rem;
+  left: -0.875rem;
+}
+
+.inset-y-1\/2 {
+  top: 50%;
+  bottom: 50%;
+}
+
+.inset-x-1\/2 {
+  right: 50%;
+  left: 50%;
+}
+
+.inset-y-1\/3 {
+  top: 33.333333%;
+  bottom: 33.333333%;
+}
+
+.inset-x-1\/3 {
+  right: 33.333333%;
+  left: 33.333333%;
+}
+
+.inset-y-2\/3 {
+  top: 66.666667%;
+  bottom: 66.666667%;
+}
+
+.inset-x-2\/3 {
+  right: 66.666667%;
+  left: 66.666667%;
+}
+
+.inset-y-1\/4 {
+  top: 25%;
+  bottom: 25%;
+}
+
+.inset-x-1\/4 {
+  right: 25%;
+  left: 25%;
+}
+
+.inset-y-2\/4 {
+  top: 50%;
+  bottom: 50%;
+}
+
+.inset-x-2\/4 {
+  right: 50%;
+  left: 50%;
+}
+
+.inset-y-3\/4 {
+  top: 75%;
+  bottom: 75%;
+}
+
+.inset-x-3\/4 {
+  right: 75%;
+  left: 75%;
+}
+
+.inset-y-full {
+  top: 100%;
+  bottom: 100%;
+}
+
+.inset-x-full {
+  right: 100%;
+  left: 100%;
+}
+
+.-inset-y-1\/2 {
+  top: -50%;
+  bottom: -50%;
+}
+
+.-inset-x-1\/2 {
+  right: -50%;
+  left: -50%;
+}
+
+.-inset-y-1\/3 {
+  top: -33.333333%;
+  bottom: -33.333333%;
+}
+
+.-inset-x-1\/3 {
+  right: -33.333333%;
+  left: -33.333333%;
+}
+
+.-inset-y-2\/3 {
+  top: -66.666667%;
+  bottom: -66.666667%;
+}
+
+.-inset-x-2\/3 {
+  right: -66.666667%;
+  left: -66.666667%;
+}
+
+.-inset-y-1\/4 {
+  top: -25%;
+  bottom: -25%;
+}
+
+.-inset-x-1\/4 {
+  right: -25%;
+  left: -25%;
+}
+
+.-inset-y-2\/4 {
+  top: -50%;
+  bottom: -50%;
+}
+
+.-inset-x-2\/4 {
+  right: -50%;
+  left: -50%;
+}
+
+.-inset-y-3\/4 {
+  top: -75%;
+  bottom: -75%;
+}
+
+.-inset-x-3\/4 {
+  right: -75%;
+  left: -75%;
+}
+
+.-inset-y-full {
+  top: -100%;
+  bottom: -100%;
+}
+
+.-inset-x-full {
+  right: -100%;
+  left: -100%;
+}
+
+.top-0 {
+  top: 0px;
+}
+
+.right-0 {
+  right: 0px;
+}
+
+.bottom-0 {
+  bottom: 0px;
+}
+
+.left-0 {
+  left: 0px;
+}
+
+.top-1 {
+  top: 0.25rem;
+}
+
+.right-1 {
+  right: 0.25rem;
+}
+
+.bottom-1 {
+  bottom: 0.25rem;
+}
+
+.left-1 {
+  left: 0.25rem;
+}
+
+.top-2 {
+  top: 0.5rem;
+}
+
+.right-2 {
+  right: 0.5rem;
+}
+
+.bottom-2 {
+  bottom: 0.5rem;
+}
+
+.left-2 {
+  left: 0.5rem;
+}
+
+.top-3 {
+  top: 0.75rem;
+}
+
+.right-3 {
+  right: 0.75rem;
+}
+
+.bottom-3 {
+  bottom: 0.75rem;
+}
+
+.left-3 {
+  left: 0.75rem;
+}
+
+.top-4 {
+  top: 1rem;
+}
+
+.right-4 {
+  right: 1rem;
+}
+
+.bottom-4 {
+  bottom: 1rem;
+}
+
+.left-4 {
+  left: 1rem;
+}
+
+.top-5 {
+  top: 1.25rem;
+}
+
+.right-5 {
+  right: 1.25rem;
+}
+
+.bottom-5 {
+  bottom: 1.25rem;
+}
+
+.left-5 {
+  left: 1.25rem;
+}
+
+.top-6 {
+  top: 1.5rem;
+}
+
+.right-6 {
+  right: 1.5rem;
+}
+
+.bottom-6 {
+  bottom: 1.5rem;
+}
+
+.left-6 {
+  left: 1.5rem;
+}
+
+.top-7 {
+  top: 1.75rem;
+}
+
+.right-7 {
+  right: 1.75rem;
+}
+
+.bottom-7 {
+  bottom: 1.75rem;
+}
+
+.left-7 {
+  left: 1.75rem;
+}
+
+.top-8 {
+  top: 2rem;
+}
+
+.right-8 {
+  right: 2rem;
+}
+
+.bottom-8 {
+  bottom: 2rem;
+}
+
+.left-8 {
+  left: 2rem;
+}
+
+.top-9 {
+  top: 2.25rem;
+}
+
+.right-9 {
+  right: 2.25rem;
+}
+
+.bottom-9 {
+  bottom: 2.25rem;
+}
+
+.left-9 {
+  left: 2.25rem;
+}
+
+.top-10 {
+  top: 2.5rem;
+}
+
+.right-10 {
+  right: 2.5rem;
+}
+
+.bottom-10 {
+  bottom: 2.5rem;
+}
+
+.left-10 {
+  left: 2.5rem;
+}
+
+.top-11 {
+  top: 2.75rem;
+}
+
+.right-11 {
+  right: 2.75rem;
+}
+
+.bottom-11 {
+  bottom: 2.75rem;
+}
+
+.left-11 {
+  left: 2.75rem;
+}
+
+.top-12 {
+  top: 3rem;
+}
+
+.right-12 {
+  right: 3rem;
+}
+
+.bottom-12 {
+  bottom: 3rem;
+}
+
+.left-12 {
+  left: 3rem;
+}
+
+.top-14 {
+  top: 3.5rem;
+}
+
+.right-14 {
+  right: 3.5rem;
+}
+
+.bottom-14 {
+  bottom: 3.5rem;
+}
+
+.left-14 {
+  left: 3.5rem;
+}
+
+.top-16 {
+  top: 4rem;
+}
+
+.right-16 {
+  right: 4rem;
+}
+
+.bottom-16 {
+  bottom: 4rem;
+}
+
+.left-16 {
+  left: 4rem;
+}
+
+.top-20 {
+  top: 5rem;
+}
+
+.right-20 {
+  right: 5rem;
+}
+
+.bottom-20 {
+  bottom: 5rem;
+}
+
+.left-20 {
+  left: 5rem;
+}
+
+.top-24 {
+  top: 6rem;
+}
+
+.right-24 {
+  right: 6rem;
+}
+
+.bottom-24 {
+  bottom: 6rem;
+}
+
+.left-24 {
+  left: 6rem;
+}
+
+.top-28 {
+  top: 7rem;
+}
+
+.right-28 {
+  right: 7rem;
+}
+
+.bottom-28 {
+  bottom: 7rem;
+}
+
+.left-28 {
+  left: 7rem;
+}
+
+.top-32 {
+  top: 8rem;
+}
+
+.right-32 {
+  right: 8rem;
+}
+
+.bottom-32 {
+  bottom: 8rem;
+}
+
+.left-32 {
+  left: 8rem;
+}
+
+.top-36 {
+  top: 9rem;
+}
+
+.right-36 {
+  right: 9rem;
+}
+
+.bottom-36 {
+  bottom: 9rem;
+}
+
+.left-36 {
+  left: 9rem;
+}
+
+.top-40 {
+  top: 10rem;
+}
+
+.right-40 {
+  right: 10rem;
+}
+
+.bottom-40 {
+  bottom: 10rem;
+}
+
+.left-40 {
+  left: 10rem;
+}
+
+.top-44 {
+  top: 11rem;
+}
+
+.right-44 {
+  right: 11rem;
+}
+
+.bottom-44 {
+  bottom: 11rem;
+}
+
+.left-44 {
+  left: 11rem;
+}
+
+.top-48 {
+  top: 12rem;
+}
+
+.right-48 {
+  right: 12rem;
+}
+
+.bottom-48 {
+  bottom: 12rem;
+}
+
+.left-48 {
+  left: 12rem;
+}
+
+.top-52 {
+  top: 13rem;
+}
+
+.right-52 {
+  right: 13rem;
+}
+
+.bottom-52 {
+  bottom: 13rem;
+}
+
+.left-52 {
+  left: 13rem;
+}
+
+.top-56 {
+  top: 14rem;
+}
+
+.right-56 {
+  right: 14rem;
+}
+
+.bottom-56 {
+  bottom: 14rem;
+}
+
+.left-56 {
+  left: 14rem;
+}
+
+.top-60 {
+  top: 15rem;
+}
+
+.right-60 {
+  right: 15rem;
+}
+
+.bottom-60 {
+  bottom: 15rem;
+}
+
+.left-60 {
+  left: 15rem;
+}
+
+.top-64 {
+  top: 16rem;
+}
+
+.right-64 {
+  right: 16rem;
+}
+
+.bottom-64 {
+  bottom: 16rem;
+}
+
+.left-64 {
+  left: 16rem;
+}
+
+.top-72 {
+  top: 18rem;
+}
+
+.right-72 {
+  right: 18rem;
+}
+
+.bottom-72 {
+  bottom: 18rem;
+}
+
+.left-72 {
+  left: 18rem;
+}
+
+.top-80 {
+  top: 20rem;
+}
+
+.right-80 {
+  right: 20rem;
+}
+
+.bottom-80 {
+  bottom: 20rem;
+}
+
+.left-80 {
+  left: 20rem;
+}
+
+.top-96 {
+  top: 24rem;
+}
+
+.right-96 {
+  right: 24rem;
+}
+
+.bottom-96 {
+  bottom: 24rem;
+}
+
+.left-96 {
+  left: 24rem;
+}
+
+.top-auto {
+  top: auto;
+}
+
+.right-auto {
+  right: auto;
+}
+
+.bottom-auto {
+  bottom: auto;
+}
+
+.left-auto {
+  left: auto;
+}
+
+.top-px {
+  top: 1px;
+}
+
+.right-px {
+  right: 1px;
+}
+
+.bottom-px {
+  bottom: 1px;
+}
+
+.left-px {
+  left: 1px;
+}
+
+.top-0\.5 {
+  top: 0.125rem;
+}
+
+.right-0\.5 {
+  right: 0.125rem;
+}
+
+.bottom-0\.5 {
+  bottom: 0.125rem;
+}
+
+.left-0\.5 {
+  left: 0.125rem;
+}
+
+.top-1\.5 {
+  top: 0.375rem;
+}
+
+.right-1\.5 {
+  right: 0.375rem;
+}
+
+.bottom-1\.5 {
+  bottom: 0.375rem;
+}
+
+.left-1\.5 {
+  left: 0.375rem;
+}
+
+.top-2\.5 {
+  top: 0.625rem;
+}
+
+.right-2\.5 {
+  right: 0.625rem;
+}
+
+.bottom-2\.5 {
+  bottom: 0.625rem;
+}
+
+.left-2\.5 {
+  left: 0.625rem;
+}
+
+.top-3\.5 {
+  top: 0.875rem;
+}
+
+.right-3\.5 {
+  right: 0.875rem;
+}
+
+.bottom-3\.5 {
+  bottom: 0.875rem;
+}
+
+.left-3\.5 {
+  left: 0.875rem;
+}
+
+.-top-0 {
+  top: 0px;
+}
+
+.-right-0 {
+  right: 0px;
+}
+
+.-bottom-0 {
+  bottom: 0px;
+}
+
+.-left-0 {
+  left: 0px;
+}
+
+.-top-1 {
+  top: -0.25rem;
+}
+
+.-right-1 {
+  right: -0.25rem;
+}
+
+.-bottom-1 {
+  bottom: -0.25rem;
+}
+
+.-left-1 {
+  left: -0.25rem;
+}
+
+.-top-2 {
+  top: -0.5rem;
+}
+
+.-right-2 {
+  right: -0.5rem;
+}
+
+.-bottom-2 {
+  bottom: -0.5rem;
+}
+
+.-left-2 {
+  left: -0.5rem;
+}
+
+.-top-3 {
+  top: -0.75rem;
+}
+
+.-right-3 {
+  right: -0.75rem;
+}
+
+.-bottom-3 {
+  bottom: -0.75rem;
+}
+
+.-left-3 {
+  left: -0.75rem;
+}
+
+.-top-4 {
+  top: -1rem;
+}
+
+.-right-4 {
+  right: -1rem;
+}
+
+.-bottom-4 {
+  bottom: -1rem;
+}
+
+.-left-4 {
+  left: -1rem;
+}
+
+.-top-5 {
+  top: -1.25rem;
+}
+
+.-right-5 {
+  right: -1.25rem;
+}
+
+.-bottom-5 {
+  bottom: -1.25rem;
+}
+
+.-left-5 {
+  left: -1.25rem;
+}
+
+.-top-6 {
+  top: -1.5rem;
+}
+
+.-right-6 {
+  right: -1.5rem;
+}
+
+.-bottom-6 {
+  bottom: -1.5rem;
+}
+
+.-left-6 {
+  left: -1.5rem;
+}
+
+.-top-7 {
+  top: -1.75rem;
+}
+
+.-right-7 {
+  right: -1.75rem;
+}
+
+.-bottom-7 {
+  bottom: -1.75rem;
+}
+
+.-left-7 {
+  left: -1.75rem;
+}
+
+.-top-8 {
+  top: -2rem;
+}
+
+.-right-8 {
+  right: -2rem;
+}
+
+.-bottom-8 {
+  bottom: -2rem;
+}
+
+.-left-8 {
+  left: -2rem;
+}
+
+.-top-9 {
+  top: -2.25rem;
+}
+
+.-right-9 {
+  right: -2.25rem;
+}
+
+.-bottom-9 {
+  bottom: -2.25rem;
+}
+
+.-left-9 {
+  left: -2.25rem;
+}
+
+.-top-10 {
+  top: -2.5rem;
+}
+
+.-right-10 {
+  right: -2.5rem;
+}
+
+.-bottom-10 {
+  bottom: -2.5rem;
+}
+
+.-left-10 {
+  left: -2.5rem;
+}
+
+.-top-11 {
+  top: -2.75rem;
+}
+
+.-right-11 {
+  right: -2.75rem;
+}
+
+.-bottom-11 {
+  bottom: -2.75rem;
+}
+
+.-left-11 {
+  left: -2.75rem;
+}
+
+.-top-12 {
+  top: -3rem;
+}
+
+.-right-12 {
+  right: -3rem;
+}
+
+.-bottom-12 {
+  bottom: -3rem;
+}
+
+.-left-12 {
+  left: -3rem;
+}
+
+.-top-14 {
+  top: -3.5rem;
+}
+
+.-right-14 {
+  right: -3.5rem;
+}
+
+.-bottom-14 {
+  bottom: -3.5rem;
+}
+
+.-left-14 {
+  left: -3.5rem;
+}
+
+.-top-16 {
+  top: -4rem;
+}
+
+.-right-16 {
+  right: -4rem;
+}
+
+.-bottom-16 {
+  bottom: -4rem;
+}
+
+.-left-16 {
+  left: -4rem;
+}
+
+.-top-20 {
+  top: -5rem;
+}
+
+.-right-20 {
+  right: -5rem;
+}
+
+.-bottom-20 {
+  bottom: -5rem;
+}
+
+.-left-20 {
+  left: -5rem;
+}
+
+.-top-24 {
+  top: -6rem;
+}
+
+.-right-24 {
+  right: -6rem;
+}
+
+.-bottom-24 {
+  bottom: -6rem;
+}
+
+.-left-24 {
+  left: -6rem;
+}
+
+.-top-28 {
+  top: -7rem;
+}
+
+.-right-28 {
+  right: -7rem;
+}
+
+.-bottom-28 {
+  bottom: -7rem;
+}
+
+.-left-28 {
+  left: -7rem;
+}
+
+.-top-32 {
+  top: -8rem;
+}
+
+.-right-32 {
+  right: -8rem;
+}
+
+.-bottom-32 {
+  bottom: -8rem;
+}
+
+.-left-32 {
+  left: -8rem;
+}
+
+.-top-36 {
+  top: -9rem;
+}
+
+.-right-36 {
+  right: -9rem;
+}
+
+.-bottom-36 {
+  bottom: -9rem;
+}
+
+.-left-36 {
+  left: -9rem;
+}
+
+.-top-40 {
+  top: -10rem;
+}
+
+.-right-40 {
+  right: -10rem;
+}
+
+.-bottom-40 {
+  bottom: -10rem;
+}
+
+.-left-40 {
+  left: -10rem;
+}
+
+.-top-44 {
+  top: -11rem;
+}
+
+.-right-44 {
+  right: -11rem;
+}
+
+.-bottom-44 {
+  bottom: -11rem;
+}
+
+.-left-44 {
+  left: -11rem;
+}
+
+.-top-48 {
+  top: -12rem;
+}
+
+.-right-48 {
+  right: -12rem;
+}
+
+.-bottom-48 {
+  bottom: -12rem;
+}
+
+.-left-48 {
+  left: -12rem;
+}
+
+.-top-52 {
+  top: -13rem;
+}
+
+.-right-52 {
+  right: -13rem;
+}
+
+.-bottom-52 {
+  bottom: -13rem;
+}
+
+.-left-52 {
+  left: -13rem;
+}
+
+.-top-56 {
+  top: -14rem;
+}
+
+.-right-56 {
+  right: -14rem;
+}
+
+.-bottom-56 {
+  bottom: -14rem;
+}
+
+.-left-56 {
+  left: -14rem;
+}
+
+.-top-60 {
+  top: -15rem;
+}
+
+.-right-60 {
+  right: -15rem;
+}
+
+.-bottom-60 {
+  bottom: -15rem;
+}
+
+.-left-60 {
+  left: -15rem;
+}
+
+.-top-64 {
+  top: -16rem;
+}
+
+.-right-64 {
+  right: -16rem;
+}
+
+.-bottom-64 {
+  bottom: -16rem;
+}
+
+.-left-64 {
+  left: -16rem;
+}
+
+.-top-72 {
+  top: -18rem;
+}
+
+.-right-72 {
+  right: -18rem;
+}
+
+.-bottom-72 {
+  bottom: -18rem;
+}
+
+.-left-72 {
+  left: -18rem;
+}
+
+.-top-80 {
+  top: -20rem;
+}
+
+.-right-80 {
+  right: -20rem;
+}
+
+.-bottom-80 {
+  bottom: -20rem;
+}
+
+.-left-80 {
+  left: -20rem;
+}
+
+.-top-96 {
+  top: -24rem;
+}
+
+.-right-96 {
+  right: -24rem;
+}
+
+.-bottom-96 {
+  bottom: -24rem;
+}
+
+.-left-96 {
+  left: -24rem;
+}
+
+.-top-px {
+  top: -1px;
+}
+
+.-right-px {
+  right: -1px;
+}
+
+.-bottom-px {
+  bottom: -1px;
+}
+
+.-left-px {
+  left: -1px;
+}
+
+.-top-0\.5 {
+  top: -0.125rem;
+}
+
+.-right-0\.5 {
+  right: -0.125rem;
+}
+
+.-bottom-0\.5 {
+  bottom: -0.125rem;
+}
+
+.-left-0\.5 {
+  left: -0.125rem;
+}
+
+.-top-1\.5 {
+  top: -0.375rem;
+}
+
+.-right-1\.5 {
+  right: -0.375rem;
+}
+
+.-bottom-1\.5 {
+  bottom: -0.375rem;
+}
+
+.-left-1\.5 {
+  left: -0.375rem;
+}
+
+.-top-2\.5 {
+  top: -0.625rem;
+}
+
+.-right-2\.5 {
+  right: -0.625rem;
+}
+
+.-bottom-2\.5 {
+  bottom: -0.625rem;
+}
+
+.-left-2\.5 {
+  left: -0.625rem;
+}
+
+.-top-3\.5 {
+  top: -0.875rem;
+}
+
+.-right-3\.5 {
+  right: -0.875rem;
+}
+
+.-bottom-3\.5 {
+  bottom: -0.875rem;
+}
+
+.-left-3\.5 {
+  left: -0.875rem;
+}
+
+.top-1\/2 {
+  top: 50%;
+}
+
+.right-1\/2 {
+  right: 50%;
+}
+
+.bottom-1\/2 {
+  bottom: 50%;
+}
+
+.left-1\/2 {
+  left: 50%;
+}
+
+.top-1\/3 {
+  top: 33.333333%;
+}
+
+.right-1\/3 {
+  right: 33.333333%;
+}
+
+.bottom-1\/3 {
+  bottom: 33.333333%;
+}
+
+.left-1\/3 {
+  left: 33.333333%;
+}
+
+.top-2\/3 {
+  top: 66.666667%;
+}
+
+.right-2\/3 {
+  right: 66.666667%;
+}
+
+.bottom-2\/3 {
+  bottom: 66.666667%;
+}
+
+.left-2\/3 {
+  left: 66.666667%;
+}
+
+.top-1\/4 {
+  top: 25%;
+}
+
+.right-1\/4 {
+  right: 25%;
+}
+
+.bottom-1\/4 {
+  bottom: 25%;
+}
+
+.left-1\/4 {
+  left: 25%;
+}
+
+.top-2\/4 {
+  top: 50%;
+}
+
+.right-2\/4 {
+  right: 50%;
+}
+
+.bottom-2\/4 {
+  bottom: 50%;
+}
+
+.left-2\/4 {
+  left: 50%;
+}
+
+.top-3\/4 {
+  top: 75%;
+}
+
+.right-3\/4 {
+  right: 75%;
+}
+
+.bottom-3\/4 {
+  bottom: 75%;
+}
+
+.left-3\/4 {
+  left: 75%;
+}
+
+.top-full {
+  top: 100%;
+}
+
+.right-full {
+  right: 100%;
+}
+
+.bottom-full {
+  bottom: 100%;
+}
+
+.left-full {
+  left: 100%;
+}
+
+.-top-1\/2 {
+  top: -50%;
+}
+
+.-right-1\/2 {
+  right: -50%;
+}
+
+.-bottom-1\/2 {
+  bottom: -50%;
+}
+
+.-left-1\/2 {
+  left: -50%;
+}
+
+.-top-1\/3 {
+  top: -33.333333%;
+}
+
+.-right-1\/3 {
+  right: -33.333333%;
+}
+
+.-bottom-1\/3 {
+  bottom: -33.333333%;
+}
+
+.-left-1\/3 {
+  left: -33.333333%;
+}
+
+.-top-2\/3 {
+  top: -66.666667%;
+}
+
+.-right-2\/3 {
+  right: -66.666667%;
+}
+
+.-bottom-2\/3 {
+  bottom: -66.666667%;
+}
+
+.-left-2\/3 {
+  left: -66.666667%;
+}
+
+.-top-1\/4 {
+  top: -25%;
+}
+
+.-right-1\/4 {
+  right: -25%;
+}
+
+.-bottom-1\/4 {
+  bottom: -25%;
+}
+
+.-left-1\/4 {
+  left: -25%;
+}
+
+.-top-2\/4 {
+  top: -50%;
+}
+
+.-right-2\/4 {
+  right: -50%;
+}
+
+.-bottom-2\/4 {
+  bottom: -50%;
+}
+
+.-left-2\/4 {
+  left: -50%;
+}
+
+.-top-3\/4 {
+  top: -75%;
+}
+
+.-right-3\/4 {
+  right: -75%;
+}
+
+.-bottom-3\/4 {
+  bottom: -75%;
+}
+
+.-left-3\/4 {
+  left: -75%;
+}
+
+.-top-full {
+  top: -100%;
+}
+
+.-right-full {
+  right: -100%;
+}
+
+.-bottom-full {
+  bottom: -100%;
+}
+
+.-left-full {
+  left: -100%;
+}
+
+.resize-none {
+  resize: none;
+}
+
+.resize-y {
+  resize: vertical;
+}
+
+.resize-x {
+  resize: horizontal;
+}
+
+.resize {
+  resize: both;
+}
+
+* {
+  --tw-shadow: 0 0 #0000;
+}
+
+.shadow-sm {
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow {
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-md {
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-lg {
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-xl {
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-2xl {
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-inner {
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-none {
+  --tw-shadow: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow-sm {
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow {
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow-md {
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow-lg {
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow-xl {
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow-2xl {
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow-inner {
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow-none {
+  --tw-shadow: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow-sm:focus-within {
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow:focus-within {
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow-md:focus-within {
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow-lg:focus-within {
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow-xl:focus-within {
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow-2xl:focus-within {
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow-inner:focus-within {
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow-none:focus-within {
+  --tw-shadow: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-sm:hover {
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow:hover {
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-md:hover {
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-lg:hover {
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-xl:hover {
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-2xl:hover {
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-inner:hover {
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-none:hover {
+  --tw-shadow: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow-sm:focus {
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow:focus {
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow-md:focus {
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow-lg:focus {
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow-xl:focus {
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow-2xl:focus {
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow-inner:focus {
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow-none:focus {
+  --tw-shadow: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+* {
+  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgba(59, 130, 246, 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+}
+
+.ring-0 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-1 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-2 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-4 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-8 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-inset {
+  --tw-ring-inset: inset;
+}
+
+.focus-within\:ring-0:focus-within {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-within\:ring-1:focus-within {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-within\:ring-2:focus-within {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-within\:ring-4:focus-within {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-within\:ring-8:focus-within {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-within\:ring:focus-within {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-within\:ring-inset:focus-within {
+  --tw-ring-inset: inset;
+}
+
+.focus\:ring-0:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring-1:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring-2:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring-4:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring-8:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring-inset:focus {
+  --tw-ring-inset: inset;
+}
+
+.ring-offset-transparent {
+  --tw-ring-offset-color: transparent;
+}
+
+.ring-offset-current {
+  --tw-ring-offset-color: currentColor;
+}
+
+.ring-offset-black {
+  --tw-ring-offset-color: #000;
+}
+
+.ring-offset-white {
+  --tw-ring-offset-color: #fff;
+}
+
+.ring-offset-gray-50 {
+  --tw-ring-offset-color: #f9fafb;
+}
+
+.ring-offset-gray-100 {
+  --tw-ring-offset-color: #f3f4f6;
+}
+
+.ring-offset-gray-200 {
+  --tw-ring-offset-color: #e5e7eb;
+}
+
+.ring-offset-gray-300 {
+  --tw-ring-offset-color: #d1d5db;
+}
+
+.ring-offset-gray-400 {
+  --tw-ring-offset-color: #9ca3af;
+}
+
+.ring-offset-gray-500 {
+  --tw-ring-offset-color: #6b7280;
+}
+
+.ring-offset-gray-600 {
+  --tw-ring-offset-color: #4b5563;
+}
+
+.ring-offset-gray-700 {
+  --tw-ring-offset-color: #374151;
+}
+
+.ring-offset-gray-800 {
+  --tw-ring-offset-color: #1f2937;
+}
+
+.ring-offset-gray-900 {
+  --tw-ring-offset-color: #111827;
+}
+
+.ring-offset-red-50 {
+  --tw-ring-offset-color: #fef2f2;
+}
+
+.ring-offset-red-100 {
+  --tw-ring-offset-color: #fee2e2;
+}
+
+.ring-offset-red-200 {
+  --tw-ring-offset-color: #fecaca;
+}
+
+.ring-offset-red-300 {
+  --tw-ring-offset-color: #fca5a5;
+}
+
+.ring-offset-red-400 {
+  --tw-ring-offset-color: #f87171;
+}
+
+.ring-offset-red-500 {
+  --tw-ring-offset-color: #ef4444;
+}
+
+.ring-offset-red-600 {
+  --tw-ring-offset-color: #dc2626;
+}
+
+.ring-offset-red-700 {
+  --tw-ring-offset-color: #b91c1c;
+}
+
+.ring-offset-red-800 {
+  --tw-ring-offset-color: #991b1b;
+}
+
+.ring-offset-red-900 {
+  --tw-ring-offset-color: #7f1d1d;
+}
+
+.ring-offset-yellow-50 {
+  --tw-ring-offset-color: #fffbeb;
+}
+
+.ring-offset-yellow-100 {
+  --tw-ring-offset-color: #fef3c7;
+}
+
+.ring-offset-yellow-200 {
+  --tw-ring-offset-color: #fde68a;
+}
+
+.ring-offset-yellow-300 {
+  --tw-ring-offset-color: #fcd34d;
+}
+
+.ring-offset-yellow-400 {
+  --tw-ring-offset-color: #fbbf24;
+}
+
+.ring-offset-yellow-500 {
+  --tw-ring-offset-color: #f59e0b;
+}
+
+.ring-offset-yellow-600 {
+  --tw-ring-offset-color: #d97706;
+}
+
+.ring-offset-yellow-700 {
+  --tw-ring-offset-color: #b45309;
+}
+
+.ring-offset-yellow-800 {
+  --tw-ring-offset-color: #92400e;
+}
+
+.ring-offset-yellow-900 {
+  --tw-ring-offset-color: #78350f;
+}
+
+.ring-offset-green-50 {
+  --tw-ring-offset-color: #ecfdf5;
+}
+
+.ring-offset-green-100 {
+  --tw-ring-offset-color: #d1fae5;
+}
+
+.ring-offset-green-200 {
+  --tw-ring-offset-color: #a7f3d0;
+}
+
+.ring-offset-green-300 {
+  --tw-ring-offset-color: #6ee7b7;
+}
+
+.ring-offset-green-400 {
+  --tw-ring-offset-color: #34d399;
+}
+
+.ring-offset-green-500 {
+  --tw-ring-offset-color: #10b981;
+}
+
+.ring-offset-green-600 {
+  --tw-ring-offset-color: #059669;
+}
+
+.ring-offset-green-700 {
+  --tw-ring-offset-color: #047857;
+}
+
+.ring-offset-green-800 {
+  --tw-ring-offset-color: #065f46;
+}
+
+.ring-offset-green-900 {
+  --tw-ring-offset-color: #064e3b;
+}
+
+.ring-offset-blue-50 {
+  --tw-ring-offset-color: #eff6ff;
+}
+
+.ring-offset-blue-100 {
+  --tw-ring-offset-color: #dbeafe;
+}
+
+.ring-offset-blue-200 {
+  --tw-ring-offset-color: #bfdbfe;
+}
+
+.ring-offset-blue-300 {
+  --tw-ring-offset-color: #93c5fd;
+}
+
+.ring-offset-blue-400 {
+  --tw-ring-offset-color: #60a5fa;
+}
+
+.ring-offset-blue-500 {
+  --tw-ring-offset-color: #3b82f6;
+}
+
+.ring-offset-blue-600 {
+  --tw-ring-offset-color: #2563eb;
+}
+
+.ring-offset-blue-700 {
+  --tw-ring-offset-color: #1d4ed8;
+}
+
+.ring-offset-blue-800 {
+  --tw-ring-offset-color: #1e40af;
+}
+
+.ring-offset-blue-900 {
+  --tw-ring-offset-color: #1e3a8a;
+}
+
+.ring-offset-indigo-50 {
+  --tw-ring-offset-color: #eef2ff;
+}
+
+.ring-offset-indigo-100 {
+  --tw-ring-offset-color: #e0e7ff;
+}
+
+.ring-offset-indigo-200 {
+  --tw-ring-offset-color: #c7d2fe;
+}
+
+.ring-offset-indigo-300 {
+  --tw-ring-offset-color: #a5b4fc;
+}
+
+.ring-offset-indigo-400 {
+  --tw-ring-offset-color: #818cf8;
+}
+
+.ring-offset-indigo-500 {
+  --tw-ring-offset-color: #6366f1;
+}
+
+.ring-offset-indigo-600 {
+  --tw-ring-offset-color: #4f46e5;
+}
+
+.ring-offset-indigo-700 {
+  --tw-ring-offset-color: #4338ca;
+}
+
+.ring-offset-indigo-800 {
+  --tw-ring-offset-color: #3730a3;
+}
+
+.ring-offset-indigo-900 {
+  --tw-ring-offset-color: #312e81;
+}
+
+.ring-offset-purple-50 {
+  --tw-ring-offset-color: #f5f3ff;
+}
+
+.ring-offset-purple-100 {
+  --tw-ring-offset-color: #ede9fe;
+}
+
+.ring-offset-purple-200 {
+  --tw-ring-offset-color: #ddd6fe;
+}
+
+.ring-offset-purple-300 {
+  --tw-ring-offset-color: #c4b5fd;
+}
+
+.ring-offset-purple-400 {
+  --tw-ring-offset-color: #a78bfa;
+}
+
+.ring-offset-purple-500 {
+  --tw-ring-offset-color: #8b5cf6;
+}
+
+.ring-offset-purple-600 {
+  --tw-ring-offset-color: #7c3aed;
+}
+
+.ring-offset-purple-700 {
+  --tw-ring-offset-color: #6d28d9;
+}
+
+.ring-offset-purple-800 {
+  --tw-ring-offset-color: #5b21b6;
+}
+
+.ring-offset-purple-900 {
+  --tw-ring-offset-color: #4c1d95;
+}
+
+.ring-offset-pink-50 {
+  --tw-ring-offset-color: #fdf2f8;
+}
+
+.ring-offset-pink-100 {
+  --tw-ring-offset-color: #fce7f3;
+}
+
+.ring-offset-pink-200 {
+  --tw-ring-offset-color: #fbcfe8;
+}
+
+.ring-offset-pink-300 {
+  --tw-ring-offset-color: #f9a8d4;
+}
+
+.ring-offset-pink-400 {
+  --tw-ring-offset-color: #f472b6;
+}
+
+.ring-offset-pink-500 {
+  --tw-ring-offset-color: #ec4899;
+}
+
+.ring-offset-pink-600 {
+  --tw-ring-offset-color: #db2777;
+}
+
+.ring-offset-pink-700 {
+  --tw-ring-offset-color: #be185d;
+}
+
+.ring-offset-pink-800 {
+  --tw-ring-offset-color: #9d174d;
+}
+
+.ring-offset-pink-900 {
+  --tw-ring-offset-color: #831843;
+}
+
+.focus-within\:ring-offset-transparent:focus-within {
+  --tw-ring-offset-color: transparent;
+}
+
+.focus-within\:ring-offset-current:focus-within {
+  --tw-ring-offset-color: currentColor;
+}
+
+.focus-within\:ring-offset-black:focus-within {
+  --tw-ring-offset-color: #000;
+}
+
+.focus-within\:ring-offset-white:focus-within {
+  --tw-ring-offset-color: #fff;
+}
+
+.focus-within\:ring-offset-gray-50:focus-within {
+  --tw-ring-offset-color: #f9fafb;
+}
+
+.focus-within\:ring-offset-gray-100:focus-within {
+  --tw-ring-offset-color: #f3f4f6;
+}
+
+.focus-within\:ring-offset-gray-200:focus-within {
+  --tw-ring-offset-color: #e5e7eb;
+}
+
+.focus-within\:ring-offset-gray-300:focus-within {
+  --tw-ring-offset-color: #d1d5db;
+}
+
+.focus-within\:ring-offset-gray-400:focus-within {
+  --tw-ring-offset-color: #9ca3af;
+}
+
+.focus-within\:ring-offset-gray-500:focus-within {
+  --tw-ring-offset-color: #6b7280;
+}
+
+.focus-within\:ring-offset-gray-600:focus-within {
+  --tw-ring-offset-color: #4b5563;
+}
+
+.focus-within\:ring-offset-gray-700:focus-within {
+  --tw-ring-offset-color: #374151;
+}
+
+.focus-within\:ring-offset-gray-800:focus-within {
+  --tw-ring-offset-color: #1f2937;
+}
+
+.focus-within\:ring-offset-gray-900:focus-within {
+  --tw-ring-offset-color: #111827;
+}
+
+.focus-within\:ring-offset-red-50:focus-within {
+  --tw-ring-offset-color: #fef2f2;
+}
+
+.focus-within\:ring-offset-red-100:focus-within {
+  --tw-ring-offset-color: #fee2e2;
+}
+
+.focus-within\:ring-offset-red-200:focus-within {
+  --tw-ring-offset-color: #fecaca;
+}
+
+.focus-within\:ring-offset-red-300:focus-within {
+  --tw-ring-offset-color: #fca5a5;
+}
+
+.focus-within\:ring-offset-red-400:focus-within {
+  --tw-ring-offset-color: #f87171;
+}
+
+.focus-within\:ring-offset-red-500:focus-within {
+  --tw-ring-offset-color: #ef4444;
+}
+
+.focus-within\:ring-offset-red-600:focus-within {
+  --tw-ring-offset-color: #dc2626;
+}
+
+.focus-within\:ring-offset-red-700:focus-within {
+  --tw-ring-offset-color: #b91c1c;
+}
+
+.focus-within\:ring-offset-red-800:focus-within {
+  --tw-ring-offset-color: #991b1b;
+}
+
+.focus-within\:ring-offset-red-900:focus-within {
+  --tw-ring-offset-color: #7f1d1d;
+}
+
+.focus-within\:ring-offset-yellow-50:focus-within {
+  --tw-ring-offset-color: #fffbeb;
+}
+
+.focus-within\:ring-offset-yellow-100:focus-within {
+  --tw-ring-offset-color: #fef3c7;
+}
+
+.focus-within\:ring-offset-yellow-200:focus-within {
+  --tw-ring-offset-color: #fde68a;
+}
+
+.focus-within\:ring-offset-yellow-300:focus-within {
+  --tw-ring-offset-color: #fcd34d;
+}
+
+.focus-within\:ring-offset-yellow-400:focus-within {
+  --tw-ring-offset-color: #fbbf24;
+}
+
+.focus-within\:ring-offset-yellow-500:focus-within {
+  --tw-ring-offset-color: #f59e0b;
+}
+
+.focus-within\:ring-offset-yellow-600:focus-within {
+  --tw-ring-offset-color: #d97706;
+}
+
+.focus-within\:ring-offset-yellow-700:focus-within {
+  --tw-ring-offset-color: #b45309;
+}
+
+.focus-within\:ring-offset-yellow-800:focus-within {
+  --tw-ring-offset-color: #92400e;
+}
+
+.focus-within\:ring-offset-yellow-900:focus-within {
+  --tw-ring-offset-color: #78350f;
+}
+
+.focus-within\:ring-offset-green-50:focus-within {
+  --tw-ring-offset-color: #ecfdf5;
+}
+
+.focus-within\:ring-offset-green-100:focus-within {
+  --tw-ring-offset-color: #d1fae5;
+}
+
+.focus-within\:ring-offset-green-200:focus-within {
+  --tw-ring-offset-color: #a7f3d0;
+}
+
+.focus-within\:ring-offset-green-300:focus-within {
+  --tw-ring-offset-color: #6ee7b7;
+}
+
+.focus-within\:ring-offset-green-400:focus-within {
+  --tw-ring-offset-color: #34d399;
+}
+
+.focus-within\:ring-offset-green-500:focus-within {
+  --tw-ring-offset-color: #10b981;
+}
+
+.focus-within\:ring-offset-green-600:focus-within {
+  --tw-ring-offset-color: #059669;
+}
+
+.focus-within\:ring-offset-green-700:focus-within {
+  --tw-ring-offset-color: #047857;
+}
+
+.focus-within\:ring-offset-green-800:focus-within {
+  --tw-ring-offset-color: #065f46;
+}
+
+.focus-within\:ring-offset-green-900:focus-within {
+  --tw-ring-offset-color: #064e3b;
+}
+
+.focus-within\:ring-offset-blue-50:focus-within {
+  --tw-ring-offset-color: #eff6ff;
+}
+
+.focus-within\:ring-offset-blue-100:focus-within {
+  --tw-ring-offset-color: #dbeafe;
+}
+
+.focus-within\:ring-offset-blue-200:focus-within {
+  --tw-ring-offset-color: #bfdbfe;
+}
+
+.focus-within\:ring-offset-blue-300:focus-within {
+  --tw-ring-offset-color: #93c5fd;
+}
+
+.focus-within\:ring-offset-blue-400:focus-within {
+  --tw-ring-offset-color: #60a5fa;
+}
+
+.focus-within\:ring-offset-blue-500:focus-within {
+  --tw-ring-offset-color: #3b82f6;
+}
+
+.focus-within\:ring-offset-blue-600:focus-within {
+  --tw-ring-offset-color: #2563eb;
+}
+
+.focus-within\:ring-offset-blue-700:focus-within {
+  --tw-ring-offset-color: #1d4ed8;
+}
+
+.focus-within\:ring-offset-blue-800:focus-within {
+  --tw-ring-offset-color: #1e40af;
+}
+
+.focus-within\:ring-offset-blue-900:focus-within {
+  --tw-ring-offset-color: #1e3a8a;
+}
+
+.focus-within\:ring-offset-indigo-50:focus-within {
+  --tw-ring-offset-color: #eef2ff;
+}
+
+.focus-within\:ring-offset-indigo-100:focus-within {
+  --tw-ring-offset-color: #e0e7ff;
+}
+
+.focus-within\:ring-offset-indigo-200:focus-within {
+  --tw-ring-offset-color: #c7d2fe;
+}
+
+.focus-within\:ring-offset-indigo-300:focus-within {
+  --tw-ring-offset-color: #a5b4fc;
+}
+
+.focus-within\:ring-offset-indigo-400:focus-within {
+  --tw-ring-offset-color: #818cf8;
+}
+
+.focus-within\:ring-offset-indigo-500:focus-within {
+  --tw-ring-offset-color: #6366f1;
+}
+
+.focus-within\:ring-offset-indigo-600:focus-within {
+  --tw-ring-offset-color: #4f46e5;
+}
+
+.focus-within\:ring-offset-indigo-700:focus-within {
+  --tw-ring-offset-color: #4338ca;
+}
+
+.focus-within\:ring-offset-indigo-800:focus-within {
+  --tw-ring-offset-color: #3730a3;
+}
+
+.focus-within\:ring-offset-indigo-900:focus-within {
+  --tw-ring-offset-color: #312e81;
+}
+
+.focus-within\:ring-offset-purple-50:focus-within {
+  --tw-ring-offset-color: #f5f3ff;
+}
+
+.focus-within\:ring-offset-purple-100:focus-within {
+  --tw-ring-offset-color: #ede9fe;
+}
+
+.focus-within\:ring-offset-purple-200:focus-within {
+  --tw-ring-offset-color: #ddd6fe;
+}
+
+.focus-within\:ring-offset-purple-300:focus-within {
+  --tw-ring-offset-color: #c4b5fd;
+}
+
+.focus-within\:ring-offset-purple-400:focus-within {
+  --tw-ring-offset-color: #a78bfa;
+}
+
+.focus-within\:ring-offset-purple-500:focus-within {
+  --tw-ring-offset-color: #8b5cf6;
+}
+
+.focus-within\:ring-offset-purple-600:focus-within {
+  --tw-ring-offset-color: #7c3aed;
+}
+
+.focus-within\:ring-offset-purple-700:focus-within {
+  --tw-ring-offset-color: #6d28d9;
+}
+
+.focus-within\:ring-offset-purple-800:focus-within {
+  --tw-ring-offset-color: #5b21b6;
+}
+
+.focus-within\:ring-offset-purple-900:focus-within {
+  --tw-ring-offset-color: #4c1d95;
+}
+
+.focus-within\:ring-offset-pink-50:focus-within {
+  --tw-ring-offset-color: #fdf2f8;
+}
+
+.focus-within\:ring-offset-pink-100:focus-within {
+  --tw-ring-offset-color: #fce7f3;
+}
+
+.focus-within\:ring-offset-pink-200:focus-within {
+  --tw-ring-offset-color: #fbcfe8;
+}
+
+.focus-within\:ring-offset-pink-300:focus-within {
+  --tw-ring-offset-color: #f9a8d4;
+}
+
+.focus-within\:ring-offset-pink-400:focus-within {
+  --tw-ring-offset-color: #f472b6;
+}
+
+.focus-within\:ring-offset-pink-500:focus-within {
+  --tw-ring-offset-color: #ec4899;
+}
+
+.focus-within\:ring-offset-pink-600:focus-within {
+  --tw-ring-offset-color: #db2777;
+}
+
+.focus-within\:ring-offset-pink-700:focus-within {
+  --tw-ring-offset-color: #be185d;
+}
+
+.focus-within\:ring-offset-pink-800:focus-within {
+  --tw-ring-offset-color: #9d174d;
+}
+
+.focus-within\:ring-offset-pink-900:focus-within {
+  --tw-ring-offset-color: #831843;
+}
+
+.focus\:ring-offset-transparent:focus {
+  --tw-ring-offset-color: transparent;
+}
+
+.focus\:ring-offset-current:focus {
+  --tw-ring-offset-color: currentColor;
+}
+
+.focus\:ring-offset-black:focus {
+  --tw-ring-offset-color: #000;
+}
+
+.focus\:ring-offset-white:focus {
+  --tw-ring-offset-color: #fff;
+}
+
+.focus\:ring-offset-gray-50:focus {
+  --tw-ring-offset-color: #f9fafb;
+}
+
+.focus\:ring-offset-gray-100:focus {
+  --tw-ring-offset-color: #f3f4f6;
+}
+
+.focus\:ring-offset-gray-200:focus {
+  --tw-ring-offset-color: #e5e7eb;
+}
+
+.focus\:ring-offset-gray-300:focus {
+  --tw-ring-offset-color: #d1d5db;
+}
+
+.focus\:ring-offset-gray-400:focus {
+  --tw-ring-offset-color: #9ca3af;
+}
+
+.focus\:ring-offset-gray-500:focus {
+  --tw-ring-offset-color: #6b7280;
+}
+
+.focus\:ring-offset-gray-600:focus {
+  --tw-ring-offset-color: #4b5563;
+}
+
+.focus\:ring-offset-gray-700:focus {
+  --tw-ring-offset-color: #374151;
+}
+
+.focus\:ring-offset-gray-800:focus {
+  --tw-ring-offset-color: #1f2937;
+}
+
+.focus\:ring-offset-gray-900:focus {
+  --tw-ring-offset-color: #111827;
+}
+
+.focus\:ring-offset-red-50:focus {
+  --tw-ring-offset-color: #fef2f2;
+}
+
+.focus\:ring-offset-red-100:focus {
+  --tw-ring-offset-color: #fee2e2;
+}
+
+.focus\:ring-offset-red-200:focus {
+  --tw-ring-offset-color: #fecaca;
+}
+
+.focus\:ring-offset-red-300:focus {
+  --tw-ring-offset-color: #fca5a5;
+}
+
+.focus\:ring-offset-red-400:focus {
+  --tw-ring-offset-color: #f87171;
+}
+
+.focus\:ring-offset-red-500:focus {
+  --tw-ring-offset-color: #ef4444;
+}
+
+.focus\:ring-offset-red-600:focus {
+  --tw-ring-offset-color: #dc2626;
+}
+
+.focus\:ring-offset-red-700:focus {
+  --tw-ring-offset-color: #b91c1c;
+}
+
+.focus\:ring-offset-red-800:focus {
+  --tw-ring-offset-color: #991b1b;
+}
+
+.focus\:ring-offset-red-900:focus {
+  --tw-ring-offset-color: #7f1d1d;
+}
+
+.focus\:ring-offset-yellow-50:focus {
+  --tw-ring-offset-color: #fffbeb;
+}
+
+.focus\:ring-offset-yellow-100:focus {
+  --tw-ring-offset-color: #fef3c7;
+}
+
+.focus\:ring-offset-yellow-200:focus {
+  --tw-ring-offset-color: #fde68a;
+}
+
+.focus\:ring-offset-yellow-300:focus {
+  --tw-ring-offset-color: #fcd34d;
+}
+
+.focus\:ring-offset-yellow-400:focus {
+  --tw-ring-offset-color: #fbbf24;
+}
+
+.focus\:ring-offset-yellow-500:focus {
+  --tw-ring-offset-color: #f59e0b;
+}
+
+.focus\:ring-offset-yellow-600:focus {
+  --tw-ring-offset-color: #d97706;
+}
+
+.focus\:ring-offset-yellow-700:focus {
+  --tw-ring-offset-color: #b45309;
+}
+
+.focus\:ring-offset-yellow-800:focus {
+  --tw-ring-offset-color: #92400e;
+}
+
+.focus\:ring-offset-yellow-900:focus {
+  --tw-ring-offset-color: #78350f;
+}
+
+.focus\:ring-offset-green-50:focus {
+  --tw-ring-offset-color: #ecfdf5;
+}
+
+.focus\:ring-offset-green-100:focus {
+  --tw-ring-offset-color: #d1fae5;
+}
+
+.focus\:ring-offset-green-200:focus {
+  --tw-ring-offset-color: #a7f3d0;
+}
+
+.focus\:ring-offset-green-300:focus {
+  --tw-ring-offset-color: #6ee7b7;
+}
+
+.focus\:ring-offset-green-400:focus {
+  --tw-ring-offset-color: #34d399;
+}
+
+.focus\:ring-offset-green-500:focus {
+  --tw-ring-offset-color: #10b981;
+}
+
+.focus\:ring-offset-green-600:focus {
+  --tw-ring-offset-color: #059669;
+}
+
+.focus\:ring-offset-green-700:focus {
+  --tw-ring-offset-color: #047857;
+}
+
+.focus\:ring-offset-green-800:focus {
+  --tw-ring-offset-color: #065f46;
+}
+
+.focus\:ring-offset-green-900:focus {
+  --tw-ring-offset-color: #064e3b;
+}
+
+.focus\:ring-offset-blue-50:focus {
+  --tw-ring-offset-color: #eff6ff;
+}
+
+.focus\:ring-offset-blue-100:focus {
+  --tw-ring-offset-color: #dbeafe;
+}
+
+.focus\:ring-offset-blue-200:focus {
+  --tw-ring-offset-color: #bfdbfe;
+}
+
+.focus\:ring-offset-blue-300:focus {
+  --tw-ring-offset-color: #93c5fd;
+}
+
+.focus\:ring-offset-blue-400:focus {
+  --tw-ring-offset-color: #60a5fa;
+}
+
+.focus\:ring-offset-blue-500:focus {
+  --tw-ring-offset-color: #3b82f6;
+}
+
+.focus\:ring-offset-blue-600:focus {
+  --tw-ring-offset-color: #2563eb;
+}
+
+.focus\:ring-offset-blue-700:focus {
+  --tw-ring-offset-color: #1d4ed8;
+}
+
+.focus\:ring-offset-blue-800:focus {
+  --tw-ring-offset-color: #1e40af;
+}
+
+.focus\:ring-offset-blue-900:focus {
+  --tw-ring-offset-color: #1e3a8a;
+}
+
+.focus\:ring-offset-indigo-50:focus {
+  --tw-ring-offset-color: #eef2ff;
+}
+
+.focus\:ring-offset-indigo-100:focus {
+  --tw-ring-offset-color: #e0e7ff;
+}
+
+.focus\:ring-offset-indigo-200:focus {
+  --tw-ring-offset-color: #c7d2fe;
+}
+
+.focus\:ring-offset-indigo-300:focus {
+  --tw-ring-offset-color: #a5b4fc;
+}
+
+.focus\:ring-offset-indigo-400:focus {
+  --tw-ring-offset-color: #818cf8;
+}
+
+.focus\:ring-offset-indigo-500:focus {
+  --tw-ring-offset-color: #6366f1;
+}
+
+.focus\:ring-offset-indigo-600:focus {
+  --tw-ring-offset-color: #4f46e5;
+}
+
+.focus\:ring-offset-indigo-700:focus {
+  --tw-ring-offset-color: #4338ca;
+}
+
+.focus\:ring-offset-indigo-800:focus {
+  --tw-ring-offset-color: #3730a3;
+}
+
+.focus\:ring-offset-indigo-900:focus {
+  --tw-ring-offset-color: #312e81;
+}
+
+.focus\:ring-offset-purple-50:focus {
+  --tw-ring-offset-color: #f5f3ff;
+}
+
+.focus\:ring-offset-purple-100:focus {
+  --tw-ring-offset-color: #ede9fe;
+}
+
+.focus\:ring-offset-purple-200:focus {
+  --tw-ring-offset-color: #ddd6fe;
+}
+
+.focus\:ring-offset-purple-300:focus {
+  --tw-ring-offset-color: #c4b5fd;
+}
+
+.focus\:ring-offset-purple-400:focus {
+  --tw-ring-offset-color: #a78bfa;
+}
+
+.focus\:ring-offset-purple-500:focus {
+  --tw-ring-offset-color: #8b5cf6;
+}
+
+.focus\:ring-offset-purple-600:focus {
+  --tw-ring-offset-color: #7c3aed;
+}
+
+.focus\:ring-offset-purple-700:focus {
+  --tw-ring-offset-color: #6d28d9;
+}
+
+.focus\:ring-offset-purple-800:focus {
+  --tw-ring-offset-color: #5b21b6;
+}
+
+.focus\:ring-offset-purple-900:focus {
+  --tw-ring-offset-color: #4c1d95;
+}
+
+.focus\:ring-offset-pink-50:focus {
+  --tw-ring-offset-color: #fdf2f8;
+}
+
+.focus\:ring-offset-pink-100:focus {
+  --tw-ring-offset-color: #fce7f3;
+}
+
+.focus\:ring-offset-pink-200:focus {
+  --tw-ring-offset-color: #fbcfe8;
+}
+
+.focus\:ring-offset-pink-300:focus {
+  --tw-ring-offset-color: #f9a8d4;
+}
+
+.focus\:ring-offset-pink-400:focus {
+  --tw-ring-offset-color: #f472b6;
+}
+
+.focus\:ring-offset-pink-500:focus {
+  --tw-ring-offset-color: #ec4899;
+}
+
+.focus\:ring-offset-pink-600:focus {
+  --tw-ring-offset-color: #db2777;
+}
+
+.focus\:ring-offset-pink-700:focus {
+  --tw-ring-offset-color: #be185d;
+}
+
+.focus\:ring-offset-pink-800:focus {
+  --tw-ring-offset-color: #9d174d;
+}
+
+.focus\:ring-offset-pink-900:focus {
+  --tw-ring-offset-color: #831843;
+}
+
+.ring-offset-0 {
+  --tw-ring-offset-width: 0px;
+}
+
+.ring-offset-1 {
+  --tw-ring-offset-width: 1px;
+}
+
+.ring-offset-2 {
+  --tw-ring-offset-width: 2px;
+}
+
+.ring-offset-4 {
+  --tw-ring-offset-width: 4px;
+}
+
+.ring-offset-8 {
+  --tw-ring-offset-width: 8px;
+}
+
+.focus-within\:ring-offset-0:focus-within {
+  --tw-ring-offset-width: 0px;
+}
+
+.focus-within\:ring-offset-1:focus-within {
+  --tw-ring-offset-width: 1px;
+}
+
+.focus-within\:ring-offset-2:focus-within {
+  --tw-ring-offset-width: 2px;
+}
+
+.focus-within\:ring-offset-4:focus-within {
+  --tw-ring-offset-width: 4px;
+}
+
+.focus-within\:ring-offset-8:focus-within {
+  --tw-ring-offset-width: 8px;
+}
+
+.focus\:ring-offset-0:focus {
+  --tw-ring-offset-width: 0px;
+}
+
+.focus\:ring-offset-1:focus {
+  --tw-ring-offset-width: 1px;
+}
+
+.focus\:ring-offset-2:focus {
+  --tw-ring-offset-width: 2px;
+}
+
+.focus\:ring-offset-4:focus {
+  --tw-ring-offset-width: 4px;
+}
+
+.focus\:ring-offset-8:focus {
+  --tw-ring-offset-width: 8px;
+}
+
+.ring-transparent {
+  --tw-ring-color: transparent;
+}
+
+.ring-current {
+  --tw-ring-color: currentColor;
+}
+
+.ring-black {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+}
+
+.ring-white {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+}
+
+.ring-gray-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+}
+
+.ring-gray-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+}
+
+.ring-gray-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+}
+
+.ring-gray-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+}
+
+.ring-gray-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+}
+
+.ring-gray-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+}
+
+.ring-gray-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+}
+
+.ring-gray-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+}
+
+.ring-gray-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+}
+
+.ring-gray-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+}
+
+.ring-red-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+}
+
+.ring-red-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+}
+
+.ring-red-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+}
+
+.ring-red-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+}
+
+.ring-red-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+}
+
+.ring-red-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+}
+
+.ring-red-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+}
+
+.ring-red-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+}
+
+.ring-red-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+}
+
+.ring-red-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+}
+
+.ring-yellow-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+}
+
+.ring-yellow-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+}
+
+.ring-yellow-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+}
+
+.ring-yellow-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+}
+
+.ring-yellow-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+}
+
+.ring-yellow-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+}
+
+.ring-yellow-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+}
+
+.ring-yellow-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+}
+
+.ring-yellow-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+}
+
+.ring-yellow-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+}
+
+.ring-green-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+}
+
+.ring-green-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+}
+
+.ring-green-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+}
+
+.ring-green-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+}
+
+.ring-green-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+}
+
+.ring-green-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+}
+
+.ring-green-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+}
+
+.ring-green-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+}
+
+.ring-green-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+}
+
+.ring-green-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+}
+
+.ring-blue-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+}
+
+.ring-blue-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+}
+
+.ring-blue-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+}
+
+.ring-blue-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+}
+
+.ring-blue-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+}
+
+.ring-blue-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+}
+
+.ring-blue-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+}
+
+.ring-blue-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+}
+
+.ring-blue-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+}
+
+.ring-blue-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+}
+
+.ring-indigo-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+}
+
+.ring-indigo-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+}
+
+.ring-indigo-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+}
+
+.ring-indigo-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+}
+
+.ring-indigo-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+}
+
+.ring-indigo-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+}
+
+.ring-indigo-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+}
+
+.ring-indigo-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+}
+
+.ring-indigo-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+}
+
+.ring-indigo-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+}
+
+.ring-purple-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+}
+
+.ring-purple-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+}
+
+.ring-purple-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+}
+
+.ring-purple-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+}
+
+.ring-purple-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+}
+
+.ring-purple-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+}
+
+.ring-purple-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+}
+
+.ring-purple-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+}
+
+.ring-purple-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+}
+
+.ring-purple-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+}
+
+.ring-pink-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+}
+
+.ring-pink-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+}
+
+.ring-pink-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+}
+
+.ring-pink-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+}
+
+.ring-pink-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+}
+
+.ring-pink-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+}
+
+.ring-pink-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+}
+
+.ring-pink-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+}
+
+.ring-pink-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+}
+
+.ring-pink-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-transparent:focus-within {
+  --tw-ring-color: transparent;
+}
+
+.focus-within\:ring-current:focus-within {
+  --tw-ring-color: currentColor;
+}
+
+.focus-within\:ring-black:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-white:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+}
+
+.focus\:ring-transparent:focus {
+  --tw-ring-color: transparent;
+}
+
+.focus\:ring-current:focus {
+  --tw-ring-color: currentColor;
+}
+
+.focus\:ring-black:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+}
+
+.focus\:ring-white:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+}
+
+.ring-opacity-0 {
+  --tw-ring-opacity: 0;
+}
+
+.ring-opacity-5 {
+  --tw-ring-opacity: 0.05;
+}
+
+.ring-opacity-10 {
+  --tw-ring-opacity: 0.1;
+}
+
+.ring-opacity-20 {
+  --tw-ring-opacity: 0.2;
+}
+
+.ring-opacity-25 {
+  --tw-ring-opacity: 0.25;
+}
+
+.ring-opacity-30 {
+  --tw-ring-opacity: 0.3;
+}
+
+.ring-opacity-40 {
+  --tw-ring-opacity: 0.4;
+}
+
+.ring-opacity-50 {
+  --tw-ring-opacity: 0.5;
+}
+
+.ring-opacity-60 {
+  --tw-ring-opacity: 0.6;
+}
+
+.ring-opacity-70 {
+  --tw-ring-opacity: 0.7;
+}
+
+.ring-opacity-75 {
+  --tw-ring-opacity: 0.75;
+}
+
+.ring-opacity-80 {
+  --tw-ring-opacity: 0.8;
+}
+
+.ring-opacity-90 {
+  --tw-ring-opacity: 0.9;
+}
+
+.ring-opacity-95 {
+  --tw-ring-opacity: 0.95;
+}
+
+.ring-opacity-100 {
+  --tw-ring-opacity: 1;
+}
+
+.focus-within\:ring-opacity-0:focus-within {
+  --tw-ring-opacity: 0;
+}
+
+.focus-within\:ring-opacity-5:focus-within {
+  --tw-ring-opacity: 0.05;
+}
+
+.focus-within\:ring-opacity-10:focus-within {
+  --tw-ring-opacity: 0.1;
+}
+
+.focus-within\:ring-opacity-20:focus-within {
+  --tw-ring-opacity: 0.2;
+}
+
+.focus-within\:ring-opacity-25:focus-within {
+  --tw-ring-opacity: 0.25;
+}
+
+.focus-within\:ring-opacity-30:focus-within {
+  --tw-ring-opacity: 0.3;
+}
+
+.focus-within\:ring-opacity-40:focus-within {
+  --tw-ring-opacity: 0.4;
+}
+
+.focus-within\:ring-opacity-50:focus-within {
+  --tw-ring-opacity: 0.5;
+}
+
+.focus-within\:ring-opacity-60:focus-within {
+  --tw-ring-opacity: 0.6;
+}
+
+.focus-within\:ring-opacity-70:focus-within {
+  --tw-ring-opacity: 0.7;
+}
+
+.focus-within\:ring-opacity-75:focus-within {
+  --tw-ring-opacity: 0.75;
+}
+
+.focus-within\:ring-opacity-80:focus-within {
+  --tw-ring-opacity: 0.8;
+}
+
+.focus-within\:ring-opacity-90:focus-within {
+  --tw-ring-opacity: 0.9;
+}
+
+.focus-within\:ring-opacity-95:focus-within {
+  --tw-ring-opacity: 0.95;
+}
+
+.focus-within\:ring-opacity-100:focus-within {
+  --tw-ring-opacity: 1;
+}
+
+.focus\:ring-opacity-0:focus {
+  --tw-ring-opacity: 0;
+}
+
+.focus\:ring-opacity-5:focus {
+  --tw-ring-opacity: 0.05;
+}
+
+.focus\:ring-opacity-10:focus {
+  --tw-ring-opacity: 0.1;
+}
+
+.focus\:ring-opacity-20:focus {
+  --tw-ring-opacity: 0.2;
+}
+
+.focus\:ring-opacity-25:focus {
+  --tw-ring-opacity: 0.25;
+}
+
+.focus\:ring-opacity-30:focus {
+  --tw-ring-opacity: 0.3;
+}
+
+.focus\:ring-opacity-40:focus {
+  --tw-ring-opacity: 0.4;
+}
+
+.focus\:ring-opacity-50:focus {
+  --tw-ring-opacity: 0.5;
+}
+
+.focus\:ring-opacity-60:focus {
+  --tw-ring-opacity: 0.6;
+}
+
+.focus\:ring-opacity-70:focus {
+  --tw-ring-opacity: 0.7;
+}
+
+.focus\:ring-opacity-75:focus {
+  --tw-ring-opacity: 0.75;
+}
+
+.focus\:ring-opacity-80:focus {
+  --tw-ring-opacity: 0.8;
+}
+
+.focus\:ring-opacity-90:focus {
+  --tw-ring-opacity: 0.9;
+}
+
+.focus\:ring-opacity-95:focus {
+  --tw-ring-opacity: 0.95;
+}
+
+.focus\:ring-opacity-100:focus {
+  --tw-ring-opacity: 1;
+}
+
+.fill-current {
+  fill: currentColor;
+}
+
+.stroke-current {
+  stroke: currentColor;
+}
+
+.stroke-0 {
+  stroke-width: 0;
+}
+
+.stroke-1 {
+  stroke-width: 1;
+}
+
+.stroke-2 {
+  stroke-width: 2;
+}
+
+.table-auto {
+  table-layout: auto;
+}
+
+.table-fixed {
+  table-layout: fixed;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-justify {
+  text-align: justify;
+}
+
+.text-transparent {
+  color: transparent;
+}
+
+.text-current {
+  color: currentColor;
+}
+
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-text-opacity));
+}
+
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+
+.text-gray-50 {
+  --tw-text-opacity: 1;
+  color: rgba(249, 250, 251, var(--tw-text-opacity));
+}
+
+.text-gray-100 {
+  --tw-text-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-text-opacity));
+}
+
+.text-gray-200 {
+  --tw-text-opacity: 1;
+  color: rgba(229, 231, 235, var(--tw-text-opacity));
+}
+
+.text-gray-300 {
+  --tw-text-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-text-opacity));
+}
+
+.text-gray-400 {
+  --tw-text-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-text-opacity));
+}
+
+.text-gray-500 {
+  --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-text-opacity));
+}
+
+.text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-text-opacity));
+}
+
+.text-gray-700 {
+  --tw-text-opacity: 1;
+  color: rgba(55, 65, 81, var(--tw-text-opacity));
+}
+
+.text-gray-800 {
+  --tw-text-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-text-opacity));
+}
+
+.text-gray-900 {
+  --tw-text-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-text-opacity));
+}
+
+.text-red-50 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 242, 242, var(--tw-text-opacity));
+}
+
+.text-red-100 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 226, 226, var(--tw-text-opacity));
+}
+
+.text-red-200 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 202, 202, var(--tw-text-opacity));
+}
+
+.text-red-300 {
+  --tw-text-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-text-opacity));
+}
+
+.text-red-400 {
+  --tw-text-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-text-opacity));
+}
+
+.text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-text-opacity));
+}
+
+.text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-text-opacity));
+}
+
+.text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-text-opacity));
+}
+
+.text-red-800 {
+  --tw-text-opacity: 1;
+  color: rgba(153, 27, 27, var(--tw-text-opacity));
+}
+
+.text-red-900 {
+  --tw-text-opacity: 1;
+  color: rgba(127, 29, 29, var(--tw-text-opacity));
+}
+
+.text-yellow-50 {
+  --tw-text-opacity: 1;
+  color: rgba(255, 251, 235, var(--tw-text-opacity));
+}
+
+.text-yellow-100 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 243, 199, var(--tw-text-opacity));
+}
+
+.text-yellow-200 {
+  --tw-text-opacity: 1;
+  color: rgba(253, 230, 138, var(--tw-text-opacity));
+}
+
+.text-yellow-300 {
+  --tw-text-opacity: 1;
+  color: rgba(252, 211, 77, var(--tw-text-opacity));
+}
+
+.text-yellow-400 {
+  --tw-text-opacity: 1;
+  color: rgba(251, 191, 36, var(--tw-text-opacity));
+}
+
+.text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-text-opacity));
+}
+
+.text-yellow-600 {
+  --tw-text-opacity: 1;
+  color: rgba(217, 119, 6, var(--tw-text-opacity));
+}
+
+.text-yellow-700 {
+  --tw-text-opacity: 1;
+  color: rgba(180, 83, 9, var(--tw-text-opacity));
+}
+
+.text-yellow-800 {
+  --tw-text-opacity: 1;
+  color: rgba(146, 64, 14, var(--tw-text-opacity));
+}
+
+.text-yellow-900 {
+  --tw-text-opacity: 1;
+  color: rgba(120, 53, 15, var(--tw-text-opacity));
+}
+
+.text-green-50 {
+  --tw-text-opacity: 1;
+  color: rgba(236, 253, 245, var(--tw-text-opacity));
+}
+
+.text-green-100 {
+  --tw-text-opacity: 1;
+  color: rgba(209, 250, 229, var(--tw-text-opacity));
+}
+
+.text-green-200 {
+  --tw-text-opacity: 1;
+  color: rgba(167, 243, 208, var(--tw-text-opacity));
+}
+
+.text-green-300 {
+  --tw-text-opacity: 1;
+  color: rgba(110, 231, 183, var(--tw-text-opacity));
+}
+
+.text-green-400 {
+  --tw-text-opacity: 1;
+  color: rgba(52, 211, 153, var(--tw-text-opacity));
+}
+
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgba(16, 185, 129, var(--tw-text-opacity));
+}
+
+.text-green-600 {
+  --tw-text-opacity: 1;
+  color: rgba(5, 150, 105, var(--tw-text-opacity));
+}
+
+.text-green-700 {
+  --tw-text-opacity: 1;
+  color: rgba(4, 120, 87, var(--tw-text-opacity));
+}
+
+.text-green-800 {
+  --tw-text-opacity: 1;
+  color: rgba(6, 95, 70, var(--tw-text-opacity));
+}
+
+.text-green-900 {
+  --tw-text-opacity: 1;
+  color: rgba(6, 78, 59, var(--tw-text-opacity));
+}
+
+.text-blue-50 {
+  --tw-text-opacity: 1;
+  color: rgba(239, 246, 255, var(--tw-text-opacity));
+}
+
+.text-blue-100 {
+  --tw-text-opacity: 1;
+  color: rgba(219, 234, 254, var(--tw-text-opacity));
+}
+
+.text-blue-200 {
+  --tw-text-opacity: 1;
+  color: rgba(191, 219, 254, var(--tw-text-opacity));
+}
+
+.text-blue-300 {
+  --tw-text-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-text-opacity));
+}
+
+.text-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgba(96, 165, 250, var(--tw-text-opacity));
+}
+
+.text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-text-opacity));
+}
+
+.text-blue-600 {
+  --tw-text-opacity: 1;
+  color: rgba(37, 99, 235, var(--tw-text-opacity));
+}
+
+.text-blue-700 {
+  --tw-text-opacity: 1;
+  color: rgba(29, 78, 216, var(--tw-text-opacity));
+}
+
+.text-blue-800 {
+  --tw-text-opacity: 1;
+  color: rgba(30, 64, 175, var(--tw-text-opacity));
+}
+
+.text-blue-900 {
+  --tw-text-opacity: 1;
+  color: rgba(30, 58, 138, var(--tw-text-opacity));
+}
+
+.text-indigo-50 {
+  --tw-text-opacity: 1;
+  color: rgba(238, 242, 255, var(--tw-text-opacity));
+}
+
+.text-indigo-100 {
+  --tw-text-opacity: 1;
+  color: rgba(224, 231, 255, var(--tw-text-opacity));
+}
+
+.text-indigo-200 {
+  --tw-text-opacity: 1;
+  color: rgba(199, 210, 254, var(--tw-text-opacity));
+}
+
+.text-indigo-300 {
+  --tw-text-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-text-opacity));
+}
+
+.text-indigo-400 {
+  --tw-text-opacity: 1;
+  color: rgba(129, 140, 248, var(--tw-text-opacity));
+}
+
+.text-indigo-500 {
+  --tw-text-opacity: 1;
+  color: rgba(99, 102, 241, var(--tw-text-opacity));
+}
+
+.text-indigo-600 {
+  --tw-text-opacity: 1;
+  color: rgba(79, 70, 229, var(--tw-text-opacity));
+}
+
+.text-indigo-700 {
+  --tw-text-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-text-opacity));
+}
+
+.text-indigo-800 {
+  --tw-text-opacity: 1;
+  color: rgba(55, 48, 163, var(--tw-text-opacity));
+}
+
+.text-indigo-900 {
+  --tw-text-opacity: 1;
+  color: rgba(49, 46, 129, var(--tw-text-opacity));
+}
+
+.text-purple-50 {
+  --tw-text-opacity: 1;
+  color: rgba(245, 243, 255, var(--tw-text-opacity));
+}
+
+.text-purple-100 {
+  --tw-text-opacity: 1;
+  color: rgba(237, 233, 254, var(--tw-text-opacity));
+}
+
+.text-purple-200 {
+  --tw-text-opacity: 1;
+  color: rgba(221, 214, 254, var(--tw-text-opacity));
+}
+
+.text-purple-300 {
+  --tw-text-opacity: 1;
+  color: rgba(196, 181, 253, var(--tw-text-opacity));
+}
+
+.text-purple-400 {
+  --tw-text-opacity: 1;
+  color: rgba(167, 139, 250, var(--tw-text-opacity));
+}
+
+.text-purple-500 {
+  --tw-text-opacity: 1;
+  color: rgba(139, 92, 246, var(--tw-text-opacity));
+}
+
+.text-purple-600 {
+  --tw-text-opacity: 1;
+  color: rgba(124, 58, 237, var(--tw-text-opacity));
+}
+
+.text-purple-700 {
+  --tw-text-opacity: 1;
+  color: rgba(109, 40, 217, var(--tw-text-opacity));
+}
+
+.text-purple-800 {
+  --tw-text-opacity: 1;
+  color: rgba(91, 33, 182, var(--tw-text-opacity));
+}
+
+.text-purple-900 {
+  --tw-text-opacity: 1;
+  color: rgba(76, 29, 149, var(--tw-text-opacity));
+}
+
+.text-pink-50 {
+  --tw-text-opacity: 1;
+  color: rgba(253, 242, 248, var(--tw-text-opacity));
+}
+
+.text-pink-100 {
+  --tw-text-opacity: 1;
+  color: rgba(252, 231, 243, var(--tw-text-opacity));
+}
+
+.text-pink-200 {
+  --tw-text-opacity: 1;
+  color: rgba(251, 207, 232, var(--tw-text-opacity));
+}
+
+.text-pink-300 {
+  --tw-text-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-text-opacity));
+}
+
+.text-pink-400 {
+  --tw-text-opacity: 1;
+  color: rgba(244, 114, 182, var(--tw-text-opacity));
+}
+
+.text-pink-500 {
+  --tw-text-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-text-opacity));
+}
+
+.text-pink-600 {
+  --tw-text-opacity: 1;
+  color: rgba(219, 39, 119, var(--tw-text-opacity));
+}
+
+.text-pink-700 {
+  --tw-text-opacity: 1;
+  color: rgba(190, 24, 93, var(--tw-text-opacity));
+}
+
+.text-pink-800 {
+  --tw-text-opacity: 1;
+  color: rgba(157, 23, 77, var(--tw-text-opacity));
+}
+
+.text-pink-900 {
+  --tw-text-opacity: 1;
+  color: rgba(131, 24, 67, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-transparent {
+  color: transparent;
+}
+
+.group:hover .group-hover\:text-current {
+  color: currentColor;
+}
+
+.group:hover .group-hover\:text-black {
+  --tw-text-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-white {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-50 {
+  --tw-text-opacity: 1;
+  color: rgba(249, 250, 251, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-100 {
+  --tw-text-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-200 {
+  --tw-text-opacity: 1;
+  color: rgba(229, 231, 235, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-300 {
+  --tw-text-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-400 {
+  --tw-text-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-500 {
+  --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-700 {
+  --tw-text-opacity: 1;
+  color: rgba(55, 65, 81, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-800 {
+  --tw-text-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-900 {
+  --tw-text-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-50 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 242, 242, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-100 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 226, 226, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-200 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 202, 202, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-300 {
+  --tw-text-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-400 {
+  --tw-text-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-800 {
+  --tw-text-opacity: 1;
+  color: rgba(153, 27, 27, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-900 {
+  --tw-text-opacity: 1;
+  color: rgba(127, 29, 29, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-50 {
+  --tw-text-opacity: 1;
+  color: rgba(255, 251, 235, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-100 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 243, 199, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-200 {
+  --tw-text-opacity: 1;
+  color: rgba(253, 230, 138, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-300 {
+  --tw-text-opacity: 1;
+  color: rgba(252, 211, 77, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-400 {
+  --tw-text-opacity: 1;
+  color: rgba(251, 191, 36, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-600 {
+  --tw-text-opacity: 1;
+  color: rgba(217, 119, 6, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-700 {
+  --tw-text-opacity: 1;
+  color: rgba(180, 83, 9, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-800 {
+  --tw-text-opacity: 1;
+  color: rgba(146, 64, 14, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-900 {
+  --tw-text-opacity: 1;
+  color: rgba(120, 53, 15, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-50 {
+  --tw-text-opacity: 1;
+  color: rgba(236, 253, 245, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-100 {
+  --tw-text-opacity: 1;
+  color: rgba(209, 250, 229, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-200 {
+  --tw-text-opacity: 1;
+  color: rgba(167, 243, 208, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-300 {
+  --tw-text-opacity: 1;
+  color: rgba(110, 231, 183, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-400 {
+  --tw-text-opacity: 1;
+  color: rgba(52, 211, 153, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgba(16, 185, 129, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-600 {
+  --tw-text-opacity: 1;
+  color: rgba(5, 150, 105, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-700 {
+  --tw-text-opacity: 1;
+  color: rgba(4, 120, 87, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-800 {
+  --tw-text-opacity: 1;
+  color: rgba(6, 95, 70, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-900 {
+  --tw-text-opacity: 1;
+  color: rgba(6, 78, 59, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-50 {
+  --tw-text-opacity: 1;
+  color: rgba(239, 246, 255, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-100 {
+  --tw-text-opacity: 1;
+  color: rgba(219, 234, 254, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-200 {
+  --tw-text-opacity: 1;
+  color: rgba(191, 219, 254, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-300 {
+  --tw-text-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgba(96, 165, 250, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-600 {
+  --tw-text-opacity: 1;
+  color: rgba(37, 99, 235, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-700 {
+  --tw-text-opacity: 1;
+  color: rgba(29, 78, 216, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-800 {
+  --tw-text-opacity: 1;
+  color: rgba(30, 64, 175, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-900 {
+  --tw-text-opacity: 1;
+  color: rgba(30, 58, 138, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-50 {
+  --tw-text-opacity: 1;
+  color: rgba(238, 242, 255, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-100 {
+  --tw-text-opacity: 1;
+  color: rgba(224, 231, 255, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-200 {
+  --tw-text-opacity: 1;
+  color: rgba(199, 210, 254, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-300 {
+  --tw-text-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-400 {
+  --tw-text-opacity: 1;
+  color: rgba(129, 140, 248, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-500 {
+  --tw-text-opacity: 1;
+  color: rgba(99, 102, 241, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-600 {
+  --tw-text-opacity: 1;
+  color: rgba(79, 70, 229, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-700 {
+  --tw-text-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-800 {
+  --tw-text-opacity: 1;
+  color: rgba(55, 48, 163, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-900 {
+  --tw-text-opacity: 1;
+  color: rgba(49, 46, 129, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-50 {
+  --tw-text-opacity: 1;
+  color: rgba(245, 243, 255, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-100 {
+  --tw-text-opacity: 1;
+  color: rgba(237, 233, 254, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-200 {
+  --tw-text-opacity: 1;
+  color: rgba(221, 214, 254, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-300 {
+  --tw-text-opacity: 1;
+  color: rgba(196, 181, 253, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-400 {
+  --tw-text-opacity: 1;
+  color: rgba(167, 139, 250, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-500 {
+  --tw-text-opacity: 1;
+  color: rgba(139, 92, 246, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-600 {
+  --tw-text-opacity: 1;
+  color: rgba(124, 58, 237, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-700 {
+  --tw-text-opacity: 1;
+  color: rgba(109, 40, 217, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-800 {
+  --tw-text-opacity: 1;
+  color: rgba(91, 33, 182, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-900 {
+  --tw-text-opacity: 1;
+  color: rgba(76, 29, 149, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-50 {
+  --tw-text-opacity: 1;
+  color: rgba(253, 242, 248, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-100 {
+  --tw-text-opacity: 1;
+  color: rgba(252, 231, 243, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-200 {
+  --tw-text-opacity: 1;
+  color: rgba(251, 207, 232, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-300 {
+  --tw-text-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-400 {
+  --tw-text-opacity: 1;
+  color: rgba(244, 114, 182, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-500 {
+  --tw-text-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-600 {
+  --tw-text-opacity: 1;
+  color: rgba(219, 39, 119, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-700 {
+  --tw-text-opacity: 1;
+  color: rgba(190, 24, 93, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-800 {
+  --tw-text-opacity: 1;
+  color: rgba(157, 23, 77, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-900 {
+  --tw-text-opacity: 1;
+  color: rgba(131, 24, 67, var(--tw-text-opacity));
+}
+
+.focus-within\:text-transparent:focus-within {
+  color: transparent;
+}
+
+.focus-within\:text-current:focus-within {
+  color: currentColor;
+}
+
+.focus-within\:text-black:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-text-opacity));
+}
+
+.focus-within\:text-white:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(249, 250, 251, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(229, 231, 235, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(55, 65, 81, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(254, 242, 242, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(254, 226, 226, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(254, 202, 202, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(153, 27, 27, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(127, 29, 29, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(255, 251, 235, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(254, 243, 199, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(253, 230, 138, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(252, 211, 77, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(251, 191, 36, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(217, 119, 6, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(180, 83, 9, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(146, 64, 14, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(120, 53, 15, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(236, 253, 245, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(209, 250, 229, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(167, 243, 208, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(110, 231, 183, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(52, 211, 153, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(16, 185, 129, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(5, 150, 105, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(4, 120, 87, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(6, 95, 70, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(6, 78, 59, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(239, 246, 255, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(219, 234, 254, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(191, 219, 254, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(96, 165, 250, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(37, 99, 235, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(29, 78, 216, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(30, 64, 175, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(30, 58, 138, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(238, 242, 255, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(224, 231, 255, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(199, 210, 254, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(129, 140, 248, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(99, 102, 241, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(79, 70, 229, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(55, 48, 163, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(49, 46, 129, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(245, 243, 255, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(237, 233, 254, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(221, 214, 254, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(196, 181, 253, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(167, 139, 250, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(139, 92, 246, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(124, 58, 237, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(109, 40, 217, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(91, 33, 182, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(76, 29, 149, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(253, 242, 248, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(252, 231, 243, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(251, 207, 232, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(244, 114, 182, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(219, 39, 119, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(190, 24, 93, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(157, 23, 77, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(131, 24, 67, var(--tw-text-opacity));
+}
+
+.hover\:text-transparent:hover {
+  color: transparent;
+}
+
+.hover\:text-current:hover {
+  color: currentColor;
+}
+
+.hover\:text-black:hover {
+  --tw-text-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-text-opacity));
+}
+
+.hover\:text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(249, 250, 251, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(229, 231, 235, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(55, 65, 81, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-text-opacity));
+}
+
+.hover\:text-red-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(254, 242, 242, var(--tw-text-opacity));
+}
+
+.hover\:text-red-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(254, 226, 226, var(--tw-text-opacity));
+}
+
+.hover\:text-red-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(254, 202, 202, var(--tw-text-opacity));
+}
+
+.hover\:text-red-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-text-opacity));
+}
+
+.hover\:text-red-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-text-opacity));
+}
+
+.hover\:text-red-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-text-opacity));
+}
+
+.hover\:text-red-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-text-opacity));
+}
+
+.hover\:text-red-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-text-opacity));
+}
+
+.hover\:text-red-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(153, 27, 27, var(--tw-text-opacity));
+}
+
+.hover\:text-red-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(127, 29, 29, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(255, 251, 235, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(254, 243, 199, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(253, 230, 138, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(252, 211, 77, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(251, 191, 36, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(217, 119, 6, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(180, 83, 9, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(146, 64, 14, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(120, 53, 15, var(--tw-text-opacity));
+}
+
+.hover\:text-green-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(236, 253, 245, var(--tw-text-opacity));
+}
+
+.hover\:text-green-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(209, 250, 229, var(--tw-text-opacity));
+}
+
+.hover\:text-green-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(167, 243, 208, var(--tw-text-opacity));
+}
+
+.hover\:text-green-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(110, 231, 183, var(--tw-text-opacity));
+}
+
+.hover\:text-green-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(52, 211, 153, var(--tw-text-opacity));
+}
+
+.hover\:text-green-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(16, 185, 129, var(--tw-text-opacity));
+}
+
+.hover\:text-green-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(5, 150, 105, var(--tw-text-opacity));
+}
+
+.hover\:text-green-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(4, 120, 87, var(--tw-text-opacity));
+}
+
+.hover\:text-green-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(6, 95, 70, var(--tw-text-opacity));
+}
+
+.hover\:text-green-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(6, 78, 59, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(239, 246, 255, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(219, 234, 254, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(191, 219, 254, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(96, 165, 250, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(37, 99, 235, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(29, 78, 216, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(30, 64, 175, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(30, 58, 138, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(238, 242, 255, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(224, 231, 255, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(199, 210, 254, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(129, 140, 248, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(99, 102, 241, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(79, 70, 229, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(55, 48, 163, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(49, 46, 129, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(245, 243, 255, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(237, 233, 254, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(221, 214, 254, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(196, 181, 253, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(167, 139, 250, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(139, 92, 246, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(124, 58, 237, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(109, 40, 217, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(91, 33, 182, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(76, 29, 149, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(253, 242, 248, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(252, 231, 243, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(251, 207, 232, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(244, 114, 182, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(219, 39, 119, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(190, 24, 93, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(157, 23, 77, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(131, 24, 67, var(--tw-text-opacity));
+}
+
+.focus\:text-transparent:focus {
+  color: transparent;
+}
+
+.focus\:text-current:focus {
+  color: currentColor;
+}
+
+.focus\:text-black:focus {
+  --tw-text-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-text-opacity));
+}
+
+.focus\:text-white:focus {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(249, 250, 251, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(229, 231, 235, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(55, 65, 81, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-text-opacity));
+}
+
+.focus\:text-red-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(254, 242, 242, var(--tw-text-opacity));
+}
+
+.focus\:text-red-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(254, 226, 226, var(--tw-text-opacity));
+}
+
+.focus\:text-red-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(254, 202, 202, var(--tw-text-opacity));
+}
+
+.focus\:text-red-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-text-opacity));
+}
+
+.focus\:text-red-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-text-opacity));
+}
+
+.focus\:text-red-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-text-opacity));
+}
+
+.focus\:text-red-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-text-opacity));
+}
+
+.focus\:text-red-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-text-opacity));
+}
+
+.focus\:text-red-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(153, 27, 27, var(--tw-text-opacity));
+}
+
+.focus\:text-red-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(127, 29, 29, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(255, 251, 235, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(254, 243, 199, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(253, 230, 138, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(252, 211, 77, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(251, 191, 36, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(217, 119, 6, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(180, 83, 9, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(146, 64, 14, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(120, 53, 15, var(--tw-text-opacity));
+}
+
+.focus\:text-green-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(236, 253, 245, var(--tw-text-opacity));
+}
+
+.focus\:text-green-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(209, 250, 229, var(--tw-text-opacity));
+}
+
+.focus\:text-green-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(167, 243, 208, var(--tw-text-opacity));
+}
+
+.focus\:text-green-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(110, 231, 183, var(--tw-text-opacity));
+}
+
+.focus\:text-green-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(52, 211, 153, var(--tw-text-opacity));
+}
+
+.focus\:text-green-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(16, 185, 129, var(--tw-text-opacity));
+}
+
+.focus\:text-green-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(5, 150, 105, var(--tw-text-opacity));
+}
+
+.focus\:text-green-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(4, 120, 87, var(--tw-text-opacity));
+}
+
+.focus\:text-green-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(6, 95, 70, var(--tw-text-opacity));
+}
+
+.focus\:text-green-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(6, 78, 59, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(239, 246, 255, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(219, 234, 254, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(191, 219, 254, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(96, 165, 250, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(37, 99, 235, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(29, 78, 216, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(30, 64, 175, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(30, 58, 138, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(238, 242, 255, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(224, 231, 255, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(199, 210, 254, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(129, 140, 248, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(99, 102, 241, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(79, 70, 229, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(55, 48, 163, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(49, 46, 129, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(245, 243, 255, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(237, 233, 254, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(221, 214, 254, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(196, 181, 253, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(167, 139, 250, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(139, 92, 246, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(124, 58, 237, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(109, 40, 217, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(91, 33, 182, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(76, 29, 149, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(253, 242, 248, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(252, 231, 243, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(251, 207, 232, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(244, 114, 182, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(219, 39, 119, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(190, 24, 93, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(157, 23, 77, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(131, 24, 67, var(--tw-text-opacity));
+}
+
+.text-opacity-0 {
+  --tw-text-opacity: 0;
+}
+
+.text-opacity-5 {
+  --tw-text-opacity: 0.05;
+}
+
+.text-opacity-10 {
+  --tw-text-opacity: 0.1;
+}
+
+.text-opacity-20 {
+  --tw-text-opacity: 0.2;
+}
+
+.text-opacity-25 {
+  --tw-text-opacity: 0.25;
+}
+
+.text-opacity-30 {
+  --tw-text-opacity: 0.3;
+}
+
+.text-opacity-40 {
+  --tw-text-opacity: 0.4;
+}
+
+.text-opacity-50 {
+  --tw-text-opacity: 0.5;
+}
+
+.text-opacity-60 {
+  --tw-text-opacity: 0.6;
+}
+
+.text-opacity-70 {
+  --tw-text-opacity: 0.7;
+}
+
+.text-opacity-75 {
+  --tw-text-opacity: 0.75;
+}
+
+.text-opacity-80 {
+  --tw-text-opacity: 0.8;
+}
+
+.text-opacity-90 {
+  --tw-text-opacity: 0.9;
+}
+
+.text-opacity-95 {
+  --tw-text-opacity: 0.95;
+}
+
+.text-opacity-100 {
+  --tw-text-opacity: 1;
+}
+
+.group:hover .group-hover\:text-opacity-0 {
+  --tw-text-opacity: 0;
+}
+
+.group:hover .group-hover\:text-opacity-5 {
+  --tw-text-opacity: 0.05;
+}
+
+.group:hover .group-hover\:text-opacity-10 {
+  --tw-text-opacity: 0.1;
+}
+
+.group:hover .group-hover\:text-opacity-20 {
+  --tw-text-opacity: 0.2;
+}
+
+.group:hover .group-hover\:text-opacity-25 {
+  --tw-text-opacity: 0.25;
+}
+
+.group:hover .group-hover\:text-opacity-30 {
+  --tw-text-opacity: 0.3;
+}
+
+.group:hover .group-hover\:text-opacity-40 {
+  --tw-text-opacity: 0.4;
+}
+
+.group:hover .group-hover\:text-opacity-50 {
+  --tw-text-opacity: 0.5;
+}
+
+.group:hover .group-hover\:text-opacity-60 {
+  --tw-text-opacity: 0.6;
+}
+
+.group:hover .group-hover\:text-opacity-70 {
+  --tw-text-opacity: 0.7;
+}
+
+.group:hover .group-hover\:text-opacity-75 {
+  --tw-text-opacity: 0.75;
+}
+
+.group:hover .group-hover\:text-opacity-80 {
+  --tw-text-opacity: 0.8;
+}
+
+.group:hover .group-hover\:text-opacity-90 {
+  --tw-text-opacity: 0.9;
+}
+
+.group:hover .group-hover\:text-opacity-95 {
+  --tw-text-opacity: 0.95;
+}
+
+.group:hover .group-hover\:text-opacity-100 {
+  --tw-text-opacity: 1;
+}
+
+.focus-within\:text-opacity-0:focus-within {
+  --tw-text-opacity: 0;
+}
+
+.focus-within\:text-opacity-5:focus-within {
+  --tw-text-opacity: 0.05;
+}
+
+.focus-within\:text-opacity-10:focus-within {
+  --tw-text-opacity: 0.1;
+}
+
+.focus-within\:text-opacity-20:focus-within {
+  --tw-text-opacity: 0.2;
+}
+
+.focus-within\:text-opacity-25:focus-within {
+  --tw-text-opacity: 0.25;
+}
+
+.focus-within\:text-opacity-30:focus-within {
+  --tw-text-opacity: 0.3;
+}
+
+.focus-within\:text-opacity-40:focus-within {
+  --tw-text-opacity: 0.4;
+}
+
+.focus-within\:text-opacity-50:focus-within {
+  --tw-text-opacity: 0.5;
+}
+
+.focus-within\:text-opacity-60:focus-within {
+  --tw-text-opacity: 0.6;
+}
+
+.focus-within\:text-opacity-70:focus-within {
+  --tw-text-opacity: 0.7;
+}
+
+.focus-within\:text-opacity-75:focus-within {
+  --tw-text-opacity: 0.75;
+}
+
+.focus-within\:text-opacity-80:focus-within {
+  --tw-text-opacity: 0.8;
+}
+
+.focus-within\:text-opacity-90:focus-within {
+  --tw-text-opacity: 0.9;
+}
+
+.focus-within\:text-opacity-95:focus-within {
+  --tw-text-opacity: 0.95;
+}
+
+.focus-within\:text-opacity-100:focus-within {
+  --tw-text-opacity: 1;
+}
+
+.hover\:text-opacity-0:hover {
+  --tw-text-opacity: 0;
+}
+
+.hover\:text-opacity-5:hover {
+  --tw-text-opacity: 0.05;
+}
+
+.hover\:text-opacity-10:hover {
+  --tw-text-opacity: 0.1;
+}
+
+.hover\:text-opacity-20:hover {
+  --tw-text-opacity: 0.2;
+}
+
+.hover\:text-opacity-25:hover {
+  --tw-text-opacity: 0.25;
+}
+
+.hover\:text-opacity-30:hover {
+  --tw-text-opacity: 0.3;
+}
+
+.hover\:text-opacity-40:hover {
+  --tw-text-opacity: 0.4;
+}
+
+.hover\:text-opacity-50:hover {
+  --tw-text-opacity: 0.5;
+}
+
+.hover\:text-opacity-60:hover {
+  --tw-text-opacity: 0.6;
+}
+
+.hover\:text-opacity-70:hover {
+  --tw-text-opacity: 0.7;
+}
+
+.hover\:text-opacity-75:hover {
+  --tw-text-opacity: 0.75;
+}
+
+.hover\:text-opacity-80:hover {
+  --tw-text-opacity: 0.8;
+}
+
+.hover\:text-opacity-90:hover {
+  --tw-text-opacity: 0.9;
+}
+
+.hover\:text-opacity-95:hover {
+  --tw-text-opacity: 0.95;
+}
+
+.hover\:text-opacity-100:hover {
+  --tw-text-opacity: 1;
+}
+
+.focus\:text-opacity-0:focus {
+  --tw-text-opacity: 0;
+}
+
+.focus\:text-opacity-5:focus {
+  --tw-text-opacity: 0.05;
+}
+
+.focus\:text-opacity-10:focus {
+  --tw-text-opacity: 0.1;
+}
+
+.focus\:text-opacity-20:focus {
+  --tw-text-opacity: 0.2;
+}
+
+.focus\:text-opacity-25:focus {
+  --tw-text-opacity: 0.25;
+}
+
+.focus\:text-opacity-30:focus {
+  --tw-text-opacity: 0.3;
+}
+
+.focus\:text-opacity-40:focus {
+  --tw-text-opacity: 0.4;
+}
+
+.focus\:text-opacity-50:focus {
+  --tw-text-opacity: 0.5;
+}
+
+.focus\:text-opacity-60:focus {
+  --tw-text-opacity: 0.6;
+}
+
+.focus\:text-opacity-70:focus {
+  --tw-text-opacity: 0.7;
+}
+
+.focus\:text-opacity-75:focus {
+  --tw-text-opacity: 0.75;
+}
+
+.focus\:text-opacity-80:focus {
+  --tw-text-opacity: 0.8;
+}
+
+.focus\:text-opacity-90:focus {
+  --tw-text-opacity: 0.9;
+}
+
+.focus\:text-opacity-95:focus {
+  --tw-text-opacity: 0.95;
+}
+
+.focus\:text-opacity-100:focus {
+  --tw-text-opacity: 1;
+}
+
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.overflow-ellipsis {
+  text-overflow: ellipsis;
+}
+
+.overflow-clip {
+  text-overflow: clip;
+}
+
+.italic {
+  font-style: italic;
+}
+
+.not-italic {
+  font-style: normal;
+}
+
+.uppercase {
+  text-transform: uppercase;
+}
+
+.lowercase {
+  text-transform: lowercase;
+}
+
+.capitalize {
+  text-transform: capitalize;
+}
+
+.normal-case {
+  text-transform: none;
+}
+
+.underline {
+  text-decoration: underline;
+}
+
+.line-through {
+  text-decoration: line-through;
+}
+
+.no-underline {
+  text-decoration: none;
+}
+
+.group:hover .group-hover\:underline {
+  text-decoration: underline;
+}
+
+.group:hover .group-hover\:line-through {
+  text-decoration: line-through;
+}
+
+.group:hover .group-hover\:no-underline {
+  text-decoration: none;
+}
+
+.focus-within\:underline:focus-within {
+  text-decoration: underline;
+}
+
+.focus-within\:line-through:focus-within {
+  text-decoration: line-through;
+}
+
+.focus-within\:no-underline:focus-within {
+  text-decoration: none;
+}
+
+.hover\:underline:hover {
+  text-decoration: underline;
+}
+
+.hover\:line-through:hover {
+  text-decoration: line-through;
+}
+
+.hover\:no-underline:hover {
+  text-decoration: none;
+}
+
+.focus\:underline:focus {
+  text-decoration: underline;
+}
+
+.focus\:line-through:focus {
+  text-decoration: line-through;
+}
+
+.focus\:no-underline:focus {
+  text-decoration: none;
+}
+
+.antialiased {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.subpixel-antialiased {
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+}
+
+.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
+  --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
+  --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
+  --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
+  --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
+  --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+
+.normal-nums {
+  font-variant-numeric: normal;
+}
+
+.ordinal {
+  --tw-ordinal: ordinal;
+}
+
+.slashed-zero {
+  --tw-slashed-zero: slashed-zero;
+}
+
+.lining-nums {
+  --tw-numeric-figure: lining-nums;
+}
+
+.oldstyle-nums {
+  --tw-numeric-figure: oldstyle-nums;
+}
+
+.proportional-nums {
+  --tw-numeric-spacing: proportional-nums;
+}
+
+.tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+}
+
+.diagonal-fractions {
+  --tw-numeric-fraction: diagonal-fractions;
+}
+
+.stacked-fractions {
+  --tw-numeric-fraction: stacked-fractions;
+}
+
+.tracking-tighter {
+  letter-spacing: -0.05em;
+}
+
+.tracking-tight {
+  letter-spacing: -0.025em;
+}
+
+.tracking-normal {
+  letter-spacing: 0em;
+}
+
+.tracking-wide {
+  letter-spacing: 0.025em;
+}
+
+.tracking-wider {
+  letter-spacing: 0.05em;
+}
+
+.tracking-widest {
+  letter-spacing: 0.1em;
+}
+
+.select-none {
+  -webkit-user-select: none;
+          user-select: none;
+}
+
+.select-text {
+  -webkit-user-select: text;
+          user-select: text;
+}
+
+.select-all {
+  -webkit-user-select: all;
+          user-select: all;
+}
+
+.select-auto {
+  -webkit-user-select: auto;
+          user-select: auto;
+}
+
+.align-baseline {
+  vertical-align: baseline;
+}
+
+.align-top {
+  vertical-align: top;
+}
+
+.align-middle {
+  vertical-align: middle;
+}
+
+.align-bottom {
+  vertical-align: bottom;
+}
+
+.align-text-top {
+  vertical-align: text-top;
+}
+
+.align-text-bottom {
+  vertical-align: text-bottom;
+}
+
+.visible {
+  visibility: visible;
+}
+
+.invisible {
+  visibility: hidden;
+}
+
+.whitespace-normal {
+  white-space: normal;
+}
+
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+
+.whitespace-pre {
+  white-space: pre;
+}
+
+.whitespace-pre-line {
+  white-space: pre-line;
+}
+
+.whitespace-pre-wrap {
+  white-space: pre-wrap;
+}
+
+.break-normal {
+  overflow-wrap: normal;
+  word-break: normal;
+}
+
+.break-words {
+  overflow-wrap: break-word;
+}
+
+.break-all {
+  word-break: break-all;
+}
+
+.w-0 {
+  width: 0px;
+}
+
+.w-1 {
+  width: 0.25rem;
+}
+
+.w-2 {
+  width: 0.5rem;
+}
+
+.w-3 {
+  width: 0.75rem;
+}
+
+.w-4 {
+  width: 1rem;
+}
+
+.w-5 {
+  width: 1.25rem;
+}
+
+.w-6 {
+  width: 1.5rem;
+}
+
+.w-7 {
+  width: 1.75rem;
+}
+
+.w-8 {
+  width: 2rem;
+}
+
+.w-9 {
+  width: 2.25rem;
+}
+
+.w-10 {
+  width: 2.5rem;
+}
+
+.w-11 {
+  width: 2.75rem;
+}
+
+.w-12 {
+  width: 3rem;
+}
+
+.w-14 {
+  width: 3.5rem;
+}
+
+.w-16 {
+  width: 4rem;
+}
+
+.w-20 {
+  width: 5rem;
+}
+
+.w-24 {
+  width: 6rem;
+}
+
+.w-28 {
+  width: 7rem;
+}
+
+.w-32 {
+  width: 8rem;
+}
+
+.w-36 {
+  width: 9rem;
+}
+
+.w-40 {
+  width: 10rem;
+}
+
+.w-44 {
+  width: 11rem;
+}
+
+.w-48 {
+  width: 12rem;
+}
+
+.w-52 {
+  width: 13rem;
+}
+
+.w-56 {
+  width: 14rem;
+}
+
+.w-60 {
+  width: 15rem;
+}
+
+.w-64 {
+  width: 16rem;
+}
+
+.w-72 {
+  width: 18rem;
+}
+
+.w-80 {
+  width: 20rem;
+}
+
+.w-96 {
+  width: 24rem;
+}
+
+.w-auto {
+  width: auto;
+}
+
+.w-px {
+  width: 1px;
+}
+
+.w-0\.5 {
+  width: 0.125rem;
+}
+
+.w-1\.5 {
+  width: 0.375rem;
+}
+
+.w-2\.5 {
+  width: 0.625rem;
+}
+
+.w-3\.5 {
+  width: 0.875rem;
+}
+
+.w-1\/2 {
+  width: 50%;
+}
+
+.w-1\/3 {
+  width: 33.333333%;
+}
+
+.w-2\/3 {
+  width: 66.666667%;
+}
+
+.w-1\/4 {
+  width: 25%;
+}
+
+.w-2\/4 {
+  width: 50%;
+}
+
+.w-3\/4 {
+  width: 75%;
+}
+
+.w-1\/5 {
+  width: 20%;
+}
+
+.w-2\/5 {
+  width: 40%;
+}
+
+.w-3\/5 {
+  width: 60%;
+}
+
+.w-4\/5 {
+  width: 80%;
+}
+
+.w-1\/6 {
+  width: 16.666667%;
+}
+
+.w-2\/6 {
+  width: 33.333333%;
+}
+
+.w-3\/6 {
+  width: 50%;
+}
+
+.w-4\/6 {
+  width: 66.666667%;
+}
+
+.w-5\/6 {
+  width: 83.333333%;
+}
+
+.w-1\/12 {
+  width: 8.333333%;
+}
+
+.w-2\/12 {
+  width: 16.666667%;
+}
+
+.w-3\/12 {
+  width: 25%;
+}
+
+.w-4\/12 {
+  width: 33.333333%;
+}
+
+.w-5\/12 {
+  width: 41.666667%;
+}
+
+.w-6\/12 {
+  width: 50%;
+}
+
+.w-7\/12 {
+  width: 58.333333%;
+}
+
+.w-8\/12 {
+  width: 66.666667%;
+}
+
+.w-9\/12 {
+  width: 75%;
+}
+
+.w-10\/12 {
+  width: 83.333333%;
+}
+
+.w-11\/12 {
+  width: 91.666667%;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.w-screen {
+  width: 100vw;
+}
+
+.w-min {
+  width: -webkit-min-content;
+  width: min-content;
+}
+
+.w-max {
+  width: -webkit-max-content;
+  width: max-content;
+}
+
+.z-0 {
+  z-index: 0;
+}
+
+.z-10 {
+  z-index: 10;
+}
+
+.z-20 {
+  z-index: 20;
+}
+
+.z-30 {
+  z-index: 30;
+}
+
+.z-40 {
+  z-index: 40;
+}
+
+.z-50 {
+  z-index: 50;
+}
+
+.z-auto {
+  z-index: auto;
+}
+
+.focus-within\:z-0:focus-within {
+  z-index: 0;
+}
+
+.focus-within\:z-10:focus-within {
+  z-index: 10;
+}
+
+.focus-within\:z-20:focus-within {
+  z-index: 20;
+}
+
+.focus-within\:z-30:focus-within {
+  z-index: 30;
+}
+
+.focus-within\:z-40:focus-within {
+  z-index: 40;
+}
+
+.focus-within\:z-50:focus-within {
+  z-index: 50;
+}
+
+.focus-within\:z-auto:focus-within {
+  z-index: auto;
+}
+
+.focus\:z-0:focus {
+  z-index: 0;
+}
+
+.focus\:z-10:focus {
+  z-index: 10;
+}
+
+.focus\:z-20:focus {
+  z-index: 20;
+}
+
+.focus\:z-30:focus {
+  z-index: 30;
+}
+
+.focus\:z-40:focus {
+  z-index: 40;
+}
+
+.focus\:z-50:focus {
+  z-index: 50;
+}
+
+.focus\:z-auto:focus {
+  z-index: auto;
+}
+
+.gap-0 {
+  gap: 0px;
+}
+
+.gap-1 {
+  gap: 0.25rem;
+}
+
+.gap-2 {
+  gap: 0.5rem;
+}
+
+.gap-3 {
+  gap: 0.75rem;
+}
+
+.gap-4 {
+  gap: 1rem;
+}
+
+.gap-5 {
+  gap: 1.25rem;
+}
+
+.gap-6 {
+  gap: 1.5rem;
+}
+
+.gap-7 {
+  gap: 1.75rem;
+}
+
+.gap-8 {
+  gap: 2rem;
+}
+
+.gap-9 {
+  gap: 2.25rem;
+}
+
+.gap-10 {
+  gap: 2.5rem;
+}
+
+.gap-11 {
+  gap: 2.75rem;
+}
+
+.gap-12 {
+  gap: 3rem;
+}
+
+.gap-14 {
+  gap: 3.5rem;
+}
+
+.gap-16 {
+  gap: 4rem;
+}
+
+.gap-20 {
+  gap: 5rem;
+}
+
+.gap-24 {
+  gap: 6rem;
+}
+
+.gap-28 {
+  gap: 7rem;
+}
+
+.gap-32 {
+  gap: 8rem;
+}
+
+.gap-36 {
+  gap: 9rem;
+}
+
+.gap-40 {
+  gap: 10rem;
+}
+
+.gap-44 {
+  gap: 11rem;
+}
+
+.gap-48 {
+  gap: 12rem;
+}
+
+.gap-52 {
+  gap: 13rem;
+}
+
+.gap-56 {
+  gap: 14rem;
+}
+
+.gap-60 {
+  gap: 15rem;
+}
+
+.gap-64 {
+  gap: 16rem;
+}
+
+.gap-72 {
+  gap: 18rem;
+}
+
+.gap-80 {
+  gap: 20rem;
+}
+
+.gap-96 {
+  gap: 24rem;
+}
+
+.gap-px {
+  gap: 1px;
+}
+
+.gap-0\.5 {
+  gap: 0.125rem;
+}
+
+.gap-1\.5 {
+  gap: 0.375rem;
+}
+
+.gap-2\.5 {
+  gap: 0.625rem;
+}
+
+.gap-3\.5 {
+  gap: 0.875rem;
+}
+
+.gap-x-0 {
+  column-gap: 0px;
+}
+
+.gap-x-1 {
+  column-gap: 0.25rem;
+}
+
+.gap-x-2 {
+  column-gap: 0.5rem;
+}
+
+.gap-x-3 {
+  column-gap: 0.75rem;
+}
+
+.gap-x-4 {
+  column-gap: 1rem;
+}
+
+.gap-x-5 {
+  column-gap: 1.25rem;
+}
+
+.gap-x-6 {
+  column-gap: 1.5rem;
+}
+
+.gap-x-7 {
+  column-gap: 1.75rem;
+}
+
+.gap-x-8 {
+  column-gap: 2rem;
+}
+
+.gap-x-9 {
+  column-gap: 2.25rem;
+}
+
+.gap-x-10 {
+  column-gap: 2.5rem;
+}
+
+.gap-x-11 {
+  column-gap: 2.75rem;
+}
+
+.gap-x-12 {
+  column-gap: 3rem;
+}
+
+.gap-x-14 {
+  column-gap: 3.5rem;
+}
+
+.gap-x-16 {
+  column-gap: 4rem;
+}
+
+.gap-x-20 {
+  column-gap: 5rem;
+}
+
+.gap-x-24 {
+  column-gap: 6rem;
+}
+
+.gap-x-28 {
+  column-gap: 7rem;
+}
+
+.gap-x-32 {
+  column-gap: 8rem;
+}
+
+.gap-x-36 {
+  column-gap: 9rem;
+}
+
+.gap-x-40 {
+  column-gap: 10rem;
+}
+
+.gap-x-44 {
+  column-gap: 11rem;
+}
+
+.gap-x-48 {
+  column-gap: 12rem;
+}
+
+.gap-x-52 {
+  column-gap: 13rem;
+}
+
+.gap-x-56 {
+  column-gap: 14rem;
+}
+
+.gap-x-60 {
+  column-gap: 15rem;
+}
+
+.gap-x-64 {
+  column-gap: 16rem;
+}
+
+.gap-x-72 {
+  column-gap: 18rem;
+}
+
+.gap-x-80 {
+  column-gap: 20rem;
+}
+
+.gap-x-96 {
+  column-gap: 24rem;
+}
+
+.gap-x-px {
+  column-gap: 1px;
+}
+
+.gap-x-0\.5 {
+  column-gap: 0.125rem;
+}
+
+.gap-x-1\.5 {
+  column-gap: 0.375rem;
+}
+
+.gap-x-2\.5 {
+  column-gap: 0.625rem;
+}
+
+.gap-x-3\.5 {
+  column-gap: 0.875rem;
+}
+
+.gap-y-0 {
+  row-gap: 0px;
+}
+
+.gap-y-1 {
+  row-gap: 0.25rem;
+}
+
+.gap-y-2 {
+  row-gap: 0.5rem;
+}
+
+.gap-y-3 {
+  row-gap: 0.75rem;
+}
+
+.gap-y-4 {
+  row-gap: 1rem;
+}
+
+.gap-y-5 {
+  row-gap: 1.25rem;
+}
+
+.gap-y-6 {
+  row-gap: 1.5rem;
+}
+
+.gap-y-7 {
+  row-gap: 1.75rem;
+}
+
+.gap-y-8 {
+  row-gap: 2rem;
+}
+
+.gap-y-9 {
+  row-gap: 2.25rem;
+}
+
+.gap-y-10 {
+  row-gap: 2.5rem;
+}
+
+.gap-y-11 {
+  row-gap: 2.75rem;
+}
+
+.gap-y-12 {
+  row-gap: 3rem;
+}
+
+.gap-y-14 {
+  row-gap: 3.5rem;
+}
+
+.gap-y-16 {
+  row-gap: 4rem;
+}
+
+.gap-y-20 {
+  row-gap: 5rem;
+}
+
+.gap-y-24 {
+  row-gap: 6rem;
+}
+
+.gap-y-28 {
+  row-gap: 7rem;
+}
+
+.gap-y-32 {
+  row-gap: 8rem;
+}
+
+.gap-y-36 {
+  row-gap: 9rem;
+}
+
+.gap-y-40 {
+  row-gap: 10rem;
+}
+
+.gap-y-44 {
+  row-gap: 11rem;
+}
+
+.gap-y-48 {
+  row-gap: 12rem;
+}
+
+.gap-y-52 {
+  row-gap: 13rem;
+}
+
+.gap-y-56 {
+  row-gap: 14rem;
+}
+
+.gap-y-60 {
+  row-gap: 15rem;
+}
+
+.gap-y-64 {
+  row-gap: 16rem;
+}
+
+.gap-y-72 {
+  row-gap: 18rem;
+}
+
+.gap-y-80 {
+  row-gap: 20rem;
+}
+
+.gap-y-96 {
+  row-gap: 24rem;
+}
+
+.gap-y-px {
+  row-gap: 1px;
+}
+
+.gap-y-0\.5 {
+  row-gap: 0.125rem;
+}
+
+.gap-y-1\.5 {
+  row-gap: 0.375rem;
+}
+
+.gap-y-2\.5 {
+  row-gap: 0.625rem;
+}
+
+.gap-y-3\.5 {
+  row-gap: 0.875rem;
+}
+
+.grid-flow-row {
+  grid-auto-flow: row;
+}
+
+.grid-flow-col {
+  grid-auto-flow: column;
+}
+
+.grid-flow-row-dense {
+  grid-auto-flow: row dense;
+}
+
+.grid-flow-col-dense {
+  grid-auto-flow: column dense;
+}
+
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.grid-cols-5 {
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+}
+
+.grid-cols-6 {
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+}
+
+.grid-cols-7 {
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+}
+
+.grid-cols-8 {
+  grid-template-columns: repeat(8, minmax(0, 1fr));
+}
+
+.grid-cols-9 {
+  grid-template-columns: repeat(9, minmax(0, 1fr));
+}
+
+.grid-cols-10 {
+  grid-template-columns: repeat(10, minmax(0, 1fr));
+}
+
+.grid-cols-11 {
+  grid-template-columns: repeat(11, minmax(0, 1fr));
+}
+
+.grid-cols-12 {
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+}
+
+.grid-cols-none {
+  grid-template-columns: none;
+}
+
+.auto-cols-auto {
+  grid-auto-columns: auto;
+}
+
+.auto-cols-min {
+  grid-auto-columns: -webkit-min-content;
+  grid-auto-columns: min-content;
+}
+
+.auto-cols-max {
+  grid-auto-columns: -webkit-max-content;
+  grid-auto-columns: max-content;
+}
+
+.auto-cols-fr {
+  grid-auto-columns: minmax(0, 1fr);
+}
+
+.col-auto {
+  grid-column: auto;
+}
+
+.col-span-1 {
+  grid-column: span 1 / span 1;
+}
+
+.col-span-2 {
+  grid-column: span 2 / span 2;
+}
+
+.col-span-3 {
+  grid-column: span 3 / span 3;
+}
+
+.col-span-4 {
+  grid-column: span 4 / span 4;
+}
+
+.col-span-5 {
+  grid-column: span 5 / span 5;
+}
+
+.col-span-6 {
+  grid-column: span 6 / span 6;
+}
+
+.col-span-7 {
+  grid-column: span 7 / span 7;
+}
+
+.col-span-8 {
+  grid-column: span 8 / span 8;
+}
+
+.col-span-9 {
+  grid-column: span 9 / span 9;
+}
+
+.col-span-10 {
+  grid-column: span 10 / span 10;
+}
+
+.col-span-11 {
+  grid-column: span 11 / span 11;
+}
+
+.col-span-12 {
+  grid-column: span 12 / span 12;
+}
+
+.col-span-full {
+  grid-column: 1 / -1;
+}
+
+.col-start-1 {
+  grid-column-start: 1;
+}
+
+.col-start-2 {
+  grid-column-start: 2;
+}
+
+.col-start-3 {
+  grid-column-start: 3;
+}
+
+.col-start-4 {
+  grid-column-start: 4;
+}
+
+.col-start-5 {
+  grid-column-start: 5;
+}
+
+.col-start-6 {
+  grid-column-start: 6;
+}
+
+.col-start-7 {
+  grid-column-start: 7;
+}
+
+.col-start-8 {
+  grid-column-start: 8;
+}
+
+.col-start-9 {
+  grid-column-start: 9;
+}
+
+.col-start-10 {
+  grid-column-start: 10;
+}
+
+.col-start-11 {
+  grid-column-start: 11;
+}
+
+.col-start-12 {
+  grid-column-start: 12;
+}
+
+.col-start-13 {
+  grid-column-start: 13;
+}
+
+.col-start-auto {
+  grid-column-start: auto;
+}
+
+.col-end-1 {
+  grid-column-end: 1;
+}
+
+.col-end-2 {
+  grid-column-end: 2;
+}
+
+.col-end-3 {
+  grid-column-end: 3;
+}
+
+.col-end-4 {
+  grid-column-end: 4;
+}
+
+.col-end-5 {
+  grid-column-end: 5;
+}
+
+.col-end-6 {
+  grid-column-end: 6;
+}
+
+.col-end-7 {
+  grid-column-end: 7;
+}
+
+.col-end-8 {
+  grid-column-end: 8;
+}
+
+.col-end-9 {
+  grid-column-end: 9;
+}
+
+.col-end-10 {
+  grid-column-end: 10;
+}
+
+.col-end-11 {
+  grid-column-end: 11;
+}
+
+.col-end-12 {
+  grid-column-end: 12;
+}
+
+.col-end-13 {
+  grid-column-end: 13;
+}
+
+.col-end-auto {
+  grid-column-end: auto;
+}
+
+.grid-rows-1 {
+  grid-template-rows: repeat(1, minmax(0, 1fr));
+}
+
+.grid-rows-2 {
+  grid-template-rows: repeat(2, minmax(0, 1fr));
+}
+
+.grid-rows-3 {
+  grid-template-rows: repeat(3, minmax(0, 1fr));
+}
+
+.grid-rows-4 {
+  grid-template-rows: repeat(4, minmax(0, 1fr));
+}
+
+.grid-rows-5 {
+  grid-template-rows: repeat(5, minmax(0, 1fr));
+}
+
+.grid-rows-6 {
+  grid-template-rows: repeat(6, minmax(0, 1fr));
+}
+
+.grid-rows-none {
+  grid-template-rows: none;
+}
+
+.auto-rows-auto {
+  grid-auto-rows: auto;
+}
+
+.auto-rows-min {
+  grid-auto-rows: -webkit-min-content;
+  grid-auto-rows: min-content;
+}
+
+.auto-rows-max {
+  grid-auto-rows: -webkit-max-content;
+  grid-auto-rows: max-content;
+}
+
+.auto-rows-fr {
+  grid-auto-rows: minmax(0, 1fr);
+}
+
+.row-auto {
+  grid-row: auto;
+}
+
+.row-span-1 {
+  grid-row: span 1 / span 1;
+}
+
+.row-span-2 {
+  grid-row: span 2 / span 2;
+}
+
+.row-span-3 {
+  grid-row: span 3 / span 3;
+}
+
+.row-span-4 {
+  grid-row: span 4 / span 4;
+}
+
+.row-span-5 {
+  grid-row: span 5 / span 5;
+}
+
+.row-span-6 {
+  grid-row: span 6 / span 6;
+}
+
+.row-span-full {
+  grid-row: 1 / -1;
+}
+
+.row-start-1 {
+  grid-row-start: 1;
+}
+
+.row-start-2 {
+  grid-row-start: 2;
+}
+
+.row-start-3 {
+  grid-row-start: 3;
+}
+
+.row-start-4 {
+  grid-row-start: 4;
+}
+
+.row-start-5 {
+  grid-row-start: 5;
+}
+
+.row-start-6 {
+  grid-row-start: 6;
+}
+
+.row-start-7 {
+  grid-row-start: 7;
+}
+
+.row-start-auto {
+  grid-row-start: auto;
+}
+
+.row-end-1 {
+  grid-row-end: 1;
+}
+
+.row-end-2 {
+  grid-row-end: 2;
+}
+
+.row-end-3 {
+  grid-row-end: 3;
+}
+
+.row-end-4 {
+  grid-row-end: 4;
+}
+
+.row-end-5 {
+  grid-row-end: 5;
+}
+
+.row-end-6 {
+  grid-row-end: 6;
+}
+
+.row-end-7 {
+  grid-row-end: 7;
+}
+
+.row-end-auto {
+  grid-row-end: auto;
+}
+
+.transform {
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.transform-gpu {
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.transform-none {
+  transform: none;
+}
+
+.origin-center {
+  transform-origin: center;
+}
+
+.origin-top {
+  transform-origin: top;
+}
+
+.origin-top-right {
+  transform-origin: top right;
+}
+
+.origin-right {
+  transform-origin: right;
+}
+
+.origin-bottom-right {
+  transform-origin: bottom right;
+}
+
+.origin-bottom {
+  transform-origin: bottom;
+}
+
+.origin-bottom-left {
+  transform-origin: bottom left;
+}
+
+.origin-left {
+  transform-origin: left;
+}
+
+.origin-top-left {
+  transform-origin: top left;
+}
+
+.scale-0 {
+  --tw-scale-x: 0;
+  --tw-scale-y: 0;
+}
+
+.scale-50 {
+  --tw-scale-x: .5;
+  --tw-scale-y: .5;
+}
+
+.scale-75 {
+  --tw-scale-x: .75;
+  --tw-scale-y: .75;
+}
+
+.scale-90 {
+  --tw-scale-x: .9;
+  --tw-scale-y: .9;
+}
+
+.scale-95 {
+  --tw-scale-x: .95;
+  --tw-scale-y: .95;
+}
+
+.scale-100 {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+}
+
+.scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+}
+
+.scale-110 {
+  --tw-scale-x: 1.1;
+  --tw-scale-y: 1.1;
+}
+
+.scale-125 {
+  --tw-scale-x: 1.25;
+  --tw-scale-y: 1.25;
+}
+
+.scale-150 {
+  --tw-scale-x: 1.5;
+  --tw-scale-y: 1.5;
+}
+
+.scale-x-0 {
+  --tw-scale-x: 0;
+}
+
+.scale-x-50 {
+  --tw-scale-x: .5;
+}
+
+.scale-x-75 {
+  --tw-scale-x: .75;
+}
+
+.scale-x-90 {
+  --tw-scale-x: .9;
+}
+
+.scale-x-95 {
+  --tw-scale-x: .95;
+}
+
+.scale-x-100 {
+  --tw-scale-x: 1;
+}
+
+.scale-x-105 {
+  --tw-scale-x: 1.05;
+}
+
+.scale-x-110 {
+  --tw-scale-x: 1.1;
+}
+
+.scale-x-125 {
+  --tw-scale-x: 1.25;
+}
+
+.scale-x-150 {
+  --tw-scale-x: 1.5;
+}
+
+.scale-y-0 {
+  --tw-scale-y: 0;
+}
+
+.scale-y-50 {
+  --tw-scale-y: .5;
+}
+
+.scale-y-75 {
+  --tw-scale-y: .75;
+}
+
+.scale-y-90 {
+  --tw-scale-y: .9;
+}
+
+.scale-y-95 {
+  --tw-scale-y: .95;
+}
+
+.scale-y-100 {
+  --tw-scale-y: 1;
+}
+
+.scale-y-105 {
+  --tw-scale-y: 1.05;
+}
+
+.scale-y-110 {
+  --tw-scale-y: 1.1;
+}
+
+.scale-y-125 {
+  --tw-scale-y: 1.25;
+}
+
+.scale-y-150 {
+  --tw-scale-y: 1.5;
+}
+
+.hover\:scale-0:hover {
+  --tw-scale-x: 0;
+  --tw-scale-y: 0;
+}
+
+.hover\:scale-50:hover {
+  --tw-scale-x: .5;
+  --tw-scale-y: .5;
+}
+
+.hover\:scale-75:hover {
+  --tw-scale-x: .75;
+  --tw-scale-y: .75;
+}
+
+.hover\:scale-90:hover {
+  --tw-scale-x: .9;
+  --tw-scale-y: .9;
+}
+
+.hover\:scale-95:hover {
+  --tw-scale-x: .95;
+  --tw-scale-y: .95;
+}
+
+.hover\:scale-100:hover {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+}
+
+.hover\:scale-105:hover {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+}
+
+.hover\:scale-110:hover {
+  --tw-scale-x: 1.1;
+  --tw-scale-y: 1.1;
+}
+
+.hover\:scale-125:hover {
+  --tw-scale-x: 1.25;
+  --tw-scale-y: 1.25;
+}
+
+.hover\:scale-150:hover {
+  --tw-scale-x: 1.5;
+  --tw-scale-y: 1.5;
+}
+
+.hover\:scale-x-0:hover {
+  --tw-scale-x: 0;
+}
+
+.hover\:scale-x-50:hover {
+  --tw-scale-x: .5;
+}
+
+.hover\:scale-x-75:hover {
+  --tw-scale-x: .75;
+}
+
+.hover\:scale-x-90:hover {
+  --tw-scale-x: .9;
+}
+
+.hover\:scale-x-95:hover {
+  --tw-scale-x: .95;
+}
+
+.hover\:scale-x-100:hover {
+  --tw-scale-x: 1;
+}
+
+.hover\:scale-x-105:hover {
+  --tw-scale-x: 1.05;
+}
+
+.hover\:scale-x-110:hover {
+  --tw-scale-x: 1.1;
+}
+
+.hover\:scale-x-125:hover {
+  --tw-scale-x: 1.25;
+}
+
+.hover\:scale-x-150:hover {
+  --tw-scale-x: 1.5;
+}
+
+.hover\:scale-y-0:hover {
+  --tw-scale-y: 0;
+}
+
+.hover\:scale-y-50:hover {
+  --tw-scale-y: .5;
+}
+
+.hover\:scale-y-75:hover {
+  --tw-scale-y: .75;
+}
+
+.hover\:scale-y-90:hover {
+  --tw-scale-y: .9;
+}
+
+.hover\:scale-y-95:hover {
+  --tw-scale-y: .95;
+}
+
+.hover\:scale-y-100:hover {
+  --tw-scale-y: 1;
+}
+
+.hover\:scale-y-105:hover {
+  --tw-scale-y: 1.05;
+}
+
+.hover\:scale-y-110:hover {
+  --tw-scale-y: 1.1;
+}
+
+.hover\:scale-y-125:hover {
+  --tw-scale-y: 1.25;
+}
+
+.hover\:scale-y-150:hover {
+  --tw-scale-y: 1.5;
+}
+
+.focus\:scale-0:focus {
+  --tw-scale-x: 0;
+  --tw-scale-y: 0;
+}
+
+.focus\:scale-50:focus {
+  --tw-scale-x: .5;
+  --tw-scale-y: .5;
+}
+
+.focus\:scale-75:focus {
+  --tw-scale-x: .75;
+  --tw-scale-y: .75;
+}
+
+.focus\:scale-90:focus {
+  --tw-scale-x: .9;
+  --tw-scale-y: .9;
+}
+
+.focus\:scale-95:focus {
+  --tw-scale-x: .95;
+  --tw-scale-y: .95;
+}
+
+.focus\:scale-100:focus {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+}
+
+.focus\:scale-105:focus {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+}
+
+.focus\:scale-110:focus {
+  --tw-scale-x: 1.1;
+  --tw-scale-y: 1.1;
+}
+
+.focus\:scale-125:focus {
+  --tw-scale-x: 1.25;
+  --tw-scale-y: 1.25;
+}
+
+.focus\:scale-150:focus {
+  --tw-scale-x: 1.5;
+  --tw-scale-y: 1.5;
+}
+
+.focus\:scale-x-0:focus {
+  --tw-scale-x: 0;
+}
+
+.focus\:scale-x-50:focus {
+  --tw-scale-x: .5;
+}
+
+.focus\:scale-x-75:focus {
+  --tw-scale-x: .75;
+}
+
+.focus\:scale-x-90:focus {
+  --tw-scale-x: .9;
+}
+
+.focus\:scale-x-95:focus {
+  --tw-scale-x: .95;
+}
+
+.focus\:scale-x-100:focus {
+  --tw-scale-x: 1;
+}
+
+.focus\:scale-x-105:focus {
+  --tw-scale-x: 1.05;
+}
+
+.focus\:scale-x-110:focus {
+  --tw-scale-x: 1.1;
+}
+
+.focus\:scale-x-125:focus {
+  --tw-scale-x: 1.25;
+}
+
+.focus\:scale-x-150:focus {
+  --tw-scale-x: 1.5;
+}
+
+.focus\:scale-y-0:focus {
+  --tw-scale-y: 0;
+}
+
+.focus\:scale-y-50:focus {
+  --tw-scale-y: .5;
+}
+
+.focus\:scale-y-75:focus {
+  --tw-scale-y: .75;
+}
+
+.focus\:scale-y-90:focus {
+  --tw-scale-y: .9;
+}
+
+.focus\:scale-y-95:focus {
+  --tw-scale-y: .95;
+}
+
+.focus\:scale-y-100:focus {
+  --tw-scale-y: 1;
+}
+
+.focus\:scale-y-105:focus {
+  --tw-scale-y: 1.05;
+}
+
+.focus\:scale-y-110:focus {
+  --tw-scale-y: 1.1;
+}
+
+.focus\:scale-y-125:focus {
+  --tw-scale-y: 1.25;
+}
+
+.focus\:scale-y-150:focus {
+  --tw-scale-y: 1.5;
+}
+
+.rotate-0 {
+  --tw-rotate: 0deg;
+}
+
+.rotate-1 {
+  --tw-rotate: 1deg;
+}
+
+.rotate-2 {
+  --tw-rotate: 2deg;
+}
+
+.rotate-3 {
+  --tw-rotate: 3deg;
+}
+
+.rotate-6 {
+  --tw-rotate: 6deg;
+}
+
+.rotate-12 {
+  --tw-rotate: 12deg;
+}
+
+.rotate-45 {
+  --tw-rotate: 45deg;
+}
+
+.rotate-90 {
+  --tw-rotate: 90deg;
+}
+
+.rotate-180 {
+  --tw-rotate: 180deg;
+}
+
+.-rotate-180 {
+  --tw-rotate: -180deg;
+}
+
+.-rotate-90 {
+  --tw-rotate: -90deg;
+}
+
+.-rotate-45 {
+  --tw-rotate: -45deg;
+}
+
+.-rotate-12 {
+  --tw-rotate: -12deg;
+}
+
+.-rotate-6 {
+  --tw-rotate: -6deg;
+}
+
+.-rotate-3 {
+  --tw-rotate: -3deg;
+}
+
+.-rotate-2 {
+  --tw-rotate: -2deg;
+}
+
+.-rotate-1 {
+  --tw-rotate: -1deg;
+}
+
+.hover\:rotate-0:hover {
+  --tw-rotate: 0deg;
+}
+
+.hover\:rotate-1:hover {
+  --tw-rotate: 1deg;
+}
+
+.hover\:rotate-2:hover {
+  --tw-rotate: 2deg;
+}
+
+.hover\:rotate-3:hover {
+  --tw-rotate: 3deg;
+}
+
+.hover\:rotate-6:hover {
+  --tw-rotate: 6deg;
+}
+
+.hover\:rotate-12:hover {
+  --tw-rotate: 12deg;
+}
+
+.hover\:rotate-45:hover {
+  --tw-rotate: 45deg;
+}
+
+.hover\:rotate-90:hover {
+  --tw-rotate: 90deg;
+}
+
+.hover\:rotate-180:hover {
+  --tw-rotate: 180deg;
+}
+
+.hover\:-rotate-180:hover {
+  --tw-rotate: -180deg;
+}
+
+.hover\:-rotate-90:hover {
+  --tw-rotate: -90deg;
+}
+
+.hover\:-rotate-45:hover {
+  --tw-rotate: -45deg;
+}
+
+.hover\:-rotate-12:hover {
+  --tw-rotate: -12deg;
+}
+
+.hover\:-rotate-6:hover {
+  --tw-rotate: -6deg;
+}
+
+.hover\:-rotate-3:hover {
+  --tw-rotate: -3deg;
+}
+
+.hover\:-rotate-2:hover {
+  --tw-rotate: -2deg;
+}
+
+.hover\:-rotate-1:hover {
+  --tw-rotate: -1deg;
+}
+
+.focus\:rotate-0:focus {
+  --tw-rotate: 0deg;
+}
+
+.focus\:rotate-1:focus {
+  --tw-rotate: 1deg;
+}
+
+.focus\:rotate-2:focus {
+  --tw-rotate: 2deg;
+}
+
+.focus\:rotate-3:focus {
+  --tw-rotate: 3deg;
+}
+
+.focus\:rotate-6:focus {
+  --tw-rotate: 6deg;
+}
+
+.focus\:rotate-12:focus {
+  --tw-rotate: 12deg;
+}
+
+.focus\:rotate-45:focus {
+  --tw-rotate: 45deg;
+}
+
+.focus\:rotate-90:focus {
+  --tw-rotate: 90deg;
+}
+
+.focus\:rotate-180:focus {
+  --tw-rotate: 180deg;
+}
+
+.focus\:-rotate-180:focus {
+  --tw-rotate: -180deg;
+}
+
+.focus\:-rotate-90:focus {
+  --tw-rotate: -90deg;
+}
+
+.focus\:-rotate-45:focus {
+  --tw-rotate: -45deg;
+}
+
+.focus\:-rotate-12:focus {
+  --tw-rotate: -12deg;
+}
+
+.focus\:-rotate-6:focus {
+  --tw-rotate: -6deg;
+}
+
+.focus\:-rotate-3:focus {
+  --tw-rotate: -3deg;
+}
+
+.focus\:-rotate-2:focus {
+  --tw-rotate: -2deg;
+}
+
+.focus\:-rotate-1:focus {
+  --tw-rotate: -1deg;
+}
+
+.translate-x-0 {
+  --tw-translate-x: 0px;
+}
+
+.translate-x-1 {
+  --tw-translate-x: 0.25rem;
+}
+
+.translate-x-2 {
+  --tw-translate-x: 0.5rem;
+}
+
+.translate-x-3 {
+  --tw-translate-x: 0.75rem;
+}
+
+.translate-x-4 {
+  --tw-translate-x: 1rem;
+}
+
+.translate-x-5 {
+  --tw-translate-x: 1.25rem;
+}
+
+.translate-x-6 {
+  --tw-translate-x: 1.5rem;
+}
+
+.translate-x-7 {
+  --tw-translate-x: 1.75rem;
+}
+
+.translate-x-8 {
+  --tw-translate-x: 2rem;
+}
+
+.translate-x-9 {
+  --tw-translate-x: 2.25rem;
+}
+
+.translate-x-10 {
+  --tw-translate-x: 2.5rem;
+}
+
+.translate-x-11 {
+  --tw-translate-x: 2.75rem;
+}
+
+.translate-x-12 {
+  --tw-translate-x: 3rem;
+}
+
+.translate-x-14 {
+  --tw-translate-x: 3.5rem;
+}
+
+.translate-x-16 {
+  --tw-translate-x: 4rem;
+}
+
+.translate-x-20 {
+  --tw-translate-x: 5rem;
+}
+
+.translate-x-24 {
+  --tw-translate-x: 6rem;
+}
+
+.translate-x-28 {
+  --tw-translate-x: 7rem;
+}
+
+.translate-x-32 {
+  --tw-translate-x: 8rem;
+}
+
+.translate-x-36 {
+  --tw-translate-x: 9rem;
+}
+
+.translate-x-40 {
+  --tw-translate-x: 10rem;
+}
+
+.translate-x-44 {
+  --tw-translate-x: 11rem;
+}
+
+.translate-x-48 {
+  --tw-translate-x: 12rem;
+}
+
+.translate-x-52 {
+  --tw-translate-x: 13rem;
+}
+
+.translate-x-56 {
+  --tw-translate-x: 14rem;
+}
+
+.translate-x-60 {
+  --tw-translate-x: 15rem;
+}
+
+.translate-x-64 {
+  --tw-translate-x: 16rem;
+}
+
+.translate-x-72 {
+  --tw-translate-x: 18rem;
+}
+
+.translate-x-80 {
+  --tw-translate-x: 20rem;
+}
+
+.translate-x-96 {
+  --tw-translate-x: 24rem;
+}
+
+.translate-x-px {
+  --tw-translate-x: 1px;
+}
+
+.translate-x-0\.5 {
+  --tw-translate-x: 0.125rem;
+}
+
+.translate-x-1\.5 {
+  --tw-translate-x: 0.375rem;
+}
+
+.translate-x-2\.5 {
+  --tw-translate-x: 0.625rem;
+}
+
+.translate-x-3\.5 {
+  --tw-translate-x: 0.875rem;
+}
+
+.-translate-x-0 {
+  --tw-translate-x: 0px;
+}
+
+.-translate-x-1 {
+  --tw-translate-x: -0.25rem;
+}
+
+.-translate-x-2 {
+  --tw-translate-x: -0.5rem;
+}
+
+.-translate-x-3 {
+  --tw-translate-x: -0.75rem;
+}
+
+.-translate-x-4 {
+  --tw-translate-x: -1rem;
+}
+
+.-translate-x-5 {
+  --tw-translate-x: -1.25rem;
+}
+
+.-translate-x-6 {
+  --tw-translate-x: -1.5rem;
+}
+
+.-translate-x-7 {
+  --tw-translate-x: -1.75rem;
+}
+
+.-translate-x-8 {
+  --tw-translate-x: -2rem;
+}
+
+.-translate-x-9 {
+  --tw-translate-x: -2.25rem;
+}
+
+.-translate-x-10 {
+  --tw-translate-x: -2.5rem;
+}
+
+.-translate-x-11 {
+  --tw-translate-x: -2.75rem;
+}
+
+.-translate-x-12 {
+  --tw-translate-x: -3rem;
+}
+
+.-translate-x-14 {
+  --tw-translate-x: -3.5rem;
+}
+
+.-translate-x-16 {
+  --tw-translate-x: -4rem;
+}
+
+.-translate-x-20 {
+  --tw-translate-x: -5rem;
+}
+
+.-translate-x-24 {
+  --tw-translate-x: -6rem;
+}
+
+.-translate-x-28 {
+  --tw-translate-x: -7rem;
+}
+
+.-translate-x-32 {
+  --tw-translate-x: -8rem;
+}
+
+.-translate-x-36 {
+  --tw-translate-x: -9rem;
+}
+
+.-translate-x-40 {
+  --tw-translate-x: -10rem;
+}
+
+.-translate-x-44 {
+  --tw-translate-x: -11rem;
+}
+
+.-translate-x-48 {
+  --tw-translate-x: -12rem;
+}
+
+.-translate-x-52 {
+  --tw-translate-x: -13rem;
+}
+
+.-translate-x-56 {
+  --tw-translate-x: -14rem;
+}
+
+.-translate-x-60 {
+  --tw-translate-x: -15rem;
+}
+
+.-translate-x-64 {
+  --tw-translate-x: -16rem;
+}
+
+.-translate-x-72 {
+  --tw-translate-x: -18rem;
+}
+
+.-translate-x-80 {
+  --tw-translate-x: -20rem;
+}
+
+.-translate-x-96 {
+  --tw-translate-x: -24rem;
+}
+
+.-translate-x-px {
+  --tw-translate-x: -1px;
+}
+
+.-translate-x-0\.5 {
+  --tw-translate-x: -0.125rem;
+}
+
+.-translate-x-1\.5 {
+  --tw-translate-x: -0.375rem;
+}
+
+.-translate-x-2\.5 {
+  --tw-translate-x: -0.625rem;
+}
+
+.-translate-x-3\.5 {
+  --tw-translate-x: -0.875rem;
+}
+
+.translate-x-1\/2 {
+  --tw-translate-x: 50%;
+}
+
+.translate-x-1\/3 {
+  --tw-translate-x: 33.333333%;
+}
+
+.translate-x-2\/3 {
+  --tw-translate-x: 66.666667%;
+}
+
+.translate-x-1\/4 {
+  --tw-translate-x: 25%;
+}
+
+.translate-x-2\/4 {
+  --tw-translate-x: 50%;
+}
+
+.translate-x-3\/4 {
+  --tw-translate-x: 75%;
+}
+
+.translate-x-full {
+  --tw-translate-x: 100%;
+}
+
+.-translate-x-1\/2 {
+  --tw-translate-x: -50%;
+}
+
+.-translate-x-1\/3 {
+  --tw-translate-x: -33.333333%;
+}
+
+.-translate-x-2\/3 {
+  --tw-translate-x: -66.666667%;
+}
+
+.-translate-x-1\/4 {
+  --tw-translate-x: -25%;
+}
+
+.-translate-x-2\/4 {
+  --tw-translate-x: -50%;
+}
+
+.-translate-x-3\/4 {
+  --tw-translate-x: -75%;
+}
+
+.-translate-x-full {
+  --tw-translate-x: -100%;
+}
+
+.translate-y-0 {
+  --tw-translate-y: 0px;
+}
+
+.translate-y-1 {
+  --tw-translate-y: 0.25rem;
+}
+
+.translate-y-2 {
+  --tw-translate-y: 0.5rem;
+}
+
+.translate-y-3 {
+  --tw-translate-y: 0.75rem;
+}
+
+.translate-y-4 {
+  --tw-translate-y: 1rem;
+}
+
+.translate-y-5 {
+  --tw-translate-y: 1.25rem;
+}
+
+.translate-y-6 {
+  --tw-translate-y: 1.5rem;
+}
+
+.translate-y-7 {
+  --tw-translate-y: 1.75rem;
+}
+
+.translate-y-8 {
+  --tw-translate-y: 2rem;
+}
+
+.translate-y-9 {
+  --tw-translate-y: 2.25rem;
+}
+
+.translate-y-10 {
+  --tw-translate-y: 2.5rem;
+}
+
+.translate-y-11 {
+  --tw-translate-y: 2.75rem;
+}
+
+.translate-y-12 {
+  --tw-translate-y: 3rem;
+}
+
+.translate-y-14 {
+  --tw-translate-y: 3.5rem;
+}
+
+.translate-y-16 {
+  --tw-translate-y: 4rem;
+}
+
+.translate-y-20 {
+  --tw-translate-y: 5rem;
+}
+
+.translate-y-24 {
+  --tw-translate-y: 6rem;
+}
+
+.translate-y-28 {
+  --tw-translate-y: 7rem;
+}
+
+.translate-y-32 {
+  --tw-translate-y: 8rem;
+}
+
+.translate-y-36 {
+  --tw-translate-y: 9rem;
+}
+
+.translate-y-40 {
+  --tw-translate-y: 10rem;
+}
+
+.translate-y-44 {
+  --tw-translate-y: 11rem;
+}
+
+.translate-y-48 {
+  --tw-translate-y: 12rem;
+}
+
+.translate-y-52 {
+  --tw-translate-y: 13rem;
+}
+
+.translate-y-56 {
+  --tw-translate-y: 14rem;
+}
+
+.translate-y-60 {
+  --tw-translate-y: 15rem;
+}
+
+.translate-y-64 {
+  --tw-translate-y: 16rem;
+}
+
+.translate-y-72 {
+  --tw-translate-y: 18rem;
+}
+
+.translate-y-80 {
+  --tw-translate-y: 20rem;
+}
+
+.translate-y-96 {
+  --tw-translate-y: 24rem;
+}
+
+.translate-y-px {
+  --tw-translate-y: 1px;
+}
+
+.translate-y-0\.5 {
+  --tw-translate-y: 0.125rem;
+}
+
+.translate-y-1\.5 {
+  --tw-translate-y: 0.375rem;
+}
+
+.translate-y-2\.5 {
+  --tw-translate-y: 0.625rem;
+}
+
+.translate-y-3\.5 {
+  --tw-translate-y: 0.875rem;
+}
+
+.-translate-y-0 {
+  --tw-translate-y: 0px;
+}
+
+.-translate-y-1 {
+  --tw-translate-y: -0.25rem;
+}
+
+.-translate-y-2 {
+  --tw-translate-y: -0.5rem;
+}
+
+.-translate-y-3 {
+  --tw-translate-y: -0.75rem;
+}
+
+.-translate-y-4 {
+  --tw-translate-y: -1rem;
+}
+
+.-translate-y-5 {
+  --tw-translate-y: -1.25rem;
+}
+
+.-translate-y-6 {
+  --tw-translate-y: -1.5rem;
+}
+
+.-translate-y-7 {
+  --tw-translate-y: -1.75rem;
+}
+
+.-translate-y-8 {
+  --tw-translate-y: -2rem;
+}
+
+.-translate-y-9 {
+  --tw-translate-y: -2.25rem;
+}
+
+.-translate-y-10 {
+  --tw-translate-y: -2.5rem;
+}
+
+.-translate-y-11 {
+  --tw-translate-y: -2.75rem;
+}
+
+.-translate-y-12 {
+  --tw-translate-y: -3rem;
+}
+
+.-translate-y-14 {
+  --tw-translate-y: -3.5rem;
+}
+
+.-translate-y-16 {
+  --tw-translate-y: -4rem;
+}
+
+.-translate-y-20 {
+  --tw-translate-y: -5rem;
+}
+
+.-translate-y-24 {
+  --tw-translate-y: -6rem;
+}
+
+.-translate-y-28 {
+  --tw-translate-y: -7rem;
+}
+
+.-translate-y-32 {
+  --tw-translate-y: -8rem;
+}
+
+.-translate-y-36 {
+  --tw-translate-y: -9rem;
+}
+
+.-translate-y-40 {
+  --tw-translate-y: -10rem;
+}
+
+.-translate-y-44 {
+  --tw-translate-y: -11rem;
+}
+
+.-translate-y-48 {
+  --tw-translate-y: -12rem;
+}
+
+.-translate-y-52 {
+  --tw-translate-y: -13rem;
+}
+
+.-translate-y-56 {
+  --tw-translate-y: -14rem;
+}
+
+.-translate-y-60 {
+  --tw-translate-y: -15rem;
+}
+
+.-translate-y-64 {
+  --tw-translate-y: -16rem;
+}
+
+.-translate-y-72 {
+  --tw-translate-y: -18rem;
+}
+
+.-translate-y-80 {
+  --tw-translate-y: -20rem;
+}
+
+.-translate-y-96 {
+  --tw-translate-y: -24rem;
+}
+
+.-translate-y-px {
+  --tw-translate-y: -1px;
+}
+
+.-translate-y-0\.5 {
+  --tw-translate-y: -0.125rem;
+}
+
+.-translate-y-1\.5 {
+  --tw-translate-y: -0.375rem;
+}
+
+.-translate-y-2\.5 {
+  --tw-translate-y: -0.625rem;
+}
+
+.-translate-y-3\.5 {
+  --tw-translate-y: -0.875rem;
+}
+
+.translate-y-1\/2 {
+  --tw-translate-y: 50%;
+}
+
+.translate-y-1\/3 {
+  --tw-translate-y: 33.333333%;
+}
+
+.translate-y-2\/3 {
+  --tw-translate-y: 66.666667%;
+}
+
+.translate-y-1\/4 {
+  --tw-translate-y: 25%;
+}
+
+.translate-y-2\/4 {
+  --tw-translate-y: 50%;
+}
+
+.translate-y-3\/4 {
+  --tw-translate-y: 75%;
+}
+
+.translate-y-full {
+  --tw-translate-y: 100%;
+}
+
+.-translate-y-1\/2 {
+  --tw-translate-y: -50%;
+}
+
+.-translate-y-1\/3 {
+  --tw-translate-y: -33.333333%;
+}
+
+.-translate-y-2\/3 {
+  --tw-translate-y: -66.666667%;
+}
+
+.-translate-y-1\/4 {
+  --tw-translate-y: -25%;
+}
+
+.-translate-y-2\/4 {
+  --tw-translate-y: -50%;
+}
+
+.-translate-y-3\/4 {
+  --tw-translate-y: -75%;
+}
+
+.-translate-y-full {
+  --tw-translate-y: -100%;
+}
+
+.hover\:translate-x-0:hover {
+  --tw-translate-x: 0px;
+}
+
+.hover\:translate-x-1:hover {
+  --tw-translate-x: 0.25rem;
+}
+
+.hover\:translate-x-2:hover {
+  --tw-translate-x: 0.5rem;
+}
+
+.hover\:translate-x-3:hover {
+  --tw-translate-x: 0.75rem;
+}
+
+.hover\:translate-x-4:hover {
+  --tw-translate-x: 1rem;
+}
+
+.hover\:translate-x-5:hover {
+  --tw-translate-x: 1.25rem;
+}
+
+.hover\:translate-x-6:hover {
+  --tw-translate-x: 1.5rem;
+}
+
+.hover\:translate-x-7:hover {
+  --tw-translate-x: 1.75rem;
+}
+
+.hover\:translate-x-8:hover {
+  --tw-translate-x: 2rem;
+}
+
+.hover\:translate-x-9:hover {
+  --tw-translate-x: 2.25rem;
+}
+
+.hover\:translate-x-10:hover {
+  --tw-translate-x: 2.5rem;
+}
+
+.hover\:translate-x-11:hover {
+  --tw-translate-x: 2.75rem;
+}
+
+.hover\:translate-x-12:hover {
+  --tw-translate-x: 3rem;
+}
+
+.hover\:translate-x-14:hover {
+  --tw-translate-x: 3.5rem;
+}
+
+.hover\:translate-x-16:hover {
+  --tw-translate-x: 4rem;
+}
+
+.hover\:translate-x-20:hover {
+  --tw-translate-x: 5rem;
+}
+
+.hover\:translate-x-24:hover {
+  --tw-translate-x: 6rem;
+}
+
+.hover\:translate-x-28:hover {
+  --tw-translate-x: 7rem;
+}
+
+.hover\:translate-x-32:hover {
+  --tw-translate-x: 8rem;
+}
+
+.hover\:translate-x-36:hover {
+  --tw-translate-x: 9rem;
+}
+
+.hover\:translate-x-40:hover {
+  --tw-translate-x: 10rem;
+}
+
+.hover\:translate-x-44:hover {
+  --tw-translate-x: 11rem;
+}
+
+.hover\:translate-x-48:hover {
+  --tw-translate-x: 12rem;
+}
+
+.hover\:translate-x-52:hover {
+  --tw-translate-x: 13rem;
+}
+
+.hover\:translate-x-56:hover {
+  --tw-translate-x: 14rem;
+}
+
+.hover\:translate-x-60:hover {
+  --tw-translate-x: 15rem;
+}
+
+.hover\:translate-x-64:hover {
+  --tw-translate-x: 16rem;
+}
+
+.hover\:translate-x-72:hover {
+  --tw-translate-x: 18rem;
+}
+
+.hover\:translate-x-80:hover {
+  --tw-translate-x: 20rem;
+}
+
+.hover\:translate-x-96:hover {
+  --tw-translate-x: 24rem;
+}
+
+.hover\:translate-x-px:hover {
+  --tw-translate-x: 1px;
+}
+
+.hover\:translate-x-0\.5:hover {
+  --tw-translate-x: 0.125rem;
+}
+
+.hover\:translate-x-1\.5:hover {
+  --tw-translate-x: 0.375rem;
+}
+
+.hover\:translate-x-2\.5:hover {
+  --tw-translate-x: 0.625rem;
+}
+
+.hover\:translate-x-3\.5:hover {
+  --tw-translate-x: 0.875rem;
+}
+
+.hover\:-translate-x-0:hover {
+  --tw-translate-x: 0px;
+}
+
+.hover\:-translate-x-1:hover {
+  --tw-translate-x: -0.25rem;
+}
+
+.hover\:-translate-x-2:hover {
+  --tw-translate-x: -0.5rem;
+}
+
+.hover\:-translate-x-3:hover {
+  --tw-translate-x: -0.75rem;
+}
+
+.hover\:-translate-x-4:hover {
+  --tw-translate-x: -1rem;
+}
+
+.hover\:-translate-x-5:hover {
+  --tw-translate-x: -1.25rem;
+}
+
+.hover\:-translate-x-6:hover {
+  --tw-translate-x: -1.5rem;
+}
+
+.hover\:-translate-x-7:hover {
+  --tw-translate-x: -1.75rem;
+}
+
+.hover\:-translate-x-8:hover {
+  --tw-translate-x: -2rem;
+}
+
+.hover\:-translate-x-9:hover {
+  --tw-translate-x: -2.25rem;
+}
+
+.hover\:-translate-x-10:hover {
+  --tw-translate-x: -2.5rem;
+}
+
+.hover\:-translate-x-11:hover {
+  --tw-translate-x: -2.75rem;
+}
+
+.hover\:-translate-x-12:hover {
+  --tw-translate-x: -3rem;
+}
+
+.hover\:-translate-x-14:hover {
+  --tw-translate-x: -3.5rem;
+}
+
+.hover\:-translate-x-16:hover {
+  --tw-translate-x: -4rem;
+}
+
+.hover\:-translate-x-20:hover {
+  --tw-translate-x: -5rem;
+}
+
+.hover\:-translate-x-24:hover {
+  --tw-translate-x: -6rem;
+}
+
+.hover\:-translate-x-28:hover {
+  --tw-translate-x: -7rem;
+}
+
+.hover\:-translate-x-32:hover {
+  --tw-translate-x: -8rem;
+}
+
+.hover\:-translate-x-36:hover {
+  --tw-translate-x: -9rem;
+}
+
+.hover\:-translate-x-40:hover {
+  --tw-translate-x: -10rem;
+}
+
+.hover\:-translate-x-44:hover {
+  --tw-translate-x: -11rem;
+}
+
+.hover\:-translate-x-48:hover {
+  --tw-translate-x: -12rem;
+}
+
+.hover\:-translate-x-52:hover {
+  --tw-translate-x: -13rem;
+}
+
+.hover\:-translate-x-56:hover {
+  --tw-translate-x: -14rem;
+}
+
+.hover\:-translate-x-60:hover {
+  --tw-translate-x: -15rem;
+}
+
+.hover\:-translate-x-64:hover {
+  --tw-translate-x: -16rem;
+}
+
+.hover\:-translate-x-72:hover {
+  --tw-translate-x: -18rem;
+}
+
+.hover\:-translate-x-80:hover {
+  --tw-translate-x: -20rem;
+}
+
+.hover\:-translate-x-96:hover {
+  --tw-translate-x: -24rem;
+}
+
+.hover\:-translate-x-px:hover {
+  --tw-translate-x: -1px;
+}
+
+.hover\:-translate-x-0\.5:hover {
+  --tw-translate-x: -0.125rem;
+}
+
+.hover\:-translate-x-1\.5:hover {
+  --tw-translate-x: -0.375rem;
+}
+
+.hover\:-translate-x-2\.5:hover {
+  --tw-translate-x: -0.625rem;
+}
+
+.hover\:-translate-x-3\.5:hover {
+  --tw-translate-x: -0.875rem;
+}
+
+.hover\:translate-x-1\/2:hover {
+  --tw-translate-x: 50%;
+}
+
+.hover\:translate-x-1\/3:hover {
+  --tw-translate-x: 33.333333%;
+}
+
+.hover\:translate-x-2\/3:hover {
+  --tw-translate-x: 66.666667%;
+}
+
+.hover\:translate-x-1\/4:hover {
+  --tw-translate-x: 25%;
+}
+
+.hover\:translate-x-2\/4:hover {
+  --tw-translate-x: 50%;
+}
+
+.hover\:translate-x-3\/4:hover {
+  --tw-translate-x: 75%;
+}
+
+.hover\:translate-x-full:hover {
+  --tw-translate-x: 100%;
+}
+
+.hover\:-translate-x-1\/2:hover {
+  --tw-translate-x: -50%;
+}
+
+.hover\:-translate-x-1\/3:hover {
+  --tw-translate-x: -33.333333%;
+}
+
+.hover\:-translate-x-2\/3:hover {
+  --tw-translate-x: -66.666667%;
+}
+
+.hover\:-translate-x-1\/4:hover {
+  --tw-translate-x: -25%;
+}
+
+.hover\:-translate-x-2\/4:hover {
+  --tw-translate-x: -50%;
+}
+
+.hover\:-translate-x-3\/4:hover {
+  --tw-translate-x: -75%;
+}
+
+.hover\:-translate-x-full:hover {
+  --tw-translate-x: -100%;
+}
+
+.hover\:translate-y-0:hover {
+  --tw-translate-y: 0px;
+}
+
+.hover\:translate-y-1:hover {
+  --tw-translate-y: 0.25rem;
+}
+
+.hover\:translate-y-2:hover {
+  --tw-translate-y: 0.5rem;
+}
+
+.hover\:translate-y-3:hover {
+  --tw-translate-y: 0.75rem;
+}
+
+.hover\:translate-y-4:hover {
+  --tw-translate-y: 1rem;
+}
+
+.hover\:translate-y-5:hover {
+  --tw-translate-y: 1.25rem;
+}
+
+.hover\:translate-y-6:hover {
+  --tw-translate-y: 1.5rem;
+}
+
+.hover\:translate-y-7:hover {
+  --tw-translate-y: 1.75rem;
+}
+
+.hover\:translate-y-8:hover {
+  --tw-translate-y: 2rem;
+}
+
+.hover\:translate-y-9:hover {
+  --tw-translate-y: 2.25rem;
+}
+
+.hover\:translate-y-10:hover {
+  --tw-translate-y: 2.5rem;
+}
+
+.hover\:translate-y-11:hover {
+  --tw-translate-y: 2.75rem;
+}
+
+.hover\:translate-y-12:hover {
+  --tw-translate-y: 3rem;
+}
+
+.hover\:translate-y-14:hover {
+  --tw-translate-y: 3.5rem;
+}
+
+.hover\:translate-y-16:hover {
+  --tw-translate-y: 4rem;
+}
+
+.hover\:translate-y-20:hover {
+  --tw-translate-y: 5rem;
+}
+
+.hover\:translate-y-24:hover {
+  --tw-translate-y: 6rem;
+}
+
+.hover\:translate-y-28:hover {
+  --tw-translate-y: 7rem;
+}
+
+.hover\:translate-y-32:hover {
+  --tw-translate-y: 8rem;
+}
+
+.hover\:translate-y-36:hover {
+  --tw-translate-y: 9rem;
+}
+
+.hover\:translate-y-40:hover {
+  --tw-translate-y: 10rem;
+}
+
+.hover\:translate-y-44:hover {
+  --tw-translate-y: 11rem;
+}
+
+.hover\:translate-y-48:hover {
+  --tw-translate-y: 12rem;
+}
+
+.hover\:translate-y-52:hover {
+  --tw-translate-y: 13rem;
+}
+
+.hover\:translate-y-56:hover {
+  --tw-translate-y: 14rem;
+}
+
+.hover\:translate-y-60:hover {
+  --tw-translate-y: 15rem;
+}
+
+.hover\:translate-y-64:hover {
+  --tw-translate-y: 16rem;
+}
+
+.hover\:translate-y-72:hover {
+  --tw-translate-y: 18rem;
+}
+
+.hover\:translate-y-80:hover {
+  --tw-translate-y: 20rem;
+}
+
+.hover\:translate-y-96:hover {
+  --tw-translate-y: 24rem;
+}
+
+.hover\:translate-y-px:hover {
+  --tw-translate-y: 1px;
+}
+
+.hover\:translate-y-0\.5:hover {
+  --tw-translate-y: 0.125rem;
+}
+
+.hover\:translate-y-1\.5:hover {
+  --tw-translate-y: 0.375rem;
+}
+
+.hover\:translate-y-2\.5:hover {
+  --tw-translate-y: 0.625rem;
+}
+
+.hover\:translate-y-3\.5:hover {
+  --tw-translate-y: 0.875rem;
+}
+
+.hover\:-translate-y-0:hover {
+  --tw-translate-y: 0px;
+}
+
+.hover\:-translate-y-1:hover {
+  --tw-translate-y: -0.25rem;
+}
+
+.hover\:-translate-y-2:hover {
+  --tw-translate-y: -0.5rem;
+}
+
+.hover\:-translate-y-3:hover {
+  --tw-translate-y: -0.75rem;
+}
+
+.hover\:-translate-y-4:hover {
+  --tw-translate-y: -1rem;
+}
+
+.hover\:-translate-y-5:hover {
+  --tw-translate-y: -1.25rem;
+}
+
+.hover\:-translate-y-6:hover {
+  --tw-translate-y: -1.5rem;
+}
+
+.hover\:-translate-y-7:hover {
+  --tw-translate-y: -1.75rem;
+}
+
+.hover\:-translate-y-8:hover {
+  --tw-translate-y: -2rem;
+}
+
+.hover\:-translate-y-9:hover {
+  --tw-translate-y: -2.25rem;
+}
+
+.hover\:-translate-y-10:hover {
+  --tw-translate-y: -2.5rem;
+}
+
+.hover\:-translate-y-11:hover {
+  --tw-translate-y: -2.75rem;
+}
+
+.hover\:-translate-y-12:hover {
+  --tw-translate-y: -3rem;
+}
+
+.hover\:-translate-y-14:hover {
+  --tw-translate-y: -3.5rem;
+}
+
+.hover\:-translate-y-16:hover {
+  --tw-translate-y: -4rem;
+}
+
+.hover\:-translate-y-20:hover {
+  --tw-translate-y: -5rem;
+}
+
+.hover\:-translate-y-24:hover {
+  --tw-translate-y: -6rem;
+}
+
+.hover\:-translate-y-28:hover {
+  --tw-translate-y: -7rem;
+}
+
+.hover\:-translate-y-32:hover {
+  --tw-translate-y: -8rem;
+}
+
+.hover\:-translate-y-36:hover {
+  --tw-translate-y: -9rem;
+}
+
+.hover\:-translate-y-40:hover {
+  --tw-translate-y: -10rem;
+}
+
+.hover\:-translate-y-44:hover {
+  --tw-translate-y: -11rem;
+}
+
+.hover\:-translate-y-48:hover {
+  --tw-translate-y: -12rem;
+}
+
+.hover\:-translate-y-52:hover {
+  --tw-translate-y: -13rem;
+}
+
+.hover\:-translate-y-56:hover {
+  --tw-translate-y: -14rem;
+}
+
+.hover\:-translate-y-60:hover {
+  --tw-translate-y: -15rem;
+}
+
+.hover\:-translate-y-64:hover {
+  --tw-translate-y: -16rem;
+}
+
+.hover\:-translate-y-72:hover {
+  --tw-translate-y: -18rem;
+}
+
+.hover\:-translate-y-80:hover {
+  --tw-translate-y: -20rem;
+}
+
+.hover\:-translate-y-96:hover {
+  --tw-translate-y: -24rem;
+}
+
+.hover\:-translate-y-px:hover {
+  --tw-translate-y: -1px;
+}
+
+.hover\:-translate-y-0\.5:hover {
+  --tw-translate-y: -0.125rem;
+}
+
+.hover\:-translate-y-1\.5:hover {
+  --tw-translate-y: -0.375rem;
+}
+
+.hover\:-translate-y-2\.5:hover {
+  --tw-translate-y: -0.625rem;
+}
+
+.hover\:-translate-y-3\.5:hover {
+  --tw-translate-y: -0.875rem;
+}
+
+.hover\:translate-y-1\/2:hover {
+  --tw-translate-y: 50%;
+}
+
+.hover\:translate-y-1\/3:hover {
+  --tw-translate-y: 33.333333%;
+}
+
+.hover\:translate-y-2\/3:hover {
+  --tw-translate-y: 66.666667%;
+}
+
+.hover\:translate-y-1\/4:hover {
+  --tw-translate-y: 25%;
+}
+
+.hover\:translate-y-2\/4:hover {
+  --tw-translate-y: 50%;
+}
+
+.hover\:translate-y-3\/4:hover {
+  --tw-translate-y: 75%;
+}
+
+.hover\:translate-y-full:hover {
+  --tw-translate-y: 100%;
+}
+
+.hover\:-translate-y-1\/2:hover {
+  --tw-translate-y: -50%;
+}
+
+.hover\:-translate-y-1\/3:hover {
+  --tw-translate-y: -33.333333%;
+}
+
+.hover\:-translate-y-2\/3:hover {
+  --tw-translate-y: -66.666667%;
+}
+
+.hover\:-translate-y-1\/4:hover {
+  --tw-translate-y: -25%;
+}
+
+.hover\:-translate-y-2\/4:hover {
+  --tw-translate-y: -50%;
+}
+
+.hover\:-translate-y-3\/4:hover {
+  --tw-translate-y: -75%;
+}
+
+.hover\:-translate-y-full:hover {
+  --tw-translate-y: -100%;
+}
+
+.focus\:translate-x-0:focus {
+  --tw-translate-x: 0px;
+}
+
+.focus\:translate-x-1:focus {
+  --tw-translate-x: 0.25rem;
+}
+
+.focus\:translate-x-2:focus {
+  --tw-translate-x: 0.5rem;
+}
+
+.focus\:translate-x-3:focus {
+  --tw-translate-x: 0.75rem;
+}
+
+.focus\:translate-x-4:focus {
+  --tw-translate-x: 1rem;
+}
+
+.focus\:translate-x-5:focus {
+  --tw-translate-x: 1.25rem;
+}
+
+.focus\:translate-x-6:focus {
+  --tw-translate-x: 1.5rem;
+}
+
+.focus\:translate-x-7:focus {
+  --tw-translate-x: 1.75rem;
+}
+
+.focus\:translate-x-8:focus {
+  --tw-translate-x: 2rem;
+}
+
+.focus\:translate-x-9:focus {
+  --tw-translate-x: 2.25rem;
+}
+
+.focus\:translate-x-10:focus {
+  --tw-translate-x: 2.5rem;
+}
+
+.focus\:translate-x-11:focus {
+  --tw-translate-x: 2.75rem;
+}
+
+.focus\:translate-x-12:focus {
+  --tw-translate-x: 3rem;
+}
+
+.focus\:translate-x-14:focus {
+  --tw-translate-x: 3.5rem;
+}
+
+.focus\:translate-x-16:focus {
+  --tw-translate-x: 4rem;
+}
+
+.focus\:translate-x-20:focus {
+  --tw-translate-x: 5rem;
+}
+
+.focus\:translate-x-24:focus {
+  --tw-translate-x: 6rem;
+}
+
+.focus\:translate-x-28:focus {
+  --tw-translate-x: 7rem;
+}
+
+.focus\:translate-x-32:focus {
+  --tw-translate-x: 8rem;
+}
+
+.focus\:translate-x-36:focus {
+  --tw-translate-x: 9rem;
+}
+
+.focus\:translate-x-40:focus {
+  --tw-translate-x: 10rem;
+}
+
+.focus\:translate-x-44:focus {
+  --tw-translate-x: 11rem;
+}
+
+.focus\:translate-x-48:focus {
+  --tw-translate-x: 12rem;
+}
+
+.focus\:translate-x-52:focus {
+  --tw-translate-x: 13rem;
+}
+
+.focus\:translate-x-56:focus {
+  --tw-translate-x: 14rem;
+}
+
+.focus\:translate-x-60:focus {
+  --tw-translate-x: 15rem;
+}
+
+.focus\:translate-x-64:focus {
+  --tw-translate-x: 16rem;
+}
+
+.focus\:translate-x-72:focus {
+  --tw-translate-x: 18rem;
+}
+
+.focus\:translate-x-80:focus {
+  --tw-translate-x: 20rem;
+}
+
+.focus\:translate-x-96:focus {
+  --tw-translate-x: 24rem;
+}
+
+.focus\:translate-x-px:focus {
+  --tw-translate-x: 1px;
+}
+
+.focus\:translate-x-0\.5:focus {
+  --tw-translate-x: 0.125rem;
+}
+
+.focus\:translate-x-1\.5:focus {
+  --tw-translate-x: 0.375rem;
+}
+
+.focus\:translate-x-2\.5:focus {
+  --tw-translate-x: 0.625rem;
+}
+
+.focus\:translate-x-3\.5:focus {
+  --tw-translate-x: 0.875rem;
+}
+
+.focus\:-translate-x-0:focus {
+  --tw-translate-x: 0px;
+}
+
+.focus\:-translate-x-1:focus {
+  --tw-translate-x: -0.25rem;
+}
+
+.focus\:-translate-x-2:focus {
+  --tw-translate-x: -0.5rem;
+}
+
+.focus\:-translate-x-3:focus {
+  --tw-translate-x: -0.75rem;
+}
+
+.focus\:-translate-x-4:focus {
+  --tw-translate-x: -1rem;
+}
+
+.focus\:-translate-x-5:focus {
+  --tw-translate-x: -1.25rem;
+}
+
+.focus\:-translate-x-6:focus {
+  --tw-translate-x: -1.5rem;
+}
+
+.focus\:-translate-x-7:focus {
+  --tw-translate-x: -1.75rem;
+}
+
+.focus\:-translate-x-8:focus {
+  --tw-translate-x: -2rem;
+}
+
+.focus\:-translate-x-9:focus {
+  --tw-translate-x: -2.25rem;
+}
+
+.focus\:-translate-x-10:focus {
+  --tw-translate-x: -2.5rem;
+}
+
+.focus\:-translate-x-11:focus {
+  --tw-translate-x: -2.75rem;
+}
+
+.focus\:-translate-x-12:focus {
+  --tw-translate-x: -3rem;
+}
+
+.focus\:-translate-x-14:focus {
+  --tw-translate-x: -3.5rem;
+}
+
+.focus\:-translate-x-16:focus {
+  --tw-translate-x: -4rem;
+}
+
+.focus\:-translate-x-20:focus {
+  --tw-translate-x: -5rem;
+}
+
+.focus\:-translate-x-24:focus {
+  --tw-translate-x: -6rem;
+}
+
+.focus\:-translate-x-28:focus {
+  --tw-translate-x: -7rem;
+}
+
+.focus\:-translate-x-32:focus {
+  --tw-translate-x: -8rem;
+}
+
+.focus\:-translate-x-36:focus {
+  --tw-translate-x: -9rem;
+}
+
+.focus\:-translate-x-40:focus {
+  --tw-translate-x: -10rem;
+}
+
+.focus\:-translate-x-44:focus {
+  --tw-translate-x: -11rem;
+}
+
+.focus\:-translate-x-48:focus {
+  --tw-translate-x: -12rem;
+}
+
+.focus\:-translate-x-52:focus {
+  --tw-translate-x: -13rem;
+}
+
+.focus\:-translate-x-56:focus {
+  --tw-translate-x: -14rem;
+}
+
+.focus\:-translate-x-60:focus {
+  --tw-translate-x: -15rem;
+}
+
+.focus\:-translate-x-64:focus {
+  --tw-translate-x: -16rem;
+}
+
+.focus\:-translate-x-72:focus {
+  --tw-translate-x: -18rem;
+}
+
+.focus\:-translate-x-80:focus {
+  --tw-translate-x: -20rem;
+}
+
+.focus\:-translate-x-96:focus {
+  --tw-translate-x: -24rem;
+}
+
+.focus\:-translate-x-px:focus {
+  --tw-translate-x: -1px;
+}
+
+.focus\:-translate-x-0\.5:focus {
+  --tw-translate-x: -0.125rem;
+}
+
+.focus\:-translate-x-1\.5:focus {
+  --tw-translate-x: -0.375rem;
+}
+
+.focus\:-translate-x-2\.5:focus {
+  --tw-translate-x: -0.625rem;
+}
+
+.focus\:-translate-x-3\.5:focus {
+  --tw-translate-x: -0.875rem;
+}
+
+.focus\:translate-x-1\/2:focus {
+  --tw-translate-x: 50%;
+}
+
+.focus\:translate-x-1\/3:focus {
+  --tw-translate-x: 33.333333%;
+}
+
+.focus\:translate-x-2\/3:focus {
+  --tw-translate-x: 66.666667%;
+}
+
+.focus\:translate-x-1\/4:focus {
+  --tw-translate-x: 25%;
+}
+
+.focus\:translate-x-2\/4:focus {
+  --tw-translate-x: 50%;
+}
+
+.focus\:translate-x-3\/4:focus {
+  --tw-translate-x: 75%;
+}
+
+.focus\:translate-x-full:focus {
+  --tw-translate-x: 100%;
+}
+
+.focus\:-translate-x-1\/2:focus {
+  --tw-translate-x: -50%;
+}
+
+.focus\:-translate-x-1\/3:focus {
+  --tw-translate-x: -33.333333%;
+}
+
+.focus\:-translate-x-2\/3:focus {
+  --tw-translate-x: -66.666667%;
+}
+
+.focus\:-translate-x-1\/4:focus {
+  --tw-translate-x: -25%;
+}
+
+.focus\:-translate-x-2\/4:focus {
+  --tw-translate-x: -50%;
+}
+
+.focus\:-translate-x-3\/4:focus {
+  --tw-translate-x: -75%;
+}
+
+.focus\:-translate-x-full:focus {
+  --tw-translate-x: -100%;
+}
+
+.focus\:translate-y-0:focus {
+  --tw-translate-y: 0px;
+}
+
+.focus\:translate-y-1:focus {
+  --tw-translate-y: 0.25rem;
+}
+
+.focus\:translate-y-2:focus {
+  --tw-translate-y: 0.5rem;
+}
+
+.focus\:translate-y-3:focus {
+  --tw-translate-y: 0.75rem;
+}
+
+.focus\:translate-y-4:focus {
+  --tw-translate-y: 1rem;
+}
+
+.focus\:translate-y-5:focus {
+  --tw-translate-y: 1.25rem;
+}
+
+.focus\:translate-y-6:focus {
+  --tw-translate-y: 1.5rem;
+}
+
+.focus\:translate-y-7:focus {
+  --tw-translate-y: 1.75rem;
+}
+
+.focus\:translate-y-8:focus {
+  --tw-translate-y: 2rem;
+}
+
+.focus\:translate-y-9:focus {
+  --tw-translate-y: 2.25rem;
+}
+
+.focus\:translate-y-10:focus {
+  --tw-translate-y: 2.5rem;
+}
+
+.focus\:translate-y-11:focus {
+  --tw-translate-y: 2.75rem;
+}
+
+.focus\:translate-y-12:focus {
+  --tw-translate-y: 3rem;
+}
+
+.focus\:translate-y-14:focus {
+  --tw-translate-y: 3.5rem;
+}
+
+.focus\:translate-y-16:focus {
+  --tw-translate-y: 4rem;
+}
+
+.focus\:translate-y-20:focus {
+  --tw-translate-y: 5rem;
+}
+
+.focus\:translate-y-24:focus {
+  --tw-translate-y: 6rem;
+}
+
+.focus\:translate-y-28:focus {
+  --tw-translate-y: 7rem;
+}
+
+.focus\:translate-y-32:focus {
+  --tw-translate-y: 8rem;
+}
+
+.focus\:translate-y-36:focus {
+  --tw-translate-y: 9rem;
+}
+
+.focus\:translate-y-40:focus {
+  --tw-translate-y: 10rem;
+}
+
+.focus\:translate-y-44:focus {
+  --tw-translate-y: 11rem;
+}
+
+.focus\:translate-y-48:focus {
+  --tw-translate-y: 12rem;
+}
+
+.focus\:translate-y-52:focus {
+  --tw-translate-y: 13rem;
+}
+
+.focus\:translate-y-56:focus {
+  --tw-translate-y: 14rem;
+}
+
+.focus\:translate-y-60:focus {
+  --tw-translate-y: 15rem;
+}
+
+.focus\:translate-y-64:focus {
+  --tw-translate-y: 16rem;
+}
+
+.focus\:translate-y-72:focus {
+  --tw-translate-y: 18rem;
+}
+
+.focus\:translate-y-80:focus {
+  --tw-translate-y: 20rem;
+}
+
+.focus\:translate-y-96:focus {
+  --tw-translate-y: 24rem;
+}
+
+.focus\:translate-y-px:focus {
+  --tw-translate-y: 1px;
+}
+
+.focus\:translate-y-0\.5:focus {
+  --tw-translate-y: 0.125rem;
+}
+
+.focus\:translate-y-1\.5:focus {
+  --tw-translate-y: 0.375rem;
+}
+
+.focus\:translate-y-2\.5:focus {
+  --tw-translate-y: 0.625rem;
+}
+
+.focus\:translate-y-3\.5:focus {
+  --tw-translate-y: 0.875rem;
+}
+
+.focus\:-translate-y-0:focus {
+  --tw-translate-y: 0px;
+}
+
+.focus\:-translate-y-1:focus {
+  --tw-translate-y: -0.25rem;
+}
+
+.focus\:-translate-y-2:focus {
+  --tw-translate-y: -0.5rem;
+}
+
+.focus\:-translate-y-3:focus {
+  --tw-translate-y: -0.75rem;
+}
+
+.focus\:-translate-y-4:focus {
+  --tw-translate-y: -1rem;
+}
+
+.focus\:-translate-y-5:focus {
+  --tw-translate-y: -1.25rem;
+}
+
+.focus\:-translate-y-6:focus {
+  --tw-translate-y: -1.5rem;
+}
+
+.focus\:-translate-y-7:focus {
+  --tw-translate-y: -1.75rem;
+}
+
+.focus\:-translate-y-8:focus {
+  --tw-translate-y: -2rem;
+}
+
+.focus\:-translate-y-9:focus {
+  --tw-translate-y: -2.25rem;
+}
+
+.focus\:-translate-y-10:focus {
+  --tw-translate-y: -2.5rem;
+}
+
+.focus\:-translate-y-11:focus {
+  --tw-translate-y: -2.75rem;
+}
+
+.focus\:-translate-y-12:focus {
+  --tw-translate-y: -3rem;
+}
+
+.focus\:-translate-y-14:focus {
+  --tw-translate-y: -3.5rem;
+}
+
+.focus\:-translate-y-16:focus {
+  --tw-translate-y: -4rem;
+}
+
+.focus\:-translate-y-20:focus {
+  --tw-translate-y: -5rem;
+}
+
+.focus\:-translate-y-24:focus {
+  --tw-translate-y: -6rem;
+}
+
+.focus\:-translate-y-28:focus {
+  --tw-translate-y: -7rem;
+}
+
+.focus\:-translate-y-32:focus {
+  --tw-translate-y: -8rem;
+}
+
+.focus\:-translate-y-36:focus {
+  --tw-translate-y: -9rem;
+}
+
+.focus\:-translate-y-40:focus {
+  --tw-translate-y: -10rem;
+}
+
+.focus\:-translate-y-44:focus {
+  --tw-translate-y: -11rem;
+}
+
+.focus\:-translate-y-48:focus {
+  --tw-translate-y: -12rem;
+}
+
+.focus\:-translate-y-52:focus {
+  --tw-translate-y: -13rem;
+}
+
+.focus\:-translate-y-56:focus {
+  --tw-translate-y: -14rem;
+}
+
+.focus\:-translate-y-60:focus {
+  --tw-translate-y: -15rem;
+}
+
+.focus\:-translate-y-64:focus {
+  --tw-translate-y: -16rem;
+}
+
+.focus\:-translate-y-72:focus {
+  --tw-translate-y: -18rem;
+}
+
+.focus\:-translate-y-80:focus {
+  --tw-translate-y: -20rem;
+}
+
+.focus\:-translate-y-96:focus {
+  --tw-translate-y: -24rem;
+}
+
+.focus\:-translate-y-px:focus {
+  --tw-translate-y: -1px;
+}
+
+.focus\:-translate-y-0\.5:focus {
+  --tw-translate-y: -0.125rem;
+}
+
+.focus\:-translate-y-1\.5:focus {
+  --tw-translate-y: -0.375rem;
+}
+
+.focus\:-translate-y-2\.5:focus {
+  --tw-translate-y: -0.625rem;
+}
+
+.focus\:-translate-y-3\.5:focus {
+  --tw-translate-y: -0.875rem;
+}
+
+.focus\:translate-y-1\/2:focus {
+  --tw-translate-y: 50%;
+}
+
+.focus\:translate-y-1\/3:focus {
+  --tw-translate-y: 33.333333%;
+}
+
+.focus\:translate-y-2\/3:focus {
+  --tw-translate-y: 66.666667%;
+}
+
+.focus\:translate-y-1\/4:focus {
+  --tw-translate-y: 25%;
+}
+
+.focus\:translate-y-2\/4:focus {
+  --tw-translate-y: 50%;
+}
+
+.focus\:translate-y-3\/4:focus {
+  --tw-translate-y: 75%;
+}
+
+.focus\:translate-y-full:focus {
+  --tw-translate-y: 100%;
+}
+
+.focus\:-translate-y-1\/2:focus {
+  --tw-translate-y: -50%;
+}
+
+.focus\:-translate-y-1\/3:focus {
+  --tw-translate-y: -33.333333%;
+}
+
+.focus\:-translate-y-2\/3:focus {
+  --tw-translate-y: -66.666667%;
+}
+
+.focus\:-translate-y-1\/4:focus {
+  --tw-translate-y: -25%;
+}
+
+.focus\:-translate-y-2\/4:focus {
+  --tw-translate-y: -50%;
+}
+
+.focus\:-translate-y-3\/4:focus {
+  --tw-translate-y: -75%;
+}
+
+.focus\:-translate-y-full:focus {
+  --tw-translate-y: -100%;
+}
+
+.skew-x-0 {
+  --tw-skew-x: 0deg;
+}
+
+.skew-x-1 {
+  --tw-skew-x: 1deg;
+}
+
+.skew-x-2 {
+  --tw-skew-x: 2deg;
+}
+
+.skew-x-3 {
+  --tw-skew-x: 3deg;
+}
+
+.skew-x-6 {
+  --tw-skew-x: 6deg;
+}
+
+.skew-x-12 {
+  --tw-skew-x: 12deg;
+}
+
+.-skew-x-12 {
+  --tw-skew-x: -12deg;
+}
+
+.-skew-x-6 {
+  --tw-skew-x: -6deg;
+}
+
+.-skew-x-3 {
+  --tw-skew-x: -3deg;
+}
+
+.-skew-x-2 {
+  --tw-skew-x: -2deg;
+}
+
+.-skew-x-1 {
+  --tw-skew-x: -1deg;
+}
+
+.skew-y-0 {
+  --tw-skew-y: 0deg;
+}
+
+.skew-y-1 {
+  --tw-skew-y: 1deg;
+}
+
+.skew-y-2 {
+  --tw-skew-y: 2deg;
+}
+
+.skew-y-3 {
+  --tw-skew-y: 3deg;
+}
+
+.skew-y-6 {
+  --tw-skew-y: 6deg;
+}
+
+.skew-y-12 {
+  --tw-skew-y: 12deg;
+}
+
+.-skew-y-12 {
+  --tw-skew-y: -12deg;
+}
+
+.-skew-y-6 {
+  --tw-skew-y: -6deg;
+}
+
+.-skew-y-3 {
+  --tw-skew-y: -3deg;
+}
+
+.-skew-y-2 {
+  --tw-skew-y: -2deg;
+}
+
+.-skew-y-1 {
+  --tw-skew-y: -1deg;
+}
+
+.hover\:skew-x-0:hover {
+  --tw-skew-x: 0deg;
+}
+
+.hover\:skew-x-1:hover {
+  --tw-skew-x: 1deg;
+}
+
+.hover\:skew-x-2:hover {
+  --tw-skew-x: 2deg;
+}
+
+.hover\:skew-x-3:hover {
+  --tw-skew-x: 3deg;
+}
+
+.hover\:skew-x-6:hover {
+  --tw-skew-x: 6deg;
+}
+
+.hover\:skew-x-12:hover {
+  --tw-skew-x: 12deg;
+}
+
+.hover\:-skew-x-12:hover {
+  --tw-skew-x: -12deg;
+}
+
+.hover\:-skew-x-6:hover {
+  --tw-skew-x: -6deg;
+}
+
+.hover\:-skew-x-3:hover {
+  --tw-skew-x: -3deg;
+}
+
+.hover\:-skew-x-2:hover {
+  --tw-skew-x: -2deg;
+}
+
+.hover\:-skew-x-1:hover {
+  --tw-skew-x: -1deg;
+}
+
+.hover\:skew-y-0:hover {
+  --tw-skew-y: 0deg;
+}
+
+.hover\:skew-y-1:hover {
+  --tw-skew-y: 1deg;
+}
+
+.hover\:skew-y-2:hover {
+  --tw-skew-y: 2deg;
+}
+
+.hover\:skew-y-3:hover {
+  --tw-skew-y: 3deg;
+}
+
+.hover\:skew-y-6:hover {
+  --tw-skew-y: 6deg;
+}
+
+.hover\:skew-y-12:hover {
+  --tw-skew-y: 12deg;
+}
+
+.hover\:-skew-y-12:hover {
+  --tw-skew-y: -12deg;
+}
+
+.hover\:-skew-y-6:hover {
+  --tw-skew-y: -6deg;
+}
+
+.hover\:-skew-y-3:hover {
+  --tw-skew-y: -3deg;
+}
+
+.hover\:-skew-y-2:hover {
+  --tw-skew-y: -2deg;
+}
+
+.hover\:-skew-y-1:hover {
+  --tw-skew-y: -1deg;
+}
+
+.focus\:skew-x-0:focus {
+  --tw-skew-x: 0deg;
+}
+
+.focus\:skew-x-1:focus {
+  --tw-skew-x: 1deg;
+}
+
+.focus\:skew-x-2:focus {
+  --tw-skew-x: 2deg;
+}
+
+.focus\:skew-x-3:focus {
+  --tw-skew-x: 3deg;
+}
+
+.focus\:skew-x-6:focus {
+  --tw-skew-x: 6deg;
+}
+
+.focus\:skew-x-12:focus {
+  --tw-skew-x: 12deg;
+}
+
+.focus\:-skew-x-12:focus {
+  --tw-skew-x: -12deg;
+}
+
+.focus\:-skew-x-6:focus {
+  --tw-skew-x: -6deg;
+}
+
+.focus\:-skew-x-3:focus {
+  --tw-skew-x: -3deg;
+}
+
+.focus\:-skew-x-2:focus {
+  --tw-skew-x: -2deg;
+}
+
+.focus\:-skew-x-1:focus {
+  --tw-skew-x: -1deg;
+}
+
+.focus\:skew-y-0:focus {
+  --tw-skew-y: 0deg;
+}
+
+.focus\:skew-y-1:focus {
+  --tw-skew-y: 1deg;
+}
+
+.focus\:skew-y-2:focus {
+  --tw-skew-y: 2deg;
+}
+
+.focus\:skew-y-3:focus {
+  --tw-skew-y: 3deg;
+}
+
+.focus\:skew-y-6:focus {
+  --tw-skew-y: 6deg;
+}
+
+.focus\:skew-y-12:focus {
+  --tw-skew-y: 12deg;
+}
+
+.focus\:-skew-y-12:focus {
+  --tw-skew-y: -12deg;
+}
+
+.focus\:-skew-y-6:focus {
+  --tw-skew-y: -6deg;
+}
+
+.focus\:-skew-y-3:focus {
+  --tw-skew-y: -3deg;
+}
+
+.focus\:-skew-y-2:focus {
+  --tw-skew-y: -2deg;
+}
+
+.focus\:-skew-y-1:focus {
+  --tw-skew-y: -1deg;
+}
+
+.transition-none {
+  transition-property: none;
+}
+
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition {
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-colors {
+  transition-property: background-color, border-color, color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-opacity {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-shadow {
+  transition-property: box-shadow;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.ease-linear {
+  transition-timing-function: linear;
+}
+
+.ease-in {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
+
+.ease-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.duration-75 {
+  transition-duration: 75ms;
+}
+
+.duration-100 {
+  transition-duration: 100ms;
+}
+
+.duration-150 {
+  transition-duration: 150ms;
+}
+
+.duration-200 {
+  transition-duration: 200ms;
+}
+
+.duration-300 {
+  transition-duration: 300ms;
+}
+
+.duration-500 {
+  transition-duration: 500ms;
+}
+
+.duration-700 {
+  transition-duration: 700ms;
+}
+
+.duration-1000 {
+  transition-duration: 1000ms;
+}
+
+.delay-75 {
+  transition-delay: 75ms;
+}
+
+.delay-100 {
+  transition-delay: 100ms;
+}
+
+.delay-150 {
+  transition-delay: 150ms;
+}
+
+.delay-200 {
+  transition-delay: 200ms;
+}
+
+.delay-300 {
+  transition-delay: 300ms;
+}
+
+.delay-500 {
+  transition-delay: 500ms;
+}
+
+.delay-700 {
+  transition-delay: 700ms;
+}
+
+.delay-1000 {
+  transition-delay: 1000ms;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8,0,1,1);
+  }
+
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0,0,0.2,1);
+  }
+}
+
+.animate-none {
+  animation: none;
+}
+
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+
+.animate-ping {
+  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animate-bounce {
+  animation: bounce 1s infinite;
+}
+
+@media (min-width: 640px) {
+  .sm\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .sm\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .sm\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .sm\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .sm\:container {
+      max-width: 1280px;
+    }
+  }
+
+  @media (min-width: 1536px) {
+    .sm\:container {
+      max-width: 1536px;
+    }
+  }
+
+  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1rem * var(--tw-space-x-reverse));
+    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2rem * var(--tw-space-x-reverse));
+    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3rem * var(--tw-space-x-reverse));
+    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(4rem * var(--tw-space-x-reverse));
+    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(5rem * var(--tw-space-x-reverse));
+    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(6rem * var(--tw-space-x-reverse));
+    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(7rem * var(--tw-space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(8rem * var(--tw-space-x-reverse));
+    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(9rem * var(--tw-space-x-reverse));
+    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(10rem * var(--tw-space-x-reverse));
+    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(11rem * var(--tw-space-x-reverse));
+    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(12rem * var(--tw-space-x-reverse));
+    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(13rem * var(--tw-space-x-reverse));
+    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(14rem * var(--tw-space-x-reverse));
+    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(15rem * var(--tw-space-x-reverse));
+    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(16rem * var(--tw-space-x-reverse));
+    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(18rem * var(--tw-space-x-reverse));
+    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(20rem * var(--tw-space-x-reverse));
+    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(24rem * var(--tw-space-x-reverse));
+    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1px * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1px * var(--tw-space-x-reverse));
+    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-4rem * var(--tw-space-x-reverse));
+    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-6rem * var(--tw-space-x-reverse));
+    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-7rem * var(--tw-space-x-reverse));
+    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-8rem * var(--tw-space-x-reverse));
+    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-9rem * var(--tw-space-x-reverse));
+    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-10rem * var(--tw-space-x-reverse));
+    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--tw-space-x-reverse));
+    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-12rem * var(--tw-space-x-reverse));
+    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-13rem * var(--tw-space-x-reverse));
+    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-14rem * var(--tw-space-x-reverse));
+    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-15rem * var(--tw-space-x-reverse));
+    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-16rem * var(--tw-space-x-reverse));
+    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-18rem * var(--tw-space-x-reverse));
+    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-20rem * var(--tw-space-x-reverse));
+    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-24rem * var(--tw-space-x-reverse));
+    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1px * var(--tw-space-x-reverse));
+    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 1;
+  }
+
+  .sm\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 1;
+  }
+
+  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+  }
+
+  .sm\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(0px * var(--tw-divide-x-reverse));
+    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .sm\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
+  }
+
+  .sm\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(2px * var(--tw-divide-x-reverse));
+    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .sm\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
+  }
+
+  .sm\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(4px * var(--tw-divide-x-reverse));
+    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .sm\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
+  }
+
+  .sm\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(8px * var(--tw-divide-x-reverse));
+    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .sm\:divide-y > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+  }
+
+  .sm\:divide-x > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .sm\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 1;
+  }
+
+  .sm\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 1;
+  }
+
+  .sm\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+    border-color: transparent;
+  }
+
+  .sm\:divide-current > :not([hidden]) ~ :not([hidden]) {
+    border-color: currentColor;
+  }
+
+  .sm\:divide-black > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-white > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-solid > :not([hidden]) ~ :not([hidden]) {
+    border-style: solid;
+  }
+
+  .sm\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
+    border-style: dashed;
+  }
+
+  .sm\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
+    border-style: dotted;
+  }
+
+  .sm\:divide-double > :not([hidden]) ~ :not([hidden]) {
+    border-style: double;
+  }
+
+  .sm\:divide-none > :not([hidden]) ~ :not([hidden]) {
+    border-style: none;
+  }
+
+  .sm\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0;
+  }
+
+  .sm\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.05;
+  }
+
+  .sm\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.1;
+  }
+
+  .sm\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.2;
+  }
+
+  .sm\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.25;
+  }
+
+  .sm\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.3;
+  }
+
+  .sm\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.4;
+  }
+
+  .sm\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.5;
+  }
+
+  .sm\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.6;
+  }
+
+  .sm\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.7;
+  }
+
+  .sm\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.75;
+  }
+
+  .sm\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.8;
+  }
+
+  .sm\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.9;
+  }
+
+  .sm\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.95;
+  }
+
+  .sm\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+  }
+
+  .sm\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .sm\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .sm\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .sm\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .sm\:focus\:sr-only:focus {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .sm\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .sm\:appearance-none {
+    -webkit-appearance: none;
+            appearance: none;
+  }
+
+  .sm\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .sm\:bg-local {
+    background-attachment: local;
+  }
+
+  .sm\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .sm\:bg-clip-border {
+    background-clip: border-box;
+  }
+
+  .sm\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .sm\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .sm\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .sm\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .sm\:bg-current {
+    background-color: currentColor;
+  }
+
+  .sm\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:hover .sm\:group-hover\:bg-current {
+    background-color: currentColor;
+  }
+
+  .group:hover .sm\:group-hover\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .sm\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .sm\:focus-within\:bg-black:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-white:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .sm\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .sm\:hover\:bg-black:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .sm\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .sm\:focus\:bg-black:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-white:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-none {
+    background-image: none;
+  }
+
+  .sm\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--tw-gradient-stops));
+  }
+
+  .sm\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
+  }
+
+  .sm\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--tw-gradient-stops));
+  }
+
+  .sm\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+  }
+
+  .sm\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+  }
+
+  .sm\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
+  }
+
+  .sm\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--tw-gradient-stops));
+  }
+
+  .sm\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
+  }
+
+  .sm\:from-transparent {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:from-current {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:from-black {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:from-white {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:from-gray-50 {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:from-gray-100 {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .sm\:from-gray-200 {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:from-gray-300 {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .sm\:from-gray-400 {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .sm\:from-gray-500 {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:from-gray-600 {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:from-gray-700 {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:from-gray-800 {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .sm\:from-gray-900 {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .sm\:from-red-50 {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .sm\:from-red-100 {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .sm\:from-red-200 {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .sm\:from-red-300 {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .sm\:from-red-400 {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .sm\:from-red-500 {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .sm\:from-red-600 {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .sm\:from-red-700 {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .sm\:from-red-800 {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .sm\:from-red-900 {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .sm\:from-yellow-50 {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .sm\:from-yellow-100 {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .sm\:from-yellow-200 {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .sm\:from-yellow-300 {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .sm\:from-yellow-400 {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .sm\:from-yellow-500 {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .sm\:from-yellow-600 {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .sm\:from-yellow-700 {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .sm\:from-yellow-800 {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .sm\:from-yellow-900 {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .sm\:from-green-50 {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .sm\:from-green-100 {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .sm\:from-green-200 {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .sm\:from-green-300 {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .sm\:from-green-400 {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .sm\:from-green-500 {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .sm\:from-green-600 {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .sm\:from-green-700 {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .sm\:from-green-800 {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .sm\:from-green-900 {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .sm\:from-blue-50 {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .sm\:from-blue-100 {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .sm\:from-blue-200 {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .sm\:from-blue-300 {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .sm\:from-blue-400 {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .sm\:from-blue-500 {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .sm\:from-blue-600 {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .sm\:from-blue-700 {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .sm\:from-blue-800 {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .sm\:from-blue-900 {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .sm\:from-indigo-50 {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .sm\:from-indigo-100 {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .sm\:from-indigo-200 {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .sm\:from-indigo-300 {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .sm\:from-indigo-400 {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .sm\:from-indigo-500 {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .sm\:from-indigo-600 {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .sm\:from-indigo-700 {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .sm\:from-indigo-800 {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .sm\:from-indigo-900 {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .sm\:from-purple-50 {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .sm\:from-purple-100 {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .sm\:from-purple-200 {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .sm\:from-purple-300 {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .sm\:from-purple-400 {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .sm\:from-purple-500 {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .sm\:from-purple-600 {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .sm\:from-purple-700 {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .sm\:from-purple-800 {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .sm\:from-purple-900 {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .sm\:from-pink-50 {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:from-pink-100 {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .sm\:from-pink-200 {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .sm\:from-pink-300 {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .sm\:from-pink-400 {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .sm\:from-pink-500 {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .sm\:from-pink-600 {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .sm\:from-pink-700 {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .sm\:from-pink-800 {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .sm\:from-pink-900 {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .sm\:via-transparent {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:via-current {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:via-black {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:via-white {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:via-gray-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .sm\:via-gray-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:via-gray-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .sm\:via-gray-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .sm\:via-gray-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:via-gray-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:via-gray-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:via-gray-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .sm\:via-gray-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .sm\:via-red-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .sm\:via-red-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .sm\:via-red-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .sm\:via-red-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .sm\:via-red-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .sm\:via-red-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .sm\:via-red-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .sm\:via-red-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .sm\:via-red-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .sm\:via-red-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .sm\:via-yellow-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .sm\:via-yellow-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .sm\:via-yellow-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .sm\:via-yellow-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .sm\:via-yellow-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .sm\:via-yellow-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .sm\:via-yellow-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .sm\:via-yellow-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .sm\:via-yellow-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .sm\:via-yellow-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .sm\:via-green-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .sm\:via-green-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .sm\:via-green-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .sm\:via-green-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .sm\:via-green-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .sm\:via-green-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .sm\:via-green-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .sm\:via-green-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .sm\:via-green-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .sm\:via-green-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .sm\:via-blue-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .sm\:via-blue-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .sm\:via-blue-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .sm\:via-blue-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .sm\:via-blue-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .sm\:via-blue-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .sm\:via-blue-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .sm\:via-blue-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .sm\:via-blue-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .sm\:via-blue-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .sm\:via-indigo-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .sm\:via-indigo-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .sm\:via-indigo-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .sm\:via-indigo-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .sm\:via-indigo-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .sm\:via-indigo-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .sm\:via-indigo-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .sm\:via-indigo-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .sm\:via-indigo-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .sm\:via-indigo-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .sm\:via-purple-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .sm\:via-purple-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .sm\:via-purple-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .sm\:via-purple-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .sm\:via-purple-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .sm\:via-purple-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .sm\:via-purple-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .sm\:via-purple-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .sm\:via-purple-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .sm\:via-purple-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .sm\:via-pink-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:via-pink-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .sm\:via-pink-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .sm\:via-pink-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .sm\:via-pink-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .sm\:via-pink-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .sm\:via-pink-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .sm\:via-pink-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .sm\:via-pink-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .sm\:via-pink-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .sm\:to-transparent {
+    --tw-gradient-to: transparent;
+  }
+
+  .sm\:to-current {
+    --tw-gradient-to: currentColor;
+  }
+
+  .sm\:to-black {
+    --tw-gradient-to: #000;
+  }
+
+  .sm\:to-white {
+    --tw-gradient-to: #fff;
+  }
+
+  .sm\:to-gray-50 {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .sm\:to-gray-100 {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .sm\:to-gray-200 {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .sm\:to-gray-300 {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .sm\:to-gray-400 {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .sm\:to-gray-500 {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .sm\:to-gray-600 {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .sm\:to-gray-700 {
+    --tw-gradient-to: #374151;
+  }
+
+  .sm\:to-gray-800 {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .sm\:to-gray-900 {
+    --tw-gradient-to: #111827;
+  }
+
+  .sm\:to-red-50 {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .sm\:to-red-100 {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .sm\:to-red-200 {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .sm\:to-red-300 {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .sm\:to-red-400 {
+    --tw-gradient-to: #f87171;
+  }
+
+  .sm\:to-red-500 {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .sm\:to-red-600 {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .sm\:to-red-700 {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .sm\:to-red-800 {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .sm\:to-red-900 {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .sm\:to-yellow-50 {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .sm\:to-yellow-100 {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .sm\:to-yellow-200 {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .sm\:to-yellow-300 {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .sm\:to-yellow-400 {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .sm\:to-yellow-500 {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .sm\:to-yellow-600 {
+    --tw-gradient-to: #d97706;
+  }
+
+  .sm\:to-yellow-700 {
+    --tw-gradient-to: #b45309;
+  }
+
+  .sm\:to-yellow-800 {
+    --tw-gradient-to: #92400e;
+  }
+
+  .sm\:to-yellow-900 {
+    --tw-gradient-to: #78350f;
+  }
+
+  .sm\:to-green-50 {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .sm\:to-green-100 {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .sm\:to-green-200 {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .sm\:to-green-300 {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .sm\:to-green-400 {
+    --tw-gradient-to: #34d399;
+  }
+
+  .sm\:to-green-500 {
+    --tw-gradient-to: #10b981;
+  }
+
+  .sm\:to-green-600 {
+    --tw-gradient-to: #059669;
+  }
+
+  .sm\:to-green-700 {
+    --tw-gradient-to: #047857;
+  }
+
+  .sm\:to-green-800 {
+    --tw-gradient-to: #065f46;
+  }
+
+  .sm\:to-green-900 {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .sm\:to-blue-50 {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .sm\:to-blue-100 {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .sm\:to-blue-200 {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .sm\:to-blue-300 {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .sm\:to-blue-400 {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .sm\:to-blue-500 {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .sm\:to-blue-600 {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .sm\:to-blue-700 {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .sm\:to-blue-800 {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .sm\:to-blue-900 {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .sm\:to-indigo-50 {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .sm\:to-indigo-100 {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .sm\:to-indigo-200 {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .sm\:to-indigo-300 {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .sm\:to-indigo-400 {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .sm\:to-indigo-500 {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .sm\:to-indigo-600 {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .sm\:to-indigo-700 {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .sm\:to-indigo-800 {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .sm\:to-indigo-900 {
+    --tw-gradient-to: #312e81;
+  }
+
+  .sm\:to-purple-50 {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .sm\:to-purple-100 {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .sm\:to-purple-200 {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .sm\:to-purple-300 {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .sm\:to-purple-400 {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .sm\:to-purple-500 {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .sm\:to-purple-600 {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .sm\:to-purple-700 {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .sm\:to-purple-800 {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .sm\:to-purple-900 {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .sm\:to-pink-50 {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .sm\:to-pink-100 {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .sm\:to-pink-200 {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .sm\:to-pink-300 {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .sm\:to-pink-400 {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .sm\:to-pink-500 {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .sm\:to-pink-600 {
+    --tw-gradient-to: #db2777;
+  }
+
+  .sm\:to-pink-700 {
+    --tw-gradient-to: #be185d;
+  }
+
+  .sm\:to-pink-800 {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .sm\:to-pink-900 {
+    --tw-gradient-to: #831843;
+  }
+
+  .sm\:hover\:from-transparent:hover {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:hover\:from-current:hover {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:hover\:from-black:hover {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:hover\:from-white:hover {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:hover\:from-gray-100:hover {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .sm\:hover\:from-gray-200:hover {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:hover\:from-gray-300:hover {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .sm\:hover\:from-gray-400:hover {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .sm\:hover\:from-gray-500:hover {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:hover\:from-gray-600:hover {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:hover\:from-gray-700:hover {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:hover\:from-gray-800:hover {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .sm\:hover\:from-gray-900:hover {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .sm\:hover\:from-red-50:hover {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .sm\:hover\:from-red-100:hover {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .sm\:hover\:from-red-200:hover {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .sm\:hover\:from-red-300:hover {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .sm\:hover\:from-red-400:hover {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .sm\:hover\:from-red-500:hover {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .sm\:hover\:from-red-600:hover {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .sm\:hover\:from-red-700:hover {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .sm\:hover\:from-red-800:hover {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .sm\:hover\:from-red-900:hover {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .sm\:hover\:from-yellow-50:hover {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .sm\:hover\:from-yellow-100:hover {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .sm\:hover\:from-yellow-200:hover {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .sm\:hover\:from-yellow-300:hover {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .sm\:hover\:from-yellow-400:hover {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .sm\:hover\:from-yellow-500:hover {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .sm\:hover\:from-yellow-600:hover {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .sm\:hover\:from-yellow-700:hover {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .sm\:hover\:from-yellow-800:hover {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .sm\:hover\:from-yellow-900:hover {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .sm\:hover\:from-green-50:hover {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .sm\:hover\:from-green-100:hover {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .sm\:hover\:from-green-200:hover {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .sm\:hover\:from-green-300:hover {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .sm\:hover\:from-green-400:hover {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .sm\:hover\:from-green-500:hover {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .sm\:hover\:from-green-600:hover {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .sm\:hover\:from-green-700:hover {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .sm\:hover\:from-green-800:hover {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .sm\:hover\:from-green-900:hover {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .sm\:hover\:from-blue-50:hover {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .sm\:hover\:from-blue-100:hover {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .sm\:hover\:from-blue-200:hover {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .sm\:hover\:from-blue-300:hover {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .sm\:hover\:from-blue-400:hover {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .sm\:hover\:from-blue-500:hover {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .sm\:hover\:from-blue-600:hover {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .sm\:hover\:from-blue-700:hover {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .sm\:hover\:from-blue-800:hover {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .sm\:hover\:from-blue-900:hover {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .sm\:hover\:from-indigo-50:hover {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .sm\:hover\:from-indigo-100:hover {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .sm\:hover\:from-indigo-200:hover {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .sm\:hover\:from-indigo-300:hover {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .sm\:hover\:from-indigo-400:hover {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .sm\:hover\:from-indigo-500:hover {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .sm\:hover\:from-indigo-600:hover {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .sm\:hover\:from-indigo-700:hover {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .sm\:hover\:from-indigo-800:hover {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .sm\:hover\:from-indigo-900:hover {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .sm\:hover\:from-purple-50:hover {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .sm\:hover\:from-purple-100:hover {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .sm\:hover\:from-purple-200:hover {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .sm\:hover\:from-purple-300:hover {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .sm\:hover\:from-purple-400:hover {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .sm\:hover\:from-purple-500:hover {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .sm\:hover\:from-purple-600:hover {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .sm\:hover\:from-purple-700:hover {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .sm\:hover\:from-purple-800:hover {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .sm\:hover\:from-purple-900:hover {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .sm\:hover\:from-pink-50:hover {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:hover\:from-pink-100:hover {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .sm\:hover\:from-pink-200:hover {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .sm\:hover\:from-pink-300:hover {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .sm\:hover\:from-pink-400:hover {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .sm\:hover\:from-pink-500:hover {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .sm\:hover\:from-pink-600:hover {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .sm\:hover\:from-pink-700:hover {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .sm\:hover\:from-pink-800:hover {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .sm\:hover\:from-pink-900:hover {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .sm\:hover\:via-transparent:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:hover\:via-current:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:hover\:via-black:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:hover\:via-white:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:hover\:via-gray-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .sm\:hover\:via-gray-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:hover\:via-gray-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .sm\:hover\:via-gray-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .sm\:hover\:via-gray-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:hover\:via-gray-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:hover\:via-gray-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:hover\:via-gray-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .sm\:hover\:via-gray-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .sm\:hover\:via-red-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .sm\:hover\:via-red-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .sm\:hover\:via-red-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .sm\:hover\:via-red-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .sm\:hover\:via-red-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .sm\:hover\:via-red-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .sm\:hover\:via-red-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .sm\:hover\:via-red-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .sm\:hover\:via-red-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .sm\:hover\:via-red-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .sm\:hover\:via-yellow-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .sm\:hover\:via-yellow-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .sm\:hover\:via-yellow-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .sm\:hover\:via-yellow-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .sm\:hover\:via-yellow-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .sm\:hover\:via-yellow-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .sm\:hover\:via-yellow-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .sm\:hover\:via-yellow-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .sm\:hover\:via-yellow-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .sm\:hover\:via-yellow-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .sm\:hover\:via-green-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .sm\:hover\:via-green-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .sm\:hover\:via-green-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .sm\:hover\:via-green-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .sm\:hover\:via-green-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .sm\:hover\:via-green-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .sm\:hover\:via-green-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .sm\:hover\:via-green-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .sm\:hover\:via-green-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .sm\:hover\:via-green-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .sm\:hover\:via-blue-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .sm\:hover\:via-blue-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .sm\:hover\:via-blue-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .sm\:hover\:via-blue-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .sm\:hover\:via-blue-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .sm\:hover\:via-blue-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .sm\:hover\:via-blue-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .sm\:hover\:via-blue-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .sm\:hover\:via-blue-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .sm\:hover\:via-blue-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .sm\:hover\:via-indigo-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .sm\:hover\:via-indigo-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .sm\:hover\:via-indigo-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .sm\:hover\:via-indigo-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .sm\:hover\:via-indigo-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .sm\:hover\:via-indigo-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .sm\:hover\:via-indigo-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .sm\:hover\:via-indigo-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .sm\:hover\:via-indigo-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .sm\:hover\:via-indigo-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .sm\:hover\:via-purple-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .sm\:hover\:via-purple-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .sm\:hover\:via-purple-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .sm\:hover\:via-purple-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .sm\:hover\:via-purple-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .sm\:hover\:via-purple-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .sm\:hover\:via-purple-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .sm\:hover\:via-purple-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .sm\:hover\:via-purple-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .sm\:hover\:via-purple-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .sm\:hover\:via-pink-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:hover\:via-pink-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .sm\:hover\:via-pink-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .sm\:hover\:via-pink-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .sm\:hover\:via-pink-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .sm\:hover\:via-pink-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .sm\:hover\:via-pink-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .sm\:hover\:via-pink-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .sm\:hover\:via-pink-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .sm\:hover\:via-pink-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .sm\:hover\:to-transparent:hover {
+    --tw-gradient-to: transparent;
+  }
+
+  .sm\:hover\:to-current:hover {
+    --tw-gradient-to: currentColor;
+  }
+
+  .sm\:hover\:to-black:hover {
+    --tw-gradient-to: #000;
+  }
+
+  .sm\:hover\:to-white:hover {
+    --tw-gradient-to: #fff;
+  }
+
+  .sm\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .sm\:hover\:to-gray-100:hover {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .sm\:hover\:to-gray-200:hover {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .sm\:hover\:to-gray-300:hover {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .sm\:hover\:to-gray-400:hover {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .sm\:hover\:to-gray-500:hover {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .sm\:hover\:to-gray-600:hover {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .sm\:hover\:to-gray-700:hover {
+    --tw-gradient-to: #374151;
+  }
+
+  .sm\:hover\:to-gray-800:hover {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .sm\:hover\:to-gray-900:hover {
+    --tw-gradient-to: #111827;
+  }
+
+  .sm\:hover\:to-red-50:hover {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .sm\:hover\:to-red-100:hover {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .sm\:hover\:to-red-200:hover {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .sm\:hover\:to-red-300:hover {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .sm\:hover\:to-red-400:hover {
+    --tw-gradient-to: #f87171;
+  }
+
+  .sm\:hover\:to-red-500:hover {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .sm\:hover\:to-red-600:hover {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .sm\:hover\:to-red-700:hover {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .sm\:hover\:to-red-800:hover {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .sm\:hover\:to-red-900:hover {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .sm\:hover\:to-yellow-50:hover {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .sm\:hover\:to-yellow-100:hover {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .sm\:hover\:to-yellow-200:hover {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .sm\:hover\:to-yellow-300:hover {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .sm\:hover\:to-yellow-400:hover {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .sm\:hover\:to-yellow-500:hover {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .sm\:hover\:to-yellow-600:hover {
+    --tw-gradient-to: #d97706;
+  }
+
+  .sm\:hover\:to-yellow-700:hover {
+    --tw-gradient-to: #b45309;
+  }
+
+  .sm\:hover\:to-yellow-800:hover {
+    --tw-gradient-to: #92400e;
+  }
+
+  .sm\:hover\:to-yellow-900:hover {
+    --tw-gradient-to: #78350f;
+  }
+
+  .sm\:hover\:to-green-50:hover {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .sm\:hover\:to-green-100:hover {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .sm\:hover\:to-green-200:hover {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .sm\:hover\:to-green-300:hover {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .sm\:hover\:to-green-400:hover {
+    --tw-gradient-to: #34d399;
+  }
+
+  .sm\:hover\:to-green-500:hover {
+    --tw-gradient-to: #10b981;
+  }
+
+  .sm\:hover\:to-green-600:hover {
+    --tw-gradient-to: #059669;
+  }
+
+  .sm\:hover\:to-green-700:hover {
+    --tw-gradient-to: #047857;
+  }
+
+  .sm\:hover\:to-green-800:hover {
+    --tw-gradient-to: #065f46;
+  }
+
+  .sm\:hover\:to-green-900:hover {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .sm\:hover\:to-blue-50:hover {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .sm\:hover\:to-blue-100:hover {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .sm\:hover\:to-blue-200:hover {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .sm\:hover\:to-blue-300:hover {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .sm\:hover\:to-blue-400:hover {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .sm\:hover\:to-blue-500:hover {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .sm\:hover\:to-blue-600:hover {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .sm\:hover\:to-blue-700:hover {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .sm\:hover\:to-blue-800:hover {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .sm\:hover\:to-blue-900:hover {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .sm\:hover\:to-indigo-50:hover {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .sm\:hover\:to-indigo-100:hover {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .sm\:hover\:to-indigo-200:hover {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .sm\:hover\:to-indigo-300:hover {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .sm\:hover\:to-indigo-400:hover {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .sm\:hover\:to-indigo-500:hover {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .sm\:hover\:to-indigo-600:hover {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .sm\:hover\:to-indigo-700:hover {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .sm\:hover\:to-indigo-800:hover {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .sm\:hover\:to-indigo-900:hover {
+    --tw-gradient-to: #312e81;
+  }
+
+  .sm\:hover\:to-purple-50:hover {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .sm\:hover\:to-purple-100:hover {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .sm\:hover\:to-purple-200:hover {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .sm\:hover\:to-purple-300:hover {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .sm\:hover\:to-purple-400:hover {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .sm\:hover\:to-purple-500:hover {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .sm\:hover\:to-purple-600:hover {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .sm\:hover\:to-purple-700:hover {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .sm\:hover\:to-purple-800:hover {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .sm\:hover\:to-purple-900:hover {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .sm\:hover\:to-pink-50:hover {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .sm\:hover\:to-pink-100:hover {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .sm\:hover\:to-pink-200:hover {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .sm\:hover\:to-pink-300:hover {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .sm\:hover\:to-pink-400:hover {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .sm\:hover\:to-pink-500:hover {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .sm\:hover\:to-pink-600:hover {
+    --tw-gradient-to: #db2777;
+  }
+
+  .sm\:hover\:to-pink-700:hover {
+    --tw-gradient-to: #be185d;
+  }
+
+  .sm\:hover\:to-pink-800:hover {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .sm\:hover\:to-pink-900:hover {
+    --tw-gradient-to: #831843;
+  }
+
+  .sm\:focus\:from-transparent:focus {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:focus\:from-current:focus {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:focus\:from-black:focus {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:focus\:from-white:focus {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:focus\:from-gray-100:focus {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .sm\:focus\:from-gray-200:focus {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:focus\:from-gray-300:focus {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .sm\:focus\:from-gray-400:focus {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .sm\:focus\:from-gray-500:focus {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:focus\:from-gray-600:focus {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:focus\:from-gray-700:focus {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:focus\:from-gray-800:focus {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .sm\:focus\:from-gray-900:focus {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .sm\:focus\:from-red-50:focus {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .sm\:focus\:from-red-100:focus {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .sm\:focus\:from-red-200:focus {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .sm\:focus\:from-red-300:focus {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .sm\:focus\:from-red-400:focus {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .sm\:focus\:from-red-500:focus {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .sm\:focus\:from-red-600:focus {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .sm\:focus\:from-red-700:focus {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .sm\:focus\:from-red-800:focus {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .sm\:focus\:from-red-900:focus {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .sm\:focus\:from-yellow-50:focus {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .sm\:focus\:from-yellow-100:focus {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .sm\:focus\:from-yellow-200:focus {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .sm\:focus\:from-yellow-300:focus {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .sm\:focus\:from-yellow-400:focus {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .sm\:focus\:from-yellow-500:focus {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .sm\:focus\:from-yellow-600:focus {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .sm\:focus\:from-yellow-700:focus {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .sm\:focus\:from-yellow-800:focus {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .sm\:focus\:from-yellow-900:focus {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .sm\:focus\:from-green-50:focus {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .sm\:focus\:from-green-100:focus {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .sm\:focus\:from-green-200:focus {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .sm\:focus\:from-green-300:focus {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .sm\:focus\:from-green-400:focus {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .sm\:focus\:from-green-500:focus {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .sm\:focus\:from-green-600:focus {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .sm\:focus\:from-green-700:focus {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .sm\:focus\:from-green-800:focus {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .sm\:focus\:from-green-900:focus {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .sm\:focus\:from-blue-50:focus {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .sm\:focus\:from-blue-100:focus {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .sm\:focus\:from-blue-200:focus {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .sm\:focus\:from-blue-300:focus {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .sm\:focus\:from-blue-400:focus {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .sm\:focus\:from-blue-500:focus {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .sm\:focus\:from-blue-600:focus {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .sm\:focus\:from-blue-700:focus {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .sm\:focus\:from-blue-800:focus {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .sm\:focus\:from-blue-900:focus {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .sm\:focus\:from-indigo-50:focus {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .sm\:focus\:from-indigo-100:focus {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .sm\:focus\:from-indigo-200:focus {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .sm\:focus\:from-indigo-300:focus {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .sm\:focus\:from-indigo-400:focus {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .sm\:focus\:from-indigo-500:focus {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .sm\:focus\:from-indigo-600:focus {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .sm\:focus\:from-indigo-700:focus {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .sm\:focus\:from-indigo-800:focus {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .sm\:focus\:from-indigo-900:focus {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .sm\:focus\:from-purple-50:focus {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .sm\:focus\:from-purple-100:focus {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .sm\:focus\:from-purple-200:focus {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .sm\:focus\:from-purple-300:focus {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .sm\:focus\:from-purple-400:focus {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .sm\:focus\:from-purple-500:focus {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .sm\:focus\:from-purple-600:focus {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .sm\:focus\:from-purple-700:focus {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .sm\:focus\:from-purple-800:focus {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .sm\:focus\:from-purple-900:focus {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .sm\:focus\:from-pink-50:focus {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:focus\:from-pink-100:focus {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .sm\:focus\:from-pink-200:focus {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .sm\:focus\:from-pink-300:focus {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .sm\:focus\:from-pink-400:focus {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .sm\:focus\:from-pink-500:focus {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .sm\:focus\:from-pink-600:focus {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .sm\:focus\:from-pink-700:focus {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .sm\:focus\:from-pink-800:focus {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .sm\:focus\:from-pink-900:focus {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .sm\:focus\:via-transparent:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:focus\:via-current:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:focus\:via-black:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:focus\:via-white:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:focus\:via-gray-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .sm\:focus\:via-gray-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:focus\:via-gray-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .sm\:focus\:via-gray-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .sm\:focus\:via-gray-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:focus\:via-gray-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:focus\:via-gray-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:focus\:via-gray-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .sm\:focus\:via-gray-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .sm\:focus\:via-red-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .sm\:focus\:via-red-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .sm\:focus\:via-red-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .sm\:focus\:via-red-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .sm\:focus\:via-red-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .sm\:focus\:via-red-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .sm\:focus\:via-red-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .sm\:focus\:via-red-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .sm\:focus\:via-red-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .sm\:focus\:via-red-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .sm\:focus\:via-yellow-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .sm\:focus\:via-yellow-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .sm\:focus\:via-yellow-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .sm\:focus\:via-yellow-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .sm\:focus\:via-yellow-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .sm\:focus\:via-yellow-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .sm\:focus\:via-yellow-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .sm\:focus\:via-yellow-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .sm\:focus\:via-yellow-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .sm\:focus\:via-yellow-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .sm\:focus\:via-green-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .sm\:focus\:via-green-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .sm\:focus\:via-green-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .sm\:focus\:via-green-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .sm\:focus\:via-green-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .sm\:focus\:via-green-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .sm\:focus\:via-green-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .sm\:focus\:via-green-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .sm\:focus\:via-green-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .sm\:focus\:via-green-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .sm\:focus\:via-blue-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .sm\:focus\:via-blue-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .sm\:focus\:via-blue-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .sm\:focus\:via-blue-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .sm\:focus\:via-blue-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .sm\:focus\:via-blue-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .sm\:focus\:via-blue-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .sm\:focus\:via-blue-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .sm\:focus\:via-blue-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .sm\:focus\:via-blue-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .sm\:focus\:via-indigo-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .sm\:focus\:via-indigo-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .sm\:focus\:via-indigo-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .sm\:focus\:via-indigo-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .sm\:focus\:via-indigo-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .sm\:focus\:via-indigo-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .sm\:focus\:via-indigo-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .sm\:focus\:via-indigo-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .sm\:focus\:via-indigo-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .sm\:focus\:via-indigo-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .sm\:focus\:via-purple-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .sm\:focus\:via-purple-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .sm\:focus\:via-purple-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .sm\:focus\:via-purple-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .sm\:focus\:via-purple-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .sm\:focus\:via-purple-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .sm\:focus\:via-purple-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .sm\:focus\:via-purple-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .sm\:focus\:via-purple-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .sm\:focus\:via-purple-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .sm\:focus\:via-pink-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:focus\:via-pink-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .sm\:focus\:via-pink-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .sm\:focus\:via-pink-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .sm\:focus\:via-pink-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .sm\:focus\:via-pink-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .sm\:focus\:via-pink-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .sm\:focus\:via-pink-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .sm\:focus\:via-pink-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .sm\:focus\:via-pink-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .sm\:focus\:to-transparent:focus {
+    --tw-gradient-to: transparent;
+  }
+
+  .sm\:focus\:to-current:focus {
+    --tw-gradient-to: currentColor;
+  }
+
+  .sm\:focus\:to-black:focus {
+    --tw-gradient-to: #000;
+  }
+
+  .sm\:focus\:to-white:focus {
+    --tw-gradient-to: #fff;
+  }
+
+  .sm\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .sm\:focus\:to-gray-100:focus {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .sm\:focus\:to-gray-200:focus {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .sm\:focus\:to-gray-300:focus {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .sm\:focus\:to-gray-400:focus {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .sm\:focus\:to-gray-500:focus {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .sm\:focus\:to-gray-600:focus {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .sm\:focus\:to-gray-700:focus {
+    --tw-gradient-to: #374151;
+  }
+
+  .sm\:focus\:to-gray-800:focus {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .sm\:focus\:to-gray-900:focus {
+    --tw-gradient-to: #111827;
+  }
+
+  .sm\:focus\:to-red-50:focus {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .sm\:focus\:to-red-100:focus {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .sm\:focus\:to-red-200:focus {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .sm\:focus\:to-red-300:focus {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .sm\:focus\:to-red-400:focus {
+    --tw-gradient-to: #f87171;
+  }
+
+  .sm\:focus\:to-red-500:focus {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .sm\:focus\:to-red-600:focus {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .sm\:focus\:to-red-700:focus {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .sm\:focus\:to-red-800:focus {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .sm\:focus\:to-red-900:focus {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .sm\:focus\:to-yellow-50:focus {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .sm\:focus\:to-yellow-100:focus {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .sm\:focus\:to-yellow-200:focus {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .sm\:focus\:to-yellow-300:focus {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .sm\:focus\:to-yellow-400:focus {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .sm\:focus\:to-yellow-500:focus {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .sm\:focus\:to-yellow-600:focus {
+    --tw-gradient-to: #d97706;
+  }
+
+  .sm\:focus\:to-yellow-700:focus {
+    --tw-gradient-to: #b45309;
+  }
+
+  .sm\:focus\:to-yellow-800:focus {
+    --tw-gradient-to: #92400e;
+  }
+
+  .sm\:focus\:to-yellow-900:focus {
+    --tw-gradient-to: #78350f;
+  }
+
+  .sm\:focus\:to-green-50:focus {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .sm\:focus\:to-green-100:focus {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .sm\:focus\:to-green-200:focus {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .sm\:focus\:to-green-300:focus {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .sm\:focus\:to-green-400:focus {
+    --tw-gradient-to: #34d399;
+  }
+
+  .sm\:focus\:to-green-500:focus {
+    --tw-gradient-to: #10b981;
+  }
+
+  .sm\:focus\:to-green-600:focus {
+    --tw-gradient-to: #059669;
+  }
+
+  .sm\:focus\:to-green-700:focus {
+    --tw-gradient-to: #047857;
+  }
+
+  .sm\:focus\:to-green-800:focus {
+    --tw-gradient-to: #065f46;
+  }
+
+  .sm\:focus\:to-green-900:focus {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .sm\:focus\:to-blue-50:focus {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .sm\:focus\:to-blue-100:focus {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .sm\:focus\:to-blue-200:focus {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .sm\:focus\:to-blue-300:focus {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .sm\:focus\:to-blue-400:focus {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .sm\:focus\:to-blue-500:focus {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .sm\:focus\:to-blue-600:focus {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .sm\:focus\:to-blue-700:focus {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .sm\:focus\:to-blue-800:focus {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .sm\:focus\:to-blue-900:focus {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .sm\:focus\:to-indigo-50:focus {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .sm\:focus\:to-indigo-100:focus {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .sm\:focus\:to-indigo-200:focus {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .sm\:focus\:to-indigo-300:focus {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .sm\:focus\:to-indigo-400:focus {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .sm\:focus\:to-indigo-500:focus {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .sm\:focus\:to-indigo-600:focus {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .sm\:focus\:to-indigo-700:focus {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .sm\:focus\:to-indigo-800:focus {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .sm\:focus\:to-indigo-900:focus {
+    --tw-gradient-to: #312e81;
+  }
+
+  .sm\:focus\:to-purple-50:focus {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .sm\:focus\:to-purple-100:focus {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .sm\:focus\:to-purple-200:focus {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .sm\:focus\:to-purple-300:focus {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .sm\:focus\:to-purple-400:focus {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .sm\:focus\:to-purple-500:focus {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .sm\:focus\:to-purple-600:focus {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .sm\:focus\:to-purple-700:focus {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .sm\:focus\:to-purple-800:focus {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .sm\:focus\:to-purple-900:focus {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .sm\:focus\:to-pink-50:focus {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .sm\:focus\:to-pink-100:focus {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .sm\:focus\:to-pink-200:focus {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .sm\:focus\:to-pink-300:focus {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .sm\:focus\:to-pink-400:focus {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .sm\:focus\:to-pink-500:focus {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .sm\:focus\:to-pink-600:focus {
+    --tw-gradient-to: #db2777;
+  }
+
+  .sm\:focus\:to-pink-700:focus {
+    --tw-gradient-to: #be185d;
+  }
+
+  .sm\:focus\:to-pink-800:focus {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .sm\:focus\:to-pink-900:focus {
+    --tw-gradient-to: #831843;
+  }
+
+  .sm\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .sm\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .sm\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .sm\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .sm\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .sm\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .sm\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .sm\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .sm\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .sm\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .sm\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .sm\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .sm\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .sm\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .sm\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .sm\:focus-within\:bg-opacity-0:focus-within {
+    --tw-bg-opacity: 0;
+  }
+
+  .sm\:focus-within\:bg-opacity-5:focus-within {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .sm\:focus-within\:bg-opacity-10:focus-within {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .sm\:focus-within\:bg-opacity-20:focus-within {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .sm\:focus-within\:bg-opacity-25:focus-within {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .sm\:focus-within\:bg-opacity-30:focus-within {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .sm\:focus-within\:bg-opacity-40:focus-within {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .sm\:focus-within\:bg-opacity-50:focus-within {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .sm\:focus-within\:bg-opacity-60:focus-within {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .sm\:focus-within\:bg-opacity-70:focus-within {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .sm\:focus-within\:bg-opacity-75:focus-within {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .sm\:focus-within\:bg-opacity-80:focus-within {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .sm\:focus-within\:bg-opacity-90:focus-within {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .sm\:focus-within\:bg-opacity-95:focus-within {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .sm\:focus-within\:bg-opacity-100:focus-within {
+    --tw-bg-opacity: 1;
+  }
+
+  .sm\:hover\:bg-opacity-0:hover {
+    --tw-bg-opacity: 0;
+  }
+
+  .sm\:hover\:bg-opacity-5:hover {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .sm\:hover\:bg-opacity-10:hover {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .sm\:hover\:bg-opacity-20:hover {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .sm\:hover\:bg-opacity-25:hover {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .sm\:hover\:bg-opacity-30:hover {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .sm\:hover\:bg-opacity-40:hover {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .sm\:hover\:bg-opacity-50:hover {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .sm\:hover\:bg-opacity-60:hover {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .sm\:hover\:bg-opacity-70:hover {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .sm\:hover\:bg-opacity-75:hover {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .sm\:hover\:bg-opacity-80:hover {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .sm\:hover\:bg-opacity-90:hover {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .sm\:hover\:bg-opacity-95:hover {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .sm\:hover\:bg-opacity-100:hover {
+    --tw-bg-opacity: 1;
+  }
+
+  .sm\:focus\:bg-opacity-0:focus {
+    --tw-bg-opacity: 0;
+  }
+
+  .sm\:focus\:bg-opacity-5:focus {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .sm\:focus\:bg-opacity-10:focus {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .sm\:focus\:bg-opacity-20:focus {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .sm\:focus\:bg-opacity-25:focus {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .sm\:focus\:bg-opacity-30:focus {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .sm\:focus\:bg-opacity-40:focus {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .sm\:focus\:bg-opacity-50:focus {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .sm\:focus\:bg-opacity-60:focus {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .sm\:focus\:bg-opacity-70:focus {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .sm\:focus\:bg-opacity-75:focus {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .sm\:focus\:bg-opacity-80:focus {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .sm\:focus\:bg-opacity-90:focus {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .sm\:focus\:bg-opacity-95:focus {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .sm\:focus\:bg-opacity-100:focus {
+    --tw-bg-opacity: 1;
+  }
+
+  .sm\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .sm\:bg-center {
+    background-position: center;
+  }
+
+  .sm\:bg-left {
+    background-position: left;
+  }
+
+  .sm\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .sm\:bg-left-top {
+    background-position: left top;
+  }
+
+  .sm\:bg-right {
+    background-position: right;
+  }
+
+  .sm\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .sm\:bg-right-top {
+    background-position: right top;
+  }
+
+  .sm\:bg-top {
+    background-position: top;
+  }
+
+  .sm\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .sm\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .sm\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .sm\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .sm\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .sm\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .sm\:bg-auto {
+    background-size: auto;
+  }
+
+  .sm\:bg-cover {
+    background-size: cover;
+  }
+
+  .sm\:bg-contain {
+    background-size: contain;
+  }
+
+  .sm\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .sm\:border-separate {
+    border-collapse: separate;
+  }
+
+  .sm\:border-transparent {
+    border-color: transparent;
+  }
+
+  .sm\:border-current {
+    border-color: currentColor;
+  }
+
+  .sm\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .sm\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:hover .sm\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  .group:hover .sm\:group-hover\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .sm\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .sm\:focus-within\:border-black:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-white:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .sm\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .sm\:hover\:border-black:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-white:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .sm\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .sm\:focus\:border-black:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-white:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .sm\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .sm\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .sm\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .sm\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .sm\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .sm\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .sm\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .sm\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .sm\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .sm\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .sm\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .sm\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .sm\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .sm\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .sm\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .sm\:focus-within\:border-opacity-0:focus-within {
+    --tw-border-opacity: 0;
+  }
+
+  .sm\:focus-within\:border-opacity-5:focus-within {
+    --tw-border-opacity: 0.05;
+  }
+
+  .sm\:focus-within\:border-opacity-10:focus-within {
+    --tw-border-opacity: 0.1;
+  }
+
+  .sm\:focus-within\:border-opacity-20:focus-within {
+    --tw-border-opacity: 0.2;
+  }
+
+  .sm\:focus-within\:border-opacity-25:focus-within {
+    --tw-border-opacity: 0.25;
+  }
+
+  .sm\:focus-within\:border-opacity-30:focus-within {
+    --tw-border-opacity: 0.3;
+  }
+
+  .sm\:focus-within\:border-opacity-40:focus-within {
+    --tw-border-opacity: 0.4;
+  }
+
+  .sm\:focus-within\:border-opacity-50:focus-within {
+    --tw-border-opacity: 0.5;
+  }
+
+  .sm\:focus-within\:border-opacity-60:focus-within {
+    --tw-border-opacity: 0.6;
+  }
+
+  .sm\:focus-within\:border-opacity-70:focus-within {
+    --tw-border-opacity: 0.7;
+  }
+
+  .sm\:focus-within\:border-opacity-75:focus-within {
+    --tw-border-opacity: 0.75;
+  }
+
+  .sm\:focus-within\:border-opacity-80:focus-within {
+    --tw-border-opacity: 0.8;
+  }
+
+  .sm\:focus-within\:border-opacity-90:focus-within {
+    --tw-border-opacity: 0.9;
+  }
+
+  .sm\:focus-within\:border-opacity-95:focus-within {
+    --tw-border-opacity: 0.95;
+  }
+
+  .sm\:focus-within\:border-opacity-100:focus-within {
+    --tw-border-opacity: 1;
+  }
+
+  .sm\:hover\:border-opacity-0:hover {
+    --tw-border-opacity: 0;
+  }
+
+  .sm\:hover\:border-opacity-5:hover {
+    --tw-border-opacity: 0.05;
+  }
+
+  .sm\:hover\:border-opacity-10:hover {
+    --tw-border-opacity: 0.1;
+  }
+
+  .sm\:hover\:border-opacity-20:hover {
+    --tw-border-opacity: 0.2;
+  }
+
+  .sm\:hover\:border-opacity-25:hover {
+    --tw-border-opacity: 0.25;
+  }
+
+  .sm\:hover\:border-opacity-30:hover {
+    --tw-border-opacity: 0.3;
+  }
+
+  .sm\:hover\:border-opacity-40:hover {
+    --tw-border-opacity: 0.4;
+  }
+
+  .sm\:hover\:border-opacity-50:hover {
+    --tw-border-opacity: 0.5;
+  }
+
+  .sm\:hover\:border-opacity-60:hover {
+    --tw-border-opacity: 0.6;
+  }
+
+  .sm\:hover\:border-opacity-70:hover {
+    --tw-border-opacity: 0.7;
+  }
+
+  .sm\:hover\:border-opacity-75:hover {
+    --tw-border-opacity: 0.75;
+  }
+
+  .sm\:hover\:border-opacity-80:hover {
+    --tw-border-opacity: 0.8;
+  }
+
+  .sm\:hover\:border-opacity-90:hover {
+    --tw-border-opacity: 0.9;
+  }
+
+  .sm\:hover\:border-opacity-95:hover {
+    --tw-border-opacity: 0.95;
+  }
+
+  .sm\:hover\:border-opacity-100:hover {
+    --tw-border-opacity: 1;
+  }
+
+  .sm\:focus\:border-opacity-0:focus {
+    --tw-border-opacity: 0;
+  }
+
+  .sm\:focus\:border-opacity-5:focus {
+    --tw-border-opacity: 0.05;
+  }
+
+  .sm\:focus\:border-opacity-10:focus {
+    --tw-border-opacity: 0.1;
+  }
+
+  .sm\:focus\:border-opacity-20:focus {
+    --tw-border-opacity: 0.2;
+  }
+
+  .sm\:focus\:border-opacity-25:focus {
+    --tw-border-opacity: 0.25;
+  }
+
+  .sm\:focus\:border-opacity-30:focus {
+    --tw-border-opacity: 0.3;
+  }
+
+  .sm\:focus\:border-opacity-40:focus {
+    --tw-border-opacity: 0.4;
+  }
+
+  .sm\:focus\:border-opacity-50:focus {
+    --tw-border-opacity: 0.5;
+  }
+
+  .sm\:focus\:border-opacity-60:focus {
+    --tw-border-opacity: 0.6;
+  }
+
+  .sm\:focus\:border-opacity-70:focus {
+    --tw-border-opacity: 0.7;
+  }
+
+  .sm\:focus\:border-opacity-75:focus {
+    --tw-border-opacity: 0.75;
+  }
+
+  .sm\:focus\:border-opacity-80:focus {
+    --tw-border-opacity: 0.8;
+  }
+
+  .sm\:focus\:border-opacity-90:focus {
+    --tw-border-opacity: 0.9;
+  }
+
+  .sm\:focus\:border-opacity-95:focus {
+    --tw-border-opacity: 0.95;
+  }
+
+  .sm\:focus\:border-opacity-100:focus {
+    --tw-border-opacity: 1;
+  }
+
+  .sm\:rounded-none {
+    border-radius: 0px;
+  }
+
+  .sm\:rounded-sm {
+    border-radius: 0.125rem;
+  }
+
+  .sm\:rounded {
+    border-radius: 0.25rem;
+  }
+
+  .sm\:rounded-md {
+    border-radius: 0.375rem;
+  }
+
+  .sm\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .sm\:rounded-xl {
+    border-radius: 0.75rem;
+  }
+
+  .sm\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .sm\:rounded-3xl {
+    border-radius: 1.5rem;
+  }
+
+  .sm\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .sm\:rounded-t-none {
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+  }
+
+  .sm\:rounded-r-none {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+  }
+
+  .sm\:rounded-b-none {
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .sm\:rounded-l-none {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .sm\:rounded-t-sm {
+    border-top-left-radius: 0.125rem;
+    border-top-right-radius: 0.125rem;
+  }
+
+  .sm\:rounded-r-sm {
+    border-top-right-radius: 0.125rem;
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .sm\:rounded-b-sm {
+    border-bottom-right-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .sm\:rounded-l-sm {
+    border-top-left-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .sm\:rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
+
+  .sm\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .sm\:rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .sm\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .sm\:rounded-t-md {
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+  }
+
+  .sm\:rounded-r-md {
+    border-top-right-radius: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .sm\:rounded-b-md {
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .sm\:rounded-l-md {
+    border-top-left-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .sm\:rounded-t-lg {
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+  }
+
+  .sm\:rounded-r-lg {
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .sm\:rounded-b-lg {
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .sm\:rounded-l-lg {
+    border-top-left-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .sm\:rounded-t-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .sm\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .sm\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .sm\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .sm\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .sm\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .sm\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .sm\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .sm\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .sm\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .sm\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .sm\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .sm\:rounded-t-full {
+    border-top-left-radius: 9999px;
+    border-top-right-radius: 9999px;
+  }
+
+  .sm\:rounded-r-full {
+    border-top-right-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+  }
+
+  .sm\:rounded-b-full {
+    border-bottom-right-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .sm\:rounded-l-full {
+    border-top-left-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .sm\:rounded-tl-none {
+    border-top-left-radius: 0px;
+  }
+
+  .sm\:rounded-tr-none {
+    border-top-right-radius: 0px;
+  }
+
+  .sm\:rounded-br-none {
+    border-bottom-right-radius: 0px;
+  }
+
+  .sm\:rounded-bl-none {
+    border-bottom-left-radius: 0px;
+  }
+
+  .sm\:rounded-tl-sm {
+    border-top-left-radius: 0.125rem;
+  }
+
+  .sm\:rounded-tr-sm {
+    border-top-right-radius: 0.125rem;
+  }
+
+  .sm\:rounded-br-sm {
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .sm\:rounded-bl-sm {
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .sm\:rounded-tl {
+    border-top-left-radius: 0.25rem;
+  }
+
+  .sm\:rounded-tr {
+    border-top-right-radius: 0.25rem;
+  }
+
+  .sm\:rounded-br {
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .sm\:rounded-bl {
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .sm\:rounded-tl-md {
+    border-top-left-radius: 0.375rem;
+  }
+
+  .sm\:rounded-tr-md {
+    border-top-right-radius: 0.375rem;
+  }
+
+  .sm\:rounded-br-md {
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .sm\:rounded-bl-md {
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .sm\:rounded-tl-lg {
+    border-top-left-radius: 0.5rem;
+  }
+
+  .sm\:rounded-tr-lg {
+    border-top-right-radius: 0.5rem;
+  }
+
+  .sm\:rounded-br-lg {
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .sm\:rounded-bl-lg {
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .sm\:rounded-tl-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .sm\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .sm\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .sm\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .sm\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .sm\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .sm\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .sm\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .sm\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .sm\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .sm\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .sm\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .sm\:rounded-tl-full {
+    border-top-left-radius: 9999px;
+  }
+
+  .sm\:rounded-tr-full {
+    border-top-right-radius: 9999px;
+  }
+
+  .sm\:rounded-br-full {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .sm\:rounded-bl-full {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .sm\:border-solid {
+    border-style: solid;
+  }
+
+  .sm\:border-dashed {
+    border-style: dashed;
+  }
+
+  .sm\:border-dotted {
+    border-style: dotted;
+  }
+
+  .sm\:border-double {
+    border-style: double;
+  }
+
+  .sm\:border-none {
+    border-style: none;
+  }
+
+  .sm\:border-0 {
+    border-width: 0px;
+  }
+
+  .sm\:border-2 {
+    border-width: 2px;
+  }
+
+  .sm\:border-4 {
+    border-width: 4px;
+  }
+
+  .sm\:border-8 {
+    border-width: 8px;
+  }
+
+  .sm\:border {
+    border-width: 1px;
+  }
+
+  .sm\:border-t-0 {
+    border-top-width: 0px;
+  }
+
+  .sm\:border-r-0 {
+    border-right-width: 0px;
+  }
+
+  .sm\:border-b-0 {
+    border-bottom-width: 0px;
+  }
+
+  .sm\:border-l-0 {
+    border-left-width: 0px;
+  }
+
+  .sm\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .sm\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .sm\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .sm\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .sm\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .sm\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .sm\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .sm\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .sm\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .sm\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .sm\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .sm\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .sm\:border-t {
+    border-top-width: 1px;
+  }
+
+  .sm\:border-r {
+    border-right-width: 1px;
+  }
+
+  .sm\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .sm\:border-l {
+    border-left-width: 1px;
+  }
+
+  .sm\:box-border {
+    box-sizing: border-box;
+  }
+
+  .sm\:box-content {
+    box-sizing: content-box;
+  }
+
+  .sm\:cursor-auto {
+    cursor: auto;
+  }
+
+  .sm\:cursor-default {
+    cursor: default;
+  }
+
+  .sm\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .sm\:cursor-wait {
+    cursor: wait;
+  }
+
+  .sm\:cursor-text {
+    cursor: text;
+  }
+
+  .sm\:cursor-move {
+    cursor: move;
+  }
+
+  .sm\:cursor-help {
+    cursor: help;
+  }
+
+  .sm\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
+  .sm\:block {
+    display: block;
+  }
+
+  .sm\:inline-block {
+    display: inline-block;
+  }
+
+  .sm\:inline {
+    display: inline;
+  }
+
+  .sm\:flex {
+    display: flex;
+  }
+
+  .sm\:inline-flex {
+    display: inline-flex;
+  }
+
+  .sm\:table {
+    display: table;
+  }
+
+  .sm\:table-caption {
+    display: table-caption;
+  }
+
+  .sm\:table-cell {
+    display: table-cell;
+  }
+
+  .sm\:table-column {
+    display: table-column;
+  }
+
+  .sm\:table-column-group {
+    display: table-column-group;
+  }
+
+  .sm\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .sm\:table-header-group {
+    display: table-header-group;
+  }
+
+  .sm\:table-row-group {
+    display: table-row-group;
+  }
+
+  .sm\:table-row {
+    display: table-row;
+  }
+
+  .sm\:flow-root {
+    display: flow-root;
+  }
+
+  .sm\:grid {
+    display: grid;
+  }
+
+  .sm\:inline-grid {
+    display: inline-grid;
+  }
+
+  .sm\:contents {
+    display: contents;
+  }
+
+  .sm\:hidden {
+    display: none;
+  }
+
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+
+  .sm\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .sm\:flex-col {
+    flex-direction: column;
+  }
+
+  .sm\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .sm\:flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .sm\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
+  .sm\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .sm\:place-items-auto {
+    place-items: auto;
+  }
+
+  .sm\:place-items-start {
+    place-items: start;
+  }
+
+  .sm\:place-items-end {
+    place-items: end;
+  }
+
+  .sm\:place-items-center {
+    place-items: center;
+  }
+
+  .sm\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .sm\:place-content-center {
+    place-content: center;
+  }
+
+  .sm\:place-content-start {
+    place-content: start;
+  }
+
+  .sm\:place-content-end {
+    place-content: end;
+  }
+
+  .sm\:place-content-between {
+    place-content: space-between;
+  }
+
+  .sm\:place-content-around {
+    place-content: space-around;
+  }
+
+  .sm\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .sm\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .sm\:place-self-auto {
+    place-self: auto;
+  }
+
+  .sm\:place-self-start {
+    place-self: start;
+  }
+
+  .sm\:place-self-end {
+    place-self: end;
+  }
+
+  .sm\:place-self-center {
+    place-self: center;
+  }
+
+  .sm\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .sm\:items-start {
+    align-items: flex-start;
+  }
+
+  .sm\:items-end {
+    align-items: flex-end;
+  }
+
+  .sm\:items-center {
+    align-items: center;
+  }
+
+  .sm\:items-baseline {
+    align-items: baseline;
+  }
+
+  .sm\:items-stretch {
+    align-items: stretch;
+  }
+
+  .sm\:content-center {
+    align-content: center;
+  }
+
+  .sm\:content-start {
+    align-content: flex-start;
+  }
+
+  .sm\:content-end {
+    align-content: flex-end;
+  }
+
+  .sm\:content-between {
+    align-content: space-between;
+  }
+
+  .sm\:content-around {
+    align-content: space-around;
+  }
+
+  .sm\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .sm\:self-auto {
+    align-self: auto;
+  }
+
+  .sm\:self-start {
+    align-self: flex-start;
+  }
+
+  .sm\:self-end {
+    align-self: flex-end;
+  }
+
+  .sm\:self-center {
+    align-self: center;
+  }
+
+  .sm\:self-stretch {
+    align-self: stretch;
+  }
+
+  .sm\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .sm\:justify-items-start {
+    justify-items: start;
+  }
+
+  .sm\:justify-items-end {
+    justify-items: end;
+  }
+
+  .sm\:justify-items-center {
+    justify-items: center;
+  }
+
+  .sm\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
+  .sm\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .sm\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .sm\:justify-center {
+    justify-content: center;
+  }
+
+  .sm\:justify-between {
+    justify-content: space-between;
+  }
+
+  .sm\:justify-around {
+    justify-content: space-around;
+  }
+
+  .sm\:justify-evenly {
+    justify-content: space-evenly;
+  }
+
+  .sm\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .sm\:justify-self-start {
+    justify-self: start;
+  }
+
+  .sm\:justify-self-end {
+    justify-self: end;
+  }
+
+  .sm\:justify-self-center {
+    justify-self: center;
+  }
+
+  .sm\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .sm\:flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .sm\:flex-auto {
+    flex: 1 1 auto;
+  }
+
+  .sm\:flex-initial {
+    flex: 0 1 auto;
+  }
+
+  .sm\:flex-none {
+    flex: none;
+  }
+
+  .sm\:flex-grow-0 {
+    flex-grow: 0;
+  }
+
+  .sm\:flex-grow {
+    flex-grow: 1;
+  }
+
+  .sm\:flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .sm\:flex-shrink {
+    flex-shrink: 1;
+  }
+
+  .sm\:order-1 {
+    order: 1;
+  }
+
+  .sm\:order-2 {
+    order: 2;
+  }
+
+  .sm\:order-3 {
+    order: 3;
+  }
+
+  .sm\:order-4 {
+    order: 4;
+  }
+
+  .sm\:order-5 {
+    order: 5;
+  }
+
+  .sm\:order-6 {
+    order: 6;
+  }
+
+  .sm\:order-7 {
+    order: 7;
+  }
+
+  .sm\:order-8 {
+    order: 8;
+  }
+
+  .sm\:order-9 {
+    order: 9;
+  }
+
+  .sm\:order-10 {
+    order: 10;
+  }
+
+  .sm\:order-11 {
+    order: 11;
+  }
+
+  .sm\:order-12 {
+    order: 12;
+  }
+
+  .sm\:order-first {
+    order: -9999;
+  }
+
+  .sm\:order-last {
+    order: 9999;
+  }
+
+  .sm\:order-none {
+    order: 0;
+  }
+
+  .sm\:float-right {
+    float: right;
+  }
+
+  .sm\:float-left {
+    float: left;
+  }
+
+  .sm\:float-none {
+    float: none;
+  }
+
+  .sm\:clear-left {
+    clear: left;
+  }
+
+  .sm\:clear-right {
+    clear: right;
+  }
+
+  .sm\:clear-both {
+    clear: both;
+  }
+
+  .sm\:clear-none {
+    clear: none;
+  }
+
+  .sm\:font-sans {
+    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  }
+
+  .sm\:font-serif {
+    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .sm\:font-mono {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .sm\:font-thin {
+    font-weight: 100;
+  }
+
+  .sm\:font-extralight {
+    font-weight: 200;
+  }
+
+  .sm\:font-light {
+    font-weight: 300;
+  }
+
+  .sm\:font-normal {
+    font-weight: 400;
+  }
+
+  .sm\:font-medium {
+    font-weight: 500;
+  }
+
+  .sm\:font-semibold {
+    font-weight: 600;
+  }
+
+  .sm\:font-bold {
+    font-weight: 700;
+  }
+
+  .sm\:font-extrabold {
+    font-weight: 800;
+  }
+
+  .sm\:font-black {
+    font-weight: 900;
+  }
+
+  .sm\:h-0 {
+    height: 0px;
+  }
+
+  .sm\:h-1 {
+    height: 0.25rem;
+  }
+
+  .sm\:h-2 {
+    height: 0.5rem;
+  }
+
+  .sm\:h-3 {
+    height: 0.75rem;
+  }
+
+  .sm\:h-4 {
+    height: 1rem;
+  }
+
+  .sm\:h-5 {
+    height: 1.25rem;
+  }
+
+  .sm\:h-6 {
+    height: 1.5rem;
+  }
+
+  .sm\:h-7 {
+    height: 1.75rem;
+  }
+
+  .sm\:h-8 {
+    height: 2rem;
+  }
+
+  .sm\:h-9 {
+    height: 2.25rem;
+  }
+
+  .sm\:h-10 {
+    height: 2.5rem;
+  }
+
+  .sm\:h-11 {
+    height: 2.75rem;
+  }
+
+  .sm\:h-12 {
+    height: 3rem;
+  }
+
+  .sm\:h-14 {
+    height: 3.5rem;
+  }
+
+  .sm\:h-16 {
+    height: 4rem;
+  }
+
+  .sm\:h-20 {
+    height: 5rem;
+  }
+
+  .sm\:h-24 {
+    height: 6rem;
+  }
+
+  .sm\:h-28 {
+    height: 7rem;
+  }
+
+  .sm\:h-32 {
+    height: 8rem;
+  }
+
+  .sm\:h-36 {
+    height: 9rem;
+  }
+
+  .sm\:h-40 {
+    height: 10rem;
+  }
+
+  .sm\:h-44 {
+    height: 11rem;
+  }
+
+  .sm\:h-48 {
+    height: 12rem;
+  }
+
+  .sm\:h-52 {
+    height: 13rem;
+  }
+
+  .sm\:h-56 {
+    height: 14rem;
+  }
+
+  .sm\:h-60 {
+    height: 15rem;
+  }
+
+  .sm\:h-64 {
+    height: 16rem;
+  }
+
+  .sm\:h-72 {
+    height: 18rem;
+  }
+
+  .sm\:h-80 {
+    height: 20rem;
+  }
+
+  .sm\:h-96 {
+    height: 24rem;
+  }
+
+  .sm\:h-auto {
+    height: auto;
+  }
+
+  .sm\:h-px {
+    height: 1px;
+  }
+
+  .sm\:h-0\.5 {
+    height: 0.125rem;
+  }
+
+  .sm\:h-1\.5 {
+    height: 0.375rem;
+  }
+
+  .sm\:h-2\.5 {
+    height: 0.625rem;
+  }
+
+  .sm\:h-3\.5 {
+    height: 0.875rem;
+  }
+
+  .sm\:h-1\/2 {
+    height: 50%;
+  }
+
+  .sm\:h-1\/3 {
+    height: 33.333333%;
+  }
+
+  .sm\:h-2\/3 {
+    height: 66.666667%;
+  }
+
+  .sm\:h-1\/4 {
+    height: 25%;
+  }
+
+  .sm\:h-2\/4 {
+    height: 50%;
+  }
+
+  .sm\:h-3\/4 {
+    height: 75%;
+  }
+
+  .sm\:h-1\/5 {
+    height: 20%;
+  }
+
+  .sm\:h-2\/5 {
+    height: 40%;
+  }
+
+  .sm\:h-3\/5 {
+    height: 60%;
+  }
+
+  .sm\:h-4\/5 {
+    height: 80%;
+  }
+
+  .sm\:h-1\/6 {
+    height: 16.666667%;
+  }
+
+  .sm\:h-2\/6 {
+    height: 33.333333%;
+  }
+
+  .sm\:h-3\/6 {
+    height: 50%;
+  }
+
+  .sm\:h-4\/6 {
+    height: 66.666667%;
+  }
+
+  .sm\:h-5\/6 {
+    height: 83.333333%;
+  }
+
+  .sm\:h-full {
+    height: 100%;
+  }
+
+  .sm\:h-screen {
+    height: 100vh;
+  }
+
+  .sm\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .sm\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .sm\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .sm\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .sm\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .sm\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .sm\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .sm\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .sm\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+
+  .sm\:text-6xl {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .sm\:text-7xl {
+    font-size: 4.5rem;
+    line-height: 1;
+  }
+
+  .sm\:text-8xl {
+    font-size: 6rem;
+    line-height: 1;
+  }
+
+  .sm\:text-9xl {
+    font-size: 8rem;
+    line-height: 1;
+  }
+
+  .sm\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .sm\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .sm\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .sm\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .sm\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .sm\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .sm\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .sm\:leading-10 {
+    line-height: 2.5rem;
+  }
+
+  .sm\:leading-none {
+    line-height: 1;
+  }
+
+  .sm\:leading-tight {
+    line-height: 1.25;
+  }
+
+  .sm\:leading-snug {
+    line-height: 1.375;
+  }
+
+  .sm\:leading-normal {
+    line-height: 1.5;
+  }
+
+  .sm\:leading-relaxed {
+    line-height: 1.625;
+  }
+
+  .sm\:leading-loose {
+    line-height: 2;
+  }
+
+  .sm\:list-inside {
+    list-style-position: inside;
+  }
+
+  .sm\:list-outside {
+    list-style-position: outside;
+  }
+
+  .sm\:list-none {
+    list-style-type: none;
+  }
+
+  .sm\:list-disc {
+    list-style-type: disc;
+  }
+
+  .sm\:list-decimal {
+    list-style-type: decimal;
+  }
+
+  .sm\:m-0 {
+    margin: 0px;
+  }
+
+  .sm\:m-1 {
+    margin: 0.25rem;
+  }
+
+  .sm\:m-2 {
+    margin: 0.5rem;
+  }
+
+  .sm\:m-3 {
+    margin: 0.75rem;
+  }
+
+  .sm\:m-4 {
+    margin: 1rem;
+  }
+
+  .sm\:m-5 {
+    margin: 1.25rem;
+  }
+
+  .sm\:m-6 {
+    margin: 1.5rem;
+  }
+
+  .sm\:m-7 {
+    margin: 1.75rem;
+  }
+
+  .sm\:m-8 {
+    margin: 2rem;
+  }
+
+  .sm\:m-9 {
+    margin: 2.25rem;
+  }
+
+  .sm\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .sm\:m-11 {
+    margin: 2.75rem;
+  }
+
+  .sm\:m-12 {
+    margin: 3rem;
+  }
+
+  .sm\:m-14 {
+    margin: 3.5rem;
+  }
+
+  .sm\:m-16 {
+    margin: 4rem;
+  }
+
+  .sm\:m-20 {
+    margin: 5rem;
+  }
+
+  .sm\:m-24 {
+    margin: 6rem;
+  }
+
+  .sm\:m-28 {
+    margin: 7rem;
+  }
+
+  .sm\:m-32 {
+    margin: 8rem;
+  }
+
+  .sm\:m-36 {
+    margin: 9rem;
+  }
+
+  .sm\:m-40 {
+    margin: 10rem;
+  }
+
+  .sm\:m-44 {
+    margin: 11rem;
+  }
+
+  .sm\:m-48 {
+    margin: 12rem;
+  }
+
+  .sm\:m-52 {
+    margin: 13rem;
+  }
+
+  .sm\:m-56 {
+    margin: 14rem;
+  }
+
+  .sm\:m-60 {
+    margin: 15rem;
+  }
+
+  .sm\:m-64 {
+    margin: 16rem;
+  }
+
+  .sm\:m-72 {
+    margin: 18rem;
+  }
+
+  .sm\:m-80 {
+    margin: 20rem;
+  }
+
+  .sm\:m-96 {
+    margin: 24rem;
+  }
+
+  .sm\:m-auto {
+    margin: auto;
+  }
+
+  .sm\:m-px {
+    margin: 1px;
+  }
+
+  .sm\:m-0\.5 {
+    margin: 0.125rem;
+  }
+
+  .sm\:m-1\.5 {
+    margin: 0.375rem;
+  }
+
+  .sm\:m-2\.5 {
+    margin: 0.625rem;
+  }
+
+  .sm\:m-3\.5 {
+    margin: 0.875rem;
+  }
+
+  .sm\:-m-0 {
+    margin: 0px;
+  }
+
+  .sm\:-m-1 {
+    margin: -0.25rem;
+  }
+
+  .sm\:-m-2 {
+    margin: -0.5rem;
+  }
+
+  .sm\:-m-3 {
+    margin: -0.75rem;
+  }
+
+  .sm\:-m-4 {
+    margin: -1rem;
+  }
+
+  .sm\:-m-5 {
+    margin: -1.25rem;
+  }
+
+  .sm\:-m-6 {
+    margin: -1.5rem;
+  }
+
+  .sm\:-m-7 {
+    margin: -1.75rem;
+  }
+
+  .sm\:-m-8 {
+    margin: -2rem;
+  }
+
+  .sm\:-m-9 {
+    margin: -2.25rem;
+  }
+
+  .sm\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .sm\:-m-11 {
+    margin: -2.75rem;
+  }
+
+  .sm\:-m-12 {
+    margin: -3rem;
+  }
+
+  .sm\:-m-14 {
+    margin: -3.5rem;
+  }
+
+  .sm\:-m-16 {
+    margin: -4rem;
+  }
+
+  .sm\:-m-20 {
+    margin: -5rem;
+  }
+
+  .sm\:-m-24 {
+    margin: -6rem;
+  }
+
+  .sm\:-m-28 {
+    margin: -7rem;
+  }
+
+  .sm\:-m-32 {
+    margin: -8rem;
+  }
+
+  .sm\:-m-36 {
+    margin: -9rem;
+  }
+
+  .sm\:-m-40 {
+    margin: -10rem;
+  }
+
+  .sm\:-m-44 {
+    margin: -11rem;
+  }
+
+  .sm\:-m-48 {
+    margin: -12rem;
+  }
+
+  .sm\:-m-52 {
+    margin: -13rem;
+  }
+
+  .sm\:-m-56 {
+    margin: -14rem;
+  }
+
+  .sm\:-m-60 {
+    margin: -15rem;
+  }
+
+  .sm\:-m-64 {
+    margin: -16rem;
+  }
+
+  .sm\:-m-72 {
+    margin: -18rem;
+  }
+
+  .sm\:-m-80 {
+    margin: -20rem;
+  }
+
+  .sm\:-m-96 {
+    margin: -24rem;
+  }
+
+  .sm\:-m-px {
+    margin: -1px;
+  }
+
+  .sm\:-m-0\.5 {
+    margin: -0.125rem;
+  }
+
+  .sm\:-m-1\.5 {
+    margin: -0.375rem;
+  }
+
+  .sm\:-m-2\.5 {
+    margin: -0.625rem;
+  }
+
+  .sm\:-m-3\.5 {
+    margin: -0.875rem;
+  }
+
+  .sm\:my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .sm\:mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .sm\:my-1 {
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
+  }
+
+  .sm\:mx-1 {
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
+  }
+
+  .sm\:my-2 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .sm\:mx-2 {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .sm\:my-3 {
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem;
+  }
+
+  .sm\:mx-3 {
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
+  }
+
+  .sm\:my-4 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
+  .sm\:mx-4 {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
+  .sm\:my-5 {
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+  }
+
+  .sm\:mx-5 {
+    margin-left: 1.25rem;
+    margin-right: 1.25rem;
+  }
+
+  .sm\:my-6 {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .sm\:mx-6 {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+  }
+
+  .sm\:my-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
+  .sm\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
+  .sm\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .sm\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .sm\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
+  }
+
+  .sm\:mx-9 {
+    margin-left: 2.25rem;
+    margin-right: 2.25rem;
+  }
+
+  .sm\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .sm\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .sm\:my-11 {
+    margin-top: 2.75rem;
+    margin-bottom: 2.75rem;
+  }
+
+  .sm\:mx-11 {
+    margin-left: 2.75rem;
+    margin-right: 2.75rem;
+  }
+
+  .sm\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .sm\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .sm\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .sm\:mx-14 {
+    margin-left: 3.5rem;
+    margin-right: 3.5rem;
+  }
+
+  .sm\:my-16 {
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+  }
+
+  .sm\:mx-16 {
+    margin-left: 4rem;
+    margin-right: 4rem;
+  }
+
+  .sm\:my-20 {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
+  }
+
+  .sm\:mx-20 {
+    margin-left: 5rem;
+    margin-right: 5rem;
+  }
+
+  .sm\:my-24 {
+    margin-top: 6rem;
+    margin-bottom: 6rem;
+  }
+
+  .sm\:mx-24 {
+    margin-left: 6rem;
+    margin-right: 6rem;
+  }
+
+  .sm\:my-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+
+  .sm\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+
+  .sm\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .sm\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .sm\:my-36 {
+    margin-top: 9rem;
+    margin-bottom: 9rem;
+  }
+
+  .sm\:mx-36 {
+    margin-left: 9rem;
+    margin-right: 9rem;
+  }
+
+  .sm\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .sm\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .sm\:my-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .sm\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
+  .sm\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .sm\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .sm\:my-52 {
+    margin-top: 13rem;
+    margin-bottom: 13rem;
+  }
+
+  .sm\:mx-52 {
+    margin-left: 13rem;
+    margin-right: 13rem;
+  }
+
+  .sm\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .sm\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .sm\:my-60 {
+    margin-top: 15rem;
+    margin-bottom: 15rem;
+  }
+
+  .sm\:mx-60 {
+    margin-left: 15rem;
+    margin-right: 15rem;
+  }
+
+  .sm\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .sm\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .sm\:my-72 {
+    margin-top: 18rem;
+    margin-bottom: 18rem;
+  }
+
+  .sm\:mx-72 {
+    margin-left: 18rem;
+    margin-right: 18rem;
+  }
+
+  .sm\:my-80 {
+    margin-top: 20rem;
+    margin-bottom: 20rem;
+  }
+
+  .sm\:mx-80 {
+    margin-left: 20rem;
+    margin-right: 20rem;
+  }
+
+  .sm\:my-96 {
+    margin-top: 24rem;
+    margin-bottom: 24rem;
+  }
+
+  .sm\:mx-96 {
+    margin-left: 24rem;
+    margin-right: 24rem;
+  }
+
+  .sm\:my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+
+  .sm\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .sm\:my-px {
+    margin-top: 1px;
+    margin-bottom: 1px;
+  }
+
+  .sm\:mx-px {
+    margin-left: 1px;
+    margin-right: 1px;
+  }
+
+  .sm\:my-0\.5 {
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+  }
+
+  .sm\:mx-0\.5 {
+    margin-left: 0.125rem;
+    margin-right: 0.125rem;
+  }
+
+  .sm\:my-1\.5 {
+    margin-top: 0.375rem;
+    margin-bottom: 0.375rem;
+  }
+
+  .sm\:mx-1\.5 {
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+
+  .sm\:my-2\.5 {
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
+
+  .sm\:mx-2\.5 {
+    margin-left: 0.625rem;
+    margin-right: 0.625rem;
+  }
+
+  .sm\:my-3\.5 {
+    margin-top: 0.875rem;
+    margin-bottom: 0.875rem;
+  }
+
+  .sm\:mx-3\.5 {
+    margin-left: 0.875rem;
+    margin-right: 0.875rem;
+  }
+
+  .sm\:-my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .sm\:-mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .sm\:-my-1 {
+    margin-top: -0.25rem;
+    margin-bottom: -0.25rem;
+  }
+
+  .sm\:-mx-1 {
+    margin-left: -0.25rem;
+    margin-right: -0.25rem;
+  }
+
+  .sm\:-my-2 {
+    margin-top: -0.5rem;
+    margin-bottom: -0.5rem;
+  }
+
+  .sm\:-mx-2 {
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+  }
+
+  .sm\:-my-3 {
+    margin-top: -0.75rem;
+    margin-bottom: -0.75rem;
+  }
+
+  .sm\:-mx-3 {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+  }
+
+  .sm\:-my-4 {
+    margin-top: -1rem;
+    margin-bottom: -1rem;
+  }
+
+  .sm\:-mx-4 {
+    margin-left: -1rem;
+    margin-right: -1rem;
+  }
+
+  .sm\:-my-5 {
+    margin-top: -1.25rem;
+    margin-bottom: -1.25rem;
+  }
+
+  .sm\:-mx-5 {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+  }
+
+  .sm\:-my-6 {
+    margin-top: -1.5rem;
+    margin-bottom: -1.5rem;
+  }
+
+  .sm\:-mx-6 {
+    margin-left: -1.5rem;
+    margin-right: -1.5rem;
+  }
+
+  .sm\:-my-7 {
+    margin-top: -1.75rem;
+    margin-bottom: -1.75rem;
+  }
+
+  .sm\:-mx-7 {
+    margin-left: -1.75rem;
+    margin-right: -1.75rem;
+  }
+
+  .sm\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .sm\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .sm\:-my-9 {
+    margin-top: -2.25rem;
+    margin-bottom: -2.25rem;
+  }
+
+  .sm\:-mx-9 {
+    margin-left: -2.25rem;
+    margin-right: -2.25rem;
+  }
+
+  .sm\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .sm\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .sm\:-my-11 {
+    margin-top: -2.75rem;
+    margin-bottom: -2.75rem;
+  }
+
+  .sm\:-mx-11 {
+    margin-left: -2.75rem;
+    margin-right: -2.75rem;
+  }
+
+  .sm\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .sm\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .sm\:-my-14 {
+    margin-top: -3.5rem;
+    margin-bottom: -3.5rem;
+  }
+
+  .sm\:-mx-14 {
+    margin-left: -3.5rem;
+    margin-right: -3.5rem;
+  }
+
+  .sm\:-my-16 {
+    margin-top: -4rem;
+    margin-bottom: -4rem;
+  }
+
+  .sm\:-mx-16 {
+    margin-left: -4rem;
+    margin-right: -4rem;
+  }
+
+  .sm\:-my-20 {
+    margin-top: -5rem;
+    margin-bottom: -5rem;
+  }
+
+  .sm\:-mx-20 {
+    margin-left: -5rem;
+    margin-right: -5rem;
+  }
+
+  .sm\:-my-24 {
+    margin-top: -6rem;
+    margin-bottom: -6rem;
+  }
+
+  .sm\:-mx-24 {
+    margin-left: -6rem;
+    margin-right: -6rem;
+  }
+
+  .sm\:-my-28 {
+    margin-top: -7rem;
+    margin-bottom: -7rem;
+  }
+
+  .sm\:-mx-28 {
+    margin-left: -7rem;
+    margin-right: -7rem;
+  }
+
+  .sm\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .sm\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .sm\:-my-36 {
+    margin-top: -9rem;
+    margin-bottom: -9rem;
+  }
+
+  .sm\:-mx-36 {
+    margin-left: -9rem;
+    margin-right: -9rem;
+  }
+
+  .sm\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .sm\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .sm\:-my-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .sm\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
+  .sm\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .sm\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .sm\:-my-52 {
+    margin-top: -13rem;
+    margin-bottom: -13rem;
+  }
+
+  .sm\:-mx-52 {
+    margin-left: -13rem;
+    margin-right: -13rem;
+  }
+
+  .sm\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .sm\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .sm\:-my-60 {
+    margin-top: -15rem;
+    margin-bottom: -15rem;
+  }
+
+  .sm\:-mx-60 {
+    margin-left: -15rem;
+    margin-right: -15rem;
+  }
+
+  .sm\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .sm\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .sm\:-my-72 {
+    margin-top: -18rem;
+    margin-bottom: -18rem;
+  }
+
+  .sm\:-mx-72 {
+    margin-left: -18rem;
+    margin-right: -18rem;
+  }
+
+  .sm\:-my-80 {
+    margin-top: -20rem;
+    margin-bottom: -20rem;
+  }
+
+  .sm\:-mx-80 {
+    margin-left: -20rem;
+    margin-right: -20rem;
+  }
+
+  .sm\:-my-96 {
+    margin-top: -24rem;
+    margin-bottom: -24rem;
+  }
+
+  .sm\:-mx-96 {
+    margin-left: -24rem;
+    margin-right: -24rem;
+  }
+
+  .sm\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .sm\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .sm\:-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }
+
+  .sm\:-mx-0\.5 {
+    margin-left: -0.125rem;
+    margin-right: -0.125rem;
+  }
+
+  .sm\:-my-1\.5 {
+    margin-top: -0.375rem;
+    margin-bottom: -0.375rem;
+  }
+
+  .sm\:-mx-1\.5 {
+    margin-left: -0.375rem;
+    margin-right: -0.375rem;
+  }
+
+  .sm\:-my-2\.5 {
+    margin-top: -0.625rem;
+    margin-bottom: -0.625rem;
+  }
+
+  .sm\:-mx-2\.5 {
+    margin-left: -0.625rem;
+    margin-right: -0.625rem;
+  }
+
+  .sm\:-my-3\.5 {
+    margin-top: -0.875rem;
+    margin-bottom: -0.875rem;
+  }
+
+  .sm\:-mx-3\.5 {
+    margin-left: -0.875rem;
+    margin-right: -0.875rem;
+  }
+
+  .sm\:mt-0 {
+    margin-top: 0px;
+  }
+
+  .sm\:mr-0 {
+    margin-right: 0px;
+  }
+
+  .sm\:mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .sm\:ml-0 {
+    margin-left: 0px;
+  }
+
+  .sm\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
+  .sm\:mr-1 {
+    margin-right: 0.25rem;
+  }
+
+  .sm\:mb-1 {
+    margin-bottom: 0.25rem;
+  }
+
+  .sm\:ml-1 {
+    margin-left: 0.25rem;
+  }
+
+  .sm\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
+  .sm\:mr-2 {
+    margin-right: 0.5rem;
+  }
+
+  .sm\:mb-2 {
+    margin-bottom: 0.5rem;
+  }
+
+  .sm\:ml-2 {
+    margin-left: 0.5rem;
+  }
+
+  .sm\:mt-3 {
+    margin-top: 0.75rem;
+  }
+
+  .sm\:mr-3 {
+    margin-right: 0.75rem;
+  }
+
+  .sm\:mb-3 {
+    margin-bottom: 0.75rem;
+  }
+
+  .sm\:ml-3 {
+    margin-left: 0.75rem;
+  }
+
+  .sm\:mt-4 {
+    margin-top: 1rem;
+  }
+
+  .sm\:mr-4 {
+    margin-right: 1rem;
+  }
+
+  .sm\:mb-4 {
+    margin-bottom: 1rem;
+  }
+
+  .sm\:ml-4 {
+    margin-left: 1rem;
+  }
+
+  .sm\:mt-5 {
+    margin-top: 1.25rem;
+  }
+
+  .sm\:mr-5 {
+    margin-right: 1.25rem;
+  }
+
+  .sm\:mb-5 {
+    margin-bottom: 1.25rem;
+  }
+
+  .sm\:ml-5 {
+    margin-left: 1.25rem;
+  }
+
+  .sm\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .sm\:mr-6 {
+    margin-right: 1.5rem;
+  }
+
+  .sm\:mb-6 {
+    margin-bottom: 1.5rem;
+  }
+
+  .sm\:ml-6 {
+    margin-left: 1.5rem;
+  }
+
+  .sm\:mt-7 {
+    margin-top: 1.75rem;
+  }
+
+  .sm\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .sm\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
+  .sm\:ml-7 {
+    margin-left: 1.75rem;
+  }
+
+  .sm\:mt-8 {
+    margin-top: 2rem;
+  }
+
+  .sm\:mr-8 {
+    margin-right: 2rem;
+  }
+
+  .sm\:mb-8 {
+    margin-bottom: 2rem;
+  }
+
+  .sm\:ml-8 {
+    margin-left: 2rem;
+  }
+
+  .sm\:mt-9 {
+    margin-top: 2.25rem;
+  }
+
+  .sm\:mr-9 {
+    margin-right: 2.25rem;
+  }
+
+  .sm\:mb-9 {
+    margin-bottom: 2.25rem;
+  }
+
+  .sm\:ml-9 {
+    margin-left: 2.25rem;
+  }
+
+  .sm\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
+  .sm\:mr-10 {
+    margin-right: 2.5rem;
+  }
+
+  .sm\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
+  .sm\:ml-10 {
+    margin-left: 2.5rem;
+  }
+
+  .sm\:mt-11 {
+    margin-top: 2.75rem;
+  }
+
+  .sm\:mr-11 {
+    margin-right: 2.75rem;
+  }
+
+  .sm\:mb-11 {
+    margin-bottom: 2.75rem;
+  }
+
+  .sm\:ml-11 {
+    margin-left: 2.75rem;
+  }
+
+  .sm\:mt-12 {
+    margin-top: 3rem;
+  }
+
+  .sm\:mr-12 {
+    margin-right: 3rem;
+  }
+
+  .sm\:mb-12 {
+    margin-bottom: 3rem;
+  }
+
+  .sm\:ml-12 {
+    margin-left: 3rem;
+  }
+
+  .sm\:mt-14 {
+    margin-top: 3.5rem;
+  }
+
+  .sm\:mr-14 {
+    margin-right: 3.5rem;
+  }
+
+  .sm\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .sm\:ml-14 {
+    margin-left: 3.5rem;
+  }
+
+  .sm\:mt-16 {
+    margin-top: 4rem;
+  }
+
+  .sm\:mr-16 {
+    margin-right: 4rem;
+  }
+
+  .sm\:mb-16 {
+    margin-bottom: 4rem;
+  }
+
+  .sm\:ml-16 {
+    margin-left: 4rem;
+  }
+
+  .sm\:mt-20 {
+    margin-top: 5rem;
+  }
+
+  .sm\:mr-20 {
+    margin-right: 5rem;
+  }
+
+  .sm\:mb-20 {
+    margin-bottom: 5rem;
+  }
+
+  .sm\:ml-20 {
+    margin-left: 5rem;
+  }
+
+  .sm\:mt-24 {
+    margin-top: 6rem;
+  }
+
+  .sm\:mr-24 {
+    margin-right: 6rem;
+  }
+
+  .sm\:mb-24 {
+    margin-bottom: 6rem;
+  }
+
+  .sm\:ml-24 {
+    margin-left: 6rem;
+  }
+
+  .sm\:mt-28 {
+    margin-top: 7rem;
+  }
+
+  .sm\:mr-28 {
+    margin-right: 7rem;
+  }
+
+  .sm\:mb-28 {
+    margin-bottom: 7rem;
+  }
+
+  .sm\:ml-28 {
+    margin-left: 7rem;
+  }
+
+  .sm\:mt-32 {
+    margin-top: 8rem;
+  }
+
+  .sm\:mr-32 {
+    margin-right: 8rem;
+  }
+
+  .sm\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
+  .sm\:ml-32 {
+    margin-left: 8rem;
+  }
+
+  .sm\:mt-36 {
+    margin-top: 9rem;
+  }
+
+  .sm\:mr-36 {
+    margin-right: 9rem;
+  }
+
+  .sm\:mb-36 {
+    margin-bottom: 9rem;
+  }
+
+  .sm\:ml-36 {
+    margin-left: 9rem;
+  }
+
+  .sm\:mt-40 {
+    margin-top: 10rem;
+  }
+
+  .sm\:mr-40 {
+    margin-right: 10rem;
+  }
+
+  .sm\:mb-40 {
+    margin-bottom: 10rem;
+  }
+
+  .sm\:ml-40 {
+    margin-left: 10rem;
+  }
+
+  .sm\:mt-44 {
+    margin-top: 11rem;
+  }
+
+  .sm\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .sm\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .sm\:ml-44 {
+    margin-left: 11rem;
+  }
+
+  .sm\:mt-48 {
+    margin-top: 12rem;
+  }
+
+  .sm\:mr-48 {
+    margin-right: 12rem;
+  }
+
+  .sm\:mb-48 {
+    margin-bottom: 12rem;
+  }
+
+  .sm\:ml-48 {
+    margin-left: 12rem;
+  }
+
+  .sm\:mt-52 {
+    margin-top: 13rem;
+  }
+
+  .sm\:mr-52 {
+    margin-right: 13rem;
+  }
+
+  .sm\:mb-52 {
+    margin-bottom: 13rem;
+  }
+
+  .sm\:ml-52 {
+    margin-left: 13rem;
+  }
+
+  .sm\:mt-56 {
+    margin-top: 14rem;
+  }
+
+  .sm\:mr-56 {
+    margin-right: 14rem;
+  }
+
+  .sm\:mb-56 {
+    margin-bottom: 14rem;
+  }
+
+  .sm\:ml-56 {
+    margin-left: 14rem;
+  }
+
+  .sm\:mt-60 {
+    margin-top: 15rem;
+  }
+
+  .sm\:mr-60 {
+    margin-right: 15rem;
+  }
+
+  .sm\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .sm\:ml-60 {
+    margin-left: 15rem;
+  }
+
+  .sm\:mt-64 {
+    margin-top: 16rem;
+  }
+
+  .sm\:mr-64 {
+    margin-right: 16rem;
+  }
+
+  .sm\:mb-64 {
+    margin-bottom: 16rem;
+  }
+
+  .sm\:ml-64 {
+    margin-left: 16rem;
+  }
+
+  .sm\:mt-72 {
+    margin-top: 18rem;
+  }
+
+  .sm\:mr-72 {
+    margin-right: 18rem;
+  }
+
+  .sm\:mb-72 {
+    margin-bottom: 18rem;
+  }
+
+  .sm\:ml-72 {
+    margin-left: 18rem;
+  }
+
+  .sm\:mt-80 {
+    margin-top: 20rem;
+  }
+
+  .sm\:mr-80 {
+    margin-right: 20rem;
+  }
+
+  .sm\:mb-80 {
+    margin-bottom: 20rem;
+  }
+
+  .sm\:ml-80 {
+    margin-left: 20rem;
+  }
+
+  .sm\:mt-96 {
+    margin-top: 24rem;
+  }
+
+  .sm\:mr-96 {
+    margin-right: 24rem;
+  }
+
+  .sm\:mb-96 {
+    margin-bottom: 24rem;
+  }
+
+  .sm\:ml-96 {
+    margin-left: 24rem;
+  }
+
+  .sm\:mt-auto {
+    margin-top: auto;
+  }
+
+  .sm\:mr-auto {
+    margin-right: auto;
+  }
+
+  .sm\:mb-auto {
+    margin-bottom: auto;
+  }
+
+  .sm\:ml-auto {
+    margin-left: auto;
+  }
+
+  .sm\:mt-px {
+    margin-top: 1px;
+  }
+
+  .sm\:mr-px {
+    margin-right: 1px;
+  }
+
+  .sm\:mb-px {
+    margin-bottom: 1px;
+  }
+
+  .sm\:ml-px {
+    margin-left: 1px;
+  }
+
+  .sm\:mt-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .sm\:mr-0\.5 {
+    margin-right: 0.125rem;
+  }
+
+  .sm\:mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }
+
+  .sm\:ml-0\.5 {
+    margin-left: 0.125rem;
+  }
+
+  .sm\:mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .sm\:mr-1\.5 {
+    margin-right: 0.375rem;
+  }
+
+  .sm\:mb-1\.5 {
+    margin-bottom: 0.375rem;
+  }
+
+  .sm\:ml-1\.5 {
+    margin-left: 0.375rem;
+  }
+
+  .sm\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
+  .sm\:mr-2\.5 {
+    margin-right: 0.625rem;
+  }
+
+  .sm\:mb-2\.5 {
+    margin-bottom: 0.625rem;
+  }
+
+  .sm\:ml-2\.5 {
+    margin-left: 0.625rem;
+  }
+
+  .sm\:mt-3\.5 {
+    margin-top: 0.875rem;
+  }
+
+  .sm\:mr-3\.5 {
+    margin-right: 0.875rem;
+  }
+
+  .sm\:mb-3\.5 {
+    margin-bottom: 0.875rem;
+  }
+
+  .sm\:ml-3\.5 {
+    margin-left: 0.875rem;
+  }
+
+  .sm\:-mt-0 {
+    margin-top: 0px;
+  }
+
+  .sm\:-mr-0 {
+    margin-right: 0px;
+  }
+
+  .sm\:-mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .sm\:-ml-0 {
+    margin-left: 0px;
+  }
+
+  .sm\:-mt-1 {
+    margin-top: -0.25rem;
+  }
+
+  .sm\:-mr-1 {
+    margin-right: -0.25rem;
+  }
+
+  .sm\:-mb-1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .sm\:-ml-1 {
+    margin-left: -0.25rem;
+  }
+
+  .sm\:-mt-2 {
+    margin-top: -0.5rem;
+  }
+
+  .sm\:-mr-2 {
+    margin-right: -0.5rem;
+  }
+
+  .sm\:-mb-2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .sm\:-ml-2 {
+    margin-left: -0.5rem;
+  }
+
+  .sm\:-mt-3 {
+    margin-top: -0.75rem;
+  }
+
+  .sm\:-mr-3 {
+    margin-right: -0.75rem;
+  }
+
+  .sm\:-mb-3 {
+    margin-bottom: -0.75rem;
+  }
+
+  .sm\:-ml-3 {
+    margin-left: -0.75rem;
+  }
+
+  .sm\:-mt-4 {
+    margin-top: -1rem;
+  }
+
+  .sm\:-mr-4 {
+    margin-right: -1rem;
+  }
+
+  .sm\:-mb-4 {
+    margin-bottom: -1rem;
+  }
+
+  .sm\:-ml-4 {
+    margin-left: -1rem;
+  }
+
+  .sm\:-mt-5 {
+    margin-top: -1.25rem;
+  }
+
+  .sm\:-mr-5 {
+    margin-right: -1.25rem;
+  }
+
+  .sm\:-mb-5 {
+    margin-bottom: -1.25rem;
+  }
+
+  .sm\:-ml-5 {
+    margin-left: -1.25rem;
+  }
+
+  .sm\:-mt-6 {
+    margin-top: -1.5rem;
+  }
+
+  .sm\:-mr-6 {
+    margin-right: -1.5rem;
+  }
+
+  .sm\:-mb-6 {
+    margin-bottom: -1.5rem;
+  }
+
+  .sm\:-ml-6 {
+    margin-left: -1.5rem;
+  }
+
+  .sm\:-mt-7 {
+    margin-top: -1.75rem;
+  }
+
+  .sm\:-mr-7 {
+    margin-right: -1.75rem;
+  }
+
+  .sm\:-mb-7 {
+    margin-bottom: -1.75rem;
+  }
+
+  .sm\:-ml-7 {
+    margin-left: -1.75rem;
+  }
+
+  .sm\:-mt-8 {
+    margin-top: -2rem;
+  }
+
+  .sm\:-mr-8 {
+    margin-right: -2rem;
+  }
+
+  .sm\:-mb-8 {
+    margin-bottom: -2rem;
+  }
+
+  .sm\:-ml-8 {
+    margin-left: -2rem;
+  }
+
+  .sm\:-mt-9 {
+    margin-top: -2.25rem;
+  }
+
+  .sm\:-mr-9 {
+    margin-right: -2.25rem;
+  }
+
+  .sm\:-mb-9 {
+    margin-bottom: -2.25rem;
+  }
+
+  .sm\:-ml-9 {
+    margin-left: -2.25rem;
+  }
+
+  .sm\:-mt-10 {
+    margin-top: -2.5rem;
+  }
+
+  .sm\:-mr-10 {
+    margin-right: -2.5rem;
+  }
+
+  .sm\:-mb-10 {
+    margin-bottom: -2.5rem;
+  }
+
+  .sm\:-ml-10 {
+    margin-left: -2.5rem;
+  }
+
+  .sm\:-mt-11 {
+    margin-top: -2.75rem;
+  }
+
+  .sm\:-mr-11 {
+    margin-right: -2.75rem;
+  }
+
+  .sm\:-mb-11 {
+    margin-bottom: -2.75rem;
+  }
+
+  .sm\:-ml-11 {
+    margin-left: -2.75rem;
+  }
+
+  .sm\:-mt-12 {
+    margin-top: -3rem;
+  }
+
+  .sm\:-mr-12 {
+    margin-right: -3rem;
+  }
+
+  .sm\:-mb-12 {
+    margin-bottom: -3rem;
+  }
+
+  .sm\:-ml-12 {
+    margin-left: -3rem;
+  }
+
+  .sm\:-mt-14 {
+    margin-top: -3.5rem;
+  }
+
+  .sm\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+
+  .sm\:-mb-14 {
+    margin-bottom: -3.5rem;
+  }
+
+  .sm\:-ml-14 {
+    margin-left: -3.5rem;
+  }
+
+  .sm\:-mt-16 {
+    margin-top: -4rem;
+  }
+
+  .sm\:-mr-16 {
+    margin-right: -4rem;
+  }
+
+  .sm\:-mb-16 {
+    margin-bottom: -4rem;
+  }
+
+  .sm\:-ml-16 {
+    margin-left: -4rem;
+  }
+
+  .sm\:-mt-20 {
+    margin-top: -5rem;
+  }
+
+  .sm\:-mr-20 {
+    margin-right: -5rem;
+  }
+
+  .sm\:-mb-20 {
+    margin-bottom: -5rem;
+  }
+
+  .sm\:-ml-20 {
+    margin-left: -5rem;
+  }
+
+  .sm\:-mt-24 {
+    margin-top: -6rem;
+  }
+
+  .sm\:-mr-24 {
+    margin-right: -6rem;
+  }
+
+  .sm\:-mb-24 {
+    margin-bottom: -6rem;
+  }
+
+  .sm\:-ml-24 {
+    margin-left: -6rem;
+  }
+
+  .sm\:-mt-28 {
+    margin-top: -7rem;
+  }
+
+  .sm\:-mr-28 {
+    margin-right: -7rem;
+  }
+
+  .sm\:-mb-28 {
+    margin-bottom: -7rem;
+  }
+
+  .sm\:-ml-28 {
+    margin-left: -7rem;
+  }
+
+  .sm\:-mt-32 {
+    margin-top: -8rem;
+  }
+
+  .sm\:-mr-32 {
+    margin-right: -8rem;
+  }
+
+  .sm\:-mb-32 {
+    margin-bottom: -8rem;
+  }
+
+  .sm\:-ml-32 {
+    margin-left: -8rem;
+  }
+
+  .sm\:-mt-36 {
+    margin-top: -9rem;
+  }
+
+  .sm\:-mr-36 {
+    margin-right: -9rem;
+  }
+
+  .sm\:-mb-36 {
+    margin-bottom: -9rem;
+  }
+
+  .sm\:-ml-36 {
+    margin-left: -9rem;
+  }
+
+  .sm\:-mt-40 {
+    margin-top: -10rem;
+  }
+
+  .sm\:-mr-40 {
+    margin-right: -10rem;
+  }
+
+  .sm\:-mb-40 {
+    margin-bottom: -10rem;
+  }
+
+  .sm\:-ml-40 {
+    margin-left: -10rem;
+  }
+
+  .sm\:-mt-44 {
+    margin-top: -11rem;
+  }
+
+  .sm\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .sm\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .sm\:-ml-44 {
+    margin-left: -11rem;
+  }
+
+  .sm\:-mt-48 {
+    margin-top: -12rem;
+  }
+
+  .sm\:-mr-48 {
+    margin-right: -12rem;
+  }
+
+  .sm\:-mb-48 {
+    margin-bottom: -12rem;
+  }
+
+  .sm\:-ml-48 {
+    margin-left: -12rem;
+  }
+
+  .sm\:-mt-52 {
+    margin-top: -13rem;
+  }
+
+  .sm\:-mr-52 {
+    margin-right: -13rem;
+  }
+
+  .sm\:-mb-52 {
+    margin-bottom: -13rem;
+  }
+
+  .sm\:-ml-52 {
+    margin-left: -13rem;
+  }
+
+  .sm\:-mt-56 {
+    margin-top: -14rem;
+  }
+
+  .sm\:-mr-56 {
+    margin-right: -14rem;
+  }
+
+  .sm\:-mb-56 {
+    margin-bottom: -14rem;
+  }
+
+  .sm\:-ml-56 {
+    margin-left: -14rem;
+  }
+
+  .sm\:-mt-60 {
+    margin-top: -15rem;
+  }
+
+  .sm\:-mr-60 {
+    margin-right: -15rem;
+  }
+
+  .sm\:-mb-60 {
+    margin-bottom: -15rem;
+  }
+
+  .sm\:-ml-60 {
+    margin-left: -15rem;
+  }
+
+  .sm\:-mt-64 {
+    margin-top: -16rem;
+  }
+
+  .sm\:-mr-64 {
+    margin-right: -16rem;
+  }
+
+  .sm\:-mb-64 {
+    margin-bottom: -16rem;
+  }
+
+  .sm\:-ml-64 {
+    margin-left: -16rem;
+  }
+
+  .sm\:-mt-72 {
+    margin-top: -18rem;
+  }
+
+  .sm\:-mr-72 {
+    margin-right: -18rem;
+  }
+
+  .sm\:-mb-72 {
+    margin-bottom: -18rem;
+  }
+
+  .sm\:-ml-72 {
+    margin-left: -18rem;
+  }
+
+  .sm\:-mt-80 {
+    margin-top: -20rem;
+  }
+
+  .sm\:-mr-80 {
+    margin-right: -20rem;
+  }
+
+  .sm\:-mb-80 {
+    margin-bottom: -20rem;
+  }
+
+  .sm\:-ml-80 {
+    margin-left: -20rem;
+  }
+
+  .sm\:-mt-96 {
+    margin-top: -24rem;
+  }
+
+  .sm\:-mr-96 {
+    margin-right: -24rem;
+  }
+
+  .sm\:-mb-96 {
+    margin-bottom: -24rem;
+  }
+
+  .sm\:-ml-96 {
+    margin-left: -24rem;
+  }
+
+  .sm\:-mt-px {
+    margin-top: -1px;
+  }
+
+  .sm\:-mr-px {
+    margin-right: -1px;
+  }
+
+  .sm\:-mb-px {
+    margin-bottom: -1px;
+  }
+
+  .sm\:-ml-px {
+    margin-left: -1px;
+  }
+
+  .sm\:-mt-0\.5 {
+    margin-top: -0.125rem;
+  }
+
+  .sm\:-mr-0\.5 {
+    margin-right: -0.125rem;
+  }
+
+  .sm\:-mb-0\.5 {
+    margin-bottom: -0.125rem;
+  }
+
+  .sm\:-ml-0\.5 {
+    margin-left: -0.125rem;
+  }
+
+  .sm\:-mt-1\.5 {
+    margin-top: -0.375rem;
+  }
+
+  .sm\:-mr-1\.5 {
+    margin-right: -0.375rem;
+  }
+
+  .sm\:-mb-1\.5 {
+    margin-bottom: -0.375rem;
+  }
+
+  .sm\:-ml-1\.5 {
+    margin-left: -0.375rem;
+  }
+
+  .sm\:-mt-2\.5 {
+    margin-top: -0.625rem;
+  }
+
+  .sm\:-mr-2\.5 {
+    margin-right: -0.625rem;
+  }
+
+  .sm\:-mb-2\.5 {
+    margin-bottom: -0.625rem;
+  }
+
+  .sm\:-ml-2\.5 {
+    margin-left: -0.625rem;
+  }
+
+  .sm\:-mt-3\.5 {
+    margin-top: -0.875rem;
+  }
+
+  .sm\:-mr-3\.5 {
+    margin-right: -0.875rem;
+  }
+
+  .sm\:-mb-3\.5 {
+    margin-bottom: -0.875rem;
+  }
+
+  .sm\:-ml-3\.5 {
+    margin-left: -0.875rem;
+  }
+
+  .sm\:max-h-0 {
+    max-height: 0px;
+  }
+
+  .sm\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .sm\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .sm\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .sm\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .sm\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .sm\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .sm\:max-h-7 {
+    max-height: 1.75rem;
+  }
+
+  .sm\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .sm\:max-h-9 {
+    max-height: 2.25rem;
+  }
+
+  .sm\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .sm\:max-h-11 {
+    max-height: 2.75rem;
+  }
+
+  .sm\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .sm\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .sm\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .sm\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .sm\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .sm\:max-h-28 {
+    max-height: 7rem;
+  }
+
+  .sm\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .sm\:max-h-36 {
+    max-height: 9rem;
+  }
+
+  .sm\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .sm\:max-h-44 {
+    max-height: 11rem;
+  }
+
+  .sm\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .sm\:max-h-52 {
+    max-height: 13rem;
+  }
+
+  .sm\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .sm\:max-h-60 {
+    max-height: 15rem;
+  }
+
+  .sm\:max-h-64 {
+    max-height: 16rem;
+  }
+
+  .sm\:max-h-72 {
+    max-height: 18rem;
+  }
+
+  .sm\:max-h-80 {
+    max-height: 20rem;
+  }
+
+  .sm\:max-h-96 {
+    max-height: 24rem;
+  }
+
+  .sm\:max-h-px {
+    max-height: 1px;
+  }
+
+  .sm\:max-h-0\.5 {
+    max-height: 0.125rem;
+  }
+
+  .sm\:max-h-1\.5 {
+    max-height: 0.375rem;
+  }
+
+  .sm\:max-h-2\.5 {
+    max-height: 0.625rem;
+  }
+
+  .sm\:max-h-3\.5 {
+    max-height: 0.875rem;
+  }
+
+  .sm\:max-h-full {
+    max-height: 100%;
+  }
+
+  .sm\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .sm\:max-w-0 {
+    max-width: 0rem;
+  }
+
+  .sm\:max-w-none {
+    max-width: none;
+  }
+
+  .sm\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .sm\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .sm\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .sm\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .sm\:max-w-xl {
+    max-width: 36rem;
+  }
+
+  .sm\:max-w-2xl {
+    max-width: 42rem;
+  }
+
+  .sm\:max-w-3xl {
+    max-width: 48rem;
+  }
+
+  .sm\:max-w-4xl {
+    max-width: 56rem;
+  }
+
+  .sm\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .sm\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .sm\:max-w-7xl {
+    max-width: 80rem;
+  }
+
+  .sm\:max-w-full {
+    max-width: 100%;
+  }
+
+  .sm\:max-w-min {
+    max-width: -webkit-min-content;
+    max-width: min-content;
+  }
+
+  .sm\:max-w-max {
+    max-width: -webkit-max-content;
+    max-width: max-content;
+  }
+
+  .sm\:max-w-prose {
+    max-width: 65ch;
+  }
+
+  .sm\:max-w-screen-sm {
+    max-width: 640px;
+  }
+
+  .sm\:max-w-screen-md {
+    max-width: 768px;
+  }
+
+  .sm\:max-w-screen-lg {
+    max-width: 1024px;
+  }
+
+  .sm\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+
+  .sm\:max-w-screen-2xl {
+    max-width: 1536px;
+  }
+
+  .sm\:min-h-0 {
+    min-height: 0px;
+  }
+
+  .sm\:min-h-full {
+    min-height: 100%;
+  }
+
+  .sm\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .sm\:min-w-0 {
+    min-width: 0px;
+  }
+
+  .sm\:min-w-full {
+    min-width: 100%;
+  }
+
+  .sm\:min-w-min {
+    min-width: -webkit-min-content;
+    min-width: min-content;
+  }
+
+  .sm\:min-w-max {
+    min-width: -webkit-max-content;
+    min-width: max-content;
+  }
+
+  .sm\:object-contain {
+    object-fit: contain;
+  }
+
+  .sm\:object-cover {
+    object-fit: cover;
+  }
+
+  .sm\:object-fill {
+    object-fit: fill;
+  }
+
+  .sm\:object-none {
+    object-fit: none;
+  }
+
+  .sm\:object-scale-down {
+    object-fit: scale-down;
+  }
+
+  .sm\:object-bottom {
+    object-position: bottom;
+  }
+
+  .sm\:object-center {
+    object-position: center;
+  }
+
+  .sm\:object-left {
+    object-position: left;
+  }
+
+  .sm\:object-left-bottom {
+    object-position: left bottom;
+  }
+
+  .sm\:object-left-top {
+    object-position: left top;
+  }
+
+  .sm\:object-right {
+    object-position: right;
+  }
+
+  .sm\:object-right-bottom {
+    object-position: right bottom;
+  }
+
+  .sm\:object-right-top {
+    object-position: right top;
+  }
+
+  .sm\:object-top {
+    object-position: top;
+  }
+
+  .sm\:opacity-0 {
+    opacity: 0;
+  }
+
+  .sm\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .sm\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .sm\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .sm\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .sm\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .sm\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .sm\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .sm\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .sm\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .sm\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .sm\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .sm\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .sm\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .sm\:opacity-100 {
+    opacity: 1;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-100 {
+    opacity: 1;
+  }
+
+  .sm\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .sm\:focus-within\:opacity-5:focus-within {
+    opacity: 0.05;
+  }
+
+  .sm\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .sm\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .sm\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .sm\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .sm\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .sm\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .sm\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .sm\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .sm\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .sm\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .sm\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .sm\:focus-within\:opacity-95:focus-within {
+    opacity: 0.95;
+  }
+
+  .sm\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
+  .sm\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .sm\:hover\:opacity-5:hover {
+    opacity: 0.05;
+  }
+
+  .sm\:hover\:opacity-10:hover {
+    opacity: 0.1;
+  }
+
+  .sm\:hover\:opacity-20:hover {
+    opacity: 0.2;
+  }
+
+  .sm\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .sm\:hover\:opacity-30:hover {
+    opacity: 0.3;
+  }
+
+  .sm\:hover\:opacity-40:hover {
+    opacity: 0.4;
+  }
+
+  .sm\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .sm\:hover\:opacity-60:hover {
+    opacity: 0.6;
+  }
+
+  .sm\:hover\:opacity-70:hover {
+    opacity: 0.7;
+  }
+
+  .sm\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .sm\:hover\:opacity-80:hover {
+    opacity: 0.8;
+  }
+
+  .sm\:hover\:opacity-90:hover {
+    opacity: 0.9;
+  }
+
+  .sm\:hover\:opacity-95:hover {
+    opacity: 0.95;
+  }
+
+  .sm\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .sm\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .sm\:focus\:opacity-5:focus {
+    opacity: 0.05;
+  }
+
+  .sm\:focus\:opacity-10:focus {
+    opacity: 0.1;
+  }
+
+  .sm\:focus\:opacity-20:focus {
+    opacity: 0.2;
+  }
+
+  .sm\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .sm\:focus\:opacity-30:focus {
+    opacity: 0.3;
+  }
+
+  .sm\:focus\:opacity-40:focus {
+    opacity: 0.4;
+  }
+
+  .sm\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .sm\:focus\:opacity-60:focus {
+    opacity: 0.6;
+  }
+
+  .sm\:focus\:opacity-70:focus {
+    opacity: 0.7;
+  }
+
+  .sm\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .sm\:focus\:opacity-80:focus {
+    opacity: 0.8;
+  }
+
+  .sm\:focus\:opacity-90:focus {
+    opacity: 0.9;
+  }
+
+  .sm\:focus\:opacity-95:focus {
+    opacity: 0.95;
+  }
+
+  .sm\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .sm\:outline-none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .sm\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .sm\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus-within\:outline-none:focus-within {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus-within\:outline-white:focus-within {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus-within\:outline-black:focus-within {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .sm\:overflow-auto {
+    overflow: auto;
+  }
+
+  .sm\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .sm\:overflow-visible {
+    overflow: visible;
+  }
+
+  .sm\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .sm\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .sm\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .sm\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .sm\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .sm\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .sm\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .sm\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .sm\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .sm\:overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .sm\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .sm\:overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .sm\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .sm\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .sm\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .sm\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .sm\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .sm\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .sm\:p-0 {
+    padding: 0px;
+  }
+
+  .sm\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .sm\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .sm\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .sm\:p-4 {
+    padding: 1rem;
+  }
+
+  .sm\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .sm\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .sm\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .sm\:p-8 {
+    padding: 2rem;
+  }
+
+  .sm\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .sm\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .sm\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .sm\:p-12 {
+    padding: 3rem;
+  }
+
+  .sm\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .sm\:p-16 {
+    padding: 4rem;
+  }
+
+  .sm\:p-20 {
+    padding: 5rem;
+  }
+
+  .sm\:p-24 {
+    padding: 6rem;
+  }
+
+  .sm\:p-28 {
+    padding: 7rem;
+  }
+
+  .sm\:p-32 {
+    padding: 8rem;
+  }
+
+  .sm\:p-36 {
+    padding: 9rem;
+  }
+
+  .sm\:p-40 {
+    padding: 10rem;
+  }
+
+  .sm\:p-44 {
+    padding: 11rem;
+  }
+
+  .sm\:p-48 {
+    padding: 12rem;
+  }
+
+  .sm\:p-52 {
+    padding: 13rem;
+  }
+
+  .sm\:p-56 {
+    padding: 14rem;
+  }
+
+  .sm\:p-60 {
+    padding: 15rem;
+  }
+
+  .sm\:p-64 {
+    padding: 16rem;
+  }
+
+  .sm\:p-72 {
+    padding: 18rem;
+  }
+
+  .sm\:p-80 {
+    padding: 20rem;
+  }
+
+  .sm\:p-96 {
+    padding: 24rem;
+  }
+
+  .sm\:p-px {
+    padding: 1px;
+  }
+
+  .sm\:p-0\.5 {
+    padding: 0.125rem;
+  }
+
+  .sm\:p-1\.5 {
+    padding: 0.375rem;
+  }
+
+  .sm\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
+  .sm\:p-3\.5 {
+    padding: 0.875rem;
+  }
+
+  .sm\:py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .sm\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .sm\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .sm\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .sm\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .sm\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .sm\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .sm\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .sm\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .sm\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .sm\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .sm\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .sm\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .sm\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .sm\:py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
+  .sm\:px-7 {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+
+  .sm\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .sm\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .sm\:py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .sm\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .sm\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .sm\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .sm\:py-11 {
+    padding-top: 2.75rem;
+    padding-bottom: 2.75rem;
+  }
+
+  .sm\:px-11 {
+    padding-left: 2.75rem;
+    padding-right: 2.75rem;
+  }
+
+  .sm\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .sm\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .sm\:py-14 {
+    padding-top: 3.5rem;
+    padding-bottom: 3.5rem;
+  }
+
+  .sm\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+
+  .sm\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .sm\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
+  .sm\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+
+  .sm\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
+  .sm\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
+
+  .sm\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
+
+  .sm\:py-28 {
+    padding-top: 7rem;
+    padding-bottom: 7rem;
+  }
+
+  .sm\:px-28 {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .sm\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .sm\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .sm\:py-36 {
+    padding-top: 9rem;
+    padding-bottom: 9rem;
+  }
+
+  .sm\:px-36 {
+    padding-left: 9rem;
+    padding-right: 9rem;
+  }
+
+  .sm\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .sm\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .sm\:py-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .sm\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
+  .sm\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .sm\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .sm\:py-52 {
+    padding-top: 13rem;
+    padding-bottom: 13rem;
+  }
+
+  .sm\:px-52 {
+    padding-left: 13rem;
+    padding-right: 13rem;
+  }
+
+  .sm\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .sm\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .sm\:py-60 {
+    padding-top: 15rem;
+    padding-bottom: 15rem;
+  }
+
+  .sm\:px-60 {
+    padding-left: 15rem;
+    padding-right: 15rem;
+  }
+
+  .sm\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .sm\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .sm\:py-72 {
+    padding-top: 18rem;
+    padding-bottom: 18rem;
+  }
+
+  .sm\:px-72 {
+    padding-left: 18rem;
+    padding-right: 18rem;
+  }
+
+  .sm\:py-80 {
+    padding-top: 20rem;
+    padding-bottom: 20rem;
+  }
+
+  .sm\:px-80 {
+    padding-left: 20rem;
+    padding-right: 20rem;
+  }
+
+  .sm\:py-96 {
+    padding-top: 24rem;
+    padding-bottom: 24rem;
+  }
+
+  .sm\:px-96 {
+    padding-left: 24rem;
+    padding-right: 24rem;
+  }
+
+  .sm\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .sm\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .sm\:py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+
+  .sm\:px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }
+
+  .sm\:py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }
+
+  .sm\:px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
+  .sm\:py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .sm\:px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }
+
+  .sm\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .sm\:px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }
+
+  .sm\:pt-0 {
+    padding-top: 0px;
+  }
+
+  .sm\:pr-0 {
+    padding-right: 0px;
+  }
+
+  .sm\:pb-0 {
+    padding-bottom: 0px;
+  }
+
+  .sm\:pl-0 {
+    padding-left: 0px;
+  }
+
+  .sm\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .sm\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .sm\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .sm\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .sm\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .sm\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .sm\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .sm\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .sm\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .sm\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .sm\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .sm\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .sm\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .sm\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .sm\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .sm\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .sm\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .sm\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .sm\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .sm\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .sm\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .sm\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .sm\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .sm\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .sm\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
+  .sm\:pr-7 {
+    padding-right: 1.75rem;
+  }
+
+  .sm\:pb-7 {
+    padding-bottom: 1.75rem;
+  }
+
+  .sm\:pl-7 {
+    padding-left: 1.75rem;
+  }
+
+  .sm\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .sm\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .sm\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .sm\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .sm\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
+  .sm\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .sm\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .sm\:pl-9 {
+    padding-left: 2.25rem;
+  }
+
+  .sm\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .sm\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .sm\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .sm\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .sm\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
+  .sm\:pr-11 {
+    padding-right: 2.75rem;
+  }
+
+  .sm\:pb-11 {
+    padding-bottom: 2.75rem;
+  }
+
+  .sm\:pl-11 {
+    padding-left: 2.75rem;
+  }
+
+  .sm\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .sm\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .sm\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .sm\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .sm\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .sm\:pr-14 {
+    padding-right: 3.5rem;
+  }
+
+  .sm\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
+  .sm\:pl-14 {
+    padding-left: 3.5rem;
+  }
+
+  .sm\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .sm\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .sm\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .sm\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .sm\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .sm\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .sm\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .sm\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .sm\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .sm\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .sm\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .sm\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .sm\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .sm\:pr-28 {
+    padding-right: 7rem;
+  }
+
+  .sm\:pb-28 {
+    padding-bottom: 7rem;
+  }
+
+  .sm\:pl-28 {
+    padding-left: 7rem;
+  }
+
+  .sm\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .sm\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .sm\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .sm\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .sm\:pt-36 {
+    padding-top: 9rem;
+  }
+
+  .sm\:pr-36 {
+    padding-right: 9rem;
+  }
+
+  .sm\:pb-36 {
+    padding-bottom: 9rem;
+  }
+
+  .sm\:pl-36 {
+    padding-left: 9rem;
+  }
+
+  .sm\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .sm\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .sm\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .sm\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .sm\:pt-44 {
+    padding-top: 11rem;
+  }
+
+  .sm\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .sm\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .sm\:pl-44 {
+    padding-left: 11rem;
+  }
+
+  .sm\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .sm\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .sm\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .sm\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .sm\:pt-52 {
+    padding-top: 13rem;
+  }
+
+  .sm\:pr-52 {
+    padding-right: 13rem;
+  }
+
+  .sm\:pb-52 {
+    padding-bottom: 13rem;
+  }
+
+  .sm\:pl-52 {
+    padding-left: 13rem;
+  }
+
+  .sm\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .sm\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .sm\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .sm\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .sm\:pt-60 {
+    padding-top: 15rem;
+  }
+
+  .sm\:pr-60 {
+    padding-right: 15rem;
+  }
+
+  .sm\:pb-60 {
+    padding-bottom: 15rem;
+  }
+
+  .sm\:pl-60 {
+    padding-left: 15rem;
+  }
+
+  .sm\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .sm\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .sm\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .sm\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .sm\:pt-72 {
+    padding-top: 18rem;
+  }
+
+  .sm\:pr-72 {
+    padding-right: 18rem;
+  }
+
+  .sm\:pb-72 {
+    padding-bottom: 18rem;
+  }
+
+  .sm\:pl-72 {
+    padding-left: 18rem;
+  }
+
+  .sm\:pt-80 {
+    padding-top: 20rem;
+  }
+
+  .sm\:pr-80 {
+    padding-right: 20rem;
+  }
+
+  .sm\:pb-80 {
+    padding-bottom: 20rem;
+  }
+
+  .sm\:pl-80 {
+    padding-left: 20rem;
+  }
+
+  .sm\:pt-96 {
+    padding-top: 24rem;
+  }
+
+  .sm\:pr-96 {
+    padding-right: 24rem;
+  }
+
+  .sm\:pb-96 {
+    padding-bottom: 24rem;
+  }
+
+  .sm\:pl-96 {
+    padding-left: 24rem;
+  }
+
+  .sm\:pt-px {
+    padding-top: 1px;
+  }
+
+  .sm\:pr-px {
+    padding-right: 1px;
+  }
+
+  .sm\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .sm\:pl-px {
+    padding-left: 1px;
+  }
+
+  .sm\:pt-0\.5 {
+    padding-top: 0.125rem;
+  }
+
+  .sm\:pr-0\.5 {
+    padding-right: 0.125rem;
+  }
+
+  .sm\:pb-0\.5 {
+    padding-bottom: 0.125rem;
+  }
+
+  .sm\:pl-0\.5 {
+    padding-left: 0.125rem;
+  }
+
+  .sm\:pt-1\.5 {
+    padding-top: 0.375rem;
+  }
+
+  .sm\:pr-1\.5 {
+    padding-right: 0.375rem;
+  }
+
+  .sm\:pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }
+
+  .sm\:pl-1\.5 {
+    padding-left: 0.375rem;
+  }
+
+  .sm\:pt-2\.5 {
+    padding-top: 0.625rem;
+  }
+
+  .sm\:pr-2\.5 {
+    padding-right: 0.625rem;
+  }
+
+  .sm\:pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+
+  .sm\:pl-2\.5 {
+    padding-left: 0.625rem;
+  }
+
+  .sm\:pt-3\.5 {
+    padding-top: 0.875rem;
+  }
+
+  .sm\:pr-3\.5 {
+    padding-right: 0.875rem;
+  }
+
+  .sm\:pb-3\.5 {
+    padding-bottom: 0.875rem;
+  }
+
+  .sm\:pl-3\.5 {
+    padding-left: 0.875rem;
+  }
+
+  .sm\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .sm\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .sm\:placeholder-black::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-white::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .sm\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .sm\:focus\:placeholder-black:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-white:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-opacity-0::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .sm\:placeholder-opacity-5::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .sm\:placeholder-opacity-10::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .sm\:placeholder-opacity-20::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .sm\:placeholder-opacity-25::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .sm\:placeholder-opacity-30::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .sm\:placeholder-opacity-40::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .sm\:placeholder-opacity-50::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .sm\:placeholder-opacity-60::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .sm\:placeholder-opacity-70::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .sm\:placeholder-opacity-75::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .sm\:placeholder-opacity-80::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .sm\:placeholder-opacity-90::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .sm\:placeholder-opacity-95::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .sm\:placeholder-opacity-100::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .sm\:focus\:placeholder-opacity-0:focus::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .sm\:focus\:placeholder-opacity-5:focus::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .sm\:focus\:placeholder-opacity-10:focus::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .sm\:focus\:placeholder-opacity-20:focus::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .sm\:focus\:placeholder-opacity-25:focus::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .sm\:focus\:placeholder-opacity-30:focus::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .sm\:focus\:placeholder-opacity-40:focus::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .sm\:focus\:placeholder-opacity-50:focus::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .sm\:focus\:placeholder-opacity-60:focus::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .sm\:focus\:placeholder-opacity-70:focus::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .sm\:focus\:placeholder-opacity-75:focus::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .sm\:focus\:placeholder-opacity-80:focus::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .sm\:focus\:placeholder-opacity-90:focus::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .sm\:focus\:placeholder-opacity-95:focus::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .sm\:focus\:placeholder-opacity-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .sm\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .sm\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .sm\:static {
+    position: static;
+  }
+
+  .sm\:fixed {
+    position: fixed;
+  }
+
+  .sm\:absolute {
+    position: absolute;
+  }
+
+  .sm\:relative {
+    position: relative;
+  }
+
+  .sm\:sticky {
+    position: -webkit-sticky;
+    position: sticky;
+  }
+
+  .sm\:inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .sm\:inset-1 {
+    top: 0.25rem;
+    right: 0.25rem;
+    bottom: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .sm\:inset-2 {
+    top: 0.5rem;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .sm\:inset-3 {
+    top: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .sm\:inset-4 {
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  .sm\:inset-5 {
+    top: 1.25rem;
+    right: 1.25rem;
+    bottom: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .sm\:inset-6 {
+    top: 1.5rem;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .sm\:inset-7 {
+    top: 1.75rem;
+    right: 1.75rem;
+    bottom: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .sm\:inset-8 {
+    top: 2rem;
+    right: 2rem;
+    bottom: 2rem;
+    left: 2rem;
+  }
+
+  .sm\:inset-9 {
+    top: 2.25rem;
+    right: 2.25rem;
+    bottom: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .sm\:inset-10 {
+    top: 2.5rem;
+    right: 2.5rem;
+    bottom: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .sm\:inset-11 {
+    top: 2.75rem;
+    right: 2.75rem;
+    bottom: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .sm\:inset-12 {
+    top: 3rem;
+    right: 3rem;
+    bottom: 3rem;
+    left: 3rem;
+  }
+
+  .sm\:inset-14 {
+    top: 3.5rem;
+    right: 3.5rem;
+    bottom: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .sm\:inset-16 {
+    top: 4rem;
+    right: 4rem;
+    bottom: 4rem;
+    left: 4rem;
+  }
+
+  .sm\:inset-20 {
+    top: 5rem;
+    right: 5rem;
+    bottom: 5rem;
+    left: 5rem;
+  }
+
+  .sm\:inset-24 {
+    top: 6rem;
+    right: 6rem;
+    bottom: 6rem;
+    left: 6rem;
+  }
+
+  .sm\:inset-28 {
+    top: 7rem;
+    right: 7rem;
+    bottom: 7rem;
+    left: 7rem;
+  }
+
+  .sm\:inset-32 {
+    top: 8rem;
+    right: 8rem;
+    bottom: 8rem;
+    left: 8rem;
+  }
+
+  .sm\:inset-36 {
+    top: 9rem;
+    right: 9rem;
+    bottom: 9rem;
+    left: 9rem;
+  }
+
+  .sm\:inset-40 {
+    top: 10rem;
+    right: 10rem;
+    bottom: 10rem;
+    left: 10rem;
+  }
+
+  .sm\:inset-44 {
+    top: 11rem;
+    right: 11rem;
+    bottom: 11rem;
+    left: 11rem;
+  }
+
+  .sm\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .sm\:inset-52 {
+    top: 13rem;
+    right: 13rem;
+    bottom: 13rem;
+    left: 13rem;
+  }
+
+  .sm\:inset-56 {
+    top: 14rem;
+    right: 14rem;
+    bottom: 14rem;
+    left: 14rem;
+  }
+
+  .sm\:inset-60 {
+    top: 15rem;
+    right: 15rem;
+    bottom: 15rem;
+    left: 15rem;
+  }
+
+  .sm\:inset-64 {
+    top: 16rem;
+    right: 16rem;
+    bottom: 16rem;
+    left: 16rem;
+  }
+
+  .sm\:inset-72 {
+    top: 18rem;
+    right: 18rem;
+    bottom: 18rem;
+    left: 18rem;
+  }
+
+  .sm\:inset-80 {
+    top: 20rem;
+    right: 20rem;
+    bottom: 20rem;
+    left: 20rem;
+  }
+
+  .sm\:inset-96 {
+    top: 24rem;
+    right: 24rem;
+    bottom: 24rem;
+    left: 24rem;
+  }
+
+  .sm\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .sm\:inset-px {
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+  }
+
+  .sm\:inset-0\.5 {
+    top: 0.125rem;
+    right: 0.125rem;
+    bottom: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .sm\:inset-1\.5 {
+    top: 0.375rem;
+    right: 0.375rem;
+    bottom: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .sm\:inset-2\.5 {
+    top: 0.625rem;
+    right: 0.625rem;
+    bottom: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .sm\:inset-3\.5 {
+    top: 0.875rem;
+    right: 0.875rem;
+    bottom: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .sm\:-inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .sm\:-inset-1 {
+    top: -0.25rem;
+    right: -0.25rem;
+    bottom: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .sm\:-inset-2 {
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .sm\:-inset-3 {
+    top: -0.75rem;
+    right: -0.75rem;
+    bottom: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .sm\:-inset-4 {
+    top: -1rem;
+    right: -1rem;
+    bottom: -1rem;
+    left: -1rem;
+  }
+
+  .sm\:-inset-5 {
+    top: -1.25rem;
+    right: -1.25rem;
+    bottom: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .sm\:-inset-6 {
+    top: -1.5rem;
+    right: -1.5rem;
+    bottom: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .sm\:-inset-7 {
+    top: -1.75rem;
+    right: -1.75rem;
+    bottom: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .sm\:-inset-8 {
+    top: -2rem;
+    right: -2rem;
+    bottom: -2rem;
+    left: -2rem;
+  }
+
+  .sm\:-inset-9 {
+    top: -2.25rem;
+    right: -2.25rem;
+    bottom: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .sm\:-inset-10 {
+    top: -2.5rem;
+    right: -2.5rem;
+    bottom: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .sm\:-inset-11 {
+    top: -2.75rem;
+    right: -2.75rem;
+    bottom: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .sm\:-inset-12 {
+    top: -3rem;
+    right: -3rem;
+    bottom: -3rem;
+    left: -3rem;
+  }
+
+  .sm\:-inset-14 {
+    top: -3.5rem;
+    right: -3.5rem;
+    bottom: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .sm\:-inset-16 {
+    top: -4rem;
+    right: -4rem;
+    bottom: -4rem;
+    left: -4rem;
+  }
+
+  .sm\:-inset-20 {
+    top: -5rem;
+    right: -5rem;
+    bottom: -5rem;
+    left: -5rem;
+  }
+
+  .sm\:-inset-24 {
+    top: -6rem;
+    right: -6rem;
+    bottom: -6rem;
+    left: -6rem;
+  }
+
+  .sm\:-inset-28 {
+    top: -7rem;
+    right: -7rem;
+    bottom: -7rem;
+    left: -7rem;
+  }
+
+  .sm\:-inset-32 {
+    top: -8rem;
+    right: -8rem;
+    bottom: -8rem;
+    left: -8rem;
+  }
+
+  .sm\:-inset-36 {
+    top: -9rem;
+    right: -9rem;
+    bottom: -9rem;
+    left: -9rem;
+  }
+
+  .sm\:-inset-40 {
+    top: -10rem;
+    right: -10rem;
+    bottom: -10rem;
+    left: -10rem;
+  }
+
+  .sm\:-inset-44 {
+    top: -11rem;
+    right: -11rem;
+    bottom: -11rem;
+    left: -11rem;
+  }
+
+  .sm\:-inset-48 {
+    top: -12rem;
+    right: -12rem;
+    bottom: -12rem;
+    left: -12rem;
+  }
+
+  .sm\:-inset-52 {
+    top: -13rem;
+    right: -13rem;
+    bottom: -13rem;
+    left: -13rem;
+  }
+
+  .sm\:-inset-56 {
+    top: -14rem;
+    right: -14rem;
+    bottom: -14rem;
+    left: -14rem;
+  }
+
+  .sm\:-inset-60 {
+    top: -15rem;
+    right: -15rem;
+    bottom: -15rem;
+    left: -15rem;
+  }
+
+  .sm\:-inset-64 {
+    top: -16rem;
+    right: -16rem;
+    bottom: -16rem;
+    left: -16rem;
+  }
+
+  .sm\:-inset-72 {
+    top: -18rem;
+    right: -18rem;
+    bottom: -18rem;
+    left: -18rem;
+  }
+
+  .sm\:-inset-80 {
+    top: -20rem;
+    right: -20rem;
+    bottom: -20rem;
+    left: -20rem;
+  }
+
+  .sm\:-inset-96 {
+    top: -24rem;
+    right: -24rem;
+    bottom: -24rem;
+    left: -24rem;
+  }
+
+  .sm\:-inset-px {
+    top: -1px;
+    right: -1px;
+    bottom: -1px;
+    left: -1px;
+  }
+
+  .sm\:-inset-0\.5 {
+    top: -0.125rem;
+    right: -0.125rem;
+    bottom: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .sm\:-inset-1\.5 {
+    top: -0.375rem;
+    right: -0.375rem;
+    bottom: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .sm\:-inset-2\.5 {
+    top: -0.625rem;
+    right: -0.625rem;
+    bottom: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .sm\:-inset-3\.5 {
+    top: -0.875rem;
+    right: -0.875rem;
+    bottom: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .sm\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-1\/3 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .sm\:inset-2\/3 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .sm\:inset-1\/4 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .sm\:inset-2\/4 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-3\/4 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .sm\:inset-full {
+    top: 100%;
+    right: 100%;
+    bottom: 100%;
+    left: 100%;
+  }
+
+  .sm\:-inset-1\/2 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .sm\:-inset-1\/3 {
+    top: -33.333333%;
+    right: -33.333333%;
+    bottom: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .sm\:-inset-2\/3 {
+    top: -66.666667%;
+    right: -66.666667%;
+    bottom: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .sm\:-inset-1\/4 {
+    top: -25%;
+    right: -25%;
+    bottom: -25%;
+    left: -25%;
+  }
+
+  .sm\:-inset-2\/4 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .sm\:-inset-3\/4 {
+    top: -75%;
+    right: -75%;
+    bottom: -75%;
+    left: -75%;
+  }
+
+  .sm\:-inset-full {
+    top: -100%;
+    right: -100%;
+    bottom: -100%;
+    left: -100%;
+  }
+
+  .sm\:inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .sm\:inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .sm\:inset-y-1 {
+    top: 0.25rem;
+    bottom: 0.25rem;
+  }
+
+  .sm\:inset-x-1 {
+    right: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .sm\:inset-y-2 {
+    top: 0.5rem;
+    bottom: 0.5rem;
+  }
+
+  .sm\:inset-x-2 {
+    right: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .sm\:inset-y-3 {
+    top: 0.75rem;
+    bottom: 0.75rem;
+  }
+
+  .sm\:inset-x-3 {
+    right: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .sm\:inset-y-4 {
+    top: 1rem;
+    bottom: 1rem;
+  }
+
+  .sm\:inset-x-4 {
+    right: 1rem;
+    left: 1rem;
+  }
+
+  .sm\:inset-y-5 {
+    top: 1.25rem;
+    bottom: 1.25rem;
+  }
+
+  .sm\:inset-x-5 {
+    right: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .sm\:inset-y-6 {
+    top: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .sm\:inset-x-6 {
+    right: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .sm\:inset-y-7 {
+    top: 1.75rem;
+    bottom: 1.75rem;
+  }
+
+  .sm\:inset-x-7 {
+    right: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .sm\:inset-y-8 {
+    top: 2rem;
+    bottom: 2rem;
+  }
+
+  .sm\:inset-x-8 {
+    right: 2rem;
+    left: 2rem;
+  }
+
+  .sm\:inset-y-9 {
+    top: 2.25rem;
+    bottom: 2.25rem;
+  }
+
+  .sm\:inset-x-9 {
+    right: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .sm\:inset-y-10 {
+    top: 2.5rem;
+    bottom: 2.5rem;
+  }
+
+  .sm\:inset-x-10 {
+    right: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .sm\:inset-y-11 {
+    top: 2.75rem;
+    bottom: 2.75rem;
+  }
+
+  .sm\:inset-x-11 {
+    right: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .sm\:inset-y-12 {
+    top: 3rem;
+    bottom: 3rem;
+  }
+
+  .sm\:inset-x-12 {
+    right: 3rem;
+    left: 3rem;
+  }
+
+  .sm\:inset-y-14 {
+    top: 3.5rem;
+    bottom: 3.5rem;
+  }
+
+  .sm\:inset-x-14 {
+    right: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .sm\:inset-y-16 {
+    top: 4rem;
+    bottom: 4rem;
+  }
+
+  .sm\:inset-x-16 {
+    right: 4rem;
+    left: 4rem;
+  }
+
+  .sm\:inset-y-20 {
+    top: 5rem;
+    bottom: 5rem;
+  }
+
+  .sm\:inset-x-20 {
+    right: 5rem;
+    left: 5rem;
+  }
+
+  .sm\:inset-y-24 {
+    top: 6rem;
+    bottom: 6rem;
+  }
+
+  .sm\:inset-x-24 {
+    right: 6rem;
+    left: 6rem;
+  }
+
+  .sm\:inset-y-28 {
+    top: 7rem;
+    bottom: 7rem;
+  }
+
+  .sm\:inset-x-28 {
+    right: 7rem;
+    left: 7rem;
+  }
+
+  .sm\:inset-y-32 {
+    top: 8rem;
+    bottom: 8rem;
+  }
+
+  .sm\:inset-x-32 {
+    right: 8rem;
+    left: 8rem;
+  }
+
+  .sm\:inset-y-36 {
+    top: 9rem;
+    bottom: 9rem;
+  }
+
+  .sm\:inset-x-36 {
+    right: 9rem;
+    left: 9rem;
+  }
+
+  .sm\:inset-y-40 {
+    top: 10rem;
+    bottom: 10rem;
+  }
+
+  .sm\:inset-x-40 {
+    right: 10rem;
+    left: 10rem;
+  }
+
+  .sm\:inset-y-44 {
+    top: 11rem;
+    bottom: 11rem;
+  }
+
+  .sm\:inset-x-44 {
+    right: 11rem;
+    left: 11rem;
+  }
+
+  .sm\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .sm\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .sm\:inset-y-52 {
+    top: 13rem;
+    bottom: 13rem;
+  }
+
+  .sm\:inset-x-52 {
+    right: 13rem;
+    left: 13rem;
+  }
+
+  .sm\:inset-y-56 {
+    top: 14rem;
+    bottom: 14rem;
+  }
+
+  .sm\:inset-x-56 {
+    right: 14rem;
+    left: 14rem;
+  }
+
+  .sm\:inset-y-60 {
+    top: 15rem;
+    bottom: 15rem;
+  }
+
+  .sm\:inset-x-60 {
+    right: 15rem;
+    left: 15rem;
+  }
+
+  .sm\:inset-y-64 {
+    top: 16rem;
+    bottom: 16rem;
+  }
+
+  .sm\:inset-x-64 {
+    right: 16rem;
+    left: 16rem;
+  }
+
+  .sm\:inset-y-72 {
+    top: 18rem;
+    bottom: 18rem;
+  }
+
+  .sm\:inset-x-72 {
+    right: 18rem;
+    left: 18rem;
+  }
+
+  .sm\:inset-y-80 {
+    top: 20rem;
+    bottom: 20rem;
+  }
+
+  .sm\:inset-x-80 {
+    right: 20rem;
+    left: 20rem;
+  }
+
+  .sm\:inset-y-96 {
+    top: 24rem;
+    bottom: 24rem;
+  }
+
+  .sm\:inset-x-96 {
+    right: 24rem;
+    left: 24rem;
+  }
+
+  .sm\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .sm\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .sm\:inset-y-px {
+    top: 1px;
+    bottom: 1px;
+  }
+
+  .sm\:inset-x-px {
+    right: 1px;
+    left: 1px;
+  }
+
+  .sm\:inset-y-0\.5 {
+    top: 0.125rem;
+    bottom: 0.125rem;
+  }
+
+  .sm\:inset-x-0\.5 {
+    right: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .sm\:inset-y-1\.5 {
+    top: 0.375rem;
+    bottom: 0.375rem;
+  }
+
+  .sm\:inset-x-1\.5 {
+    right: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .sm\:inset-y-2\.5 {
+    top: 0.625rem;
+    bottom: 0.625rem;
+  }
+
+  .sm\:inset-x-2\.5 {
+    right: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .sm\:inset-y-3\.5 {
+    top: 0.875rem;
+    bottom: 0.875rem;
+  }
+
+  .sm\:inset-x-3\.5 {
+    right: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .sm\:-inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .sm\:-inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .sm\:-inset-y-1 {
+    top: -0.25rem;
+    bottom: -0.25rem;
+  }
+
+  .sm\:-inset-x-1 {
+    right: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .sm\:-inset-y-2 {
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .sm\:-inset-x-2 {
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .sm\:-inset-y-3 {
+    top: -0.75rem;
+    bottom: -0.75rem;
+  }
+
+  .sm\:-inset-x-3 {
+    right: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .sm\:-inset-y-4 {
+    top: -1rem;
+    bottom: -1rem;
+  }
+
+  .sm\:-inset-x-4 {
+    right: -1rem;
+    left: -1rem;
+  }
+
+  .sm\:-inset-y-5 {
+    top: -1.25rem;
+    bottom: -1.25rem;
+  }
+
+  .sm\:-inset-x-5 {
+    right: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .sm\:-inset-y-6 {
+    top: -1.5rem;
+    bottom: -1.5rem;
+  }
+
+  .sm\:-inset-x-6 {
+    right: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .sm\:-inset-y-7 {
+    top: -1.75rem;
+    bottom: -1.75rem;
+  }
+
+  .sm\:-inset-x-7 {
+    right: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .sm\:-inset-y-8 {
+    top: -2rem;
+    bottom: -2rem;
+  }
+
+  .sm\:-inset-x-8 {
+    right: -2rem;
+    left: -2rem;
+  }
+
+  .sm\:-inset-y-9 {
+    top: -2.25rem;
+    bottom: -2.25rem;
+  }
+
+  .sm\:-inset-x-9 {
+    right: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .sm\:-inset-y-10 {
+    top: -2.5rem;
+    bottom: -2.5rem;
+  }
+
+  .sm\:-inset-x-10 {
+    right: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .sm\:-inset-y-11 {
+    top: -2.75rem;
+    bottom: -2.75rem;
+  }
+
+  .sm\:-inset-x-11 {
+    right: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .sm\:-inset-y-12 {
+    top: -3rem;
+    bottom: -3rem;
+  }
+
+  .sm\:-inset-x-12 {
+    right: -3rem;
+    left: -3rem;
+  }
+
+  .sm\:-inset-y-14 {
+    top: -3.5rem;
+    bottom: -3.5rem;
+  }
+
+  .sm\:-inset-x-14 {
+    right: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .sm\:-inset-y-16 {
+    top: -4rem;
+    bottom: -4rem;
+  }
+
+  .sm\:-inset-x-16 {
+    right: -4rem;
+    left: -4rem;
+  }
+
+  .sm\:-inset-y-20 {
+    top: -5rem;
+    bottom: -5rem;
+  }
+
+  .sm\:-inset-x-20 {
+    right: -5rem;
+    left: -5rem;
+  }
+
+  .sm\:-inset-y-24 {
+    top: -6rem;
+    bottom: -6rem;
+  }
+
+  .sm\:-inset-x-24 {
+    right: -6rem;
+    left: -6rem;
+  }
+
+  .sm\:-inset-y-28 {
+    top: -7rem;
+    bottom: -7rem;
+  }
+
+  .sm\:-inset-x-28 {
+    right: -7rem;
+    left: -7rem;
+  }
+
+  .sm\:-inset-y-32 {
+    top: -8rem;
+    bottom: -8rem;
+  }
+
+  .sm\:-inset-x-32 {
+    right: -8rem;
+    left: -8rem;
+  }
+
+  .sm\:-inset-y-36 {
+    top: -9rem;
+    bottom: -9rem;
+  }
+
+  .sm\:-inset-x-36 {
+    right: -9rem;
+    left: -9rem;
+  }
+
+  .sm\:-inset-y-40 {
+    top: -10rem;
+    bottom: -10rem;
+  }
+
+  .sm\:-inset-x-40 {
+    right: -10rem;
+    left: -10rem;
+  }
+
+  .sm\:-inset-y-44 {
+    top: -11rem;
+    bottom: -11rem;
+  }
+
+  .sm\:-inset-x-44 {
+    right: -11rem;
+    left: -11rem;
+  }
+
+  .sm\:-inset-y-48 {
+    top: -12rem;
+    bottom: -12rem;
+  }
+
+  .sm\:-inset-x-48 {
+    right: -12rem;
+    left: -12rem;
+  }
+
+  .sm\:-inset-y-52 {
+    top: -13rem;
+    bottom: -13rem;
+  }
+
+  .sm\:-inset-x-52 {
+    right: -13rem;
+    left: -13rem;
+  }
+
+  .sm\:-inset-y-56 {
+    top: -14rem;
+    bottom: -14rem;
+  }
+
+  .sm\:-inset-x-56 {
+    right: -14rem;
+    left: -14rem;
+  }
+
+  .sm\:-inset-y-60 {
+    top: -15rem;
+    bottom: -15rem;
+  }
+
+  .sm\:-inset-x-60 {
+    right: -15rem;
+    left: -15rem;
+  }
+
+  .sm\:-inset-y-64 {
+    top: -16rem;
+    bottom: -16rem;
+  }
+
+  .sm\:-inset-x-64 {
+    right: -16rem;
+    left: -16rem;
+  }
+
+  .sm\:-inset-y-72 {
+    top: -18rem;
+    bottom: -18rem;
+  }
+
+  .sm\:-inset-x-72 {
+    right: -18rem;
+    left: -18rem;
+  }
+
+  .sm\:-inset-y-80 {
+    top: -20rem;
+    bottom: -20rem;
+  }
+
+  .sm\:-inset-x-80 {
+    right: -20rem;
+    left: -20rem;
+  }
+
+  .sm\:-inset-y-96 {
+    top: -24rem;
+    bottom: -24rem;
+  }
+
+  .sm\:-inset-x-96 {
+    right: -24rem;
+    left: -24rem;
+  }
+
+  .sm\:-inset-y-px {
+    top: -1px;
+    bottom: -1px;
+  }
+
+  .sm\:-inset-x-px {
+    right: -1px;
+    left: -1px;
+  }
+
+  .sm\:-inset-y-0\.5 {
+    top: -0.125rem;
+    bottom: -0.125rem;
+  }
+
+  .sm\:-inset-x-0\.5 {
+    right: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .sm\:-inset-y-1\.5 {
+    top: -0.375rem;
+    bottom: -0.375rem;
+  }
+
+  .sm\:-inset-x-1\.5 {
+    right: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .sm\:-inset-y-2\.5 {
+    top: -0.625rem;
+    bottom: -0.625rem;
+  }
+
+  .sm\:-inset-x-2\.5 {
+    right: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .sm\:-inset-y-3\.5 {
+    top: -0.875rem;
+    bottom: -0.875rem;
+  }
+
+  .sm\:-inset-x-3\.5 {
+    right: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .sm\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .sm\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-y-1\/3 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .sm\:inset-x-1\/3 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .sm\:inset-y-2\/3 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .sm\:inset-x-2\/3 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .sm\:inset-y-1\/4 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .sm\:inset-x-1\/4 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .sm\:inset-y-2\/4 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .sm\:inset-x-2\/4 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-y-3\/4 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .sm\:inset-x-3\/4 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .sm\:inset-y-full {
+    top: 100%;
+    bottom: 100%;
+  }
+
+  .sm\:inset-x-full {
+    right: 100%;
+    left: 100%;
+  }
+
+  .sm\:-inset-y-1\/2 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .sm\:-inset-x-1\/2 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .sm\:-inset-y-1\/3 {
+    top: -33.333333%;
+    bottom: -33.333333%;
+  }
+
+  .sm\:-inset-x-1\/3 {
+    right: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .sm\:-inset-y-2\/3 {
+    top: -66.666667%;
+    bottom: -66.666667%;
+  }
+
+  .sm\:-inset-x-2\/3 {
+    right: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .sm\:-inset-y-1\/4 {
+    top: -25%;
+    bottom: -25%;
+  }
+
+  .sm\:-inset-x-1\/4 {
+    right: -25%;
+    left: -25%;
+  }
+
+  .sm\:-inset-y-2\/4 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .sm\:-inset-x-2\/4 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .sm\:-inset-y-3\/4 {
+    top: -75%;
+    bottom: -75%;
+  }
+
+  .sm\:-inset-x-3\/4 {
+    right: -75%;
+    left: -75%;
+  }
+
+  .sm\:-inset-y-full {
+    top: -100%;
+    bottom: -100%;
+  }
+
+  .sm\:-inset-x-full {
+    right: -100%;
+    left: -100%;
+  }
+
+  .sm\:top-0 {
+    top: 0px;
+  }
+
+  .sm\:right-0 {
+    right: 0px;
+  }
+
+  .sm\:bottom-0 {
+    bottom: 0px;
+  }
+
+  .sm\:left-0 {
+    left: 0px;
+  }
+
+  .sm\:top-1 {
+    top: 0.25rem;
+  }
+
+  .sm\:right-1 {
+    right: 0.25rem;
+  }
+
+  .sm\:bottom-1 {
+    bottom: 0.25rem;
+  }
+
+  .sm\:left-1 {
+    left: 0.25rem;
+  }
+
+  .sm\:top-2 {
+    top: 0.5rem;
+  }
+
+  .sm\:right-2 {
+    right: 0.5rem;
+  }
+
+  .sm\:bottom-2 {
+    bottom: 0.5rem;
+  }
+
+  .sm\:left-2 {
+    left: 0.5rem;
+  }
+
+  .sm\:top-3 {
+    top: 0.75rem;
+  }
+
+  .sm\:right-3 {
+    right: 0.75rem;
+  }
+
+  .sm\:bottom-3 {
+    bottom: 0.75rem;
+  }
+
+  .sm\:left-3 {
+    left: 0.75rem;
+  }
+
+  .sm\:top-4 {
+    top: 1rem;
+  }
+
+  .sm\:right-4 {
+    right: 1rem;
+  }
+
+  .sm\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .sm\:left-4 {
+    left: 1rem;
+  }
+
+  .sm\:top-5 {
+    top: 1.25rem;
+  }
+
+  .sm\:right-5 {
+    right: 1.25rem;
+  }
+
+  .sm\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .sm\:left-5 {
+    left: 1.25rem;
+  }
+
+  .sm\:top-6 {
+    top: 1.5rem;
+  }
+
+  .sm\:right-6 {
+    right: 1.5rem;
+  }
+
+  .sm\:bottom-6 {
+    bottom: 1.5rem;
+  }
+
+  .sm\:left-6 {
+    left: 1.5rem;
+  }
+
+  .sm\:top-7 {
+    top: 1.75rem;
+  }
+
+  .sm\:right-7 {
+    right: 1.75rem;
+  }
+
+  .sm\:bottom-7 {
+    bottom: 1.75rem;
+  }
+
+  .sm\:left-7 {
+    left: 1.75rem;
+  }
+
+  .sm\:top-8 {
+    top: 2rem;
+  }
+
+  .sm\:right-8 {
+    right: 2rem;
+  }
+
+  .sm\:bottom-8 {
+    bottom: 2rem;
+  }
+
+  .sm\:left-8 {
+    left: 2rem;
+  }
+
+  .sm\:top-9 {
+    top: 2.25rem;
+  }
+
+  .sm\:right-9 {
+    right: 2.25rem;
+  }
+
+  .sm\:bottom-9 {
+    bottom: 2.25rem;
+  }
+
+  .sm\:left-9 {
+    left: 2.25rem;
+  }
+
+  .sm\:top-10 {
+    top: 2.5rem;
+  }
+
+  .sm\:right-10 {
+    right: 2.5rem;
+  }
+
+  .sm\:bottom-10 {
+    bottom: 2.5rem;
+  }
+
+  .sm\:left-10 {
+    left: 2.5rem;
+  }
+
+  .sm\:top-11 {
+    top: 2.75rem;
+  }
+
+  .sm\:right-11 {
+    right: 2.75rem;
+  }
+
+  .sm\:bottom-11 {
+    bottom: 2.75rem;
+  }
+
+  .sm\:left-11 {
+    left: 2.75rem;
+  }
+
+  .sm\:top-12 {
+    top: 3rem;
+  }
+
+  .sm\:right-12 {
+    right: 3rem;
+  }
+
+  .sm\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .sm\:left-12 {
+    left: 3rem;
+  }
+
+  .sm\:top-14 {
+    top: 3.5rem;
+  }
+
+  .sm\:right-14 {
+    right: 3.5rem;
+  }
+
+  .sm\:bottom-14 {
+    bottom: 3.5rem;
+  }
+
+  .sm\:left-14 {
+    left: 3.5rem;
+  }
+
+  .sm\:top-16 {
+    top: 4rem;
+  }
+
+  .sm\:right-16 {
+    right: 4rem;
+  }
+
+  .sm\:bottom-16 {
+    bottom: 4rem;
+  }
+
+  .sm\:left-16 {
+    left: 4rem;
+  }
+
+  .sm\:top-20 {
+    top: 5rem;
+  }
+
+  .sm\:right-20 {
+    right: 5rem;
+  }
+
+  .sm\:bottom-20 {
+    bottom: 5rem;
+  }
+
+  .sm\:left-20 {
+    left: 5rem;
+  }
+
+  .sm\:top-24 {
+    top: 6rem;
+  }
+
+  .sm\:right-24 {
+    right: 6rem;
+  }
+
+  .sm\:bottom-24 {
+    bottom: 6rem;
+  }
+
+  .sm\:left-24 {
+    left: 6rem;
+  }
+
+  .sm\:top-28 {
+    top: 7rem;
+  }
+
+  .sm\:right-28 {
+    right: 7rem;
+  }
+
+  .sm\:bottom-28 {
+    bottom: 7rem;
+  }
+
+  .sm\:left-28 {
+    left: 7rem;
+  }
+
+  .sm\:top-32 {
+    top: 8rem;
+  }
+
+  .sm\:right-32 {
+    right: 8rem;
+  }
+
+  .sm\:bottom-32 {
+    bottom: 8rem;
+  }
+
+  .sm\:left-32 {
+    left: 8rem;
+  }
+
+  .sm\:top-36 {
+    top: 9rem;
+  }
+
+  .sm\:right-36 {
+    right: 9rem;
+  }
+
+  .sm\:bottom-36 {
+    bottom: 9rem;
+  }
+
+  .sm\:left-36 {
+    left: 9rem;
+  }
+
+  .sm\:top-40 {
+    top: 10rem;
+  }
+
+  .sm\:right-40 {
+    right: 10rem;
+  }
+
+  .sm\:bottom-40 {
+    bottom: 10rem;
+  }
+
+  .sm\:left-40 {
+    left: 10rem;
+  }
+
+  .sm\:top-44 {
+    top: 11rem;
+  }
+
+  .sm\:right-44 {
+    right: 11rem;
+  }
+
+  .sm\:bottom-44 {
+    bottom: 11rem;
+  }
+
+  .sm\:left-44 {
+    left: 11rem;
+  }
+
+  .sm\:top-48 {
+    top: 12rem;
+  }
+
+  .sm\:right-48 {
+    right: 12rem;
+  }
+
+  .sm\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .sm\:left-48 {
+    left: 12rem;
+  }
+
+  .sm\:top-52 {
+    top: 13rem;
+  }
+
+  .sm\:right-52 {
+    right: 13rem;
+  }
+
+  .sm\:bottom-52 {
+    bottom: 13rem;
+  }
+
+  .sm\:left-52 {
+    left: 13rem;
+  }
+
+  .sm\:top-56 {
+    top: 14rem;
+  }
+
+  .sm\:right-56 {
+    right: 14rem;
+  }
+
+  .sm\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .sm\:left-56 {
+    left: 14rem;
+  }
+
+  .sm\:top-60 {
+    top: 15rem;
+  }
+
+  .sm\:right-60 {
+    right: 15rem;
+  }
+
+  .sm\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .sm\:left-60 {
+    left: 15rem;
+  }
+
+  .sm\:top-64 {
+    top: 16rem;
+  }
+
+  .sm\:right-64 {
+    right: 16rem;
+  }
+
+  .sm\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .sm\:left-64 {
+    left: 16rem;
+  }
+
+  .sm\:top-72 {
+    top: 18rem;
+  }
+
+  .sm\:right-72 {
+    right: 18rem;
+  }
+
+  .sm\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .sm\:left-72 {
+    left: 18rem;
+  }
+
+  .sm\:top-80 {
+    top: 20rem;
+  }
+
+  .sm\:right-80 {
+    right: 20rem;
+  }
+
+  .sm\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .sm\:left-80 {
+    left: 20rem;
+  }
+
+  .sm\:top-96 {
+    top: 24rem;
+  }
+
+  .sm\:right-96 {
+    right: 24rem;
+  }
+
+  .sm\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .sm\:left-96 {
+    left: 24rem;
+  }
+
+  .sm\:top-auto {
+    top: auto;
+  }
+
+  .sm\:right-auto {
+    right: auto;
+  }
+
+  .sm\:bottom-auto {
+    bottom: auto;
+  }
+
+  .sm\:left-auto {
+    left: auto;
+  }
+
+  .sm\:top-px {
+    top: 1px;
+  }
+
+  .sm\:right-px {
+    right: 1px;
+  }
+
+  .sm\:bottom-px {
+    bottom: 1px;
+  }
+
+  .sm\:left-px {
+    left: 1px;
+  }
+
+  .sm\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .sm\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .sm\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .sm\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .sm\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .sm\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .sm\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .sm\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .sm\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .sm\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .sm\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .sm\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .sm\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .sm\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .sm\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .sm\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .sm\:-top-0 {
+    top: 0px;
+  }
+
+  .sm\:-right-0 {
+    right: 0px;
+  }
+
+  .sm\:-bottom-0 {
+    bottom: 0px;
+  }
+
+  .sm\:-left-0 {
+    left: 0px;
+  }
+
+  .sm\:-top-1 {
+    top: -0.25rem;
+  }
+
+  .sm\:-right-1 {
+    right: -0.25rem;
+  }
+
+  .sm\:-bottom-1 {
+    bottom: -0.25rem;
+  }
+
+  .sm\:-left-1 {
+    left: -0.25rem;
+  }
+
+  .sm\:-top-2 {
+    top: -0.5rem;
+  }
+
+  .sm\:-right-2 {
+    right: -0.5rem;
+  }
+
+  .sm\:-bottom-2 {
+    bottom: -0.5rem;
+  }
+
+  .sm\:-left-2 {
+    left: -0.5rem;
+  }
+
+  .sm\:-top-3 {
+    top: -0.75rem;
+  }
+
+  .sm\:-right-3 {
+    right: -0.75rem;
+  }
+
+  .sm\:-bottom-3 {
+    bottom: -0.75rem;
+  }
+
+  .sm\:-left-3 {
+    left: -0.75rem;
+  }
+
+  .sm\:-top-4 {
+    top: -1rem;
+  }
+
+  .sm\:-right-4 {
+    right: -1rem;
+  }
+
+  .sm\:-bottom-4 {
+    bottom: -1rem;
+  }
+
+  .sm\:-left-4 {
+    left: -1rem;
+  }
+
+  .sm\:-top-5 {
+    top: -1.25rem;
+  }
+
+  .sm\:-right-5 {
+    right: -1.25rem;
+  }
+
+  .sm\:-bottom-5 {
+    bottom: -1.25rem;
+  }
+
+  .sm\:-left-5 {
+    left: -1.25rem;
+  }
+
+  .sm\:-top-6 {
+    top: -1.5rem;
+  }
+
+  .sm\:-right-6 {
+    right: -1.5rem;
+  }
+
+  .sm\:-bottom-6 {
+    bottom: -1.5rem;
+  }
+
+  .sm\:-left-6 {
+    left: -1.5rem;
+  }
+
+  .sm\:-top-7 {
+    top: -1.75rem;
+  }
+
+  .sm\:-right-7 {
+    right: -1.75rem;
+  }
+
+  .sm\:-bottom-7 {
+    bottom: -1.75rem;
+  }
+
+  .sm\:-left-7 {
+    left: -1.75rem;
+  }
+
+  .sm\:-top-8 {
+    top: -2rem;
+  }
+
+  .sm\:-right-8 {
+    right: -2rem;
+  }
+
+  .sm\:-bottom-8 {
+    bottom: -2rem;
+  }
+
+  .sm\:-left-8 {
+    left: -2rem;
+  }
+
+  .sm\:-top-9 {
+    top: -2.25rem;
+  }
+
+  .sm\:-right-9 {
+    right: -2.25rem;
+  }
+
+  .sm\:-bottom-9 {
+    bottom: -2.25rem;
+  }
+
+  .sm\:-left-9 {
+    left: -2.25rem;
+  }
+
+  .sm\:-top-10 {
+    top: -2.5rem;
+  }
+
+  .sm\:-right-10 {
+    right: -2.5rem;
+  }
+
+  .sm\:-bottom-10 {
+    bottom: -2.5rem;
+  }
+
+  .sm\:-left-10 {
+    left: -2.5rem;
+  }
+
+  .sm\:-top-11 {
+    top: -2.75rem;
+  }
+
+  .sm\:-right-11 {
+    right: -2.75rem;
+  }
+
+  .sm\:-bottom-11 {
+    bottom: -2.75rem;
+  }
+
+  .sm\:-left-11 {
+    left: -2.75rem;
+  }
+
+  .sm\:-top-12 {
+    top: -3rem;
+  }
+
+  .sm\:-right-12 {
+    right: -3rem;
+  }
+
+  .sm\:-bottom-12 {
+    bottom: -3rem;
+  }
+
+  .sm\:-left-12 {
+    left: -3rem;
+  }
+
+  .sm\:-top-14 {
+    top: -3.5rem;
+  }
+
+  .sm\:-right-14 {
+    right: -3.5rem;
+  }
+
+  .sm\:-bottom-14 {
+    bottom: -3.5rem;
+  }
+
+  .sm\:-left-14 {
+    left: -3.5rem;
+  }
+
+  .sm\:-top-16 {
+    top: -4rem;
+  }
+
+  .sm\:-right-16 {
+    right: -4rem;
+  }
+
+  .sm\:-bottom-16 {
+    bottom: -4rem;
+  }
+
+  .sm\:-left-16 {
+    left: -4rem;
+  }
+
+  .sm\:-top-20 {
+    top: -5rem;
+  }
+
+  .sm\:-right-20 {
+    right: -5rem;
+  }
+
+  .sm\:-bottom-20 {
+    bottom: -5rem;
+  }
+
+  .sm\:-left-20 {
+    left: -5rem;
+  }
+
+  .sm\:-top-24 {
+    top: -6rem;
+  }
+
+  .sm\:-right-24 {
+    right: -6rem;
+  }
+
+  .sm\:-bottom-24 {
+    bottom: -6rem;
+  }
+
+  .sm\:-left-24 {
+    left: -6rem;
+  }
+
+  .sm\:-top-28 {
+    top: -7rem;
+  }
+
+  .sm\:-right-28 {
+    right: -7rem;
+  }
+
+  .sm\:-bottom-28 {
+    bottom: -7rem;
+  }
+
+  .sm\:-left-28 {
+    left: -7rem;
+  }
+
+  .sm\:-top-32 {
+    top: -8rem;
+  }
+
+  .sm\:-right-32 {
+    right: -8rem;
+  }
+
+  .sm\:-bottom-32 {
+    bottom: -8rem;
+  }
+
+  .sm\:-left-32 {
+    left: -8rem;
+  }
+
+  .sm\:-top-36 {
+    top: -9rem;
+  }
+
+  .sm\:-right-36 {
+    right: -9rem;
+  }
+
+  .sm\:-bottom-36 {
+    bottom: -9rem;
+  }
+
+  .sm\:-left-36 {
+    left: -9rem;
+  }
+
+  .sm\:-top-40 {
+    top: -10rem;
+  }
+
+  .sm\:-right-40 {
+    right: -10rem;
+  }
+
+  .sm\:-bottom-40 {
+    bottom: -10rem;
+  }
+
+  .sm\:-left-40 {
+    left: -10rem;
+  }
+
+  .sm\:-top-44 {
+    top: -11rem;
+  }
+
+  .sm\:-right-44 {
+    right: -11rem;
+  }
+
+  .sm\:-bottom-44 {
+    bottom: -11rem;
+  }
+
+  .sm\:-left-44 {
+    left: -11rem;
+  }
+
+  .sm\:-top-48 {
+    top: -12rem;
+  }
+
+  .sm\:-right-48 {
+    right: -12rem;
+  }
+
+  .sm\:-bottom-48 {
+    bottom: -12rem;
+  }
+
+  .sm\:-left-48 {
+    left: -12rem;
+  }
+
+  .sm\:-top-52 {
+    top: -13rem;
+  }
+
+  .sm\:-right-52 {
+    right: -13rem;
+  }
+
+  .sm\:-bottom-52 {
+    bottom: -13rem;
+  }
+
+  .sm\:-left-52 {
+    left: -13rem;
+  }
+
+  .sm\:-top-56 {
+    top: -14rem;
+  }
+
+  .sm\:-right-56 {
+    right: -14rem;
+  }
+
+  .sm\:-bottom-56 {
+    bottom: -14rem;
+  }
+
+  .sm\:-left-56 {
+    left: -14rem;
+  }
+
+  .sm\:-top-60 {
+    top: -15rem;
+  }
+
+  .sm\:-right-60 {
+    right: -15rem;
+  }
+
+  .sm\:-bottom-60 {
+    bottom: -15rem;
+  }
+
+  .sm\:-left-60 {
+    left: -15rem;
+  }
+
+  .sm\:-top-64 {
+    top: -16rem;
+  }
+
+  .sm\:-right-64 {
+    right: -16rem;
+  }
+
+  .sm\:-bottom-64 {
+    bottom: -16rem;
+  }
+
+  .sm\:-left-64 {
+    left: -16rem;
+  }
+
+  .sm\:-top-72 {
+    top: -18rem;
+  }
+
+  .sm\:-right-72 {
+    right: -18rem;
+  }
+
+  .sm\:-bottom-72 {
+    bottom: -18rem;
+  }
+
+  .sm\:-left-72 {
+    left: -18rem;
+  }
+
+  .sm\:-top-80 {
+    top: -20rem;
+  }
+
+  .sm\:-right-80 {
+    right: -20rem;
+  }
+
+  .sm\:-bottom-80 {
+    bottom: -20rem;
+  }
+
+  .sm\:-left-80 {
+    left: -20rem;
+  }
+
+  .sm\:-top-96 {
+    top: -24rem;
+  }
+
+  .sm\:-right-96 {
+    right: -24rem;
+  }
+
+  .sm\:-bottom-96 {
+    bottom: -24rem;
+  }
+
+  .sm\:-left-96 {
+    left: -24rem;
+  }
+
+  .sm\:-top-px {
+    top: -1px;
+  }
+
+  .sm\:-right-px {
+    right: -1px;
+  }
+
+  .sm\:-bottom-px {
+    bottom: -1px;
+  }
+
+  .sm\:-left-px {
+    left: -1px;
+  }
+
+  .sm\:-top-0\.5 {
+    top: -0.125rem;
+  }
+
+  .sm\:-right-0\.5 {
+    right: -0.125rem;
+  }
+
+  .sm\:-bottom-0\.5 {
+    bottom: -0.125rem;
+  }
+
+  .sm\:-left-0\.5 {
+    left: -0.125rem;
+  }
+
+  .sm\:-top-1\.5 {
+    top: -0.375rem;
+  }
+
+  .sm\:-right-1\.5 {
+    right: -0.375rem;
+  }
+
+  .sm\:-bottom-1\.5 {
+    bottom: -0.375rem;
+  }
+
+  .sm\:-left-1\.5 {
+    left: -0.375rem;
+  }
+
+  .sm\:-top-2\.5 {
+    top: -0.625rem;
+  }
+
+  .sm\:-right-2\.5 {
+    right: -0.625rem;
+  }
+
+  .sm\:-bottom-2\.5 {
+    bottom: -0.625rem;
+  }
+
+  .sm\:-left-2\.5 {
+    left: -0.625rem;
+  }
+
+  .sm\:-top-3\.5 {
+    top: -0.875rem;
+  }
+
+  .sm\:-right-3\.5 {
+    right: -0.875rem;
+  }
+
+  .sm\:-bottom-3\.5 {
+    bottom: -0.875rem;
+  }
+
+  .sm\:-left-3\.5 {
+    left: -0.875rem;
+  }
+
+  .sm\:top-1\/2 {
+    top: 50%;
+  }
+
+  .sm\:right-1\/2 {
+    right: 50%;
+  }
+
+  .sm\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .sm\:left-1\/2 {
+    left: 50%;
+  }
+
+  .sm\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .sm\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .sm\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .sm\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .sm\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .sm\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .sm\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .sm\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .sm\:top-1\/4 {
+    top: 25%;
+  }
+
+  .sm\:right-1\/4 {
+    right: 25%;
+  }
+
+  .sm\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .sm\:left-1\/4 {
+    left: 25%;
+  }
+
+  .sm\:top-2\/4 {
+    top: 50%;
+  }
+
+  .sm\:right-2\/4 {
+    right: 50%;
+  }
+
+  .sm\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .sm\:left-2\/4 {
+    left: 50%;
+  }
+
+  .sm\:top-3\/4 {
+    top: 75%;
+  }
+
+  .sm\:right-3\/4 {
+    right: 75%;
+  }
+
+  .sm\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .sm\:left-3\/4 {
+    left: 75%;
+  }
+
+  .sm\:top-full {
+    top: 100%;
+  }
+
+  .sm\:right-full {
+    right: 100%;
+  }
+
+  .sm\:bottom-full {
+    bottom: 100%;
+  }
+
+  .sm\:left-full {
+    left: 100%;
+  }
+
+  .sm\:-top-1\/2 {
+    top: -50%;
+  }
+
+  .sm\:-right-1\/2 {
+    right: -50%;
+  }
+
+  .sm\:-bottom-1\/2 {
+    bottom: -50%;
+  }
+
+  .sm\:-left-1\/2 {
+    left: -50%;
+  }
+
+  .sm\:-top-1\/3 {
+    top: -33.333333%;
+  }
+
+  .sm\:-right-1\/3 {
+    right: -33.333333%;
+  }
+
+  .sm\:-bottom-1\/3 {
+    bottom: -33.333333%;
+  }
+
+  .sm\:-left-1\/3 {
+    left: -33.333333%;
+  }
+
+  .sm\:-top-2\/3 {
+    top: -66.666667%;
+  }
+
+  .sm\:-right-2\/3 {
+    right: -66.666667%;
+  }
+
+  .sm\:-bottom-2\/3 {
+    bottom: -66.666667%;
+  }
+
+  .sm\:-left-2\/3 {
+    left: -66.666667%;
+  }
+
+  .sm\:-top-1\/4 {
+    top: -25%;
+  }
+
+  .sm\:-right-1\/4 {
+    right: -25%;
+  }
+
+  .sm\:-bottom-1\/4 {
+    bottom: -25%;
+  }
+
+  .sm\:-left-1\/4 {
+    left: -25%;
+  }
+
+  .sm\:-top-2\/4 {
+    top: -50%;
+  }
+
+  .sm\:-right-2\/4 {
+    right: -50%;
+  }
+
+  .sm\:-bottom-2\/4 {
+    bottom: -50%;
+  }
+
+  .sm\:-left-2\/4 {
+    left: -50%;
+  }
+
+  .sm\:-top-3\/4 {
+    top: -75%;
+  }
+
+  .sm\:-right-3\/4 {
+    right: -75%;
+  }
+
+  .sm\:-bottom-3\/4 {
+    bottom: -75%;
+  }
+
+  .sm\:-left-3\/4 {
+    left: -75%;
+  }
+
+  .sm\:-top-full {
+    top: -100%;
+  }
+
+  .sm\:-right-full {
+    right: -100%;
+  }
+
+  .sm\:-bottom-full {
+    bottom: -100%;
+  }
+
+  .sm\:-left-full {
+    left: -100%;
+  }
+
+  .sm\:resize-none {
+    resize: none;
+  }
+
+  .sm\:resize-y {
+    resize: vertical;
+  }
+
+  .sm\:resize-x {
+    resize: horizontal;
+  }
+
+  .sm\:resize {
+    resize: both;
+  }
+
+  .sm\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow-sm:focus-within {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow:focus-within {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow-md:focus-within {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow-lg:focus-within {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow-xl:focus-within {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow-2xl:focus-within {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow-inner:focus-within {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow-none:focus-within {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow-sm:hover {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow:hover {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow-md:hover {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow-lg:hover {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow-xl:hover {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow-2xl:hover {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow-inner:hover {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow-none:hover {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow-sm:focus {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow:focus {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow-md:focus {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow-lg:focus {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow-xl:focus {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow-2xl:focus {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow-inner:focus {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow-none:focus {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:ring-0 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:ring-1 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:ring-2 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:ring-4 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:ring-8 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:ring {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:ring-inset {
+    --tw-ring-inset: inset;
+  }
+
+  .sm\:focus-within\:ring-0:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus-within\:ring-1:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus-within\:ring-2:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus-within\:ring-4:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus-within\:ring-8:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus-within\:ring:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus-within\:ring-inset:focus-within {
+    --tw-ring-inset: inset;
+  }
+
+  .sm\:focus\:ring-0:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus\:ring-1:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus\:ring-2:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus\:ring-4:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus\:ring-8:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus\:ring:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus\:ring-inset:focus {
+    --tw-ring-inset: inset;
+  }
+
+  .sm\:ring-offset-transparent {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .sm\:ring-offset-current {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .sm\:ring-offset-black {
+    --tw-ring-offset-color: #000;
+  }
+
+  .sm\:ring-offset-white {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .sm\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .sm\:ring-offset-gray-100 {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .sm\:ring-offset-gray-200 {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .sm\:ring-offset-gray-300 {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .sm\:ring-offset-gray-400 {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .sm\:ring-offset-gray-500 {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .sm\:ring-offset-gray-600 {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .sm\:ring-offset-gray-700 {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .sm\:ring-offset-gray-800 {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .sm\:ring-offset-gray-900 {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .sm\:ring-offset-red-50 {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .sm\:ring-offset-red-100 {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .sm\:ring-offset-red-200 {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .sm\:ring-offset-red-300 {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .sm\:ring-offset-red-400 {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .sm\:ring-offset-red-500 {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .sm\:ring-offset-red-600 {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .sm\:ring-offset-red-700 {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .sm\:ring-offset-red-800 {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .sm\:ring-offset-red-900 {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .sm\:ring-offset-yellow-50 {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .sm\:ring-offset-yellow-100 {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .sm\:ring-offset-yellow-200 {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .sm\:ring-offset-yellow-300 {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .sm\:ring-offset-yellow-400 {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .sm\:ring-offset-yellow-500 {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .sm\:ring-offset-yellow-600 {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .sm\:ring-offset-yellow-700 {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .sm\:ring-offset-yellow-800 {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .sm\:ring-offset-yellow-900 {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .sm\:ring-offset-green-50 {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .sm\:ring-offset-green-100 {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .sm\:ring-offset-green-200 {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .sm\:ring-offset-green-300 {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .sm\:ring-offset-green-400 {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .sm\:ring-offset-green-500 {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .sm\:ring-offset-green-600 {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .sm\:ring-offset-green-700 {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .sm\:ring-offset-green-800 {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .sm\:ring-offset-green-900 {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .sm\:ring-offset-blue-50 {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .sm\:ring-offset-blue-100 {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .sm\:ring-offset-blue-200 {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .sm\:ring-offset-blue-300 {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .sm\:ring-offset-blue-400 {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .sm\:ring-offset-blue-500 {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .sm\:ring-offset-blue-600 {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .sm\:ring-offset-blue-700 {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .sm\:ring-offset-blue-800 {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .sm\:ring-offset-blue-900 {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .sm\:ring-offset-indigo-50 {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .sm\:ring-offset-indigo-100 {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .sm\:ring-offset-indigo-200 {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .sm\:ring-offset-indigo-300 {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .sm\:ring-offset-indigo-400 {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .sm\:ring-offset-indigo-500 {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .sm\:ring-offset-indigo-600 {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .sm\:ring-offset-indigo-700 {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .sm\:ring-offset-indigo-800 {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .sm\:ring-offset-indigo-900 {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .sm\:ring-offset-purple-50 {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .sm\:ring-offset-purple-100 {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .sm\:ring-offset-purple-200 {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .sm\:ring-offset-purple-300 {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .sm\:ring-offset-purple-400 {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .sm\:ring-offset-purple-500 {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .sm\:ring-offset-purple-600 {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .sm\:ring-offset-purple-700 {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .sm\:ring-offset-purple-800 {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .sm\:ring-offset-purple-900 {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .sm\:ring-offset-pink-50 {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .sm\:ring-offset-pink-100 {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .sm\:ring-offset-pink-200 {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .sm\:ring-offset-pink-300 {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .sm\:ring-offset-pink-400 {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .sm\:ring-offset-pink-500 {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .sm\:ring-offset-pink-600 {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .sm\:ring-offset-pink-700 {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .sm\:ring-offset-pink-800 {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .sm\:ring-offset-pink-900 {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .sm\:focus-within\:ring-offset-transparent:focus-within {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .sm\:focus-within\:ring-offset-current:focus-within {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .sm\:focus-within\:ring-offset-black:focus-within {
+    --tw-ring-offset-color: #000;
+  }
+
+  .sm\:focus-within\:ring-offset-white:focus-within {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-100:focus-within {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-200:focus-within {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-300:focus-within {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-400:focus-within {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-500:focus-within {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-600:focus-within {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-700:focus-within {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-800:focus-within {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-900:focus-within {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .sm\:focus-within\:ring-offset-red-50:focus-within {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .sm\:focus-within\:ring-offset-red-100:focus-within {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .sm\:focus-within\:ring-offset-red-200:focus-within {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .sm\:focus-within\:ring-offset-red-300:focus-within {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .sm\:focus-within\:ring-offset-red-400:focus-within {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .sm\:focus-within\:ring-offset-red-500:focus-within {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .sm\:focus-within\:ring-offset-red-600:focus-within {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .sm\:focus-within\:ring-offset-red-700:focus-within {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .sm\:focus-within\:ring-offset-red-800:focus-within {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .sm\:focus-within\:ring-offset-red-900:focus-within {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-50:focus-within {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-100:focus-within {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-200:focus-within {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-300:focus-within {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-400:focus-within {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-500:focus-within {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-600:focus-within {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-700:focus-within {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-800:focus-within {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-900:focus-within {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .sm\:focus-within\:ring-offset-green-50:focus-within {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .sm\:focus-within\:ring-offset-green-100:focus-within {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .sm\:focus-within\:ring-offset-green-200:focus-within {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .sm\:focus-within\:ring-offset-green-300:focus-within {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .sm\:focus-within\:ring-offset-green-400:focus-within {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .sm\:focus-within\:ring-offset-green-500:focus-within {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .sm\:focus-within\:ring-offset-green-600:focus-within {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .sm\:focus-within\:ring-offset-green-700:focus-within {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .sm\:focus-within\:ring-offset-green-800:focus-within {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .sm\:focus-within\:ring-offset-green-900:focus-within {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-50:focus-within {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-100:focus-within {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-200:focus-within {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-300:focus-within {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-400:focus-within {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-500:focus-within {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-600:focus-within {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-700:focus-within {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-800:focus-within {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-900:focus-within {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-50:focus-within {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-100:focus-within {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-200:focus-within {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-300:focus-within {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-400:focus-within {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-500:focus-within {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-600:focus-within {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-700:focus-within {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-800:focus-within {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-900:focus-within {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-50:focus-within {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-100:focus-within {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-200:focus-within {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-300:focus-within {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-400:focus-within {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-500:focus-within {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-600:focus-within {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-700:focus-within {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-800:focus-within {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-900:focus-within {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-50:focus-within {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-100:focus-within {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-200:focus-within {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-300:focus-within {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-400:focus-within {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-500:focus-within {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-600:focus-within {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-700:focus-within {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-800:focus-within {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-900:focus-within {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .sm\:focus\:ring-offset-transparent:focus {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .sm\:focus\:ring-offset-current:focus {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .sm\:focus\:ring-offset-black:focus {
+    --tw-ring-offset-color: #000;
+  }
+
+  .sm\:focus\:ring-offset-white:focus {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .sm\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .sm\:focus\:ring-offset-gray-100:focus {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .sm\:focus\:ring-offset-gray-200:focus {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .sm\:focus\:ring-offset-gray-300:focus {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .sm\:focus\:ring-offset-gray-400:focus {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .sm\:focus\:ring-offset-gray-500:focus {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .sm\:focus\:ring-offset-gray-600:focus {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .sm\:focus\:ring-offset-gray-700:focus {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .sm\:focus\:ring-offset-gray-800:focus {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .sm\:focus\:ring-offset-gray-900:focus {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .sm\:focus\:ring-offset-red-50:focus {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .sm\:focus\:ring-offset-red-100:focus {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .sm\:focus\:ring-offset-red-200:focus {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .sm\:focus\:ring-offset-red-300:focus {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .sm\:focus\:ring-offset-red-400:focus {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .sm\:focus\:ring-offset-red-500:focus {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .sm\:focus\:ring-offset-red-600:focus {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .sm\:focus\:ring-offset-red-700:focus {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .sm\:focus\:ring-offset-red-800:focus {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .sm\:focus\:ring-offset-red-900:focus {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .sm\:focus\:ring-offset-yellow-50:focus {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .sm\:focus\:ring-offset-yellow-100:focus {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .sm\:focus\:ring-offset-yellow-200:focus {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .sm\:focus\:ring-offset-yellow-300:focus {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .sm\:focus\:ring-offset-yellow-400:focus {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .sm\:focus\:ring-offset-yellow-500:focus {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .sm\:focus\:ring-offset-yellow-600:focus {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .sm\:focus\:ring-offset-yellow-700:focus {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .sm\:focus\:ring-offset-yellow-800:focus {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .sm\:focus\:ring-offset-yellow-900:focus {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .sm\:focus\:ring-offset-green-50:focus {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .sm\:focus\:ring-offset-green-100:focus {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .sm\:focus\:ring-offset-green-200:focus {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .sm\:focus\:ring-offset-green-300:focus {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .sm\:focus\:ring-offset-green-400:focus {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .sm\:focus\:ring-offset-green-500:focus {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .sm\:focus\:ring-offset-green-600:focus {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .sm\:focus\:ring-offset-green-700:focus {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .sm\:focus\:ring-offset-green-800:focus {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .sm\:focus\:ring-offset-green-900:focus {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .sm\:focus\:ring-offset-blue-50:focus {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .sm\:focus\:ring-offset-blue-100:focus {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .sm\:focus\:ring-offset-blue-200:focus {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .sm\:focus\:ring-offset-blue-300:focus {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .sm\:focus\:ring-offset-blue-400:focus {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .sm\:focus\:ring-offset-blue-500:focus {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .sm\:focus\:ring-offset-blue-600:focus {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .sm\:focus\:ring-offset-blue-700:focus {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .sm\:focus\:ring-offset-blue-800:focus {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .sm\:focus\:ring-offset-blue-900:focus {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .sm\:focus\:ring-offset-indigo-50:focus {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .sm\:focus\:ring-offset-indigo-100:focus {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .sm\:focus\:ring-offset-indigo-200:focus {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .sm\:focus\:ring-offset-indigo-300:focus {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .sm\:focus\:ring-offset-indigo-400:focus {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .sm\:focus\:ring-offset-indigo-500:focus {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .sm\:focus\:ring-offset-indigo-600:focus {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .sm\:focus\:ring-offset-indigo-700:focus {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .sm\:focus\:ring-offset-indigo-800:focus {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .sm\:focus\:ring-offset-indigo-900:focus {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .sm\:focus\:ring-offset-purple-50:focus {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .sm\:focus\:ring-offset-purple-100:focus {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .sm\:focus\:ring-offset-purple-200:focus {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .sm\:focus\:ring-offset-purple-300:focus {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .sm\:focus\:ring-offset-purple-400:focus {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .sm\:focus\:ring-offset-purple-500:focus {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .sm\:focus\:ring-offset-purple-600:focus {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .sm\:focus\:ring-offset-purple-700:focus {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .sm\:focus\:ring-offset-purple-800:focus {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .sm\:focus\:ring-offset-purple-900:focus {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .sm\:focus\:ring-offset-pink-50:focus {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .sm\:focus\:ring-offset-pink-100:focus {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .sm\:focus\:ring-offset-pink-200:focus {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .sm\:focus\:ring-offset-pink-300:focus {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .sm\:focus\:ring-offset-pink-400:focus {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .sm\:focus\:ring-offset-pink-500:focus {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .sm\:focus\:ring-offset-pink-600:focus {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .sm\:focus\:ring-offset-pink-700:focus {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .sm\:focus\:ring-offset-pink-800:focus {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .sm\:focus\:ring-offset-pink-900:focus {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .sm\:ring-offset-0 {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .sm\:ring-offset-1 {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .sm\:ring-offset-2 {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .sm\:ring-offset-4 {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .sm\:ring-offset-8 {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .sm\:focus-within\:ring-offset-0:focus-within {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .sm\:focus-within\:ring-offset-1:focus-within {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .sm\:focus-within\:ring-offset-2:focus-within {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .sm\:focus-within\:ring-offset-4:focus-within {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .sm\:focus-within\:ring-offset-8:focus-within {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .sm\:focus\:ring-offset-0:focus {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .sm\:focus\:ring-offset-1:focus {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .sm\:focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .sm\:focus\:ring-offset-4:focus {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .sm\:focus\:ring-offset-8:focus {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .sm\:ring-transparent {
+    --tw-ring-color: transparent;
+  }
+
+  .sm\:ring-current {
+    --tw-ring-color: currentColor;
+  }
+
+  .sm\:ring-black {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-white {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-transparent:focus-within {
+    --tw-ring-color: transparent;
+  }
+
+  .sm\:focus-within\:ring-current:focus-within {
+    --tw-ring-color: currentColor;
+  }
+
+  .sm\:focus-within\:ring-black:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-white:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-transparent:focus {
+    --tw-ring-color: transparent;
+  }
+
+  .sm\:focus\:ring-current:focus {
+    --tw-ring-color: currentColor;
+  }
+
+  .sm\:focus\:ring-black:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-white:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-opacity-0 {
+    --tw-ring-opacity: 0;
+  }
+
+  .sm\:ring-opacity-5 {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .sm\:ring-opacity-10 {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .sm\:ring-opacity-20 {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .sm\:ring-opacity-25 {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .sm\:ring-opacity-30 {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .sm\:ring-opacity-40 {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .sm\:ring-opacity-50 {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .sm\:ring-opacity-60 {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .sm\:ring-opacity-70 {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .sm\:ring-opacity-75 {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .sm\:ring-opacity-80 {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .sm\:ring-opacity-90 {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .sm\:ring-opacity-95 {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .sm\:ring-opacity-100 {
+    --tw-ring-opacity: 1;
+  }
+
+  .sm\:focus-within\:ring-opacity-0:focus-within {
+    --tw-ring-opacity: 0;
+  }
+
+  .sm\:focus-within\:ring-opacity-5:focus-within {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .sm\:focus-within\:ring-opacity-10:focus-within {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .sm\:focus-within\:ring-opacity-20:focus-within {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .sm\:focus-within\:ring-opacity-25:focus-within {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .sm\:focus-within\:ring-opacity-30:focus-within {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .sm\:focus-within\:ring-opacity-40:focus-within {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .sm\:focus-within\:ring-opacity-50:focus-within {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .sm\:focus-within\:ring-opacity-60:focus-within {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .sm\:focus-within\:ring-opacity-70:focus-within {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .sm\:focus-within\:ring-opacity-75:focus-within {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .sm\:focus-within\:ring-opacity-80:focus-within {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .sm\:focus-within\:ring-opacity-90:focus-within {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .sm\:focus-within\:ring-opacity-95:focus-within {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .sm\:focus-within\:ring-opacity-100:focus-within {
+    --tw-ring-opacity: 1;
+  }
+
+  .sm\:focus\:ring-opacity-0:focus {
+    --tw-ring-opacity: 0;
+  }
+
+  .sm\:focus\:ring-opacity-5:focus {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .sm\:focus\:ring-opacity-10:focus {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .sm\:focus\:ring-opacity-20:focus {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .sm\:focus\:ring-opacity-25:focus {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .sm\:focus\:ring-opacity-30:focus {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .sm\:focus\:ring-opacity-40:focus {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .sm\:focus\:ring-opacity-50:focus {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .sm\:focus\:ring-opacity-60:focus {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .sm\:focus\:ring-opacity-70:focus {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .sm\:focus\:ring-opacity-75:focus {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .sm\:focus\:ring-opacity-80:focus {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .sm\:focus\:ring-opacity-90:focus {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .sm\:focus\:ring-opacity-95:focus {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .sm\:focus\:ring-opacity-100:focus {
+    --tw-ring-opacity: 1;
+  }
+
+  .sm\:fill-current {
+    fill: currentColor;
+  }
+
+  .sm\:stroke-current {
+    stroke: currentColor;
+  }
+
+  .sm\:stroke-0 {
+    stroke-width: 0;
+  }
+
+  .sm\:stroke-1 {
+    stroke-width: 1;
+  }
+
+  .sm\:stroke-2 {
+    stroke-width: 2;
+  }
+
+  .sm\:table-auto {
+    table-layout: auto;
+  }
+
+  .sm\:table-fixed {
+    table-layout: fixed;
+  }
+
+  .sm\:text-left {
+    text-align: left;
+  }
+
+  .sm\:text-center {
+    text-align: center;
+  }
+
+  .sm\:text-right {
+    text-align: right;
+  }
+
+  .sm\:text-justify {
+    text-align: justify;
+  }
+
+  .sm\:text-transparent {
+    color: transparent;
+  }
+
+  .sm\:text-current {
+    color: currentColor;
+  }
+
+  .sm\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .sm\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-transparent {
+    color: transparent;
+  }
+
+  .group:hover .sm\:group-hover\:text-current {
+    color: currentColor;
+  }
+
+  .group:hover .sm\:group-hover\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .sm\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .sm\:focus-within\:text-black:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-white:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .sm\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .sm\:hover\:text-black:hover {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .sm\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
+  .sm\:focus\:text-black:focus {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-white:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .sm\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .sm\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .sm\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .sm\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .sm\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .sm\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .sm\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .sm\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .sm\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .sm\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .sm\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .sm\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .sm\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .sm\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .sm\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .sm\:focus-within\:text-opacity-0:focus-within {
+    --tw-text-opacity: 0;
+  }
+
+  .sm\:focus-within\:text-opacity-5:focus-within {
+    --tw-text-opacity: 0.05;
+  }
+
+  .sm\:focus-within\:text-opacity-10:focus-within {
+    --tw-text-opacity: 0.1;
+  }
+
+  .sm\:focus-within\:text-opacity-20:focus-within {
+    --tw-text-opacity: 0.2;
+  }
+
+  .sm\:focus-within\:text-opacity-25:focus-within {
+    --tw-text-opacity: 0.25;
+  }
+
+  .sm\:focus-within\:text-opacity-30:focus-within {
+    --tw-text-opacity: 0.3;
+  }
+
+  .sm\:focus-within\:text-opacity-40:focus-within {
+    --tw-text-opacity: 0.4;
+  }
+
+  .sm\:focus-within\:text-opacity-50:focus-within {
+    --tw-text-opacity: 0.5;
+  }
+
+  .sm\:focus-within\:text-opacity-60:focus-within {
+    --tw-text-opacity: 0.6;
+  }
+
+  .sm\:focus-within\:text-opacity-70:focus-within {
+    --tw-text-opacity: 0.7;
+  }
+
+  .sm\:focus-within\:text-opacity-75:focus-within {
+    --tw-text-opacity: 0.75;
+  }
+
+  .sm\:focus-within\:text-opacity-80:focus-within {
+    --tw-text-opacity: 0.8;
+  }
+
+  .sm\:focus-within\:text-opacity-90:focus-within {
+    --tw-text-opacity: 0.9;
+  }
+
+  .sm\:focus-within\:text-opacity-95:focus-within {
+    --tw-text-opacity: 0.95;
+  }
+
+  .sm\:focus-within\:text-opacity-100:focus-within {
+    --tw-text-opacity: 1;
+  }
+
+  .sm\:hover\:text-opacity-0:hover {
+    --tw-text-opacity: 0;
+  }
+
+  .sm\:hover\:text-opacity-5:hover {
+    --tw-text-opacity: 0.05;
+  }
+
+  .sm\:hover\:text-opacity-10:hover {
+    --tw-text-opacity: 0.1;
+  }
+
+  .sm\:hover\:text-opacity-20:hover {
+    --tw-text-opacity: 0.2;
+  }
+
+  .sm\:hover\:text-opacity-25:hover {
+    --tw-text-opacity: 0.25;
+  }
+
+  .sm\:hover\:text-opacity-30:hover {
+    --tw-text-opacity: 0.3;
+  }
+
+  .sm\:hover\:text-opacity-40:hover {
+    --tw-text-opacity: 0.4;
+  }
+
+  .sm\:hover\:text-opacity-50:hover {
+    --tw-text-opacity: 0.5;
+  }
+
+  .sm\:hover\:text-opacity-60:hover {
+    --tw-text-opacity: 0.6;
+  }
+
+  .sm\:hover\:text-opacity-70:hover {
+    --tw-text-opacity: 0.7;
+  }
+
+  .sm\:hover\:text-opacity-75:hover {
+    --tw-text-opacity: 0.75;
+  }
+
+  .sm\:hover\:text-opacity-80:hover {
+    --tw-text-opacity: 0.8;
+  }
+
+  .sm\:hover\:text-opacity-90:hover {
+    --tw-text-opacity: 0.9;
+  }
+
+  .sm\:hover\:text-opacity-95:hover {
+    --tw-text-opacity: 0.95;
+  }
+
+  .sm\:hover\:text-opacity-100:hover {
+    --tw-text-opacity: 1;
+  }
+
+  .sm\:focus\:text-opacity-0:focus {
+    --tw-text-opacity: 0;
+  }
+
+  .sm\:focus\:text-opacity-5:focus {
+    --tw-text-opacity: 0.05;
+  }
+
+  .sm\:focus\:text-opacity-10:focus {
+    --tw-text-opacity: 0.1;
+  }
+
+  .sm\:focus\:text-opacity-20:focus {
+    --tw-text-opacity: 0.2;
+  }
+
+  .sm\:focus\:text-opacity-25:focus {
+    --tw-text-opacity: 0.25;
+  }
+
+  .sm\:focus\:text-opacity-30:focus {
+    --tw-text-opacity: 0.3;
+  }
+
+  .sm\:focus\:text-opacity-40:focus {
+    --tw-text-opacity: 0.4;
+  }
+
+  .sm\:focus\:text-opacity-50:focus {
+    --tw-text-opacity: 0.5;
+  }
+
+  .sm\:focus\:text-opacity-60:focus {
+    --tw-text-opacity: 0.6;
+  }
+
+  .sm\:focus\:text-opacity-70:focus {
+    --tw-text-opacity: 0.7;
+  }
+
+  .sm\:focus\:text-opacity-75:focus {
+    --tw-text-opacity: 0.75;
+  }
+
+  .sm\:focus\:text-opacity-80:focus {
+    --tw-text-opacity: 0.8;
+  }
+
+  .sm\:focus\:text-opacity-90:focus {
+    --tw-text-opacity: 0.9;
+  }
+
+  .sm\:focus\:text-opacity-95:focus {
+    --tw-text-opacity: 0.95;
+  }
+
+  .sm\:focus\:text-opacity-100:focus {
+    --tw-text-opacity: 1;
+  }
+
+  .sm\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .sm\:overflow-ellipsis {
+    text-overflow: ellipsis;
+  }
+
+  .sm\:overflow-clip {
+    text-overflow: clip;
+  }
+
+  .sm\:italic {
+    font-style: italic;
+  }
+
+  .sm\:not-italic {
+    font-style: normal;
+  }
+
+  .sm\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .sm\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .sm\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .sm\:normal-case {
+    text-transform: none;
+  }
+
+  .sm\:underline {
+    text-decoration: underline;
+  }
+
+  .sm\:line-through {
+    text-decoration: line-through;
+  }
+
+  .sm\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:hover .sm\:group-hover\:underline {
+    text-decoration: underline;
+  }
+
+  .group:hover .sm\:group-hover\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:hover .sm\:group-hover\:no-underline {
+    text-decoration: none;
+  }
+
+  .sm\:focus-within\:underline:focus-within {
+    text-decoration: underline;
+  }
+
+  .sm\:focus-within\:line-through:focus-within {
+    text-decoration: line-through;
+  }
+
+  .sm\:focus-within\:no-underline:focus-within {
+    text-decoration: none;
+  }
+
+  .sm\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .sm\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .sm\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .sm\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .sm\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .sm\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .sm\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .sm\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions {
+    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
+    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+  }
+
+  .sm\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .sm\:ordinal {
+    --tw-ordinal: ordinal;
+  }
+
+  .sm\:slashed-zero {
+    --tw-slashed-zero: slashed-zero;
+  }
+
+  .sm\:lining-nums {
+    --tw-numeric-figure: lining-nums;
+  }
+
+  .sm\:oldstyle-nums {
+    --tw-numeric-figure: oldstyle-nums;
+  }
+
+  .sm\:proportional-nums {
+    --tw-numeric-spacing: proportional-nums;
+  }
+
+  .sm\:tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+  }
+
+  .sm\:diagonal-fractions {
+    --tw-numeric-fraction: diagonal-fractions;
+  }
+
+  .sm\:stacked-fractions {
+    --tw-numeric-fraction: stacked-fractions;
+  }
+
+  .sm\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .sm\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .sm\:tracking-normal {
+    letter-spacing: 0em;
+  }
+
+  .sm\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .sm\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .sm\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .sm\:select-none {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+
+  .sm\:select-text {
+    -webkit-user-select: text;
+            user-select: text;
+  }
+
+  .sm\:select-all {
+    -webkit-user-select: all;
+            user-select: all;
+  }
+
+  .sm\:select-auto {
+    -webkit-user-select: auto;
+            user-select: auto;
+  }
+
+  .sm\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .sm\:align-top {
+    vertical-align: top;
+  }
+
+  .sm\:align-middle {
+    vertical-align: middle;
+  }
+
+  .sm\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .sm\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .sm\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .sm\:visible {
+    visibility: visible;
+  }
+
+  .sm\:invisible {
+    visibility: hidden;
+  }
+
+  .sm\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .sm\:whitespace-nowrap {
+    white-space: nowrap;
+  }
+
+  .sm\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .sm\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .sm\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .sm\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .sm\:break-words {
+    overflow-wrap: break-word;
+  }
+
+  .sm\:break-all {
+    word-break: break-all;
+  }
+
+  .sm\:w-0 {
+    width: 0px;
+  }
+
+  .sm\:w-1 {
+    width: 0.25rem;
+  }
+
+  .sm\:w-2 {
+    width: 0.5rem;
+  }
+
+  .sm\:w-3 {
+    width: 0.75rem;
+  }
+
+  .sm\:w-4 {
+    width: 1rem;
+  }
+
+  .sm\:w-5 {
+    width: 1.25rem;
+  }
+
+  .sm\:w-6 {
+    width: 1.5rem;
+  }
+
+  .sm\:w-7 {
+    width: 1.75rem;
+  }
+
+  .sm\:w-8 {
+    width: 2rem;
+  }
+
+  .sm\:w-9 {
+    width: 2.25rem;
+  }
+
+  .sm\:w-10 {
+    width: 2.5rem;
+  }
+
+  .sm\:w-11 {
+    width: 2.75rem;
+  }
+
+  .sm\:w-12 {
+    width: 3rem;
+  }
+
+  .sm\:w-14 {
+    width: 3.5rem;
+  }
+
+  .sm\:w-16 {
+    width: 4rem;
+  }
+
+  .sm\:w-20 {
+    width: 5rem;
+  }
+
+  .sm\:w-24 {
+    width: 6rem;
+  }
+
+  .sm\:w-28 {
+    width: 7rem;
+  }
+
+  .sm\:w-32 {
+    width: 8rem;
+  }
+
+  .sm\:w-36 {
+    width: 9rem;
+  }
+
+  .sm\:w-40 {
+    width: 10rem;
+  }
+
+  .sm\:w-44 {
+    width: 11rem;
+  }
+
+  .sm\:w-48 {
+    width: 12rem;
+  }
+
+  .sm\:w-52 {
+    width: 13rem;
+  }
+
+  .sm\:w-56 {
+    width: 14rem;
+  }
+
+  .sm\:w-60 {
+    width: 15rem;
+  }
+
+  .sm\:w-64 {
+    width: 16rem;
+  }
+
+  .sm\:w-72 {
+    width: 18rem;
+  }
+
+  .sm\:w-80 {
+    width: 20rem;
+  }
+
+  .sm\:w-96 {
+    width: 24rem;
+  }
+
+  .sm\:w-auto {
+    width: auto;
+  }
+
+  .sm\:w-px {
+    width: 1px;
+  }
+
+  .sm\:w-0\.5 {
+    width: 0.125rem;
+  }
+
+  .sm\:w-1\.5 {
+    width: 0.375rem;
+  }
+
+  .sm\:w-2\.5 {
+    width: 0.625rem;
+  }
+
+  .sm\:w-3\.5 {
+    width: 0.875rem;
+  }
+
+  .sm\:w-1\/2 {
+    width: 50%;
+  }
+
+  .sm\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .sm\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .sm\:w-1\/4 {
+    width: 25%;
+  }
+
+  .sm\:w-2\/4 {
+    width: 50%;
+  }
+
+  .sm\:w-3\/4 {
+    width: 75%;
+  }
+
+  .sm\:w-1\/5 {
+    width: 20%;
+  }
+
+  .sm\:w-2\/5 {
+    width: 40%;
+  }
+
+  .sm\:w-3\/5 {
+    width: 60%;
+  }
+
+  .sm\:w-4\/5 {
+    width: 80%;
+  }
+
+  .sm\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .sm\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .sm\:w-3\/6 {
+    width: 50%;
+  }
+
+  .sm\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .sm\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .sm\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .sm\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .sm\:w-3\/12 {
+    width: 25%;
+  }
+
+  .sm\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .sm\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .sm\:w-6\/12 {
+    width: 50%;
+  }
+
+  .sm\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .sm\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .sm\:w-9\/12 {
+    width: 75%;
+  }
+
+  .sm\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .sm\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .sm\:w-full {
+    width: 100%;
+  }
+
+  .sm\:w-screen {
+    width: 100vw;
+  }
+
+  .sm\:w-min {
+    width: -webkit-min-content;
+    width: min-content;
+  }
+
+  .sm\:w-max {
+    width: -webkit-max-content;
+    width: max-content;
+  }
+
+  .sm\:z-0 {
+    z-index: 0;
+  }
+
+  .sm\:z-10 {
+    z-index: 10;
+  }
+
+  .sm\:z-20 {
+    z-index: 20;
+  }
+
+  .sm\:z-30 {
+    z-index: 30;
+  }
+
+  .sm\:z-40 {
+    z-index: 40;
+  }
+
+  .sm\:z-50 {
+    z-index: 50;
+  }
+
+  .sm\:z-auto {
+    z-index: auto;
+  }
+
+  .sm\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .sm\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .sm\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .sm\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .sm\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .sm\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .sm\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
+  .sm\:focus\:z-0:focus {
+    z-index: 0;
+  }
+
+  .sm\:focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .sm\:focus\:z-20:focus {
+    z-index: 20;
+  }
+
+  .sm\:focus\:z-30:focus {
+    z-index: 30;
+  }
+
+  .sm\:focus\:z-40:focus {
+    z-index: 40;
+  }
+
+  .sm\:focus\:z-50:focus {
+    z-index: 50;
+  }
+
+  .sm\:focus\:z-auto:focus {
+    z-index: auto;
+  }
+
+  .sm\:gap-0 {
+    gap: 0px;
+  }
+
+  .sm\:gap-1 {
+    gap: 0.25rem;
+  }
+
+  .sm\:gap-2 {
+    gap: 0.5rem;
+  }
+
+  .sm\:gap-3 {
+    gap: 0.75rem;
+  }
+
+  .sm\:gap-4 {
+    gap: 1rem;
+  }
+
+  .sm\:gap-5 {
+    gap: 1.25rem;
+  }
+
+  .sm\:gap-6 {
+    gap: 1.5rem;
+  }
+
+  .sm\:gap-7 {
+    gap: 1.75rem;
+  }
+
+  .sm\:gap-8 {
+    gap: 2rem;
+  }
+
+  .sm\:gap-9 {
+    gap: 2.25rem;
+  }
+
+  .sm\:gap-10 {
+    gap: 2.5rem;
+  }
+
+  .sm\:gap-11 {
+    gap: 2.75rem;
+  }
+
+  .sm\:gap-12 {
+    gap: 3rem;
+  }
+
+  .sm\:gap-14 {
+    gap: 3.5rem;
+  }
+
+  .sm\:gap-16 {
+    gap: 4rem;
+  }
+
+  .sm\:gap-20 {
+    gap: 5rem;
+  }
+
+  .sm\:gap-24 {
+    gap: 6rem;
+  }
+
+  .sm\:gap-28 {
+    gap: 7rem;
+  }
+
+  .sm\:gap-32 {
+    gap: 8rem;
+  }
+
+  .sm\:gap-36 {
+    gap: 9rem;
+  }
+
+  .sm\:gap-40 {
+    gap: 10rem;
+  }
+
+  .sm\:gap-44 {
+    gap: 11rem;
+  }
+
+  .sm\:gap-48 {
+    gap: 12rem;
+  }
+
+  .sm\:gap-52 {
+    gap: 13rem;
+  }
+
+  .sm\:gap-56 {
+    gap: 14rem;
+  }
+
+  .sm\:gap-60 {
+    gap: 15rem;
+  }
+
+  .sm\:gap-64 {
+    gap: 16rem;
+  }
+
+  .sm\:gap-72 {
+    gap: 18rem;
+  }
+
+  .sm\:gap-80 {
+    gap: 20rem;
+  }
+
+  .sm\:gap-96 {
+    gap: 24rem;
+  }
+
+  .sm\:gap-px {
+    gap: 1px;
+  }
+
+  .sm\:gap-0\.5 {
+    gap: 0.125rem;
+  }
+
+  .sm\:gap-1\.5 {
+    gap: 0.375rem;
+  }
+
+  .sm\:gap-2\.5 {
+    gap: 0.625rem;
+  }
+
+  .sm\:gap-3\.5 {
+    gap: 0.875rem;
+  }
+
+  .sm\:gap-x-0 {
+    column-gap: 0px;
+  }
+
+  .sm\:gap-x-1 {
+    column-gap: 0.25rem;
+  }
+
+  .sm\:gap-x-2 {
+    column-gap: 0.5rem;
+  }
+
+  .sm\:gap-x-3 {
+    column-gap: 0.75rem;
+  }
+
+  .sm\:gap-x-4 {
+    column-gap: 1rem;
+  }
+
+  .sm\:gap-x-5 {
+    column-gap: 1.25rem;
+  }
+
+  .sm\:gap-x-6 {
+    column-gap: 1.5rem;
+  }
+
+  .sm\:gap-x-7 {
+    column-gap: 1.75rem;
+  }
+
+  .sm\:gap-x-8 {
+    column-gap: 2rem;
+  }
+
+  .sm\:gap-x-9 {
+    column-gap: 2.25rem;
+  }
+
+  .sm\:gap-x-10 {
+    column-gap: 2.5rem;
+  }
+
+  .sm\:gap-x-11 {
+    column-gap: 2.75rem;
+  }
+
+  .sm\:gap-x-12 {
+    column-gap: 3rem;
+  }
+
+  .sm\:gap-x-14 {
+    column-gap: 3.5rem;
+  }
+
+  .sm\:gap-x-16 {
+    column-gap: 4rem;
+  }
+
+  .sm\:gap-x-20 {
+    column-gap: 5rem;
+  }
+
+  .sm\:gap-x-24 {
+    column-gap: 6rem;
+  }
+
+  .sm\:gap-x-28 {
+    column-gap: 7rem;
+  }
+
+  .sm\:gap-x-32 {
+    column-gap: 8rem;
+  }
+
+  .sm\:gap-x-36 {
+    column-gap: 9rem;
+  }
+
+  .sm\:gap-x-40 {
+    column-gap: 10rem;
+  }
+
+  .sm\:gap-x-44 {
+    column-gap: 11rem;
+  }
+
+  .sm\:gap-x-48 {
+    column-gap: 12rem;
+  }
+
+  .sm\:gap-x-52 {
+    column-gap: 13rem;
+  }
+
+  .sm\:gap-x-56 {
+    column-gap: 14rem;
+  }
+
+  .sm\:gap-x-60 {
+    column-gap: 15rem;
+  }
+
+  .sm\:gap-x-64 {
+    column-gap: 16rem;
+  }
+
+  .sm\:gap-x-72 {
+    column-gap: 18rem;
+  }
+
+  .sm\:gap-x-80 {
+    column-gap: 20rem;
+  }
+
+  .sm\:gap-x-96 {
+    column-gap: 24rem;
+  }
+
+  .sm\:gap-x-px {
+    column-gap: 1px;
+  }
+
+  .sm\:gap-x-0\.5 {
+    column-gap: 0.125rem;
+  }
+
+  .sm\:gap-x-1\.5 {
+    column-gap: 0.375rem;
+  }
+
+  .sm\:gap-x-2\.5 {
+    column-gap: 0.625rem;
+  }
+
+  .sm\:gap-x-3\.5 {
+    column-gap: 0.875rem;
+  }
+
+  .sm\:gap-y-0 {
+    row-gap: 0px;
+  }
+
+  .sm\:gap-y-1 {
+    row-gap: 0.25rem;
+  }
+
+  .sm\:gap-y-2 {
+    row-gap: 0.5rem;
+  }
+
+  .sm\:gap-y-3 {
+    row-gap: 0.75rem;
+  }
+
+  .sm\:gap-y-4 {
+    row-gap: 1rem;
+  }
+
+  .sm\:gap-y-5 {
+    row-gap: 1.25rem;
+  }
+
+  .sm\:gap-y-6 {
+    row-gap: 1.5rem;
+  }
+
+  .sm\:gap-y-7 {
+    row-gap: 1.75rem;
+  }
+
+  .sm\:gap-y-8 {
+    row-gap: 2rem;
+  }
+
+  .sm\:gap-y-9 {
+    row-gap: 2.25rem;
+  }
+
+  .sm\:gap-y-10 {
+    row-gap: 2.5rem;
+  }
+
+  .sm\:gap-y-11 {
+    row-gap: 2.75rem;
+  }
+
+  .sm\:gap-y-12 {
+    row-gap: 3rem;
+  }
+
+  .sm\:gap-y-14 {
+    row-gap: 3.5rem;
+  }
+
+  .sm\:gap-y-16 {
+    row-gap: 4rem;
+  }
+
+  .sm\:gap-y-20 {
+    row-gap: 5rem;
+  }
+
+  .sm\:gap-y-24 {
+    row-gap: 6rem;
+  }
+
+  .sm\:gap-y-28 {
+    row-gap: 7rem;
+  }
+
+  .sm\:gap-y-32 {
+    row-gap: 8rem;
+  }
+
+  .sm\:gap-y-36 {
+    row-gap: 9rem;
+  }
+
+  .sm\:gap-y-40 {
+    row-gap: 10rem;
+  }
+
+  .sm\:gap-y-44 {
+    row-gap: 11rem;
+  }
+
+  .sm\:gap-y-48 {
+    row-gap: 12rem;
+  }
+
+  .sm\:gap-y-52 {
+    row-gap: 13rem;
+  }
+
+  .sm\:gap-y-56 {
+    row-gap: 14rem;
+  }
+
+  .sm\:gap-y-60 {
+    row-gap: 15rem;
+  }
+
+  .sm\:gap-y-64 {
+    row-gap: 16rem;
+  }
+
+  .sm\:gap-y-72 {
+    row-gap: 18rem;
+  }
+
+  .sm\:gap-y-80 {
+    row-gap: 20rem;
+  }
+
+  .sm\:gap-y-96 {
+    row-gap: 24rem;
+  }
+
+  .sm\:gap-y-px {
+    row-gap: 1px;
+  }
+
+  .sm\:gap-y-0\.5 {
+    row-gap: 0.125rem;
+  }
+
+  .sm\:gap-y-1\.5 {
+    row-gap: 0.375rem;
+  }
+
+  .sm\:gap-y-2\.5 {
+    row-gap: 0.625rem;
+  }
+
+  .sm\:gap-y-3\.5 {
+    row-gap: 0.875rem;
+  }
+
+  .sm\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .sm\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .sm\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .sm\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .sm\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .sm\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .sm\:auto-cols-min {
+    grid-auto-columns: -webkit-min-content;
+    grid-auto-columns: min-content;
+  }
+
+  .sm\:auto-cols-max {
+    grid-auto-columns: -webkit-max-content;
+    grid-auto-columns: max-content;
+  }
+
+  .sm\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .sm\:col-auto {
+    grid-column: auto;
+  }
+
+  .sm\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .sm\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .sm\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .sm\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .sm\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .sm\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .sm\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .sm\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .sm\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .sm\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .sm\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .sm\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .sm\:col-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .sm\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .sm\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .sm\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .sm\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .sm\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .sm\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .sm\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .sm\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .sm\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .sm\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .sm\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .sm\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .sm\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .sm\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .sm\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .sm\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .sm\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .sm\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .sm\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .sm\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .sm\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .sm\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .sm\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .sm\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .sm\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .sm\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .sm\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .sm\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .sm\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .sm\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .sm\:auto-rows-min {
+    grid-auto-rows: -webkit-min-content;
+    grid-auto-rows: min-content;
+  }
+
+  .sm\:auto-rows-max {
+    grid-auto-rows: -webkit-max-content;
+    grid-auto-rows: max-content;
+  }
+
+  .sm\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .sm\:row-auto {
+    grid-row: auto;
+  }
+
+  .sm\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .sm\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .sm\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .sm\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .sm\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .sm\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .sm\:row-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .sm\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .sm\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .sm\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .sm\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .sm\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .sm\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .sm\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .sm\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .sm\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .sm\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .sm\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .sm\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .sm\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .sm\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .sm\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .sm\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .sm\:transform {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .sm\:transform-gpu {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .sm\:transform-none {
+    transform: none;
+  }
+
+  .sm\:origin-center {
+    transform-origin: center;
+  }
+
+  .sm\:origin-top {
+    transform-origin: top;
+  }
+
+  .sm\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .sm\:origin-right {
+    transform-origin: right;
+  }
+
+  .sm\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .sm\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .sm\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .sm\:origin-left {
+    transform-origin: left;
+  }
+
+  .sm\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .sm\:scale-0 {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .sm\:scale-50 {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .sm\:scale-75 {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .sm\:scale-90 {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .sm\:scale-95 {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .sm\:scale-100 {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .sm\:scale-105 {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .sm\:scale-110 {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .sm\:scale-125 {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .sm\:scale-150 {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .sm\:scale-x-0 {
+    --tw-scale-x: 0;
+  }
+
+  .sm\:scale-x-50 {
+    --tw-scale-x: .5;
+  }
+
+  .sm\:scale-x-75 {
+    --tw-scale-x: .75;
+  }
+
+  .sm\:scale-x-90 {
+    --tw-scale-x: .9;
+  }
+
+  .sm\:scale-x-95 {
+    --tw-scale-x: .95;
+  }
+
+  .sm\:scale-x-100 {
+    --tw-scale-x: 1;
+  }
+
+  .sm\:scale-x-105 {
+    --tw-scale-x: 1.05;
+  }
+
+  .sm\:scale-x-110 {
+    --tw-scale-x: 1.1;
+  }
+
+  .sm\:scale-x-125 {
+    --tw-scale-x: 1.25;
+  }
+
+  .sm\:scale-x-150 {
+    --tw-scale-x: 1.5;
+  }
+
+  .sm\:scale-y-0 {
+    --tw-scale-y: 0;
+  }
+
+  .sm\:scale-y-50 {
+    --tw-scale-y: .5;
+  }
+
+  .sm\:scale-y-75 {
+    --tw-scale-y: .75;
+  }
+
+  .sm\:scale-y-90 {
+    --tw-scale-y: .9;
+  }
+
+  .sm\:scale-y-95 {
+    --tw-scale-y: .95;
+  }
+
+  .sm\:scale-y-100 {
+    --tw-scale-y: 1;
+  }
+
+  .sm\:scale-y-105 {
+    --tw-scale-y: 1.05;
+  }
+
+  .sm\:scale-y-110 {
+    --tw-scale-y: 1.1;
+  }
+
+  .sm\:scale-y-125 {
+    --tw-scale-y: 1.25;
+  }
+
+  .sm\:scale-y-150 {
+    --tw-scale-y: 1.5;
+  }
+
+  .sm\:hover\:scale-0:hover {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .sm\:hover\:scale-50:hover {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .sm\:hover\:scale-75:hover {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .sm\:hover\:scale-90:hover {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .sm\:hover\:scale-95:hover {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .sm\:hover\:scale-100:hover {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .sm\:hover\:scale-105:hover {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .sm\:hover\:scale-110:hover {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .sm\:hover\:scale-125:hover {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .sm\:hover\:scale-150:hover {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .sm\:hover\:scale-x-0:hover {
+    --tw-scale-x: 0;
+  }
+
+  .sm\:hover\:scale-x-50:hover {
+    --tw-scale-x: .5;
+  }
+
+  .sm\:hover\:scale-x-75:hover {
+    --tw-scale-x: .75;
+  }
+
+  .sm\:hover\:scale-x-90:hover {
+    --tw-scale-x: .9;
+  }
+
+  .sm\:hover\:scale-x-95:hover {
+    --tw-scale-x: .95;
+  }
+
+  .sm\:hover\:scale-x-100:hover {
+    --tw-scale-x: 1;
+  }
+
+  .sm\:hover\:scale-x-105:hover {
+    --tw-scale-x: 1.05;
+  }
+
+  .sm\:hover\:scale-x-110:hover {
+    --tw-scale-x: 1.1;
+  }
+
+  .sm\:hover\:scale-x-125:hover {
+    --tw-scale-x: 1.25;
+  }
+
+  .sm\:hover\:scale-x-150:hover {
+    --tw-scale-x: 1.5;
+  }
+
+  .sm\:hover\:scale-y-0:hover {
+    --tw-scale-y: 0;
+  }
+
+  .sm\:hover\:scale-y-50:hover {
+    --tw-scale-y: .5;
+  }
+
+  .sm\:hover\:scale-y-75:hover {
+    --tw-scale-y: .75;
+  }
+
+  .sm\:hover\:scale-y-90:hover {
+    --tw-scale-y: .9;
+  }
+
+  .sm\:hover\:scale-y-95:hover {
+    --tw-scale-y: .95;
+  }
+
+  .sm\:hover\:scale-y-100:hover {
+    --tw-scale-y: 1;
+  }
+
+  .sm\:hover\:scale-y-105:hover {
+    --tw-scale-y: 1.05;
+  }
+
+  .sm\:hover\:scale-y-110:hover {
+    --tw-scale-y: 1.1;
+  }
+
+  .sm\:hover\:scale-y-125:hover {
+    --tw-scale-y: 1.25;
+  }
+
+  .sm\:hover\:scale-y-150:hover {
+    --tw-scale-y: 1.5;
+  }
+
+  .sm\:focus\:scale-0:focus {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .sm\:focus\:scale-50:focus {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .sm\:focus\:scale-75:focus {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .sm\:focus\:scale-90:focus {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .sm\:focus\:scale-95:focus {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .sm\:focus\:scale-100:focus {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .sm\:focus\:scale-105:focus {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .sm\:focus\:scale-110:focus {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .sm\:focus\:scale-125:focus {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .sm\:focus\:scale-150:focus {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .sm\:focus\:scale-x-0:focus {
+    --tw-scale-x: 0;
+  }
+
+  .sm\:focus\:scale-x-50:focus {
+    --tw-scale-x: .5;
+  }
+
+  .sm\:focus\:scale-x-75:focus {
+    --tw-scale-x: .75;
+  }
+
+  .sm\:focus\:scale-x-90:focus {
+    --tw-scale-x: .9;
+  }
+
+  .sm\:focus\:scale-x-95:focus {
+    --tw-scale-x: .95;
+  }
+
+  .sm\:focus\:scale-x-100:focus {
+    --tw-scale-x: 1;
+  }
+
+  .sm\:focus\:scale-x-105:focus {
+    --tw-scale-x: 1.05;
+  }
+
+  .sm\:focus\:scale-x-110:focus {
+    --tw-scale-x: 1.1;
+  }
+
+  .sm\:focus\:scale-x-125:focus {
+    --tw-scale-x: 1.25;
+  }
+
+  .sm\:focus\:scale-x-150:focus {
+    --tw-scale-x: 1.5;
+  }
+
+  .sm\:focus\:scale-y-0:focus {
+    --tw-scale-y: 0;
+  }
+
+  .sm\:focus\:scale-y-50:focus {
+    --tw-scale-y: .5;
+  }
+
+  .sm\:focus\:scale-y-75:focus {
+    --tw-scale-y: .75;
+  }
+
+  .sm\:focus\:scale-y-90:focus {
+    --tw-scale-y: .9;
+  }
+
+  .sm\:focus\:scale-y-95:focus {
+    --tw-scale-y: .95;
+  }
+
+  .sm\:focus\:scale-y-100:focus {
+    --tw-scale-y: 1;
+  }
+
+  .sm\:focus\:scale-y-105:focus {
+    --tw-scale-y: 1.05;
+  }
+
+  .sm\:focus\:scale-y-110:focus {
+    --tw-scale-y: 1.1;
+  }
+
+  .sm\:focus\:scale-y-125:focus {
+    --tw-scale-y: 1.25;
+  }
+
+  .sm\:focus\:scale-y-150:focus {
+    --tw-scale-y: 1.5;
+  }
+
+  .sm\:rotate-0 {
+    --tw-rotate: 0deg;
+  }
+
+  .sm\:rotate-1 {
+    --tw-rotate: 1deg;
+  }
+
+  .sm\:rotate-2 {
+    --tw-rotate: 2deg;
+  }
+
+  .sm\:rotate-3 {
+    --tw-rotate: 3deg;
+  }
+
+  .sm\:rotate-6 {
+    --tw-rotate: 6deg;
+  }
+
+  .sm\:rotate-12 {
+    --tw-rotate: 12deg;
+  }
+
+  .sm\:rotate-45 {
+    --tw-rotate: 45deg;
+  }
+
+  .sm\:rotate-90 {
+    --tw-rotate: 90deg;
+  }
+
+  .sm\:rotate-180 {
+    --tw-rotate: 180deg;
+  }
+
+  .sm\:-rotate-180 {
+    --tw-rotate: -180deg;
+  }
+
+  .sm\:-rotate-90 {
+    --tw-rotate: -90deg;
+  }
+
+  .sm\:-rotate-45 {
+    --tw-rotate: -45deg;
+  }
+
+  .sm\:-rotate-12 {
+    --tw-rotate: -12deg;
+  }
+
+  .sm\:-rotate-6 {
+    --tw-rotate: -6deg;
+  }
+
+  .sm\:-rotate-3 {
+    --tw-rotate: -3deg;
+  }
+
+  .sm\:-rotate-2 {
+    --tw-rotate: -2deg;
+  }
+
+  .sm\:-rotate-1 {
+    --tw-rotate: -1deg;
+  }
+
+  .sm\:hover\:rotate-0:hover {
+    --tw-rotate: 0deg;
+  }
+
+  .sm\:hover\:rotate-1:hover {
+    --tw-rotate: 1deg;
+  }
+
+  .sm\:hover\:rotate-2:hover {
+    --tw-rotate: 2deg;
+  }
+
+  .sm\:hover\:rotate-3:hover {
+    --tw-rotate: 3deg;
+  }
+
+  .sm\:hover\:rotate-6:hover {
+    --tw-rotate: 6deg;
+  }
+
+  .sm\:hover\:rotate-12:hover {
+    --tw-rotate: 12deg;
+  }
+
+  .sm\:hover\:rotate-45:hover {
+    --tw-rotate: 45deg;
+  }
+
+  .sm\:hover\:rotate-90:hover {
+    --tw-rotate: 90deg;
+  }
+
+  .sm\:hover\:rotate-180:hover {
+    --tw-rotate: 180deg;
+  }
+
+  .sm\:hover\:-rotate-180:hover {
+    --tw-rotate: -180deg;
+  }
+
+  .sm\:hover\:-rotate-90:hover {
+    --tw-rotate: -90deg;
+  }
+
+  .sm\:hover\:-rotate-45:hover {
+    --tw-rotate: -45deg;
+  }
+
+  .sm\:hover\:-rotate-12:hover {
+    --tw-rotate: -12deg;
+  }
+
+  .sm\:hover\:-rotate-6:hover {
+    --tw-rotate: -6deg;
+  }
+
+  .sm\:hover\:-rotate-3:hover {
+    --tw-rotate: -3deg;
+  }
+
+  .sm\:hover\:-rotate-2:hover {
+    --tw-rotate: -2deg;
+  }
+
+  .sm\:hover\:-rotate-1:hover {
+    --tw-rotate: -1deg;
+  }
+
+  .sm\:focus\:rotate-0:focus {
+    --tw-rotate: 0deg;
+  }
+
+  .sm\:focus\:rotate-1:focus {
+    --tw-rotate: 1deg;
+  }
+
+  .sm\:focus\:rotate-2:focus {
+    --tw-rotate: 2deg;
+  }
+
+  .sm\:focus\:rotate-3:focus {
+    --tw-rotate: 3deg;
+  }
+
+  .sm\:focus\:rotate-6:focus {
+    --tw-rotate: 6deg;
+  }
+
+  .sm\:focus\:rotate-12:focus {
+    --tw-rotate: 12deg;
+  }
+
+  .sm\:focus\:rotate-45:focus {
+    --tw-rotate: 45deg;
+  }
+
+  .sm\:focus\:rotate-90:focus {
+    --tw-rotate: 90deg;
+  }
+
+  .sm\:focus\:rotate-180:focus {
+    --tw-rotate: 180deg;
+  }
+
+  .sm\:focus\:-rotate-180:focus {
+    --tw-rotate: -180deg;
+  }
+
+  .sm\:focus\:-rotate-90:focus {
+    --tw-rotate: -90deg;
+  }
+
+  .sm\:focus\:-rotate-45:focus {
+    --tw-rotate: -45deg;
+  }
+
+  .sm\:focus\:-rotate-12:focus {
+    --tw-rotate: -12deg;
+  }
+
+  .sm\:focus\:-rotate-6:focus {
+    --tw-rotate: -6deg;
+  }
+
+  .sm\:focus\:-rotate-3:focus {
+    --tw-rotate: -3deg;
+  }
+
+  .sm\:focus\:-rotate-2:focus {
+    --tw-rotate: -2deg;
+  }
+
+  .sm\:focus\:-rotate-1:focus {
+    --tw-rotate: -1deg;
+  }
+
+  .sm\:translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .sm\:translate-x-1 {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .sm\:translate-x-2 {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .sm\:translate-x-3 {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .sm\:translate-x-4 {
+    --tw-translate-x: 1rem;
+  }
+
+  .sm\:translate-x-5 {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .sm\:translate-x-6 {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .sm\:translate-x-7 {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .sm\:translate-x-8 {
+    --tw-translate-x: 2rem;
+  }
+
+  .sm\:translate-x-9 {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .sm\:translate-x-10 {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .sm\:translate-x-11 {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .sm\:translate-x-12 {
+    --tw-translate-x: 3rem;
+  }
+
+  .sm\:translate-x-14 {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .sm\:translate-x-16 {
+    --tw-translate-x: 4rem;
+  }
+
+  .sm\:translate-x-20 {
+    --tw-translate-x: 5rem;
+  }
+
+  .sm\:translate-x-24 {
+    --tw-translate-x: 6rem;
+  }
+
+  .sm\:translate-x-28 {
+    --tw-translate-x: 7rem;
+  }
+
+  .sm\:translate-x-32 {
+    --tw-translate-x: 8rem;
+  }
+
+  .sm\:translate-x-36 {
+    --tw-translate-x: 9rem;
+  }
+
+  .sm\:translate-x-40 {
+    --tw-translate-x: 10rem;
+  }
+
+  .sm\:translate-x-44 {
+    --tw-translate-x: 11rem;
+  }
+
+  .sm\:translate-x-48 {
+    --tw-translate-x: 12rem;
+  }
+
+  .sm\:translate-x-52 {
+    --tw-translate-x: 13rem;
+  }
+
+  .sm\:translate-x-56 {
+    --tw-translate-x: 14rem;
+  }
+
+  .sm\:translate-x-60 {
+    --tw-translate-x: 15rem;
+  }
+
+  .sm\:translate-x-64 {
+    --tw-translate-x: 16rem;
+  }
+
+  .sm\:translate-x-72 {
+    --tw-translate-x: 18rem;
+  }
+
+  .sm\:translate-x-80 {
+    --tw-translate-x: 20rem;
+  }
+
+  .sm\:translate-x-96 {
+    --tw-translate-x: 24rem;
+  }
+
+  .sm\:translate-x-px {
+    --tw-translate-x: 1px;
+  }
+
+  .sm\:translate-x-0\.5 {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .sm\:translate-x-1\.5 {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .sm\:translate-x-2\.5 {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .sm\:translate-x-3\.5 {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .sm\:-translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .sm\:-translate-x-1 {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .sm\:-translate-x-2 {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .sm\:-translate-x-3 {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .sm\:-translate-x-4 {
+    --tw-translate-x: -1rem;
+  }
+
+  .sm\:-translate-x-5 {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .sm\:-translate-x-6 {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .sm\:-translate-x-7 {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .sm\:-translate-x-8 {
+    --tw-translate-x: -2rem;
+  }
+
+  .sm\:-translate-x-9 {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .sm\:-translate-x-10 {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .sm\:-translate-x-11 {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .sm\:-translate-x-12 {
+    --tw-translate-x: -3rem;
+  }
+
+  .sm\:-translate-x-14 {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .sm\:-translate-x-16 {
+    --tw-translate-x: -4rem;
+  }
+
+  .sm\:-translate-x-20 {
+    --tw-translate-x: -5rem;
+  }
+
+  .sm\:-translate-x-24 {
+    --tw-translate-x: -6rem;
+  }
+
+  .sm\:-translate-x-28 {
+    --tw-translate-x: -7rem;
+  }
+
+  .sm\:-translate-x-32 {
+    --tw-translate-x: -8rem;
+  }
+
+  .sm\:-translate-x-36 {
+    --tw-translate-x: -9rem;
+  }
+
+  .sm\:-translate-x-40 {
+    --tw-translate-x: -10rem;
+  }
+
+  .sm\:-translate-x-44 {
+    --tw-translate-x: -11rem;
+  }
+
+  .sm\:-translate-x-48 {
+    --tw-translate-x: -12rem;
+  }
+
+  .sm\:-translate-x-52 {
+    --tw-translate-x: -13rem;
+  }
+
+  .sm\:-translate-x-56 {
+    --tw-translate-x: -14rem;
+  }
+
+  .sm\:-translate-x-60 {
+    --tw-translate-x: -15rem;
+  }
+
+  .sm\:-translate-x-64 {
+    --tw-translate-x: -16rem;
+  }
+
+  .sm\:-translate-x-72 {
+    --tw-translate-x: -18rem;
+  }
+
+  .sm\:-translate-x-80 {
+    --tw-translate-x: -20rem;
+  }
+
+  .sm\:-translate-x-96 {
+    --tw-translate-x: -24rem;
+  }
+
+  .sm\:-translate-x-px {
+    --tw-translate-x: -1px;
+  }
+
+  .sm\:-translate-x-0\.5 {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .sm\:-translate-x-1\.5 {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .sm\:-translate-x-2\.5 {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .sm\:-translate-x-3\.5 {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .sm\:translate-x-1\/2 {
+    --tw-translate-x: 50%;
+  }
+
+  .sm\:translate-x-1\/3 {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .sm\:translate-x-2\/3 {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .sm\:translate-x-1\/4 {
+    --tw-translate-x: 25%;
+  }
+
+  .sm\:translate-x-2\/4 {
+    --tw-translate-x: 50%;
+  }
+
+  .sm\:translate-x-3\/4 {
+    --tw-translate-x: 75%;
+  }
+
+  .sm\:translate-x-full {
+    --tw-translate-x: 100%;
+  }
+
+  .sm\:-translate-x-1\/2 {
+    --tw-translate-x: -50%;
+  }
+
+  .sm\:-translate-x-1\/3 {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .sm\:-translate-x-2\/3 {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .sm\:-translate-x-1\/4 {
+    --tw-translate-x: -25%;
+  }
+
+  .sm\:-translate-x-2\/4 {
+    --tw-translate-x: -50%;
+  }
+
+  .sm\:-translate-x-3\/4 {
+    --tw-translate-x: -75%;
+  }
+
+  .sm\:-translate-x-full {
+    --tw-translate-x: -100%;
+  }
+
+  .sm\:translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .sm\:translate-y-1 {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .sm\:translate-y-2 {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .sm\:translate-y-3 {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .sm\:translate-y-4 {
+    --tw-translate-y: 1rem;
+  }
+
+  .sm\:translate-y-5 {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .sm\:translate-y-6 {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .sm\:translate-y-7 {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .sm\:translate-y-8 {
+    --tw-translate-y: 2rem;
+  }
+
+  .sm\:translate-y-9 {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .sm\:translate-y-10 {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .sm\:translate-y-11 {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .sm\:translate-y-12 {
+    --tw-translate-y: 3rem;
+  }
+
+  .sm\:translate-y-14 {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .sm\:translate-y-16 {
+    --tw-translate-y: 4rem;
+  }
+
+  .sm\:translate-y-20 {
+    --tw-translate-y: 5rem;
+  }
+
+  .sm\:translate-y-24 {
+    --tw-translate-y: 6rem;
+  }
+
+  .sm\:translate-y-28 {
+    --tw-translate-y: 7rem;
+  }
+
+  .sm\:translate-y-32 {
+    --tw-translate-y: 8rem;
+  }
+
+  .sm\:translate-y-36 {
+    --tw-translate-y: 9rem;
+  }
+
+  .sm\:translate-y-40 {
+    --tw-translate-y: 10rem;
+  }
+
+  .sm\:translate-y-44 {
+    --tw-translate-y: 11rem;
+  }
+
+  .sm\:translate-y-48 {
+    --tw-translate-y: 12rem;
+  }
+
+  .sm\:translate-y-52 {
+    --tw-translate-y: 13rem;
+  }
+
+  .sm\:translate-y-56 {
+    --tw-translate-y: 14rem;
+  }
+
+  .sm\:translate-y-60 {
+    --tw-translate-y: 15rem;
+  }
+
+  .sm\:translate-y-64 {
+    --tw-translate-y: 16rem;
+  }
+
+  .sm\:translate-y-72 {
+    --tw-translate-y: 18rem;
+  }
+
+  .sm\:translate-y-80 {
+    --tw-translate-y: 20rem;
+  }
+
+  .sm\:translate-y-96 {
+    --tw-translate-y: 24rem;
+  }
+
+  .sm\:translate-y-px {
+    --tw-translate-y: 1px;
+  }
+
+  .sm\:translate-y-0\.5 {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .sm\:translate-y-1\.5 {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .sm\:translate-y-2\.5 {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .sm\:translate-y-3\.5 {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .sm\:-translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .sm\:-translate-y-1 {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .sm\:-translate-y-2 {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .sm\:-translate-y-3 {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .sm\:-translate-y-4 {
+    --tw-translate-y: -1rem;
+  }
+
+  .sm\:-translate-y-5 {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .sm\:-translate-y-6 {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .sm\:-translate-y-7 {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .sm\:-translate-y-8 {
+    --tw-translate-y: -2rem;
+  }
+
+  .sm\:-translate-y-9 {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .sm\:-translate-y-10 {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .sm\:-translate-y-11 {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .sm\:-translate-y-12 {
+    --tw-translate-y: -3rem;
+  }
+
+  .sm\:-translate-y-14 {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .sm\:-translate-y-16 {
+    --tw-translate-y: -4rem;
+  }
+
+  .sm\:-translate-y-20 {
+    --tw-translate-y: -5rem;
+  }
+
+  .sm\:-translate-y-24 {
+    --tw-translate-y: -6rem;
+  }
+
+  .sm\:-translate-y-28 {
+    --tw-translate-y: -7rem;
+  }
+
+  .sm\:-translate-y-32 {
+    --tw-translate-y: -8rem;
+  }
+
+  .sm\:-translate-y-36 {
+    --tw-translate-y: -9rem;
+  }
+
+  .sm\:-translate-y-40 {
+    --tw-translate-y: -10rem;
+  }
+
+  .sm\:-translate-y-44 {
+    --tw-translate-y: -11rem;
+  }
+
+  .sm\:-translate-y-48 {
+    --tw-translate-y: -12rem;
+  }
+
+  .sm\:-translate-y-52 {
+    --tw-translate-y: -13rem;
+  }
+
+  .sm\:-translate-y-56 {
+    --tw-translate-y: -14rem;
+  }
+
+  .sm\:-translate-y-60 {
+    --tw-translate-y: -15rem;
+  }
+
+  .sm\:-translate-y-64 {
+    --tw-translate-y: -16rem;
+  }
+
+  .sm\:-translate-y-72 {
+    --tw-translate-y: -18rem;
+  }
+
+  .sm\:-translate-y-80 {
+    --tw-translate-y: -20rem;
+  }
+
+  .sm\:-translate-y-96 {
+    --tw-translate-y: -24rem;
+  }
+
+  .sm\:-translate-y-px {
+    --tw-translate-y: -1px;
+  }
+
+  .sm\:-translate-y-0\.5 {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .sm\:-translate-y-1\.5 {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .sm\:-translate-y-2\.5 {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .sm\:-translate-y-3\.5 {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .sm\:translate-y-1\/2 {
+    --tw-translate-y: 50%;
+  }
+
+  .sm\:translate-y-1\/3 {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .sm\:translate-y-2\/3 {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .sm\:translate-y-1\/4 {
+    --tw-translate-y: 25%;
+  }
+
+  .sm\:translate-y-2\/4 {
+    --tw-translate-y: 50%;
+  }
+
+  .sm\:translate-y-3\/4 {
+    --tw-translate-y: 75%;
+  }
+
+  .sm\:translate-y-full {
+    --tw-translate-y: 100%;
+  }
+
+  .sm\:-translate-y-1\/2 {
+    --tw-translate-y: -50%;
+  }
+
+  .sm\:-translate-y-1\/3 {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .sm\:-translate-y-2\/3 {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .sm\:-translate-y-1\/4 {
+    --tw-translate-y: -25%;
+  }
+
+  .sm\:-translate-y-2\/4 {
+    --tw-translate-y: -50%;
+  }
+
+  .sm\:-translate-y-3\/4 {
+    --tw-translate-y: -75%;
+  }
+
+  .sm\:-translate-y-full {
+    --tw-translate-y: -100%;
+  }
+
+  .sm\:hover\:translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .sm\:hover\:translate-x-1:hover {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .sm\:hover\:translate-x-2:hover {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .sm\:hover\:translate-x-3:hover {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .sm\:hover\:translate-x-4:hover {
+    --tw-translate-x: 1rem;
+  }
+
+  .sm\:hover\:translate-x-5:hover {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .sm\:hover\:translate-x-6:hover {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .sm\:hover\:translate-x-7:hover {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .sm\:hover\:translate-x-8:hover {
+    --tw-translate-x: 2rem;
+  }
+
+  .sm\:hover\:translate-x-9:hover {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .sm\:hover\:translate-x-10:hover {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .sm\:hover\:translate-x-11:hover {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .sm\:hover\:translate-x-12:hover {
+    --tw-translate-x: 3rem;
+  }
+
+  .sm\:hover\:translate-x-14:hover {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .sm\:hover\:translate-x-16:hover {
+    --tw-translate-x: 4rem;
+  }
+
+  .sm\:hover\:translate-x-20:hover {
+    --tw-translate-x: 5rem;
+  }
+
+  .sm\:hover\:translate-x-24:hover {
+    --tw-translate-x: 6rem;
+  }
+
+  .sm\:hover\:translate-x-28:hover {
+    --tw-translate-x: 7rem;
+  }
+
+  .sm\:hover\:translate-x-32:hover {
+    --tw-translate-x: 8rem;
+  }
+
+  .sm\:hover\:translate-x-36:hover {
+    --tw-translate-x: 9rem;
+  }
+
+  .sm\:hover\:translate-x-40:hover {
+    --tw-translate-x: 10rem;
+  }
+
+  .sm\:hover\:translate-x-44:hover {
+    --tw-translate-x: 11rem;
+  }
+
+  .sm\:hover\:translate-x-48:hover {
+    --tw-translate-x: 12rem;
+  }
+
+  .sm\:hover\:translate-x-52:hover {
+    --tw-translate-x: 13rem;
+  }
+
+  .sm\:hover\:translate-x-56:hover {
+    --tw-translate-x: 14rem;
+  }
+
+  .sm\:hover\:translate-x-60:hover {
+    --tw-translate-x: 15rem;
+  }
+
+  .sm\:hover\:translate-x-64:hover {
+    --tw-translate-x: 16rem;
+  }
+
+  .sm\:hover\:translate-x-72:hover {
+    --tw-translate-x: 18rem;
+  }
+
+  .sm\:hover\:translate-x-80:hover {
+    --tw-translate-x: 20rem;
+  }
+
+  .sm\:hover\:translate-x-96:hover {
+    --tw-translate-x: 24rem;
+  }
+
+  .sm\:hover\:translate-x-px:hover {
+    --tw-translate-x: 1px;
+  }
+
+  .sm\:hover\:translate-x-0\.5:hover {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .sm\:hover\:translate-x-1\.5:hover {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .sm\:hover\:translate-x-2\.5:hover {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .sm\:hover\:translate-x-3\.5:hover {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .sm\:hover\:-translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .sm\:hover\:-translate-x-1:hover {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .sm\:hover\:-translate-x-2:hover {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .sm\:hover\:-translate-x-3:hover {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .sm\:hover\:-translate-x-4:hover {
+    --tw-translate-x: -1rem;
+  }
+
+  .sm\:hover\:-translate-x-5:hover {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .sm\:hover\:-translate-x-6:hover {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .sm\:hover\:-translate-x-7:hover {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .sm\:hover\:-translate-x-8:hover {
+    --tw-translate-x: -2rem;
+  }
+
+  .sm\:hover\:-translate-x-9:hover {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .sm\:hover\:-translate-x-10:hover {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .sm\:hover\:-translate-x-11:hover {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .sm\:hover\:-translate-x-12:hover {
+    --tw-translate-x: -3rem;
+  }
+
+  .sm\:hover\:-translate-x-14:hover {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .sm\:hover\:-translate-x-16:hover {
+    --tw-translate-x: -4rem;
+  }
+
+  .sm\:hover\:-translate-x-20:hover {
+    --tw-translate-x: -5rem;
+  }
+
+  .sm\:hover\:-translate-x-24:hover {
+    --tw-translate-x: -6rem;
+  }
+
+  .sm\:hover\:-translate-x-28:hover {
+    --tw-translate-x: -7rem;
+  }
+
+  .sm\:hover\:-translate-x-32:hover {
+    --tw-translate-x: -8rem;
+  }
+
+  .sm\:hover\:-translate-x-36:hover {
+    --tw-translate-x: -9rem;
+  }
+
+  .sm\:hover\:-translate-x-40:hover {
+    --tw-translate-x: -10rem;
+  }
+
+  .sm\:hover\:-translate-x-44:hover {
+    --tw-translate-x: -11rem;
+  }
+
+  .sm\:hover\:-translate-x-48:hover {
+    --tw-translate-x: -12rem;
+  }
+
+  .sm\:hover\:-translate-x-52:hover {
+    --tw-translate-x: -13rem;
+  }
+
+  .sm\:hover\:-translate-x-56:hover {
+    --tw-translate-x: -14rem;
+  }
+
+  .sm\:hover\:-translate-x-60:hover {
+    --tw-translate-x: -15rem;
+  }
+
+  .sm\:hover\:-translate-x-64:hover {
+    --tw-translate-x: -16rem;
+  }
+
+  .sm\:hover\:-translate-x-72:hover {
+    --tw-translate-x: -18rem;
+  }
+
+  .sm\:hover\:-translate-x-80:hover {
+    --tw-translate-x: -20rem;
+  }
+
+  .sm\:hover\:-translate-x-96:hover {
+    --tw-translate-x: -24rem;
+  }
+
+  .sm\:hover\:-translate-x-px:hover {
+    --tw-translate-x: -1px;
+  }
+
+  .sm\:hover\:-translate-x-0\.5:hover {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .sm\:hover\:-translate-x-1\.5:hover {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .sm\:hover\:-translate-x-2\.5:hover {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .sm\:hover\:-translate-x-3\.5:hover {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .sm\:hover\:translate-x-1\/2:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .sm\:hover\:translate-x-1\/3:hover {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .sm\:hover\:translate-x-2\/3:hover {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .sm\:hover\:translate-x-1\/4:hover {
+    --tw-translate-x: 25%;
+  }
+
+  .sm\:hover\:translate-x-2\/4:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .sm\:hover\:translate-x-3\/4:hover {
+    --tw-translate-x: 75%;
+  }
+
+  .sm\:hover\:translate-x-full:hover {
+    --tw-translate-x: 100%;
+  }
+
+  .sm\:hover\:-translate-x-1\/2:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .sm\:hover\:-translate-x-1\/3:hover {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .sm\:hover\:-translate-x-2\/3:hover {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .sm\:hover\:-translate-x-1\/4:hover {
+    --tw-translate-x: -25%;
+  }
+
+  .sm\:hover\:-translate-x-2\/4:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .sm\:hover\:-translate-x-3\/4:hover {
+    --tw-translate-x: -75%;
+  }
+
+  .sm\:hover\:-translate-x-full:hover {
+    --tw-translate-x: -100%;
+  }
+
+  .sm\:hover\:translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .sm\:hover\:translate-y-1:hover {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .sm\:hover\:translate-y-2:hover {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .sm\:hover\:translate-y-3:hover {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .sm\:hover\:translate-y-4:hover {
+    --tw-translate-y: 1rem;
+  }
+
+  .sm\:hover\:translate-y-5:hover {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .sm\:hover\:translate-y-6:hover {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .sm\:hover\:translate-y-7:hover {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .sm\:hover\:translate-y-8:hover {
+    --tw-translate-y: 2rem;
+  }
+
+  .sm\:hover\:translate-y-9:hover {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .sm\:hover\:translate-y-10:hover {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .sm\:hover\:translate-y-11:hover {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .sm\:hover\:translate-y-12:hover {
+    --tw-translate-y: 3rem;
+  }
+
+  .sm\:hover\:translate-y-14:hover {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .sm\:hover\:translate-y-16:hover {
+    --tw-translate-y: 4rem;
+  }
+
+  .sm\:hover\:translate-y-20:hover {
+    --tw-translate-y: 5rem;
+  }
+
+  .sm\:hover\:translate-y-24:hover {
+    --tw-translate-y: 6rem;
+  }
+
+  .sm\:hover\:translate-y-28:hover {
+    --tw-translate-y: 7rem;
+  }
+
+  .sm\:hover\:translate-y-32:hover {
+    --tw-translate-y: 8rem;
+  }
+
+  .sm\:hover\:translate-y-36:hover {
+    --tw-translate-y: 9rem;
+  }
+
+  .sm\:hover\:translate-y-40:hover {
+    --tw-translate-y: 10rem;
+  }
+
+  .sm\:hover\:translate-y-44:hover {
+    --tw-translate-y: 11rem;
+  }
+
+  .sm\:hover\:translate-y-48:hover {
+    --tw-translate-y: 12rem;
+  }
+
+  .sm\:hover\:translate-y-52:hover {
+    --tw-translate-y: 13rem;
+  }
+
+  .sm\:hover\:translate-y-56:hover {
+    --tw-translate-y: 14rem;
+  }
+
+  .sm\:hover\:translate-y-60:hover {
+    --tw-translate-y: 15rem;
+  }
+
+  .sm\:hover\:translate-y-64:hover {
+    --tw-translate-y: 16rem;
+  }
+
+  .sm\:hover\:translate-y-72:hover {
+    --tw-translate-y: 18rem;
+  }
+
+  .sm\:hover\:translate-y-80:hover {
+    --tw-translate-y: 20rem;
+  }
+
+  .sm\:hover\:translate-y-96:hover {
+    --tw-translate-y: 24rem;
+  }
+
+  .sm\:hover\:translate-y-px:hover {
+    --tw-translate-y: 1px;
+  }
+
+  .sm\:hover\:translate-y-0\.5:hover {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .sm\:hover\:translate-y-1\.5:hover {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .sm\:hover\:translate-y-2\.5:hover {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .sm\:hover\:translate-y-3\.5:hover {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .sm\:hover\:-translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .sm\:hover\:-translate-y-1:hover {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .sm\:hover\:-translate-y-2:hover {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .sm\:hover\:-translate-y-3:hover {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .sm\:hover\:-translate-y-4:hover {
+    --tw-translate-y: -1rem;
+  }
+
+  .sm\:hover\:-translate-y-5:hover {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .sm\:hover\:-translate-y-6:hover {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .sm\:hover\:-translate-y-7:hover {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .sm\:hover\:-translate-y-8:hover {
+    --tw-translate-y: -2rem;
+  }
+
+  .sm\:hover\:-translate-y-9:hover {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .sm\:hover\:-translate-y-10:hover {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .sm\:hover\:-translate-y-11:hover {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .sm\:hover\:-translate-y-12:hover {
+    --tw-translate-y: -3rem;
+  }
+
+  .sm\:hover\:-translate-y-14:hover {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .sm\:hover\:-translate-y-16:hover {
+    --tw-translate-y: -4rem;
+  }
+
+  .sm\:hover\:-translate-y-20:hover {
+    --tw-translate-y: -5rem;
+  }
+
+  .sm\:hover\:-translate-y-24:hover {
+    --tw-translate-y: -6rem;
+  }
+
+  .sm\:hover\:-translate-y-28:hover {
+    --tw-translate-y: -7rem;
+  }
+
+  .sm\:hover\:-translate-y-32:hover {
+    --tw-translate-y: -8rem;
+  }
+
+  .sm\:hover\:-translate-y-36:hover {
+    --tw-translate-y: -9rem;
+  }
+
+  .sm\:hover\:-translate-y-40:hover {
+    --tw-translate-y: -10rem;
+  }
+
+  .sm\:hover\:-translate-y-44:hover {
+    --tw-translate-y: -11rem;
+  }
+
+  .sm\:hover\:-translate-y-48:hover {
+    --tw-translate-y: -12rem;
+  }
+
+  .sm\:hover\:-translate-y-52:hover {
+    --tw-translate-y: -13rem;
+  }
+
+  .sm\:hover\:-translate-y-56:hover {
+    --tw-translate-y: -14rem;
+  }
+
+  .sm\:hover\:-translate-y-60:hover {
+    --tw-translate-y: -15rem;
+  }
+
+  .sm\:hover\:-translate-y-64:hover {
+    --tw-translate-y: -16rem;
+  }
+
+  .sm\:hover\:-translate-y-72:hover {
+    --tw-translate-y: -18rem;
+  }
+
+  .sm\:hover\:-translate-y-80:hover {
+    --tw-translate-y: -20rem;
+  }
+
+  .sm\:hover\:-translate-y-96:hover {
+    --tw-translate-y: -24rem;
+  }
+
+  .sm\:hover\:-translate-y-px:hover {
+    --tw-translate-y: -1px;
+  }
+
+  .sm\:hover\:-translate-y-0\.5:hover {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .sm\:hover\:-translate-y-1\.5:hover {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .sm\:hover\:-translate-y-2\.5:hover {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .sm\:hover\:-translate-y-3\.5:hover {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .sm\:hover\:translate-y-1\/2:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .sm\:hover\:translate-y-1\/3:hover {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .sm\:hover\:translate-y-2\/3:hover {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .sm\:hover\:translate-y-1\/4:hover {
+    --tw-translate-y: 25%;
+  }
+
+  .sm\:hover\:translate-y-2\/4:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .sm\:hover\:translate-y-3\/4:hover {
+    --tw-translate-y: 75%;
+  }
+
+  .sm\:hover\:translate-y-full:hover {
+    --tw-translate-y: 100%;
+  }
+
+  .sm\:hover\:-translate-y-1\/2:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .sm\:hover\:-translate-y-1\/3:hover {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .sm\:hover\:-translate-y-2\/3:hover {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .sm\:hover\:-translate-y-1\/4:hover {
+    --tw-translate-y: -25%;
+  }
+
+  .sm\:hover\:-translate-y-2\/4:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .sm\:hover\:-translate-y-3\/4:hover {
+    --tw-translate-y: -75%;
+  }
+
+  .sm\:hover\:-translate-y-full:hover {
+    --tw-translate-y: -100%;
+  }
+
+  .sm\:focus\:translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .sm\:focus\:translate-x-1:focus {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .sm\:focus\:translate-x-2:focus {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .sm\:focus\:translate-x-3:focus {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .sm\:focus\:translate-x-4:focus {
+    --tw-translate-x: 1rem;
+  }
+
+  .sm\:focus\:translate-x-5:focus {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .sm\:focus\:translate-x-6:focus {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .sm\:focus\:translate-x-7:focus {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .sm\:focus\:translate-x-8:focus {
+    --tw-translate-x: 2rem;
+  }
+
+  .sm\:focus\:translate-x-9:focus {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .sm\:focus\:translate-x-10:focus {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .sm\:focus\:translate-x-11:focus {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .sm\:focus\:translate-x-12:focus {
+    --tw-translate-x: 3rem;
+  }
+
+  .sm\:focus\:translate-x-14:focus {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .sm\:focus\:translate-x-16:focus {
+    --tw-translate-x: 4rem;
+  }
+
+  .sm\:focus\:translate-x-20:focus {
+    --tw-translate-x: 5rem;
+  }
+
+  .sm\:focus\:translate-x-24:focus {
+    --tw-translate-x: 6rem;
+  }
+
+  .sm\:focus\:translate-x-28:focus {
+    --tw-translate-x: 7rem;
+  }
+
+  .sm\:focus\:translate-x-32:focus {
+    --tw-translate-x: 8rem;
+  }
+
+  .sm\:focus\:translate-x-36:focus {
+    --tw-translate-x: 9rem;
+  }
+
+  .sm\:focus\:translate-x-40:focus {
+    --tw-translate-x: 10rem;
+  }
+
+  .sm\:focus\:translate-x-44:focus {
+    --tw-translate-x: 11rem;
+  }
+
+  .sm\:focus\:translate-x-48:focus {
+    --tw-translate-x: 12rem;
+  }
+
+  .sm\:focus\:translate-x-52:focus {
+    --tw-translate-x: 13rem;
+  }
+
+  .sm\:focus\:translate-x-56:focus {
+    --tw-translate-x: 14rem;
+  }
+
+  .sm\:focus\:translate-x-60:focus {
+    --tw-translate-x: 15rem;
+  }
+
+  .sm\:focus\:translate-x-64:focus {
+    --tw-translate-x: 16rem;
+  }
+
+  .sm\:focus\:translate-x-72:focus {
+    --tw-translate-x: 18rem;
+  }
+
+  .sm\:focus\:translate-x-80:focus {
+    --tw-translate-x: 20rem;
+  }
+
+  .sm\:focus\:translate-x-96:focus {
+    --tw-translate-x: 24rem;
+  }
+
+  .sm\:focus\:translate-x-px:focus {
+    --tw-translate-x: 1px;
+  }
+
+  .sm\:focus\:translate-x-0\.5:focus {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .sm\:focus\:translate-x-1\.5:focus {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .sm\:focus\:translate-x-2\.5:focus {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .sm\:focus\:translate-x-3\.5:focus {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .sm\:focus\:-translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .sm\:focus\:-translate-x-1:focus {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .sm\:focus\:-translate-x-2:focus {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .sm\:focus\:-translate-x-3:focus {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .sm\:focus\:-translate-x-4:focus {
+    --tw-translate-x: -1rem;
+  }
+
+  .sm\:focus\:-translate-x-5:focus {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .sm\:focus\:-translate-x-6:focus {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .sm\:focus\:-translate-x-7:focus {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .sm\:focus\:-translate-x-8:focus {
+    --tw-translate-x: -2rem;
+  }
+
+  .sm\:focus\:-translate-x-9:focus {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .sm\:focus\:-translate-x-10:focus {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .sm\:focus\:-translate-x-11:focus {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .sm\:focus\:-translate-x-12:focus {
+    --tw-translate-x: -3rem;
+  }
+
+  .sm\:focus\:-translate-x-14:focus {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .sm\:focus\:-translate-x-16:focus {
+    --tw-translate-x: -4rem;
+  }
+
+  .sm\:focus\:-translate-x-20:focus {
+    --tw-translate-x: -5rem;
+  }
+
+  .sm\:focus\:-translate-x-24:focus {
+    --tw-translate-x: -6rem;
+  }
+
+  .sm\:focus\:-translate-x-28:focus {
+    --tw-translate-x: -7rem;
+  }
+
+  .sm\:focus\:-translate-x-32:focus {
+    --tw-translate-x: -8rem;
+  }
+
+  .sm\:focus\:-translate-x-36:focus {
+    --tw-translate-x: -9rem;
+  }
+
+  .sm\:focus\:-translate-x-40:focus {
+    --tw-translate-x: -10rem;
+  }
+
+  .sm\:focus\:-translate-x-44:focus {
+    --tw-translate-x: -11rem;
+  }
+
+  .sm\:focus\:-translate-x-48:focus {
+    --tw-translate-x: -12rem;
+  }
+
+  .sm\:focus\:-translate-x-52:focus {
+    --tw-translate-x: -13rem;
+  }
+
+  .sm\:focus\:-translate-x-56:focus {
+    --tw-translate-x: -14rem;
+  }
+
+  .sm\:focus\:-translate-x-60:focus {
+    --tw-translate-x: -15rem;
+  }
+
+  .sm\:focus\:-translate-x-64:focus {
+    --tw-translate-x: -16rem;
+  }
+
+  .sm\:focus\:-translate-x-72:focus {
+    --tw-translate-x: -18rem;
+  }
+
+  .sm\:focus\:-translate-x-80:focus {
+    --tw-translate-x: -20rem;
+  }
+
+  .sm\:focus\:-translate-x-96:focus {
+    --tw-translate-x: -24rem;
+  }
+
+  .sm\:focus\:-translate-x-px:focus {
+    --tw-translate-x: -1px;
+  }
+
+  .sm\:focus\:-translate-x-0\.5:focus {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .sm\:focus\:-translate-x-1\.5:focus {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .sm\:focus\:-translate-x-2\.5:focus {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .sm\:focus\:-translate-x-3\.5:focus {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .sm\:focus\:translate-x-1\/2:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .sm\:focus\:translate-x-1\/3:focus {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .sm\:focus\:translate-x-2\/3:focus {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .sm\:focus\:translate-x-1\/4:focus {
+    --tw-translate-x: 25%;
+  }
+
+  .sm\:focus\:translate-x-2\/4:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .sm\:focus\:translate-x-3\/4:focus {
+    --tw-translate-x: 75%;
+  }
+
+  .sm\:focus\:translate-x-full:focus {
+    --tw-translate-x: 100%;
+  }
+
+  .sm\:focus\:-translate-x-1\/2:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .sm\:focus\:-translate-x-1\/3:focus {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .sm\:focus\:-translate-x-2\/3:focus {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .sm\:focus\:-translate-x-1\/4:focus {
+    --tw-translate-x: -25%;
+  }
+
+  .sm\:focus\:-translate-x-2\/4:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .sm\:focus\:-translate-x-3\/4:focus {
+    --tw-translate-x: -75%;
+  }
+
+  .sm\:focus\:-translate-x-full:focus {
+    --tw-translate-x: -100%;
+  }
+
+  .sm\:focus\:translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .sm\:focus\:translate-y-1:focus {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .sm\:focus\:translate-y-2:focus {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .sm\:focus\:translate-y-3:focus {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .sm\:focus\:translate-y-4:focus {
+    --tw-translate-y: 1rem;
+  }
+
+  .sm\:focus\:translate-y-5:focus {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .sm\:focus\:translate-y-6:focus {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .sm\:focus\:translate-y-7:focus {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .sm\:focus\:translate-y-8:focus {
+    --tw-translate-y: 2rem;
+  }
+
+  .sm\:focus\:translate-y-9:focus {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .sm\:focus\:translate-y-10:focus {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .sm\:focus\:translate-y-11:focus {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .sm\:focus\:translate-y-12:focus {
+    --tw-translate-y: 3rem;
+  }
+
+  .sm\:focus\:translate-y-14:focus {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .sm\:focus\:translate-y-16:focus {
+    --tw-translate-y: 4rem;
+  }
+
+  .sm\:focus\:translate-y-20:focus {
+    --tw-translate-y: 5rem;
+  }
+
+  .sm\:focus\:translate-y-24:focus {
+    --tw-translate-y: 6rem;
+  }
+
+  .sm\:focus\:translate-y-28:focus {
+    --tw-translate-y: 7rem;
+  }
+
+  .sm\:focus\:translate-y-32:focus {
+    --tw-translate-y: 8rem;
+  }
+
+  .sm\:focus\:translate-y-36:focus {
+    --tw-translate-y: 9rem;
+  }
+
+  .sm\:focus\:translate-y-40:focus {
+    --tw-translate-y: 10rem;
+  }
+
+  .sm\:focus\:translate-y-44:focus {
+    --tw-translate-y: 11rem;
+  }
+
+  .sm\:focus\:translate-y-48:focus {
+    --tw-translate-y: 12rem;
+  }
+
+  .sm\:focus\:translate-y-52:focus {
+    --tw-translate-y: 13rem;
+  }
+
+  .sm\:focus\:translate-y-56:focus {
+    --tw-translate-y: 14rem;
+  }
+
+  .sm\:focus\:translate-y-60:focus {
+    --tw-translate-y: 15rem;
+  }
+
+  .sm\:focus\:translate-y-64:focus {
+    --tw-translate-y: 16rem;
+  }
+
+  .sm\:focus\:translate-y-72:focus {
+    --tw-translate-y: 18rem;
+  }
+
+  .sm\:focus\:translate-y-80:focus {
+    --tw-translate-y: 20rem;
+  }
+
+  .sm\:focus\:translate-y-96:focus {
+    --tw-translate-y: 24rem;
+  }
+
+  .sm\:focus\:translate-y-px:focus {
+    --tw-translate-y: 1px;
+  }
+
+  .sm\:focus\:translate-y-0\.5:focus {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .sm\:focus\:translate-y-1\.5:focus {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .sm\:focus\:translate-y-2\.5:focus {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .sm\:focus\:translate-y-3\.5:focus {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .sm\:focus\:-translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .sm\:focus\:-translate-y-1:focus {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .sm\:focus\:-translate-y-2:focus {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .sm\:focus\:-translate-y-3:focus {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .sm\:focus\:-translate-y-4:focus {
+    --tw-translate-y: -1rem;
+  }
+
+  .sm\:focus\:-translate-y-5:focus {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .sm\:focus\:-translate-y-6:focus {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .sm\:focus\:-translate-y-7:focus {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .sm\:focus\:-translate-y-8:focus {
+    --tw-translate-y: -2rem;
+  }
+
+  .sm\:focus\:-translate-y-9:focus {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .sm\:focus\:-translate-y-10:focus {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .sm\:focus\:-translate-y-11:focus {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .sm\:focus\:-translate-y-12:focus {
+    --tw-translate-y: -3rem;
+  }
+
+  .sm\:focus\:-translate-y-14:focus {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .sm\:focus\:-translate-y-16:focus {
+    --tw-translate-y: -4rem;
+  }
+
+  .sm\:focus\:-translate-y-20:focus {
+    --tw-translate-y: -5rem;
+  }
+
+  .sm\:focus\:-translate-y-24:focus {
+    --tw-translate-y: -6rem;
+  }
+
+  .sm\:focus\:-translate-y-28:focus {
+    --tw-translate-y: -7rem;
+  }
+
+  .sm\:focus\:-translate-y-32:focus {
+    --tw-translate-y: -8rem;
+  }
+
+  .sm\:focus\:-translate-y-36:focus {
+    --tw-translate-y: -9rem;
+  }
+
+  .sm\:focus\:-translate-y-40:focus {
+    --tw-translate-y: -10rem;
+  }
+
+  .sm\:focus\:-translate-y-44:focus {
+    --tw-translate-y: -11rem;
+  }
+
+  .sm\:focus\:-translate-y-48:focus {
+    --tw-translate-y: -12rem;
+  }
+
+  .sm\:focus\:-translate-y-52:focus {
+    --tw-translate-y: -13rem;
+  }
+
+  .sm\:focus\:-translate-y-56:focus {
+    --tw-translate-y: -14rem;
+  }
+
+  .sm\:focus\:-translate-y-60:focus {
+    --tw-translate-y: -15rem;
+  }
+
+  .sm\:focus\:-translate-y-64:focus {
+    --tw-translate-y: -16rem;
+  }
+
+  .sm\:focus\:-translate-y-72:focus {
+    --tw-translate-y: -18rem;
+  }
+
+  .sm\:focus\:-translate-y-80:focus {
+    --tw-translate-y: -20rem;
+  }
+
+  .sm\:focus\:-translate-y-96:focus {
+    --tw-translate-y: -24rem;
+  }
+
+  .sm\:focus\:-translate-y-px:focus {
+    --tw-translate-y: -1px;
+  }
+
+  .sm\:focus\:-translate-y-0\.5:focus {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .sm\:focus\:-translate-y-1\.5:focus {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .sm\:focus\:-translate-y-2\.5:focus {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .sm\:focus\:-translate-y-3\.5:focus {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .sm\:focus\:translate-y-1\/2:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .sm\:focus\:translate-y-1\/3:focus {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .sm\:focus\:translate-y-2\/3:focus {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .sm\:focus\:translate-y-1\/4:focus {
+    --tw-translate-y: 25%;
+  }
+
+  .sm\:focus\:translate-y-2\/4:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .sm\:focus\:translate-y-3\/4:focus {
+    --tw-translate-y: 75%;
+  }
+
+  .sm\:focus\:translate-y-full:focus {
+    --tw-translate-y: 100%;
+  }
+
+  .sm\:focus\:-translate-y-1\/2:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .sm\:focus\:-translate-y-1\/3:focus {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .sm\:focus\:-translate-y-2\/3:focus {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .sm\:focus\:-translate-y-1\/4:focus {
+    --tw-translate-y: -25%;
+  }
+
+  .sm\:focus\:-translate-y-2\/4:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .sm\:focus\:-translate-y-3\/4:focus {
+    --tw-translate-y: -75%;
+  }
+
+  .sm\:focus\:-translate-y-full:focus {
+    --tw-translate-y: -100%;
+  }
+
+  .sm\:skew-x-0 {
+    --tw-skew-x: 0deg;
+  }
+
+  .sm\:skew-x-1 {
+    --tw-skew-x: 1deg;
+  }
+
+  .sm\:skew-x-2 {
+    --tw-skew-x: 2deg;
+  }
+
+  .sm\:skew-x-3 {
+    --tw-skew-x: 3deg;
+  }
+
+  .sm\:skew-x-6 {
+    --tw-skew-x: 6deg;
+  }
+
+  .sm\:skew-x-12 {
+    --tw-skew-x: 12deg;
+  }
+
+  .sm\:-skew-x-12 {
+    --tw-skew-x: -12deg;
+  }
+
+  .sm\:-skew-x-6 {
+    --tw-skew-x: -6deg;
+  }
+
+  .sm\:-skew-x-3 {
+    --tw-skew-x: -3deg;
+  }
+
+  .sm\:-skew-x-2 {
+    --tw-skew-x: -2deg;
+  }
+
+  .sm\:-skew-x-1 {
+    --tw-skew-x: -1deg;
+  }
+
+  .sm\:skew-y-0 {
+    --tw-skew-y: 0deg;
+  }
+
+  .sm\:skew-y-1 {
+    --tw-skew-y: 1deg;
+  }
+
+  .sm\:skew-y-2 {
+    --tw-skew-y: 2deg;
+  }
+
+  .sm\:skew-y-3 {
+    --tw-skew-y: 3deg;
+  }
+
+  .sm\:skew-y-6 {
+    --tw-skew-y: 6deg;
+  }
+
+  .sm\:skew-y-12 {
+    --tw-skew-y: 12deg;
+  }
+
+  .sm\:-skew-y-12 {
+    --tw-skew-y: -12deg;
+  }
+
+  .sm\:-skew-y-6 {
+    --tw-skew-y: -6deg;
+  }
+
+  .sm\:-skew-y-3 {
+    --tw-skew-y: -3deg;
+  }
+
+  .sm\:-skew-y-2 {
+    --tw-skew-y: -2deg;
+  }
+
+  .sm\:-skew-y-1 {
+    --tw-skew-y: -1deg;
+  }
+
+  .sm\:hover\:skew-x-0:hover {
+    --tw-skew-x: 0deg;
+  }
+
+  .sm\:hover\:skew-x-1:hover {
+    --tw-skew-x: 1deg;
+  }
+
+  .sm\:hover\:skew-x-2:hover {
+    --tw-skew-x: 2deg;
+  }
+
+  .sm\:hover\:skew-x-3:hover {
+    --tw-skew-x: 3deg;
+  }
+
+  .sm\:hover\:skew-x-6:hover {
+    --tw-skew-x: 6deg;
+  }
+
+  .sm\:hover\:skew-x-12:hover {
+    --tw-skew-x: 12deg;
+  }
+
+  .sm\:hover\:-skew-x-12:hover {
+    --tw-skew-x: -12deg;
+  }
+
+  .sm\:hover\:-skew-x-6:hover {
+    --tw-skew-x: -6deg;
+  }
+
+  .sm\:hover\:-skew-x-3:hover {
+    --tw-skew-x: -3deg;
+  }
+
+  .sm\:hover\:-skew-x-2:hover {
+    --tw-skew-x: -2deg;
+  }
+
+  .sm\:hover\:-skew-x-1:hover {
+    --tw-skew-x: -1deg;
+  }
+
+  .sm\:hover\:skew-y-0:hover {
+    --tw-skew-y: 0deg;
+  }
+
+  .sm\:hover\:skew-y-1:hover {
+    --tw-skew-y: 1deg;
+  }
+
+  .sm\:hover\:skew-y-2:hover {
+    --tw-skew-y: 2deg;
+  }
+
+  .sm\:hover\:skew-y-3:hover {
+    --tw-skew-y: 3deg;
+  }
+
+  .sm\:hover\:skew-y-6:hover {
+    --tw-skew-y: 6deg;
+  }
+
+  .sm\:hover\:skew-y-12:hover {
+    --tw-skew-y: 12deg;
+  }
+
+  .sm\:hover\:-skew-y-12:hover {
+    --tw-skew-y: -12deg;
+  }
+
+  .sm\:hover\:-skew-y-6:hover {
+    --tw-skew-y: -6deg;
+  }
+
+  .sm\:hover\:-skew-y-3:hover {
+    --tw-skew-y: -3deg;
+  }
+
+  .sm\:hover\:-skew-y-2:hover {
+    --tw-skew-y: -2deg;
+  }
+
+  .sm\:hover\:-skew-y-1:hover {
+    --tw-skew-y: -1deg;
+  }
+
+  .sm\:focus\:skew-x-0:focus {
+    --tw-skew-x: 0deg;
+  }
+
+  .sm\:focus\:skew-x-1:focus {
+    --tw-skew-x: 1deg;
+  }
+
+  .sm\:focus\:skew-x-2:focus {
+    --tw-skew-x: 2deg;
+  }
+
+  .sm\:focus\:skew-x-3:focus {
+    --tw-skew-x: 3deg;
+  }
+
+  .sm\:focus\:skew-x-6:focus {
+    --tw-skew-x: 6deg;
+  }
+
+  .sm\:focus\:skew-x-12:focus {
+    --tw-skew-x: 12deg;
+  }
+
+  .sm\:focus\:-skew-x-12:focus {
+    --tw-skew-x: -12deg;
+  }
+
+  .sm\:focus\:-skew-x-6:focus {
+    --tw-skew-x: -6deg;
+  }
+
+  .sm\:focus\:-skew-x-3:focus {
+    --tw-skew-x: -3deg;
+  }
+
+  .sm\:focus\:-skew-x-2:focus {
+    --tw-skew-x: -2deg;
+  }
+
+  .sm\:focus\:-skew-x-1:focus {
+    --tw-skew-x: -1deg;
+  }
+
+  .sm\:focus\:skew-y-0:focus {
+    --tw-skew-y: 0deg;
+  }
+
+  .sm\:focus\:skew-y-1:focus {
+    --tw-skew-y: 1deg;
+  }
+
+  .sm\:focus\:skew-y-2:focus {
+    --tw-skew-y: 2deg;
+  }
+
+  .sm\:focus\:skew-y-3:focus {
+    --tw-skew-y: 3deg;
+  }
+
+  .sm\:focus\:skew-y-6:focus {
+    --tw-skew-y: 6deg;
+  }
+
+  .sm\:focus\:skew-y-12:focus {
+    --tw-skew-y: 12deg;
+  }
+
+  .sm\:focus\:-skew-y-12:focus {
+    --tw-skew-y: -12deg;
+  }
+
+  .sm\:focus\:-skew-y-6:focus {
+    --tw-skew-y: -6deg;
+  }
+
+  .sm\:focus\:-skew-y-3:focus {
+    --tw-skew-y: -3deg;
+  }
+
+  .sm\:focus\:-skew-y-2:focus {
+    --tw-skew-y: -2deg;
+  }
+
+  .sm\:focus\:-skew-y-1:focus {
+    --tw-skew-y: -1deg;
+  }
+
+  .sm\:transition-none {
+    transition-property: none;
+  }
+
+  .sm\:transition-all {
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .sm\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .sm\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .sm\:transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .sm\:transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .sm\:transition-transform {
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .sm\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .sm\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .sm\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .sm\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .sm\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .sm\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .sm\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .sm\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .sm\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .sm\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .sm\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .sm\:duration-1000 {
+    transition-duration: 1000ms;
+  }
+
+  .sm\:delay-75 {
+    transition-delay: 75ms;
+  }
+
+  .sm\:delay-100 {
+    transition-delay: 100ms;
+  }
+
+  .sm\:delay-150 {
+    transition-delay: 150ms;
+  }
+
+  .sm\:delay-200 {
+    transition-delay: 200ms;
+  }
+
+  .sm\:delay-300 {
+    transition-delay: 300ms;
+  }
+
+  .sm\:delay-500 {
+    transition-delay: 500ms;
+  }
+
+  .sm\:delay-700 {
+    transition-delay: 700ms;
+  }
+
+  .sm\:delay-1000 {
+    transition-delay: 1000ms;
+  }
+
+  .sm\:animate-none {
+    animation: none;
+  }
+
+  .sm\:animate-spin {
+    animation: spin 1s linear infinite;
+  }
+
+  .sm\:animate-ping {
+    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .sm\:animate-pulse {
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .sm\:animate-bounce {
+    animation: bounce 1s infinite;
+  }
+}
+
+@media (min-width: 768px) {
+  .md\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .md\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .md\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .md\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .md\:container {
+      max-width: 1280px;
+    }
+  }
+
+  @media (min-width: 1536px) {
+    .md\:container {
+      max-width: 1536px;
+    }
+  }
+
+  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1rem * var(--tw-space-x-reverse));
+    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2rem * var(--tw-space-x-reverse));
+    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3rem * var(--tw-space-x-reverse));
+    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(4rem * var(--tw-space-x-reverse));
+    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(5rem * var(--tw-space-x-reverse));
+    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(6rem * var(--tw-space-x-reverse));
+    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(7rem * var(--tw-space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(8rem * var(--tw-space-x-reverse));
+    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(9rem * var(--tw-space-x-reverse));
+    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(10rem * var(--tw-space-x-reverse));
+    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(11rem * var(--tw-space-x-reverse));
+    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(12rem * var(--tw-space-x-reverse));
+    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(13rem * var(--tw-space-x-reverse));
+    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(14rem * var(--tw-space-x-reverse));
+    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(15rem * var(--tw-space-x-reverse));
+    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(16rem * var(--tw-space-x-reverse));
+    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(18rem * var(--tw-space-x-reverse));
+    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(20rem * var(--tw-space-x-reverse));
+    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(24rem * var(--tw-space-x-reverse));
+    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1px * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1px * var(--tw-space-x-reverse));
+    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-4rem * var(--tw-space-x-reverse));
+    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-6rem * var(--tw-space-x-reverse));
+    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-7rem * var(--tw-space-x-reverse));
+    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-8rem * var(--tw-space-x-reverse));
+    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-9rem * var(--tw-space-x-reverse));
+    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-10rem * var(--tw-space-x-reverse));
+    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--tw-space-x-reverse));
+    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-12rem * var(--tw-space-x-reverse));
+    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-13rem * var(--tw-space-x-reverse));
+    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-14rem * var(--tw-space-x-reverse));
+    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-15rem * var(--tw-space-x-reverse));
+    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-16rem * var(--tw-space-x-reverse));
+    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-18rem * var(--tw-space-x-reverse));
+    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-20rem * var(--tw-space-x-reverse));
+    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-24rem * var(--tw-space-x-reverse));
+    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1px * var(--tw-space-x-reverse));
+    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 1;
+  }
+
+  .md\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 1;
+  }
+
+  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+  }
+
+  .md\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(0px * var(--tw-divide-x-reverse));
+    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .md\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
+  }
+
+  .md\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(2px * var(--tw-divide-x-reverse));
+    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .md\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
+  }
+
+  .md\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(4px * var(--tw-divide-x-reverse));
+    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .md\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
+  }
+
+  .md\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(8px * var(--tw-divide-x-reverse));
+    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .md\:divide-y > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+  }
+
+  .md\:divide-x > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .md\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 1;
+  }
+
+  .md\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 1;
+  }
+
+  .md\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+    border-color: transparent;
+  }
+
+  .md\:divide-current > :not([hidden]) ~ :not([hidden]) {
+    border-color: currentColor;
+  }
+
+  .md\:divide-black > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-white > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-solid > :not([hidden]) ~ :not([hidden]) {
+    border-style: solid;
+  }
+
+  .md\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
+    border-style: dashed;
+  }
+
+  .md\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
+    border-style: dotted;
+  }
+
+  .md\:divide-double > :not([hidden]) ~ :not([hidden]) {
+    border-style: double;
+  }
+
+  .md\:divide-none > :not([hidden]) ~ :not([hidden]) {
+    border-style: none;
+  }
+
+  .md\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0;
+  }
+
+  .md\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.05;
+  }
+
+  .md\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.1;
+  }
+
+  .md\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.2;
+  }
+
+  .md\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.25;
+  }
+
+  .md\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.3;
+  }
+
+  .md\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.4;
+  }
+
+  .md\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.5;
+  }
+
+  .md\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.6;
+  }
+
+  .md\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.7;
+  }
+
+  .md\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.75;
+  }
+
+  .md\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.8;
+  }
+
+  .md\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.9;
+  }
+
+  .md\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.95;
+  }
+
+  .md\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+  }
+
+  .md\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .md\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .md\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .md\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .md\:focus\:sr-only:focus {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .md\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .md\:appearance-none {
+    -webkit-appearance: none;
+            appearance: none;
+  }
+
+  .md\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .md\:bg-local {
+    background-attachment: local;
+  }
+
+  .md\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .md\:bg-clip-border {
+    background-clip: border-box;
+  }
+
+  .md\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .md\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .md\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .md\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .md\:bg-current {
+    background-color: currentColor;
+  }
+
+  .md\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:hover .md\:group-hover\:bg-current {
+    background-color: currentColor;
+  }
+
+  .group:hover .md\:group-hover\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .md\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .md\:focus-within\:bg-black:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-white:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .md\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .md\:hover\:bg-black:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .md\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .md\:focus\:bg-black:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-white:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-none {
+    background-image: none;
+  }
+
+  .md\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--tw-gradient-stops));
+  }
+
+  .md\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
+  }
+
+  .md\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--tw-gradient-stops));
+  }
+
+  .md\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+  }
+
+  .md\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+  }
+
+  .md\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
+  }
+
+  .md\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--tw-gradient-stops));
+  }
+
+  .md\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
+  }
+
+  .md\:from-transparent {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:from-current {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:from-black {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:from-white {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:from-gray-50 {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .md\:from-gray-100 {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .md\:from-gray-200 {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .md\:from-gray-300 {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .md\:from-gray-400 {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .md\:from-gray-500 {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .md\:from-gray-600 {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .md\:from-gray-700 {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .md\:from-gray-800 {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .md\:from-gray-900 {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .md\:from-red-50 {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .md\:from-red-100 {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .md\:from-red-200 {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .md\:from-red-300 {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .md\:from-red-400 {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .md\:from-red-500 {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .md\:from-red-600 {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .md\:from-red-700 {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .md\:from-red-800 {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .md\:from-red-900 {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .md\:from-yellow-50 {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .md\:from-yellow-100 {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .md\:from-yellow-200 {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .md\:from-yellow-300 {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .md\:from-yellow-400 {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .md\:from-yellow-500 {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .md\:from-yellow-600 {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .md\:from-yellow-700 {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .md\:from-yellow-800 {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .md\:from-yellow-900 {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .md\:from-green-50 {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .md\:from-green-100 {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .md\:from-green-200 {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .md\:from-green-300 {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .md\:from-green-400 {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .md\:from-green-500 {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .md\:from-green-600 {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .md\:from-green-700 {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .md\:from-green-800 {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .md\:from-green-900 {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .md\:from-blue-50 {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .md\:from-blue-100 {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .md\:from-blue-200 {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .md\:from-blue-300 {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .md\:from-blue-400 {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .md\:from-blue-500 {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .md\:from-blue-600 {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .md\:from-blue-700 {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .md\:from-blue-800 {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .md\:from-blue-900 {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .md\:from-indigo-50 {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .md\:from-indigo-100 {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .md\:from-indigo-200 {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .md\:from-indigo-300 {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .md\:from-indigo-400 {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .md\:from-indigo-500 {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .md\:from-indigo-600 {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .md\:from-indigo-700 {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .md\:from-indigo-800 {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .md\:from-indigo-900 {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .md\:from-purple-50 {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .md\:from-purple-100 {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .md\:from-purple-200 {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .md\:from-purple-300 {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .md\:from-purple-400 {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .md\:from-purple-500 {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .md\:from-purple-600 {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .md\:from-purple-700 {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .md\:from-purple-800 {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .md\:from-purple-900 {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .md\:from-pink-50 {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .md\:from-pink-100 {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .md\:from-pink-200 {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .md\:from-pink-300 {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .md\:from-pink-400 {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .md\:from-pink-500 {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .md\:from-pink-600 {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .md\:from-pink-700 {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .md\:from-pink-800 {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .md\:from-pink-900 {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .md\:via-transparent {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:via-current {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:via-black {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:via-white {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .md\:via-gray-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .md\:via-gray-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .md\:via-gray-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .md\:via-gray-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .md\:via-gray-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .md\:via-gray-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .md\:via-gray-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .md\:via-gray-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .md\:via-gray-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .md\:via-red-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .md\:via-red-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .md\:via-red-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .md\:via-red-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .md\:via-red-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .md\:via-red-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .md\:via-red-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .md\:via-red-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .md\:via-red-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .md\:via-red-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .md\:via-yellow-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .md\:via-yellow-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .md\:via-yellow-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .md\:via-yellow-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .md\:via-yellow-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .md\:via-yellow-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .md\:via-yellow-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .md\:via-yellow-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .md\:via-yellow-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .md\:via-yellow-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .md\:via-green-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .md\:via-green-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .md\:via-green-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .md\:via-green-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .md\:via-green-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .md\:via-green-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .md\:via-green-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .md\:via-green-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .md\:via-green-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .md\:via-green-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .md\:via-blue-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .md\:via-blue-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .md\:via-blue-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .md\:via-blue-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .md\:via-blue-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .md\:via-blue-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .md\:via-blue-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .md\:via-blue-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .md\:via-blue-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .md\:via-blue-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .md\:via-indigo-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .md\:via-indigo-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .md\:via-indigo-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .md\:via-indigo-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .md\:via-indigo-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .md\:via-indigo-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .md\:via-indigo-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .md\:via-indigo-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .md\:via-indigo-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .md\:via-indigo-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .md\:via-purple-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .md\:via-purple-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .md\:via-purple-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .md\:via-purple-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .md\:via-purple-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .md\:via-purple-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .md\:via-purple-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .md\:via-purple-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .md\:via-purple-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .md\:via-purple-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .md\:via-pink-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .md\:via-pink-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .md\:via-pink-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .md\:via-pink-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .md\:via-pink-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .md\:via-pink-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .md\:via-pink-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .md\:via-pink-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .md\:via-pink-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .md\:via-pink-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .md\:to-transparent {
+    --tw-gradient-to: transparent;
+  }
+
+  .md\:to-current {
+    --tw-gradient-to: currentColor;
+  }
+
+  .md\:to-black {
+    --tw-gradient-to: #000;
+  }
+
+  .md\:to-white {
+    --tw-gradient-to: #fff;
+  }
+
+  .md\:to-gray-50 {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .md\:to-gray-100 {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .md\:to-gray-200 {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .md\:to-gray-300 {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .md\:to-gray-400 {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .md\:to-gray-500 {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .md\:to-gray-600 {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .md\:to-gray-700 {
+    --tw-gradient-to: #374151;
+  }
+
+  .md\:to-gray-800 {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .md\:to-gray-900 {
+    --tw-gradient-to: #111827;
+  }
+
+  .md\:to-red-50 {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .md\:to-red-100 {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .md\:to-red-200 {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .md\:to-red-300 {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .md\:to-red-400 {
+    --tw-gradient-to: #f87171;
+  }
+
+  .md\:to-red-500 {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .md\:to-red-600 {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .md\:to-red-700 {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .md\:to-red-800 {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .md\:to-red-900 {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .md\:to-yellow-50 {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .md\:to-yellow-100 {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .md\:to-yellow-200 {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .md\:to-yellow-300 {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .md\:to-yellow-400 {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .md\:to-yellow-500 {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .md\:to-yellow-600 {
+    --tw-gradient-to: #d97706;
+  }
+
+  .md\:to-yellow-700 {
+    --tw-gradient-to: #b45309;
+  }
+
+  .md\:to-yellow-800 {
+    --tw-gradient-to: #92400e;
+  }
+
+  .md\:to-yellow-900 {
+    --tw-gradient-to: #78350f;
+  }
+
+  .md\:to-green-50 {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .md\:to-green-100 {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .md\:to-green-200 {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .md\:to-green-300 {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .md\:to-green-400 {
+    --tw-gradient-to: #34d399;
+  }
+
+  .md\:to-green-500 {
+    --tw-gradient-to: #10b981;
+  }
+
+  .md\:to-green-600 {
+    --tw-gradient-to: #059669;
+  }
+
+  .md\:to-green-700 {
+    --tw-gradient-to: #047857;
+  }
+
+  .md\:to-green-800 {
+    --tw-gradient-to: #065f46;
+  }
+
+  .md\:to-green-900 {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .md\:to-blue-50 {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .md\:to-blue-100 {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .md\:to-blue-200 {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .md\:to-blue-300 {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .md\:to-blue-400 {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .md\:to-blue-500 {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .md\:to-blue-600 {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .md\:to-blue-700 {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .md\:to-blue-800 {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .md\:to-blue-900 {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .md\:to-indigo-50 {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .md\:to-indigo-100 {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .md\:to-indigo-200 {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .md\:to-indigo-300 {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .md\:to-indigo-400 {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .md\:to-indigo-500 {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .md\:to-indigo-600 {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .md\:to-indigo-700 {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .md\:to-indigo-800 {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .md\:to-indigo-900 {
+    --tw-gradient-to: #312e81;
+  }
+
+  .md\:to-purple-50 {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .md\:to-purple-100 {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .md\:to-purple-200 {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .md\:to-purple-300 {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .md\:to-purple-400 {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .md\:to-purple-500 {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .md\:to-purple-600 {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .md\:to-purple-700 {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .md\:to-purple-800 {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .md\:to-purple-900 {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .md\:to-pink-50 {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .md\:to-pink-100 {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .md\:to-pink-200 {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .md\:to-pink-300 {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .md\:to-pink-400 {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .md\:to-pink-500 {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .md\:to-pink-600 {
+    --tw-gradient-to: #db2777;
+  }
+
+  .md\:to-pink-700 {
+    --tw-gradient-to: #be185d;
+  }
+
+  .md\:to-pink-800 {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .md\:to-pink-900 {
+    --tw-gradient-to: #831843;
+  }
+
+  .md\:hover\:from-transparent:hover {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:hover\:from-current:hover {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:hover\:from-black:hover {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:hover\:from-white:hover {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .md\:hover\:from-gray-100:hover {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .md\:hover\:from-gray-200:hover {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .md\:hover\:from-gray-300:hover {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .md\:hover\:from-gray-400:hover {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .md\:hover\:from-gray-500:hover {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .md\:hover\:from-gray-600:hover {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .md\:hover\:from-gray-700:hover {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .md\:hover\:from-gray-800:hover {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .md\:hover\:from-gray-900:hover {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .md\:hover\:from-red-50:hover {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .md\:hover\:from-red-100:hover {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .md\:hover\:from-red-200:hover {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .md\:hover\:from-red-300:hover {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .md\:hover\:from-red-400:hover {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .md\:hover\:from-red-500:hover {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .md\:hover\:from-red-600:hover {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .md\:hover\:from-red-700:hover {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .md\:hover\:from-red-800:hover {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .md\:hover\:from-red-900:hover {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .md\:hover\:from-yellow-50:hover {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .md\:hover\:from-yellow-100:hover {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .md\:hover\:from-yellow-200:hover {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .md\:hover\:from-yellow-300:hover {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .md\:hover\:from-yellow-400:hover {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .md\:hover\:from-yellow-500:hover {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .md\:hover\:from-yellow-600:hover {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .md\:hover\:from-yellow-700:hover {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .md\:hover\:from-yellow-800:hover {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .md\:hover\:from-yellow-900:hover {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .md\:hover\:from-green-50:hover {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .md\:hover\:from-green-100:hover {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .md\:hover\:from-green-200:hover {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .md\:hover\:from-green-300:hover {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .md\:hover\:from-green-400:hover {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .md\:hover\:from-green-500:hover {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .md\:hover\:from-green-600:hover {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .md\:hover\:from-green-700:hover {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .md\:hover\:from-green-800:hover {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .md\:hover\:from-green-900:hover {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .md\:hover\:from-blue-50:hover {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .md\:hover\:from-blue-100:hover {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .md\:hover\:from-blue-200:hover {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .md\:hover\:from-blue-300:hover {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .md\:hover\:from-blue-400:hover {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .md\:hover\:from-blue-500:hover {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .md\:hover\:from-blue-600:hover {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .md\:hover\:from-blue-700:hover {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .md\:hover\:from-blue-800:hover {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .md\:hover\:from-blue-900:hover {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .md\:hover\:from-indigo-50:hover {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .md\:hover\:from-indigo-100:hover {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .md\:hover\:from-indigo-200:hover {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .md\:hover\:from-indigo-300:hover {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .md\:hover\:from-indigo-400:hover {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .md\:hover\:from-indigo-500:hover {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .md\:hover\:from-indigo-600:hover {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .md\:hover\:from-indigo-700:hover {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .md\:hover\:from-indigo-800:hover {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .md\:hover\:from-indigo-900:hover {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .md\:hover\:from-purple-50:hover {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .md\:hover\:from-purple-100:hover {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .md\:hover\:from-purple-200:hover {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .md\:hover\:from-purple-300:hover {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .md\:hover\:from-purple-400:hover {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .md\:hover\:from-purple-500:hover {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .md\:hover\:from-purple-600:hover {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .md\:hover\:from-purple-700:hover {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .md\:hover\:from-purple-800:hover {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .md\:hover\:from-purple-900:hover {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .md\:hover\:from-pink-50:hover {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .md\:hover\:from-pink-100:hover {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .md\:hover\:from-pink-200:hover {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .md\:hover\:from-pink-300:hover {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .md\:hover\:from-pink-400:hover {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .md\:hover\:from-pink-500:hover {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .md\:hover\:from-pink-600:hover {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .md\:hover\:from-pink-700:hover {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .md\:hover\:from-pink-800:hover {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .md\:hover\:from-pink-900:hover {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .md\:hover\:via-transparent:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:hover\:via-current:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:hover\:via-black:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:hover\:via-white:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .md\:hover\:via-gray-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .md\:hover\:via-gray-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .md\:hover\:via-gray-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .md\:hover\:via-gray-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .md\:hover\:via-gray-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .md\:hover\:via-gray-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .md\:hover\:via-gray-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .md\:hover\:via-gray-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .md\:hover\:via-gray-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .md\:hover\:via-red-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .md\:hover\:via-red-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .md\:hover\:via-red-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .md\:hover\:via-red-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .md\:hover\:via-red-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .md\:hover\:via-red-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .md\:hover\:via-red-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .md\:hover\:via-red-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .md\:hover\:via-red-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .md\:hover\:via-red-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .md\:hover\:via-yellow-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .md\:hover\:via-yellow-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .md\:hover\:via-yellow-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .md\:hover\:via-yellow-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .md\:hover\:via-yellow-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .md\:hover\:via-yellow-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .md\:hover\:via-yellow-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .md\:hover\:via-yellow-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .md\:hover\:via-yellow-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .md\:hover\:via-yellow-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .md\:hover\:via-green-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .md\:hover\:via-green-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .md\:hover\:via-green-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .md\:hover\:via-green-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .md\:hover\:via-green-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .md\:hover\:via-green-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .md\:hover\:via-green-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .md\:hover\:via-green-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .md\:hover\:via-green-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .md\:hover\:via-green-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .md\:hover\:via-blue-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .md\:hover\:via-blue-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .md\:hover\:via-blue-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .md\:hover\:via-blue-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .md\:hover\:via-blue-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .md\:hover\:via-blue-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .md\:hover\:via-blue-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .md\:hover\:via-blue-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .md\:hover\:via-blue-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .md\:hover\:via-blue-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .md\:hover\:via-indigo-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .md\:hover\:via-indigo-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .md\:hover\:via-indigo-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .md\:hover\:via-indigo-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .md\:hover\:via-indigo-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .md\:hover\:via-indigo-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .md\:hover\:via-indigo-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .md\:hover\:via-indigo-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .md\:hover\:via-indigo-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .md\:hover\:via-indigo-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .md\:hover\:via-purple-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .md\:hover\:via-purple-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .md\:hover\:via-purple-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .md\:hover\:via-purple-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .md\:hover\:via-purple-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .md\:hover\:via-purple-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .md\:hover\:via-purple-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .md\:hover\:via-purple-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .md\:hover\:via-purple-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .md\:hover\:via-purple-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .md\:hover\:via-pink-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .md\:hover\:via-pink-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .md\:hover\:via-pink-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .md\:hover\:via-pink-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .md\:hover\:via-pink-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .md\:hover\:via-pink-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .md\:hover\:via-pink-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .md\:hover\:via-pink-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .md\:hover\:via-pink-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .md\:hover\:via-pink-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .md\:hover\:to-transparent:hover {
+    --tw-gradient-to: transparent;
+  }
+
+  .md\:hover\:to-current:hover {
+    --tw-gradient-to: currentColor;
+  }
+
+  .md\:hover\:to-black:hover {
+    --tw-gradient-to: #000;
+  }
+
+  .md\:hover\:to-white:hover {
+    --tw-gradient-to: #fff;
+  }
+
+  .md\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .md\:hover\:to-gray-100:hover {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .md\:hover\:to-gray-200:hover {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .md\:hover\:to-gray-300:hover {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .md\:hover\:to-gray-400:hover {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .md\:hover\:to-gray-500:hover {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .md\:hover\:to-gray-600:hover {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .md\:hover\:to-gray-700:hover {
+    --tw-gradient-to: #374151;
+  }
+
+  .md\:hover\:to-gray-800:hover {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .md\:hover\:to-gray-900:hover {
+    --tw-gradient-to: #111827;
+  }
+
+  .md\:hover\:to-red-50:hover {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .md\:hover\:to-red-100:hover {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .md\:hover\:to-red-200:hover {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .md\:hover\:to-red-300:hover {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .md\:hover\:to-red-400:hover {
+    --tw-gradient-to: #f87171;
+  }
+
+  .md\:hover\:to-red-500:hover {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .md\:hover\:to-red-600:hover {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .md\:hover\:to-red-700:hover {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .md\:hover\:to-red-800:hover {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .md\:hover\:to-red-900:hover {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .md\:hover\:to-yellow-50:hover {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .md\:hover\:to-yellow-100:hover {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .md\:hover\:to-yellow-200:hover {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .md\:hover\:to-yellow-300:hover {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .md\:hover\:to-yellow-400:hover {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .md\:hover\:to-yellow-500:hover {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .md\:hover\:to-yellow-600:hover {
+    --tw-gradient-to: #d97706;
+  }
+
+  .md\:hover\:to-yellow-700:hover {
+    --tw-gradient-to: #b45309;
+  }
+
+  .md\:hover\:to-yellow-800:hover {
+    --tw-gradient-to: #92400e;
+  }
+
+  .md\:hover\:to-yellow-900:hover {
+    --tw-gradient-to: #78350f;
+  }
+
+  .md\:hover\:to-green-50:hover {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .md\:hover\:to-green-100:hover {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .md\:hover\:to-green-200:hover {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .md\:hover\:to-green-300:hover {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .md\:hover\:to-green-400:hover {
+    --tw-gradient-to: #34d399;
+  }
+
+  .md\:hover\:to-green-500:hover {
+    --tw-gradient-to: #10b981;
+  }
+
+  .md\:hover\:to-green-600:hover {
+    --tw-gradient-to: #059669;
+  }
+
+  .md\:hover\:to-green-700:hover {
+    --tw-gradient-to: #047857;
+  }
+
+  .md\:hover\:to-green-800:hover {
+    --tw-gradient-to: #065f46;
+  }
+
+  .md\:hover\:to-green-900:hover {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .md\:hover\:to-blue-50:hover {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .md\:hover\:to-blue-100:hover {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .md\:hover\:to-blue-200:hover {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .md\:hover\:to-blue-300:hover {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .md\:hover\:to-blue-400:hover {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .md\:hover\:to-blue-500:hover {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .md\:hover\:to-blue-600:hover {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .md\:hover\:to-blue-700:hover {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .md\:hover\:to-blue-800:hover {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .md\:hover\:to-blue-900:hover {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .md\:hover\:to-indigo-50:hover {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .md\:hover\:to-indigo-100:hover {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .md\:hover\:to-indigo-200:hover {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .md\:hover\:to-indigo-300:hover {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .md\:hover\:to-indigo-400:hover {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .md\:hover\:to-indigo-500:hover {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .md\:hover\:to-indigo-600:hover {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .md\:hover\:to-indigo-700:hover {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .md\:hover\:to-indigo-800:hover {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .md\:hover\:to-indigo-900:hover {
+    --tw-gradient-to: #312e81;
+  }
+
+  .md\:hover\:to-purple-50:hover {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .md\:hover\:to-purple-100:hover {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .md\:hover\:to-purple-200:hover {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .md\:hover\:to-purple-300:hover {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .md\:hover\:to-purple-400:hover {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .md\:hover\:to-purple-500:hover {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .md\:hover\:to-purple-600:hover {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .md\:hover\:to-purple-700:hover {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .md\:hover\:to-purple-800:hover {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .md\:hover\:to-purple-900:hover {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .md\:hover\:to-pink-50:hover {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .md\:hover\:to-pink-100:hover {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .md\:hover\:to-pink-200:hover {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .md\:hover\:to-pink-300:hover {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .md\:hover\:to-pink-400:hover {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .md\:hover\:to-pink-500:hover {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .md\:hover\:to-pink-600:hover {
+    --tw-gradient-to: #db2777;
+  }
+
+  .md\:hover\:to-pink-700:hover {
+    --tw-gradient-to: #be185d;
+  }
+
+  .md\:hover\:to-pink-800:hover {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .md\:hover\:to-pink-900:hover {
+    --tw-gradient-to: #831843;
+  }
+
+  .md\:focus\:from-transparent:focus {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:focus\:from-current:focus {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:focus\:from-black:focus {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:focus\:from-white:focus {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .md\:focus\:from-gray-100:focus {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .md\:focus\:from-gray-200:focus {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .md\:focus\:from-gray-300:focus {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .md\:focus\:from-gray-400:focus {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .md\:focus\:from-gray-500:focus {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .md\:focus\:from-gray-600:focus {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .md\:focus\:from-gray-700:focus {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .md\:focus\:from-gray-800:focus {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .md\:focus\:from-gray-900:focus {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .md\:focus\:from-red-50:focus {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .md\:focus\:from-red-100:focus {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .md\:focus\:from-red-200:focus {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .md\:focus\:from-red-300:focus {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .md\:focus\:from-red-400:focus {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .md\:focus\:from-red-500:focus {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .md\:focus\:from-red-600:focus {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .md\:focus\:from-red-700:focus {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .md\:focus\:from-red-800:focus {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .md\:focus\:from-red-900:focus {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .md\:focus\:from-yellow-50:focus {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .md\:focus\:from-yellow-100:focus {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .md\:focus\:from-yellow-200:focus {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .md\:focus\:from-yellow-300:focus {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .md\:focus\:from-yellow-400:focus {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .md\:focus\:from-yellow-500:focus {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .md\:focus\:from-yellow-600:focus {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .md\:focus\:from-yellow-700:focus {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .md\:focus\:from-yellow-800:focus {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .md\:focus\:from-yellow-900:focus {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .md\:focus\:from-green-50:focus {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .md\:focus\:from-green-100:focus {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .md\:focus\:from-green-200:focus {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .md\:focus\:from-green-300:focus {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .md\:focus\:from-green-400:focus {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .md\:focus\:from-green-500:focus {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .md\:focus\:from-green-600:focus {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .md\:focus\:from-green-700:focus {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .md\:focus\:from-green-800:focus {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .md\:focus\:from-green-900:focus {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .md\:focus\:from-blue-50:focus {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .md\:focus\:from-blue-100:focus {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .md\:focus\:from-blue-200:focus {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .md\:focus\:from-blue-300:focus {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .md\:focus\:from-blue-400:focus {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .md\:focus\:from-blue-500:focus {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .md\:focus\:from-blue-600:focus {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .md\:focus\:from-blue-700:focus {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .md\:focus\:from-blue-800:focus {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .md\:focus\:from-blue-900:focus {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .md\:focus\:from-indigo-50:focus {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .md\:focus\:from-indigo-100:focus {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .md\:focus\:from-indigo-200:focus {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .md\:focus\:from-indigo-300:focus {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .md\:focus\:from-indigo-400:focus {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .md\:focus\:from-indigo-500:focus {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .md\:focus\:from-indigo-600:focus {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .md\:focus\:from-indigo-700:focus {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .md\:focus\:from-indigo-800:focus {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .md\:focus\:from-indigo-900:focus {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .md\:focus\:from-purple-50:focus {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .md\:focus\:from-purple-100:focus {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .md\:focus\:from-purple-200:focus {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .md\:focus\:from-purple-300:focus {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .md\:focus\:from-purple-400:focus {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .md\:focus\:from-purple-500:focus {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .md\:focus\:from-purple-600:focus {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .md\:focus\:from-purple-700:focus {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .md\:focus\:from-purple-800:focus {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .md\:focus\:from-purple-900:focus {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .md\:focus\:from-pink-50:focus {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .md\:focus\:from-pink-100:focus {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .md\:focus\:from-pink-200:focus {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .md\:focus\:from-pink-300:focus {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .md\:focus\:from-pink-400:focus {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .md\:focus\:from-pink-500:focus {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .md\:focus\:from-pink-600:focus {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .md\:focus\:from-pink-700:focus {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .md\:focus\:from-pink-800:focus {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .md\:focus\:from-pink-900:focus {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .md\:focus\:via-transparent:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:focus\:via-current:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:focus\:via-black:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:focus\:via-white:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .md\:focus\:via-gray-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .md\:focus\:via-gray-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .md\:focus\:via-gray-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .md\:focus\:via-gray-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .md\:focus\:via-gray-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .md\:focus\:via-gray-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .md\:focus\:via-gray-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .md\:focus\:via-gray-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .md\:focus\:via-gray-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .md\:focus\:via-red-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .md\:focus\:via-red-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .md\:focus\:via-red-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .md\:focus\:via-red-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .md\:focus\:via-red-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .md\:focus\:via-red-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .md\:focus\:via-red-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .md\:focus\:via-red-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .md\:focus\:via-red-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .md\:focus\:via-red-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .md\:focus\:via-yellow-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .md\:focus\:via-yellow-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .md\:focus\:via-yellow-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .md\:focus\:via-yellow-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .md\:focus\:via-yellow-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .md\:focus\:via-yellow-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .md\:focus\:via-yellow-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .md\:focus\:via-yellow-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .md\:focus\:via-yellow-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .md\:focus\:via-yellow-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .md\:focus\:via-green-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .md\:focus\:via-green-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .md\:focus\:via-green-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .md\:focus\:via-green-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .md\:focus\:via-green-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .md\:focus\:via-green-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .md\:focus\:via-green-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .md\:focus\:via-green-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .md\:focus\:via-green-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .md\:focus\:via-green-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .md\:focus\:via-blue-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .md\:focus\:via-blue-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .md\:focus\:via-blue-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .md\:focus\:via-blue-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .md\:focus\:via-blue-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .md\:focus\:via-blue-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .md\:focus\:via-blue-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .md\:focus\:via-blue-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .md\:focus\:via-blue-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .md\:focus\:via-blue-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .md\:focus\:via-indigo-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .md\:focus\:via-indigo-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .md\:focus\:via-indigo-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .md\:focus\:via-indigo-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .md\:focus\:via-indigo-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .md\:focus\:via-indigo-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .md\:focus\:via-indigo-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .md\:focus\:via-indigo-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .md\:focus\:via-indigo-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .md\:focus\:via-indigo-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .md\:focus\:via-purple-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .md\:focus\:via-purple-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .md\:focus\:via-purple-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .md\:focus\:via-purple-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .md\:focus\:via-purple-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .md\:focus\:via-purple-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .md\:focus\:via-purple-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .md\:focus\:via-purple-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .md\:focus\:via-purple-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .md\:focus\:via-purple-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .md\:focus\:via-pink-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .md\:focus\:via-pink-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .md\:focus\:via-pink-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .md\:focus\:via-pink-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .md\:focus\:via-pink-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .md\:focus\:via-pink-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .md\:focus\:via-pink-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .md\:focus\:via-pink-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .md\:focus\:via-pink-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .md\:focus\:via-pink-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .md\:focus\:to-transparent:focus {
+    --tw-gradient-to: transparent;
+  }
+
+  .md\:focus\:to-current:focus {
+    --tw-gradient-to: currentColor;
+  }
+
+  .md\:focus\:to-black:focus {
+    --tw-gradient-to: #000;
+  }
+
+  .md\:focus\:to-white:focus {
+    --tw-gradient-to: #fff;
+  }
+
+  .md\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .md\:focus\:to-gray-100:focus {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .md\:focus\:to-gray-200:focus {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .md\:focus\:to-gray-300:focus {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .md\:focus\:to-gray-400:focus {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .md\:focus\:to-gray-500:focus {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .md\:focus\:to-gray-600:focus {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .md\:focus\:to-gray-700:focus {
+    --tw-gradient-to: #374151;
+  }
+
+  .md\:focus\:to-gray-800:focus {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .md\:focus\:to-gray-900:focus {
+    --tw-gradient-to: #111827;
+  }
+
+  .md\:focus\:to-red-50:focus {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .md\:focus\:to-red-100:focus {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .md\:focus\:to-red-200:focus {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .md\:focus\:to-red-300:focus {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .md\:focus\:to-red-400:focus {
+    --tw-gradient-to: #f87171;
+  }
+
+  .md\:focus\:to-red-500:focus {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .md\:focus\:to-red-600:focus {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .md\:focus\:to-red-700:focus {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .md\:focus\:to-red-800:focus {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .md\:focus\:to-red-900:focus {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .md\:focus\:to-yellow-50:focus {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .md\:focus\:to-yellow-100:focus {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .md\:focus\:to-yellow-200:focus {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .md\:focus\:to-yellow-300:focus {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .md\:focus\:to-yellow-400:focus {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .md\:focus\:to-yellow-500:focus {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .md\:focus\:to-yellow-600:focus {
+    --tw-gradient-to: #d97706;
+  }
+
+  .md\:focus\:to-yellow-700:focus {
+    --tw-gradient-to: #b45309;
+  }
+
+  .md\:focus\:to-yellow-800:focus {
+    --tw-gradient-to: #92400e;
+  }
+
+  .md\:focus\:to-yellow-900:focus {
+    --tw-gradient-to: #78350f;
+  }
+
+  .md\:focus\:to-green-50:focus {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .md\:focus\:to-green-100:focus {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .md\:focus\:to-green-200:focus {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .md\:focus\:to-green-300:focus {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .md\:focus\:to-green-400:focus {
+    --tw-gradient-to: #34d399;
+  }
+
+  .md\:focus\:to-green-500:focus {
+    --tw-gradient-to: #10b981;
+  }
+
+  .md\:focus\:to-green-600:focus {
+    --tw-gradient-to: #059669;
+  }
+
+  .md\:focus\:to-green-700:focus {
+    --tw-gradient-to: #047857;
+  }
+
+  .md\:focus\:to-green-800:focus {
+    --tw-gradient-to: #065f46;
+  }
+
+  .md\:focus\:to-green-900:focus {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .md\:focus\:to-blue-50:focus {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .md\:focus\:to-blue-100:focus {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .md\:focus\:to-blue-200:focus {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .md\:focus\:to-blue-300:focus {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .md\:focus\:to-blue-400:focus {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .md\:focus\:to-blue-500:focus {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .md\:focus\:to-blue-600:focus {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .md\:focus\:to-blue-700:focus {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .md\:focus\:to-blue-800:focus {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .md\:focus\:to-blue-900:focus {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .md\:focus\:to-indigo-50:focus {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .md\:focus\:to-indigo-100:focus {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .md\:focus\:to-indigo-200:focus {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .md\:focus\:to-indigo-300:focus {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .md\:focus\:to-indigo-400:focus {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .md\:focus\:to-indigo-500:focus {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .md\:focus\:to-indigo-600:focus {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .md\:focus\:to-indigo-700:focus {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .md\:focus\:to-indigo-800:focus {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .md\:focus\:to-indigo-900:focus {
+    --tw-gradient-to: #312e81;
+  }
+
+  .md\:focus\:to-purple-50:focus {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .md\:focus\:to-purple-100:focus {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .md\:focus\:to-purple-200:focus {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .md\:focus\:to-purple-300:focus {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .md\:focus\:to-purple-400:focus {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .md\:focus\:to-purple-500:focus {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .md\:focus\:to-purple-600:focus {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .md\:focus\:to-purple-700:focus {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .md\:focus\:to-purple-800:focus {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .md\:focus\:to-purple-900:focus {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .md\:focus\:to-pink-50:focus {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .md\:focus\:to-pink-100:focus {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .md\:focus\:to-pink-200:focus {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .md\:focus\:to-pink-300:focus {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .md\:focus\:to-pink-400:focus {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .md\:focus\:to-pink-500:focus {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .md\:focus\:to-pink-600:focus {
+    --tw-gradient-to: #db2777;
+  }
+
+  .md\:focus\:to-pink-700:focus {
+    --tw-gradient-to: #be185d;
+  }
+
+  .md\:focus\:to-pink-800:focus {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .md\:focus\:to-pink-900:focus {
+    --tw-gradient-to: #831843;
+  }
+
+  .md\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .md\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .md\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .md\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .md\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .md\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .md\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .md\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .md\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .md\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .md\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .md\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .md\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .md\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .md\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .md\:focus-within\:bg-opacity-0:focus-within {
+    --tw-bg-opacity: 0;
+  }
+
+  .md\:focus-within\:bg-opacity-5:focus-within {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .md\:focus-within\:bg-opacity-10:focus-within {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .md\:focus-within\:bg-opacity-20:focus-within {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .md\:focus-within\:bg-opacity-25:focus-within {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .md\:focus-within\:bg-opacity-30:focus-within {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .md\:focus-within\:bg-opacity-40:focus-within {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .md\:focus-within\:bg-opacity-50:focus-within {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .md\:focus-within\:bg-opacity-60:focus-within {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .md\:focus-within\:bg-opacity-70:focus-within {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .md\:focus-within\:bg-opacity-75:focus-within {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .md\:focus-within\:bg-opacity-80:focus-within {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .md\:focus-within\:bg-opacity-90:focus-within {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .md\:focus-within\:bg-opacity-95:focus-within {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .md\:focus-within\:bg-opacity-100:focus-within {
+    --tw-bg-opacity: 1;
+  }
+
+  .md\:hover\:bg-opacity-0:hover {
+    --tw-bg-opacity: 0;
+  }
+
+  .md\:hover\:bg-opacity-5:hover {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .md\:hover\:bg-opacity-10:hover {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .md\:hover\:bg-opacity-20:hover {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .md\:hover\:bg-opacity-25:hover {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .md\:hover\:bg-opacity-30:hover {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .md\:hover\:bg-opacity-40:hover {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .md\:hover\:bg-opacity-50:hover {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .md\:hover\:bg-opacity-60:hover {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .md\:hover\:bg-opacity-70:hover {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .md\:hover\:bg-opacity-75:hover {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .md\:hover\:bg-opacity-80:hover {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .md\:hover\:bg-opacity-90:hover {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .md\:hover\:bg-opacity-95:hover {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .md\:hover\:bg-opacity-100:hover {
+    --tw-bg-opacity: 1;
+  }
+
+  .md\:focus\:bg-opacity-0:focus {
+    --tw-bg-opacity: 0;
+  }
+
+  .md\:focus\:bg-opacity-5:focus {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .md\:focus\:bg-opacity-10:focus {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .md\:focus\:bg-opacity-20:focus {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .md\:focus\:bg-opacity-25:focus {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .md\:focus\:bg-opacity-30:focus {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .md\:focus\:bg-opacity-40:focus {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .md\:focus\:bg-opacity-50:focus {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .md\:focus\:bg-opacity-60:focus {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .md\:focus\:bg-opacity-70:focus {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .md\:focus\:bg-opacity-75:focus {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .md\:focus\:bg-opacity-80:focus {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .md\:focus\:bg-opacity-90:focus {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .md\:focus\:bg-opacity-95:focus {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .md\:focus\:bg-opacity-100:focus {
+    --tw-bg-opacity: 1;
+  }
+
+  .md\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .md\:bg-center {
+    background-position: center;
+  }
+
+  .md\:bg-left {
+    background-position: left;
+  }
+
+  .md\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .md\:bg-left-top {
+    background-position: left top;
+  }
+
+  .md\:bg-right {
+    background-position: right;
+  }
+
+  .md\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .md\:bg-right-top {
+    background-position: right top;
+  }
+
+  .md\:bg-top {
+    background-position: top;
+  }
+
+  .md\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .md\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .md\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .md\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .md\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .md\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .md\:bg-auto {
+    background-size: auto;
+  }
+
+  .md\:bg-cover {
+    background-size: cover;
+  }
+
+  .md\:bg-contain {
+    background-size: contain;
+  }
+
+  .md\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .md\:border-separate {
+    border-collapse: separate;
+  }
+
+  .md\:border-transparent {
+    border-color: transparent;
+  }
+
+  .md\:border-current {
+    border-color: currentColor;
+  }
+
+  .md\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .md\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:hover .md\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  .group:hover .md\:group-hover\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .md\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .md\:focus-within\:border-black:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-white:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .md\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .md\:hover\:border-black:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-white:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .md\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .md\:focus\:border-black:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-white:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .md\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .md\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .md\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .md\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .md\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .md\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .md\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .md\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .md\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .md\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .md\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .md\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .md\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .md\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .md\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .md\:focus-within\:border-opacity-0:focus-within {
+    --tw-border-opacity: 0;
+  }
+
+  .md\:focus-within\:border-opacity-5:focus-within {
+    --tw-border-opacity: 0.05;
+  }
+
+  .md\:focus-within\:border-opacity-10:focus-within {
+    --tw-border-opacity: 0.1;
+  }
+
+  .md\:focus-within\:border-opacity-20:focus-within {
+    --tw-border-opacity: 0.2;
+  }
+
+  .md\:focus-within\:border-opacity-25:focus-within {
+    --tw-border-opacity: 0.25;
+  }
+
+  .md\:focus-within\:border-opacity-30:focus-within {
+    --tw-border-opacity: 0.3;
+  }
+
+  .md\:focus-within\:border-opacity-40:focus-within {
+    --tw-border-opacity: 0.4;
+  }
+
+  .md\:focus-within\:border-opacity-50:focus-within {
+    --tw-border-opacity: 0.5;
+  }
+
+  .md\:focus-within\:border-opacity-60:focus-within {
+    --tw-border-opacity: 0.6;
+  }
+
+  .md\:focus-within\:border-opacity-70:focus-within {
+    --tw-border-opacity: 0.7;
+  }
+
+  .md\:focus-within\:border-opacity-75:focus-within {
+    --tw-border-opacity: 0.75;
+  }
+
+  .md\:focus-within\:border-opacity-80:focus-within {
+    --tw-border-opacity: 0.8;
+  }
+
+  .md\:focus-within\:border-opacity-90:focus-within {
+    --tw-border-opacity: 0.9;
+  }
+
+  .md\:focus-within\:border-opacity-95:focus-within {
+    --tw-border-opacity: 0.95;
+  }
+
+  .md\:focus-within\:border-opacity-100:focus-within {
+    --tw-border-opacity: 1;
+  }
+
+  .md\:hover\:border-opacity-0:hover {
+    --tw-border-opacity: 0;
+  }
+
+  .md\:hover\:border-opacity-5:hover {
+    --tw-border-opacity: 0.05;
+  }
+
+  .md\:hover\:border-opacity-10:hover {
+    --tw-border-opacity: 0.1;
+  }
+
+  .md\:hover\:border-opacity-20:hover {
+    --tw-border-opacity: 0.2;
+  }
+
+  .md\:hover\:border-opacity-25:hover {
+    --tw-border-opacity: 0.25;
+  }
+
+  .md\:hover\:border-opacity-30:hover {
+    --tw-border-opacity: 0.3;
+  }
+
+  .md\:hover\:border-opacity-40:hover {
+    --tw-border-opacity: 0.4;
+  }
+
+  .md\:hover\:border-opacity-50:hover {
+    --tw-border-opacity: 0.5;
+  }
+
+  .md\:hover\:border-opacity-60:hover {
+    --tw-border-opacity: 0.6;
+  }
+
+  .md\:hover\:border-opacity-70:hover {
+    --tw-border-opacity: 0.7;
+  }
+
+  .md\:hover\:border-opacity-75:hover {
+    --tw-border-opacity: 0.75;
+  }
+
+  .md\:hover\:border-opacity-80:hover {
+    --tw-border-opacity: 0.8;
+  }
+
+  .md\:hover\:border-opacity-90:hover {
+    --tw-border-opacity: 0.9;
+  }
+
+  .md\:hover\:border-opacity-95:hover {
+    --tw-border-opacity: 0.95;
+  }
+
+  .md\:hover\:border-opacity-100:hover {
+    --tw-border-opacity: 1;
+  }
+
+  .md\:focus\:border-opacity-0:focus {
+    --tw-border-opacity: 0;
+  }
+
+  .md\:focus\:border-opacity-5:focus {
+    --tw-border-opacity: 0.05;
+  }
+
+  .md\:focus\:border-opacity-10:focus {
+    --tw-border-opacity: 0.1;
+  }
+
+  .md\:focus\:border-opacity-20:focus {
+    --tw-border-opacity: 0.2;
+  }
+
+  .md\:focus\:border-opacity-25:focus {
+    --tw-border-opacity: 0.25;
+  }
+
+  .md\:focus\:border-opacity-30:focus {
+    --tw-border-opacity: 0.3;
+  }
+
+  .md\:focus\:border-opacity-40:focus {
+    --tw-border-opacity: 0.4;
+  }
+
+  .md\:focus\:border-opacity-50:focus {
+    --tw-border-opacity: 0.5;
+  }
+
+  .md\:focus\:border-opacity-60:focus {
+    --tw-border-opacity: 0.6;
+  }
+
+  .md\:focus\:border-opacity-70:focus {
+    --tw-border-opacity: 0.7;
+  }
+
+  .md\:focus\:border-opacity-75:focus {
+    --tw-border-opacity: 0.75;
+  }
+
+  .md\:focus\:border-opacity-80:focus {
+    --tw-border-opacity: 0.8;
+  }
+
+  .md\:focus\:border-opacity-90:focus {
+    --tw-border-opacity: 0.9;
+  }
+
+  .md\:focus\:border-opacity-95:focus {
+    --tw-border-opacity: 0.95;
+  }
+
+  .md\:focus\:border-opacity-100:focus {
+    --tw-border-opacity: 1;
+  }
+
+  .md\:rounded-none {
+    border-radius: 0px;
+  }
+
+  .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-xl {
+    border-radius: 0.75rem;
+  }
+
+  .md\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .md\:rounded-3xl {
+    border-radius: 1.5rem;
+  }
+
+  .md\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .md\:rounded-t-none {
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+  }
+
+  .md\:rounded-r-none {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+  }
+
+  .md\:rounded-b-none {
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .md\:rounded-l-none {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .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-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .md\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .md\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .md\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .md\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .md\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .md\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .md\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .md\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .md\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .md\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .md\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.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: 0px;
+  }
+
+  .md\:rounded-tr-none {
+    border-top-right-radius: 0px;
+  }
+
+  .md\:rounded-br-none {
+    border-bottom-right-radius: 0px;
+  }
+
+  .md\:rounded-bl-none {
+    border-bottom-left-radius: 0px;
+  }
+
+  .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-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .md\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .md\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .md\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .md\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .md\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .md\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .md\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .md\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .md\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .md\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .md\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.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: 0px;
+  }
+
+  .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: 0px;
+  }
+
+  .md\:border-r-0 {
+    border-right-width: 0px;
+  }
+
+  .md\:border-b-0 {
+    border-bottom-width: 0px;
+  }
+
+  .md\:border-l-0 {
+    border-left-width: 0px;
+  }
+
+  .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-help {
+    cursor: help;
+  }
+
+  .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\:contents {
+    display: contents;
+  }
+
+  .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-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .md\:place-items-auto {
+    place-items: auto;
+  }
+
+  .md\:place-items-start {
+    place-items: start;
+  }
+
+  .md\:place-items-end {
+    place-items: end;
+  }
+
+  .md\:place-items-center {
+    place-items: center;
+  }
+
+  .md\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .md\:place-content-center {
+    place-content: center;
+  }
+
+  .md\:place-content-start {
+    place-content: start;
+  }
+
+  .md\:place-content-end {
+    place-content: end;
+  }
+
+  .md\:place-content-between {
+    place-content: space-between;
+  }
+
+  .md\:place-content-around {
+    place-content: space-around;
+  }
+
+  .md\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .md\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .md\:place-self-auto {
+    place-self: auto;
+  }
+
+  .md\:place-self-start {
+    place-self: start;
+  }
+
+  .md\:place-self-end {
+    place-self: end;
+  }
+
+  .md\:place-self-center {
+    place-self: center;
+  }
+
+  .md\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .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\: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\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .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-items-auto {
+    justify-items: auto;
+  }
+
+  .md\:justify-items-start {
+    justify-items: start;
+  }
+
+  .md\:justify-items-end {
+    justify-items: end;
+  }
+
+  .md\:justify-items-center {
+    justify-items: center;
+  }
+
+  .md\:justify-items-stretch {
+    justify-items: 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\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .md\:justify-self-start {
+    justify-self: start;
+  }
+
+  .md\:justify-self-end {
+    justify-self: end;
+  }
+
+  .md\:justify-self-center {
+    justify-self: center;
+  }
+
+  .md\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .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\:clear-left {
+    clear: left;
+  }
+
+  .md\:clear-right {
+    clear: right;
+  }
+
+  .md\:clear-both {
+    clear: both;
+  }
+
+  .md\:clear-none {
+    clear: none;
+  }
+
+  .md\:font-sans {
+    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  }
+
+  .md\:font-serif {
+    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .md\:font-mono {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .md\:font-thin {
+    font-weight: 100;
+  }
+
+  .md\:font-extralight {
+    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\:h-0 {
+    height: 0px;
+  }
+
+  .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-7 {
+    height: 1.75rem;
+  }
+
+  .md\:h-8 {
+    height: 2rem;
+  }
+
+  .md\:h-9 {
+    height: 2.25rem;
+  }
+
+  .md\:h-10 {
+    height: 2.5rem;
+  }
+
+  .md\:h-11 {
+    height: 2.75rem;
+  }
+
+  .md\:h-12 {
+    height: 3rem;
+  }
+
+  .md\:h-14 {
+    height: 3.5rem;
+  }
+
+  .md\:h-16 {
+    height: 4rem;
+  }
+
+  .md\:h-20 {
+    height: 5rem;
+  }
+
+  .md\:h-24 {
+    height: 6rem;
+  }
+
+  .md\:h-28 {
+    height: 7rem;
+  }
+
+  .md\:h-32 {
+    height: 8rem;
+  }
+
+  .md\:h-36 {
+    height: 9rem;
+  }
+
+  .md\:h-40 {
+    height: 10rem;
+  }
+
+  .md\:h-44 {
+    height: 11rem;
+  }
+
+  .md\:h-48 {
+    height: 12rem;
+  }
+
+  .md\:h-52 {
+    height: 13rem;
+  }
+
+  .md\:h-56 {
+    height: 14rem;
+  }
+
+  .md\:h-60 {
+    height: 15rem;
+  }
+
+  .md\:h-64 {
+    height: 16rem;
+  }
+
+  .md\:h-72 {
+    height: 18rem;
+  }
+
+  .md\:h-80 {
+    height: 20rem;
+  }
+
+  .md\:h-96 {
+    height: 24rem;
+  }
+
+  .md\:h-auto {
+    height: auto;
+  }
+
+  .md\:h-px {
+    height: 1px;
+  }
+
+  .md\:h-0\.5 {
+    height: 0.125rem;
+  }
+
+  .md\:h-1\.5 {
+    height: 0.375rem;
+  }
+
+  .md\:h-2\.5 {
+    height: 0.625rem;
+  }
+
+  .md\:h-3\.5 {
+    height: 0.875rem;
+  }
+
+  .md\:h-1\/2 {
+    height: 50%;
+  }
+
+  .md\:h-1\/3 {
+    height: 33.333333%;
+  }
+
+  .md\:h-2\/3 {
+    height: 66.666667%;
+  }
+
+  .md\:h-1\/4 {
+    height: 25%;
+  }
+
+  .md\:h-2\/4 {
+    height: 50%;
+  }
+
+  .md\:h-3\/4 {
+    height: 75%;
+  }
+
+  .md\:h-1\/5 {
+    height: 20%;
+  }
+
+  .md\:h-2\/5 {
+    height: 40%;
+  }
+
+  .md\:h-3\/5 {
+    height: 60%;
+  }
+
+  .md\:h-4\/5 {
+    height: 80%;
+  }
+
+  .md\:h-1\/6 {
+    height: 16.666667%;
+  }
+
+  .md\:h-2\/6 {
+    height: 33.333333%;
+  }
+
+  .md\:h-3\/6 {
+    height: 50%;
+  }
+
+  .md\:h-4\/6 {
+    height: 66.666667%;
+  }
+
+  .md\:h-5\/6 {
+    height: 83.333333%;
+  }
+
+  .md\:h-full {
+    height: 100%;
+  }
+
+  .md\:h-screen {
+    height: 100vh;
+  }
+
+  .md\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .md\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .md\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .md\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .md\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .md\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .md\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .md\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .md\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+
+  .md\:text-6xl {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .md\:text-7xl {
+    font-size: 4.5rem;
+    line-height: 1;
+  }
+
+  .md\:text-8xl {
+    font-size: 6rem;
+    line-height: 1;
+  }
+
+  .md\:text-9xl {
+    font-size: 8rem;
+    line-height: 1;
+  }
+
+  .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: 0px;
+  }
+
+  .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-7 {
+    margin: 1.75rem;
+  }
+
+  .md\:m-8 {
+    margin: 2rem;
+  }
+
+  .md\:m-9 {
+    margin: 2.25rem;
+  }
+
+  .md\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .md\:m-11 {
+    margin: 2.75rem;
+  }
+
+  .md\:m-12 {
+    margin: 3rem;
+  }
+
+  .md\:m-14 {
+    margin: 3.5rem;
+  }
+
+  .md\:m-16 {
+    margin: 4rem;
+  }
+
+  .md\:m-20 {
+    margin: 5rem;
+  }
+
+  .md\:m-24 {
+    margin: 6rem;
+  }
+
+  .md\:m-28 {
+    margin: 7rem;
+  }
+
+  .md\:m-32 {
+    margin: 8rem;
+  }
+
+  .md\:m-36 {
+    margin: 9rem;
+  }
+
+  .md\:m-40 {
+    margin: 10rem;
+  }
+
+  .md\:m-44 {
+    margin: 11rem;
+  }
+
+  .md\:m-48 {
+    margin: 12rem;
+  }
+
+  .md\:m-52 {
+    margin: 13rem;
+  }
+
+  .md\:m-56 {
+    margin: 14rem;
+  }
+
+  .md\:m-60 {
+    margin: 15rem;
+  }
+
+  .md\:m-64 {
+    margin: 16rem;
+  }
+
+  .md\:m-72 {
+    margin: 18rem;
+  }
+
+  .md\:m-80 {
+    margin: 20rem;
+  }
+
+  .md\:m-96 {
+    margin: 24rem;
+  }
+
+  .md\:m-auto {
+    margin: auto;
+  }
+
+  .md\:m-px {
+    margin: 1px;
+  }
+
+  .md\:m-0\.5 {
+    margin: 0.125rem;
+  }
+
+  .md\:m-1\.5 {
+    margin: 0.375rem;
+  }
+
+  .md\:m-2\.5 {
+    margin: 0.625rem;
+  }
+
+  .md\:m-3\.5 {
+    margin: 0.875rem;
+  }
+
+  .md\:-m-0 {
+    margin: 0px;
+  }
+
+  .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-7 {
+    margin: -1.75rem;
+  }
+
+  .md\:-m-8 {
+    margin: -2rem;
+  }
+
+  .md\:-m-9 {
+    margin: -2.25rem;
+  }
+
+  .md\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .md\:-m-11 {
+    margin: -2.75rem;
+  }
+
+  .md\:-m-12 {
+    margin: -3rem;
+  }
+
+  .md\:-m-14 {
+    margin: -3.5rem;
+  }
+
+  .md\:-m-16 {
+    margin: -4rem;
+  }
+
+  .md\:-m-20 {
+    margin: -5rem;
+  }
+
+  .md\:-m-24 {
+    margin: -6rem;
+  }
+
+  .md\:-m-28 {
+    margin: -7rem;
+  }
+
+  .md\:-m-32 {
+    margin: -8rem;
+  }
+
+  .md\:-m-36 {
+    margin: -9rem;
+  }
+
+  .md\:-m-40 {
+    margin: -10rem;
+  }
+
+  .md\:-m-44 {
+    margin: -11rem;
+  }
+
+  .md\:-m-48 {
+    margin: -12rem;
+  }
+
+  .md\:-m-52 {
+    margin: -13rem;
+  }
+
+  .md\:-m-56 {
+    margin: -14rem;
+  }
+
+  .md\:-m-60 {
+    margin: -15rem;
+  }
+
+  .md\:-m-64 {
+    margin: -16rem;
+  }
+
+  .md\:-m-72 {
+    margin: -18rem;
+  }
+
+  .md\:-m-80 {
+    margin: -20rem;
+  }
+
+  .md\:-m-96 {
+    margin: -24rem;
+  }
+
+  .md\:-m-px {
+    margin: -1px;
+  }
+
+  .md\:-m-0\.5 {
+    margin: -0.125rem;
+  }
+
+  .md\:-m-1\.5 {
+    margin: -0.375rem;
+  }
+
+  .md\:-m-2\.5 {
+    margin: -0.625rem;
+  }
+
+  .md\:-m-3\.5 {
+    margin: -0.875rem;
+  }
+
+  .md\:my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .md\:mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .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-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
+  .md\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
+  .md\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .md\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .md\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
+  }
+
+  .md\:mx-9 {
+    margin-left: 2.25rem;
+    margin-right: 2.25rem;
+  }
+
+  .md\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .md\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .md\:my-11 {
+    margin-top: 2.75rem;
+    margin-bottom: 2.75rem;
+  }
+
+  .md\:mx-11 {
+    margin-left: 2.75rem;
+    margin-right: 2.75rem;
+  }
+
+  .md\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .md\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .md\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .md\:mx-14 {
+    margin-left: 3.5rem;
+    margin-right: 3.5rem;
+  }
+
+  .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-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+
+  .md\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+
+  .md\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .md\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .md\:my-36 {
+    margin-top: 9rem;
+    margin-bottom: 9rem;
+  }
+
+  .md\:mx-36 {
+    margin-left: 9rem;
+    margin-right: 9rem;
+  }
+
+  .md\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .md\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .md\:my-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .md\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
+  .md\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .md\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .md\:my-52 {
+    margin-top: 13rem;
+    margin-bottom: 13rem;
+  }
+
+  .md\:mx-52 {
+    margin-left: 13rem;
+    margin-right: 13rem;
+  }
+
+  .md\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .md\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .md\:my-60 {
+    margin-top: 15rem;
+    margin-bottom: 15rem;
+  }
+
+  .md\:mx-60 {
+    margin-left: 15rem;
+    margin-right: 15rem;
+  }
+
+  .md\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .md\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .md\:my-72 {
+    margin-top: 18rem;
+    margin-bottom: 18rem;
+  }
+
+  .md\:mx-72 {
+    margin-left: 18rem;
+    margin-right: 18rem;
+  }
+
+  .md\:my-80 {
+    margin-top: 20rem;
+    margin-bottom: 20rem;
+  }
+
+  .md\:mx-80 {
+    margin-left: 20rem;
+    margin-right: 20rem;
+  }
+
+  .md\:my-96 {
+    margin-top: 24rem;
+    margin-bottom: 24rem;
+  }
+
+  .md\:mx-96 {
+    margin-left: 24rem;
+    margin-right: 24rem;
+  }
+
+  .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-0\.5 {
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+  }
+
+  .md\:mx-0\.5 {
+    margin-left: 0.125rem;
+    margin-right: 0.125rem;
+  }
+
+  .md\:my-1\.5 {
+    margin-top: 0.375rem;
+    margin-bottom: 0.375rem;
+  }
+
+  .md\:mx-1\.5 {
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+
+  .md\:my-2\.5 {
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
+
+  .md\:mx-2\.5 {
+    margin-left: 0.625rem;
+    margin-right: 0.625rem;
+  }
+
+  .md\:my-3\.5 {
+    margin-top: 0.875rem;
+    margin-bottom: 0.875rem;
+  }
+
+  .md\:mx-3\.5 {
+    margin-left: 0.875rem;
+    margin-right: 0.875rem;
+  }
+
+  .md\:-my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .md\:-mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .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-7 {
+    margin-top: -1.75rem;
+    margin-bottom: -1.75rem;
+  }
+
+  .md\:-mx-7 {
+    margin-left: -1.75rem;
+    margin-right: -1.75rem;
+  }
+
+  .md\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .md\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .md\:-my-9 {
+    margin-top: -2.25rem;
+    margin-bottom: -2.25rem;
+  }
+
+  .md\:-mx-9 {
+    margin-left: -2.25rem;
+    margin-right: -2.25rem;
+  }
+
+  .md\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .md\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .md\:-my-11 {
+    margin-top: -2.75rem;
+    margin-bottom: -2.75rem;
+  }
+
+  .md\:-mx-11 {
+    margin-left: -2.75rem;
+    margin-right: -2.75rem;
+  }
+
+  .md\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .md\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .md\:-my-14 {
+    margin-top: -3.5rem;
+    margin-bottom: -3.5rem;
+  }
+
+  .md\:-mx-14 {
+    margin-left: -3.5rem;
+    margin-right: -3.5rem;
+  }
+
+  .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-28 {
+    margin-top: -7rem;
+    margin-bottom: -7rem;
+  }
+
+  .md\:-mx-28 {
+    margin-left: -7rem;
+    margin-right: -7rem;
+  }
+
+  .md\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .md\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .md\:-my-36 {
+    margin-top: -9rem;
+    margin-bottom: -9rem;
+  }
+
+  .md\:-mx-36 {
+    margin-left: -9rem;
+    margin-right: -9rem;
+  }
+
+  .md\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .md\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .md\:-my-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .md\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
+  .md\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .md\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .md\:-my-52 {
+    margin-top: -13rem;
+    margin-bottom: -13rem;
+  }
+
+  .md\:-mx-52 {
+    margin-left: -13rem;
+    margin-right: -13rem;
+  }
+
+  .md\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .md\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .md\:-my-60 {
+    margin-top: -15rem;
+    margin-bottom: -15rem;
+  }
+
+  .md\:-mx-60 {
+    margin-left: -15rem;
+    margin-right: -15rem;
+  }
+
+  .md\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .md\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .md\:-my-72 {
+    margin-top: -18rem;
+    margin-bottom: -18rem;
+  }
+
+  .md\:-mx-72 {
+    margin-left: -18rem;
+    margin-right: -18rem;
+  }
+
+  .md\:-my-80 {
+    margin-top: -20rem;
+    margin-bottom: -20rem;
+  }
+
+  .md\:-mx-80 {
+    margin-left: -20rem;
+    margin-right: -20rem;
+  }
+
+  .md\:-my-96 {
+    margin-top: -24rem;
+    margin-bottom: -24rem;
+  }
+
+  .md\:-mx-96 {
+    margin-left: -24rem;
+    margin-right: -24rem;
+  }
+
+  .md\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .md\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .md\:-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }
+
+  .md\:-mx-0\.5 {
+    margin-left: -0.125rem;
+    margin-right: -0.125rem;
+  }
+
+  .md\:-my-1\.5 {
+    margin-top: -0.375rem;
+    margin-bottom: -0.375rem;
+  }
+
+  .md\:-mx-1\.5 {
+    margin-left: -0.375rem;
+    margin-right: -0.375rem;
+  }
+
+  .md\:-my-2\.5 {
+    margin-top: -0.625rem;
+    margin-bottom: -0.625rem;
+  }
+
+  .md\:-mx-2\.5 {
+    margin-left: -0.625rem;
+    margin-right: -0.625rem;
+  }
+
+  .md\:-my-3\.5 {
+    margin-top: -0.875rem;
+    margin-bottom: -0.875rem;
+  }
+
+  .md\:-mx-3\.5 {
+    margin-left: -0.875rem;
+    margin-right: -0.875rem;
+  }
+
+  .md\:mt-0 {
+    margin-top: 0px;
+  }
+
+  .md\:mr-0 {
+    margin-right: 0px;
+  }
+
+  .md\:mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .md\:ml-0 {
+    margin-left: 0px;
+  }
+
+  .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-7 {
+    margin-top: 1.75rem;
+  }
+
+  .md\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .md\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
+  .md\:ml-7 {
+    margin-left: 1.75rem;
+  }
+
+  .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-9 {
+    margin-top: 2.25rem;
+  }
+
+  .md\:mr-9 {
+    margin-right: 2.25rem;
+  }
+
+  .md\:mb-9 {
+    margin-bottom: 2.25rem;
+  }
+
+  .md\:ml-9 {
+    margin-left: 2.25rem;
+  }
+
+  .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-11 {
+    margin-top: 2.75rem;
+  }
+
+  .md\:mr-11 {
+    margin-right: 2.75rem;
+  }
+
+  .md\:mb-11 {
+    margin-bottom: 2.75rem;
+  }
+
+  .md\:ml-11 {
+    margin-left: 2.75rem;
+  }
+
+  .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-14 {
+    margin-top: 3.5rem;
+  }
+
+  .md\:mr-14 {
+    margin-right: 3.5rem;
+  }
+
+  .md\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .md\:ml-14 {
+    margin-left: 3.5rem;
+  }
+
+  .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-28 {
+    margin-top: 7rem;
+  }
+
+  .md\:mr-28 {
+    margin-right: 7rem;
+  }
+
+  .md\:mb-28 {
+    margin-bottom: 7rem;
+  }
+
+  .md\:ml-28 {
+    margin-left: 7rem;
+  }
+
+  .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-36 {
+    margin-top: 9rem;
+  }
+
+  .md\:mr-36 {
+    margin-right: 9rem;
+  }
+
+  .md\:mb-36 {
+    margin-bottom: 9rem;
+  }
+
+  .md\:ml-36 {
+    margin-left: 9rem;
+  }
+
+  .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-44 {
+    margin-top: 11rem;
+  }
+
+  .md\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .md\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .md\:ml-44 {
+    margin-left: 11rem;
+  }
+
+  .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-52 {
+    margin-top: 13rem;
+  }
+
+  .md\:mr-52 {
+    margin-right: 13rem;
+  }
+
+  .md\:mb-52 {
+    margin-bottom: 13rem;
+  }
+
+  .md\:ml-52 {
+    margin-left: 13rem;
+  }
+
+  .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-60 {
+    margin-top: 15rem;
+  }
+
+  .md\:mr-60 {
+    margin-right: 15rem;
+  }
+
+  .md\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .md\:ml-60 {
+    margin-left: 15rem;
+  }
+
+  .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-72 {
+    margin-top: 18rem;
+  }
+
+  .md\:mr-72 {
+    margin-right: 18rem;
+  }
+
+  .md\:mb-72 {
+    margin-bottom: 18rem;
+  }
+
+  .md\:ml-72 {
+    margin-left: 18rem;
+  }
+
+  .md\:mt-80 {
+    margin-top: 20rem;
+  }
+
+  .md\:mr-80 {
+    margin-right: 20rem;
+  }
+
+  .md\:mb-80 {
+    margin-bottom: 20rem;
+  }
+
+  .md\:ml-80 {
+    margin-left: 20rem;
+  }
+
+  .md\:mt-96 {
+    margin-top: 24rem;
+  }
+
+  .md\:mr-96 {
+    margin-right: 24rem;
+  }
+
+  .md\:mb-96 {
+    margin-bottom: 24rem;
+  }
+
+  .md\:ml-96 {
+    margin-left: 24rem;
+  }
+
+  .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-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .md\:mr-0\.5 {
+    margin-right: 0.125rem;
+  }
+
+  .md\:mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }
+
+  .md\:ml-0\.5 {
+    margin-left: 0.125rem;
+  }
+
+  .md\:mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .md\:mr-1\.5 {
+    margin-right: 0.375rem;
+  }
+
+  .md\:mb-1\.5 {
+    margin-bottom: 0.375rem;
+  }
+
+  .md\:ml-1\.5 {
+    margin-left: 0.375rem;
+  }
+
+  .md\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
+  .md\:mr-2\.5 {
+    margin-right: 0.625rem;
+  }
+
+  .md\:mb-2\.5 {
+    margin-bottom: 0.625rem;
+  }
+
+  .md\:ml-2\.5 {
+    margin-left: 0.625rem;
+  }
+
+  .md\:mt-3\.5 {
+    margin-top: 0.875rem;
+  }
+
+  .md\:mr-3\.5 {
+    margin-right: 0.875rem;
+  }
+
+  .md\:mb-3\.5 {
+    margin-bottom: 0.875rem;
+  }
+
+  .md\:ml-3\.5 {
+    margin-left: 0.875rem;
+  }
+
+  .md\:-mt-0 {
+    margin-top: 0px;
+  }
+
+  .md\:-mr-0 {
+    margin-right: 0px;
+  }
+
+  .md\:-mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .md\:-ml-0 {
+    margin-left: 0px;
+  }
+
+  .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-7 {
+    margin-top: -1.75rem;
+  }
+
+  .md\:-mr-7 {
+    margin-right: -1.75rem;
+  }
+
+  .md\:-mb-7 {
+    margin-bottom: -1.75rem;
+  }
+
+  .md\:-ml-7 {
+    margin-left: -1.75rem;
+  }
+
+  .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-9 {
+    margin-top: -2.25rem;
+  }
+
+  .md\:-mr-9 {
+    margin-right: -2.25rem;
+  }
+
+  .md\:-mb-9 {
+    margin-bottom: -2.25rem;
+  }
+
+  .md\:-ml-9 {
+    margin-left: -2.25rem;
+  }
+
+  .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-11 {
+    margin-top: -2.75rem;
+  }
+
+  .md\:-mr-11 {
+    margin-right: -2.75rem;
+  }
+
+  .md\:-mb-11 {
+    margin-bottom: -2.75rem;
+  }
+
+  .md\:-ml-11 {
+    margin-left: -2.75rem;
+  }
+
+  .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-14 {
+    margin-top: -3.5rem;
+  }
+
+  .md\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+
+  .md\:-mb-14 {
+    margin-bottom: -3.5rem;
+  }
+
+  .md\:-ml-14 {
+    margin-left: -3.5rem;
+  }
+
+  .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-28 {
+    margin-top: -7rem;
+  }
+
+  .md\:-mr-28 {
+    margin-right: -7rem;
+  }
+
+  .md\:-mb-28 {
+    margin-bottom: -7rem;
+  }
+
+  .md\:-ml-28 {
+    margin-left: -7rem;
+  }
+
+  .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-36 {
+    margin-top: -9rem;
+  }
+
+  .md\:-mr-36 {
+    margin-right: -9rem;
+  }
+
+  .md\:-mb-36 {
+    margin-bottom: -9rem;
+  }
+
+  .md\:-ml-36 {
+    margin-left: -9rem;
+  }
+
+  .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-44 {
+    margin-top: -11rem;
+  }
+
+  .md\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .md\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .md\:-ml-44 {
+    margin-left: -11rem;
+  }
+
+  .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-52 {
+    margin-top: -13rem;
+  }
+
+  .md\:-mr-52 {
+    margin-right: -13rem;
+  }
+
+  .md\:-mb-52 {
+    margin-bottom: -13rem;
+  }
+
+  .md\:-ml-52 {
+    margin-left: -13rem;
+  }
+
+  .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-60 {
+    margin-top: -15rem;
+  }
+
+  .md\:-mr-60 {
+    margin-right: -15rem;
+  }
+
+  .md\:-mb-60 {
+    margin-bottom: -15rem;
+  }
+
+  .md\:-ml-60 {
+    margin-left: -15rem;
+  }
+
+  .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-72 {
+    margin-top: -18rem;
+  }
+
+  .md\:-mr-72 {
+    margin-right: -18rem;
+  }
+
+  .md\:-mb-72 {
+    margin-bottom: -18rem;
+  }
+
+  .md\:-ml-72 {
+    margin-left: -18rem;
+  }
+
+  .md\:-mt-80 {
+    margin-top: -20rem;
+  }
+
+  .md\:-mr-80 {
+    margin-right: -20rem;
+  }
+
+  .md\:-mb-80 {
+    margin-bottom: -20rem;
+  }
+
+  .md\:-ml-80 {
+    margin-left: -20rem;
+  }
+
+  .md\:-mt-96 {
+    margin-top: -24rem;
+  }
+
+  .md\:-mr-96 {
+    margin-right: -24rem;
+  }
+
+  .md\:-mb-96 {
+    margin-bottom: -24rem;
+  }
+
+  .md\:-ml-96 {
+    margin-left: -24rem;
+  }
+
+  .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-0\.5 {
+    margin-top: -0.125rem;
+  }
+
+  .md\:-mr-0\.5 {
+    margin-right: -0.125rem;
+  }
+
+  .md\:-mb-0\.5 {
+    margin-bottom: -0.125rem;
+  }
+
+  .md\:-ml-0\.5 {
+    margin-left: -0.125rem;
+  }
+
+  .md\:-mt-1\.5 {
+    margin-top: -0.375rem;
+  }
+
+  .md\:-mr-1\.5 {
+    margin-right: -0.375rem;
+  }
+
+  .md\:-mb-1\.5 {
+    margin-bottom: -0.375rem;
+  }
+
+  .md\:-ml-1\.5 {
+    margin-left: -0.375rem;
+  }
+
+  .md\:-mt-2\.5 {
+    margin-top: -0.625rem;
+  }
+
+  .md\:-mr-2\.5 {
+    margin-right: -0.625rem;
+  }
+
+  .md\:-mb-2\.5 {
+    margin-bottom: -0.625rem;
+  }
+
+  .md\:-ml-2\.5 {
+    margin-left: -0.625rem;
+  }
+
+  .md\:-mt-3\.5 {
+    margin-top: -0.875rem;
+  }
+
+  .md\:-mr-3\.5 {
+    margin-right: -0.875rem;
+  }
+
+  .md\:-mb-3\.5 {
+    margin-bottom: -0.875rem;
+  }
+
+  .md\:-ml-3\.5 {
+    margin-left: -0.875rem;
+  }
+
+  .md\:max-h-0 {
+    max-height: 0px;
+  }
+
+  .md\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .md\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .md\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .md\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .md\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .md\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .md\:max-h-7 {
+    max-height: 1.75rem;
+  }
+
+  .md\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .md\:max-h-9 {
+    max-height: 2.25rem;
+  }
+
+  .md\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .md\:max-h-11 {
+    max-height: 2.75rem;
+  }
+
+  .md\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .md\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .md\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .md\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .md\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .md\:max-h-28 {
+    max-height: 7rem;
+  }
+
+  .md\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .md\:max-h-36 {
+    max-height: 9rem;
+  }
+
+  .md\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .md\:max-h-44 {
+    max-height: 11rem;
+  }
+
+  .md\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .md\:max-h-52 {
+    max-height: 13rem;
+  }
+
+  .md\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .md\:max-h-60 {
+    max-height: 15rem;
+  }
+
+  .md\:max-h-64 {
+    max-height: 16rem;
+  }
+
+  .md\:max-h-72 {
+    max-height: 18rem;
+  }
+
+  .md\:max-h-80 {
+    max-height: 20rem;
+  }
+
+  .md\:max-h-96 {
+    max-height: 24rem;
+  }
+
+  .md\:max-h-px {
+    max-height: 1px;
+  }
+
+  .md\:max-h-0\.5 {
+    max-height: 0.125rem;
+  }
+
+  .md\:max-h-1\.5 {
+    max-height: 0.375rem;
+  }
+
+  .md\:max-h-2\.5 {
+    max-height: 0.625rem;
+  }
+
+  .md\:max-h-3\.5 {
+    max-height: 0.875rem;
+  }
+
+  .md\:max-h-full {
+    max-height: 100%;
+  }
+
+  .md\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .md\:max-w-0 {
+    max-width: 0rem;
+  }
+
+  .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\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .md\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .md\:max-w-7xl {
+    max-width: 80rem;
+  }
+
+  .md\:max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:max-w-min {
+    max-width: -webkit-min-content;
+    max-width: min-content;
+  }
+
+  .md\:max-w-max {
+    max-width: -webkit-max-content;
+    max-width: max-content;
+  }
+
+  .md\:max-w-prose {
+    max-width: 65ch;
+  }
+
+  .md\:max-w-screen-sm {
+    max-width: 640px;
+  }
+
+  .md\:max-w-screen-md {
+    max-width: 768px;
+  }
+
+  .md\:max-w-screen-lg {
+    max-width: 1024px;
+  }
+
+  .md\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+
+  .md\:max-w-screen-2xl {
+    max-width: 1536px;
+  }
+
+  .md\:min-h-0 {
+    min-height: 0px;
+  }
+
+  .md\:min-h-full {
+    min-height: 100%;
+  }
+
+  .md\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .md\:min-w-0 {
+    min-width: 0px;
+  }
+
+  .md\:min-w-full {
+    min-width: 100%;
+  }
+
+  .md\:min-w-min {
+    min-width: -webkit-min-content;
+    min-width: min-content;
+  }
+
+  .md\:min-w-max {
+    min-width: -webkit-max-content;
+    min-width: max-content;
+  }
+
+  .md\:object-contain {
+    object-fit: contain;
+  }
+
+  .md\:object-cover {
+    object-fit: cover;
+  }
+
+  .md\:object-fill {
+    object-fit: fill;
+  }
+
+  .md\:object-none {
+    object-fit: none;
+  }
+
+  .md\:object-scale-down {
+    object-fit: scale-down;
+  }
+
+  .md\:object-bottom {
+    object-position: bottom;
+  }
+
+  .md\:object-center {
+    object-position: center;
+  }
+
+  .md\:object-left {
+    object-position: left;
+  }
+
+  .md\:object-left-bottom {
+    object-position: left bottom;
+  }
+
+  .md\:object-left-top {
+    object-position: left top;
+  }
+
+  .md\:object-right {
+    object-position: right;
+  }
+
+  .md\:object-right-bottom {
+    object-position: right bottom;
+  }
+
+  .md\:object-right-top {
+    object-position: right top;
+  }
+
+  .md\:object-top {
+    object-position: top;
+  }
+
+  .md\:opacity-0 {
+    opacity: 0;
+  }
+
+  .md\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .md\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .md\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .md\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .md\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .md\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .md\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .md\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .md\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .md\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .md\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .md\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .md\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .md\:opacity-100 {
+    opacity: 1;
+  }
+
+  .group:hover .md\:group-hover\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:hover .md\:group-hover\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .group:hover .md\:group-hover\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .group:hover .md\:group-hover\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .group:hover .md\:group-hover\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:hover .md\:group-hover\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .group:hover .md\:group-hover\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .group:hover .md\:group-hover\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:hover .md\:group-hover\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .group:hover .md\:group-hover\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .group:hover .md\:group-hover\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:hover .md\:group-hover\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .group:hover .md\:group-hover\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .group:hover .md\:group-hover\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .group:hover .md\:group-hover\:opacity-100 {
+    opacity: 1;
+  }
+
+  .md\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .md\:focus-within\:opacity-5:focus-within {
+    opacity: 0.05;
+  }
+
+  .md\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .md\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .md\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .md\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .md\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .md\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .md\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .md\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .md\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .md\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .md\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .md\:focus-within\:opacity-95:focus-within {
+    opacity: 0.95;
+  }
+
+  .md\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
+  .md\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .md\:hover\:opacity-5:hover {
+    opacity: 0.05;
+  }
+
+  .md\:hover\:opacity-10:hover {
+    opacity: 0.1;
+  }
+
+  .md\:hover\:opacity-20:hover {
+    opacity: 0.2;
+  }
+
+  .md\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .md\:hover\:opacity-30:hover {
+    opacity: 0.3;
+  }
+
+  .md\:hover\:opacity-40:hover {
+    opacity: 0.4;
+  }
+
+  .md\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .md\:hover\:opacity-60:hover {
+    opacity: 0.6;
+  }
+
+  .md\:hover\:opacity-70:hover {
+    opacity: 0.7;
+  }
+
+  .md\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .md\:hover\:opacity-80:hover {
+    opacity: 0.8;
+  }
+
+  .md\:hover\:opacity-90:hover {
+    opacity: 0.9;
+  }
+
+  .md\:hover\:opacity-95:hover {
+    opacity: 0.95;
+  }
+
+  .md\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .md\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .md\:focus\:opacity-5:focus {
+    opacity: 0.05;
+  }
+
+  .md\:focus\:opacity-10:focus {
+    opacity: 0.1;
+  }
+
+  .md\:focus\:opacity-20:focus {
+    opacity: 0.2;
+  }
+
+  .md\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .md\:focus\:opacity-30:focus {
+    opacity: 0.3;
+  }
+
+  .md\:focus\:opacity-40:focus {
+    opacity: 0.4;
+  }
+
+  .md\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .md\:focus\:opacity-60:focus {
+    opacity: 0.6;
+  }
+
+  .md\:focus\:opacity-70:focus {
+    opacity: 0.7;
+  }
+
+  .md\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .md\:focus\:opacity-80:focus {
+    opacity: 0.8;
+  }
+
+  .md\:focus\:opacity-90:focus {
+    opacity: 0.9;
+  }
+
+  .md\:focus\:opacity-95:focus {
+    opacity: 0.95;
+  }
+
+  .md\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .md\:outline-none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .md\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .md\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .md\:focus-within\:outline-none:focus-within {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .md\:focus-within\:outline-white:focus-within {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .md\:focus-within\:outline-black:focus-within {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .md\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .md\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .md\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .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\:overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .md\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .md\:overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .md\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .md\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .md\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .md\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .md\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .md\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .md\:p-0 {
+    padding: 0px;
+  }
+
+  .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-7 {
+    padding: 1.75rem;
+  }
+
+  .md\:p-8 {
+    padding: 2rem;
+  }
+
+  .md\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .md\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .md\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .md\:p-12 {
+    padding: 3rem;
+  }
+
+  .md\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .md\:p-16 {
+    padding: 4rem;
+  }
+
+  .md\:p-20 {
+    padding: 5rem;
+  }
+
+  .md\:p-24 {
+    padding: 6rem;
+  }
+
+  .md\:p-28 {
+    padding: 7rem;
+  }
+
+  .md\:p-32 {
+    padding: 8rem;
+  }
+
+  .md\:p-36 {
+    padding: 9rem;
+  }
+
+  .md\:p-40 {
+    padding: 10rem;
+  }
+
+  .md\:p-44 {
+    padding: 11rem;
+  }
+
+  .md\:p-48 {
+    padding: 12rem;
+  }
+
+  .md\:p-52 {
+    padding: 13rem;
+  }
+
+  .md\:p-56 {
+    padding: 14rem;
+  }
+
+  .md\:p-60 {
+    padding: 15rem;
+  }
+
+  .md\:p-64 {
+    padding: 16rem;
+  }
+
+  .md\:p-72 {
+    padding: 18rem;
+  }
+
+  .md\:p-80 {
+    padding: 20rem;
+  }
+
+  .md\:p-96 {
+    padding: 24rem;
+  }
+
+  .md\:p-px {
+    padding: 1px;
+  }
+
+  .md\:p-0\.5 {
+    padding: 0.125rem;
+  }
+
+  .md\:p-1\.5 {
+    padding: 0.375rem;
+  }
+
+  .md\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
+  .md\:p-3\.5 {
+    padding: 0.875rem;
+  }
+
+  .md\:py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .md\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .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-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
+  .md\:px-7 {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+
+  .md\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .md\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .md\:py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .md\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .md\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .md\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .md\:py-11 {
+    padding-top: 2.75rem;
+    padding-bottom: 2.75rem;
+  }
+
+  .md\:px-11 {
+    padding-left: 2.75rem;
+    padding-right: 2.75rem;
+  }
+
+  .md\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .md\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .md\:py-14 {
+    padding-top: 3.5rem;
+    padding-bottom: 3.5rem;
+  }
+
+  .md\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+
+  .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-28 {
+    padding-top: 7rem;
+    padding-bottom: 7rem;
+  }
+
+  .md\:px-28 {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .md\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .md\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .md\:py-36 {
+    padding-top: 9rem;
+    padding-bottom: 9rem;
+  }
+
+  .md\:px-36 {
+    padding-left: 9rem;
+    padding-right: 9rem;
+  }
+
+  .md\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .md\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .md\:py-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .md\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
+  .md\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .md\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .md\:py-52 {
+    padding-top: 13rem;
+    padding-bottom: 13rem;
+  }
+
+  .md\:px-52 {
+    padding-left: 13rem;
+    padding-right: 13rem;
+  }
+
+  .md\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .md\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .md\:py-60 {
+    padding-top: 15rem;
+    padding-bottom: 15rem;
+  }
+
+  .md\:px-60 {
+    padding-left: 15rem;
+    padding-right: 15rem;
+  }
+
+  .md\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .md\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .md\:py-72 {
+    padding-top: 18rem;
+    padding-bottom: 18rem;
+  }
+
+  .md\:px-72 {
+    padding-left: 18rem;
+    padding-right: 18rem;
+  }
+
+  .md\:py-80 {
+    padding-top: 20rem;
+    padding-bottom: 20rem;
+  }
+
+  .md\:px-80 {
+    padding-left: 20rem;
+    padding-right: 20rem;
+  }
+
+  .md\:py-96 {
+    padding-top: 24rem;
+    padding-bottom: 24rem;
+  }
+
+  .md\:px-96 {
+    padding-left: 24rem;
+    padding-right: 24rem;
+  }
+
+  .md\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .md\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .md\:py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+
+  .md\:px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }
+
+  .md\:py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }
+
+  .md\:px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
+  .md\:py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .md\:px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }
+
+  .md\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .md\:px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }
+
+  .md\:pt-0 {
+    padding-top: 0px;
+  }
+
+  .md\:pr-0 {
+    padding-right: 0px;
+  }
+
+  .md\:pb-0 {
+    padding-bottom: 0px;
+  }
+
+  .md\:pl-0 {
+    padding-left: 0px;
+  }
+
+  .md\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .md\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .md\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .md\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .md\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .md\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .md\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .md\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .md\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .md\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .md\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .md\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .md\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .md\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .md\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .md\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .md\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .md\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .md\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .md\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .md\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .md\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .md\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .md\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .md\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
+  .md\:pr-7 {
+    padding-right: 1.75rem;
+  }
+
+  .md\:pb-7 {
+    padding-bottom: 1.75rem;
+  }
+
+  .md\:pl-7 {
+    padding-left: 1.75rem;
+  }
+
+  .md\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .md\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .md\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .md\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .md\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
+  .md\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .md\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .md\:pl-9 {
+    padding-left: 2.25rem;
+  }
+
+  .md\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .md\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .md\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .md\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .md\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
+  .md\:pr-11 {
+    padding-right: 2.75rem;
+  }
+
+  .md\:pb-11 {
+    padding-bottom: 2.75rem;
+  }
+
+  .md\:pl-11 {
+    padding-left: 2.75rem;
+  }
+
+  .md\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .md\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .md\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .md\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .md\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .md\:pr-14 {
+    padding-right: 3.5rem;
+  }
+
+  .md\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
+  .md\:pl-14 {
+    padding-left: 3.5rem;
+  }
+
+  .md\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .md\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .md\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .md\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .md\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .md\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .md\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .md\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .md\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .md\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .md\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .md\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .md\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .md\:pr-28 {
+    padding-right: 7rem;
+  }
+
+  .md\:pb-28 {
+    padding-bottom: 7rem;
+  }
+
+  .md\:pl-28 {
+    padding-left: 7rem;
+  }
+
+  .md\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .md\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .md\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .md\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .md\:pt-36 {
+    padding-top: 9rem;
+  }
+
+  .md\:pr-36 {
+    padding-right: 9rem;
+  }
+
+  .md\:pb-36 {
+    padding-bottom: 9rem;
+  }
+
+  .md\:pl-36 {
+    padding-left: 9rem;
+  }
+
+  .md\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .md\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .md\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .md\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .md\:pt-44 {
+    padding-top: 11rem;
+  }
+
+  .md\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .md\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .md\:pl-44 {
+    padding-left: 11rem;
+  }
+
+  .md\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .md\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .md\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .md\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .md\:pt-52 {
+    padding-top: 13rem;
+  }
+
+  .md\:pr-52 {
+    padding-right: 13rem;
+  }
+
+  .md\:pb-52 {
+    padding-bottom: 13rem;
+  }
+
+  .md\:pl-52 {
+    padding-left: 13rem;
+  }
+
+  .md\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .md\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .md\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .md\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .md\:pt-60 {
+    padding-top: 15rem;
+  }
+
+  .md\:pr-60 {
+    padding-right: 15rem;
+  }
+
+  .md\:pb-60 {
+    padding-bottom: 15rem;
+  }
+
+  .md\:pl-60 {
+    padding-left: 15rem;
+  }
+
+  .md\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .md\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .md\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .md\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .md\:pt-72 {
+    padding-top: 18rem;
+  }
+
+  .md\:pr-72 {
+    padding-right: 18rem;
+  }
+
+  .md\:pb-72 {
+    padding-bottom: 18rem;
+  }
+
+  .md\:pl-72 {
+    padding-left: 18rem;
+  }
+
+  .md\:pt-80 {
+    padding-top: 20rem;
+  }
+
+  .md\:pr-80 {
+    padding-right: 20rem;
+  }
+
+  .md\:pb-80 {
+    padding-bottom: 20rem;
+  }
+
+  .md\:pl-80 {
+    padding-left: 20rem;
+  }
+
+  .md\:pt-96 {
+    padding-top: 24rem;
+  }
+
+  .md\:pr-96 {
+    padding-right: 24rem;
+  }
+
+  .md\:pb-96 {
+    padding-bottom: 24rem;
+  }
+
+  .md\:pl-96 {
+    padding-left: 24rem;
+  }
+
+  .md\:pt-px {
+    padding-top: 1px;
+  }
+
+  .md\:pr-px {
+    padding-right: 1px;
+  }
+
+  .md\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .md\:pl-px {
+    padding-left: 1px;
+  }
+
+  .md\:pt-0\.5 {
+    padding-top: 0.125rem;
+  }
+
+  .md\:pr-0\.5 {
+    padding-right: 0.125rem;
+  }
+
+  .md\:pb-0\.5 {
+    padding-bottom: 0.125rem;
+  }
+
+  .md\:pl-0\.5 {
+    padding-left: 0.125rem;
+  }
+
+  .md\:pt-1\.5 {
+    padding-top: 0.375rem;
+  }
+
+  .md\:pr-1\.5 {
+    padding-right: 0.375rem;
+  }
+
+  .md\:pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }
+
+  .md\:pl-1\.5 {
+    padding-left: 0.375rem;
+  }
+
+  .md\:pt-2\.5 {
+    padding-top: 0.625rem;
+  }
+
+  .md\:pr-2\.5 {
+    padding-right: 0.625rem;
+  }
+
+  .md\:pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+
+  .md\:pl-2\.5 {
+    padding-left: 0.625rem;
+  }
+
+  .md\:pt-3\.5 {
+    padding-top: 0.875rem;
+  }
+
+  .md\:pr-3\.5 {
+    padding-right: 0.875rem;
+  }
+
+  .md\:pb-3\.5 {
+    padding-bottom: 0.875rem;
+  }
+
+  .md\:pl-3\.5 {
+    padding-left: 0.875rem;
+  }
+
+  .md\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .md\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .md\:placeholder-black::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-white::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .md\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .md\:focus\:placeholder-black:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-white:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-opacity-0::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .md\:placeholder-opacity-5::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .md\:placeholder-opacity-10::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .md\:placeholder-opacity-20::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .md\:placeholder-opacity-25::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .md\:placeholder-opacity-30::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .md\:placeholder-opacity-40::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .md\:placeholder-opacity-50::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .md\:placeholder-opacity-60::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .md\:placeholder-opacity-70::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .md\:placeholder-opacity-75::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .md\:placeholder-opacity-80::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .md\:placeholder-opacity-90::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .md\:placeholder-opacity-95::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .md\:placeholder-opacity-100::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .md\:focus\:placeholder-opacity-0:focus::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .md\:focus\:placeholder-opacity-5:focus::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .md\:focus\:placeholder-opacity-10:focus::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .md\:focus\:placeholder-opacity-20:focus::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .md\:focus\:placeholder-opacity-25:focus::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .md\:focus\:placeholder-opacity-30:focus::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .md\:focus\:placeholder-opacity-40:focus::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .md\:focus\:placeholder-opacity-50:focus::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .md\:focus\:placeholder-opacity-60:focus::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .md\:focus\:placeholder-opacity-70:focus::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .md\:focus\:placeholder-opacity-75:focus::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .md\:focus\:placeholder-opacity-80:focus::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .md\:focus\:placeholder-opacity-90:focus::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .md\:focus\:placeholder-opacity-95:focus::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .md\:focus\:placeholder-opacity-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .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: -webkit-sticky;
+    position: sticky;
+  }
+
+  .md\:inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .md\:inset-1 {
+    top: 0.25rem;
+    right: 0.25rem;
+    bottom: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .md\:inset-2 {
+    top: 0.5rem;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .md\:inset-3 {
+    top: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .md\:inset-4 {
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  .md\:inset-5 {
+    top: 1.25rem;
+    right: 1.25rem;
+    bottom: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .md\:inset-6 {
+    top: 1.5rem;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .md\:inset-7 {
+    top: 1.75rem;
+    right: 1.75rem;
+    bottom: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .md\:inset-8 {
+    top: 2rem;
+    right: 2rem;
+    bottom: 2rem;
+    left: 2rem;
+  }
+
+  .md\:inset-9 {
+    top: 2.25rem;
+    right: 2.25rem;
+    bottom: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .md\:inset-10 {
+    top: 2.5rem;
+    right: 2.5rem;
+    bottom: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .md\:inset-11 {
+    top: 2.75rem;
+    right: 2.75rem;
+    bottom: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .md\:inset-12 {
+    top: 3rem;
+    right: 3rem;
+    bottom: 3rem;
+    left: 3rem;
+  }
+
+  .md\:inset-14 {
+    top: 3.5rem;
+    right: 3.5rem;
+    bottom: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .md\:inset-16 {
+    top: 4rem;
+    right: 4rem;
+    bottom: 4rem;
+    left: 4rem;
+  }
+
+  .md\:inset-20 {
+    top: 5rem;
+    right: 5rem;
+    bottom: 5rem;
+    left: 5rem;
+  }
+
+  .md\:inset-24 {
+    top: 6rem;
+    right: 6rem;
+    bottom: 6rem;
+    left: 6rem;
+  }
+
+  .md\:inset-28 {
+    top: 7rem;
+    right: 7rem;
+    bottom: 7rem;
+    left: 7rem;
+  }
+
+  .md\:inset-32 {
+    top: 8rem;
+    right: 8rem;
+    bottom: 8rem;
+    left: 8rem;
+  }
+
+  .md\:inset-36 {
+    top: 9rem;
+    right: 9rem;
+    bottom: 9rem;
+    left: 9rem;
+  }
+
+  .md\:inset-40 {
+    top: 10rem;
+    right: 10rem;
+    bottom: 10rem;
+    left: 10rem;
+  }
+
+  .md\:inset-44 {
+    top: 11rem;
+    right: 11rem;
+    bottom: 11rem;
+    left: 11rem;
+  }
+
+  .md\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .md\:inset-52 {
+    top: 13rem;
+    right: 13rem;
+    bottom: 13rem;
+    left: 13rem;
+  }
+
+  .md\:inset-56 {
+    top: 14rem;
+    right: 14rem;
+    bottom: 14rem;
+    left: 14rem;
+  }
+
+  .md\:inset-60 {
+    top: 15rem;
+    right: 15rem;
+    bottom: 15rem;
+    left: 15rem;
+  }
+
+  .md\:inset-64 {
+    top: 16rem;
+    right: 16rem;
+    bottom: 16rem;
+    left: 16rem;
+  }
+
+  .md\:inset-72 {
+    top: 18rem;
+    right: 18rem;
+    bottom: 18rem;
+    left: 18rem;
+  }
+
+  .md\:inset-80 {
+    top: 20rem;
+    right: 20rem;
+    bottom: 20rem;
+    left: 20rem;
+  }
+
+  .md\:inset-96 {
+    top: 24rem;
+    right: 24rem;
+    bottom: 24rem;
+    left: 24rem;
+  }
+
+  .md\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .md\:inset-px {
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+  }
+
+  .md\:inset-0\.5 {
+    top: 0.125rem;
+    right: 0.125rem;
+    bottom: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .md\:inset-1\.5 {
+    top: 0.375rem;
+    right: 0.375rem;
+    bottom: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .md\:inset-2\.5 {
+    top: 0.625rem;
+    right: 0.625rem;
+    bottom: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .md\:inset-3\.5 {
+    top: 0.875rem;
+    right: 0.875rem;
+    bottom: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .md\:-inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .md\:-inset-1 {
+    top: -0.25rem;
+    right: -0.25rem;
+    bottom: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .md\:-inset-2 {
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .md\:-inset-3 {
+    top: -0.75rem;
+    right: -0.75rem;
+    bottom: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .md\:-inset-4 {
+    top: -1rem;
+    right: -1rem;
+    bottom: -1rem;
+    left: -1rem;
+  }
+
+  .md\:-inset-5 {
+    top: -1.25rem;
+    right: -1.25rem;
+    bottom: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .md\:-inset-6 {
+    top: -1.5rem;
+    right: -1.5rem;
+    bottom: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .md\:-inset-7 {
+    top: -1.75rem;
+    right: -1.75rem;
+    bottom: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .md\:-inset-8 {
+    top: -2rem;
+    right: -2rem;
+    bottom: -2rem;
+    left: -2rem;
+  }
+
+  .md\:-inset-9 {
+    top: -2.25rem;
+    right: -2.25rem;
+    bottom: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .md\:-inset-10 {
+    top: -2.5rem;
+    right: -2.5rem;
+    bottom: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .md\:-inset-11 {
+    top: -2.75rem;
+    right: -2.75rem;
+    bottom: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .md\:-inset-12 {
+    top: -3rem;
+    right: -3rem;
+    bottom: -3rem;
+    left: -3rem;
+  }
+
+  .md\:-inset-14 {
+    top: -3.5rem;
+    right: -3.5rem;
+    bottom: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .md\:-inset-16 {
+    top: -4rem;
+    right: -4rem;
+    bottom: -4rem;
+    left: -4rem;
+  }
+
+  .md\:-inset-20 {
+    top: -5rem;
+    right: -5rem;
+    bottom: -5rem;
+    left: -5rem;
+  }
+
+  .md\:-inset-24 {
+    top: -6rem;
+    right: -6rem;
+    bottom: -6rem;
+    left: -6rem;
+  }
+
+  .md\:-inset-28 {
+    top: -7rem;
+    right: -7rem;
+    bottom: -7rem;
+    left: -7rem;
+  }
+
+  .md\:-inset-32 {
+    top: -8rem;
+    right: -8rem;
+    bottom: -8rem;
+    left: -8rem;
+  }
+
+  .md\:-inset-36 {
+    top: -9rem;
+    right: -9rem;
+    bottom: -9rem;
+    left: -9rem;
+  }
+
+  .md\:-inset-40 {
+    top: -10rem;
+    right: -10rem;
+    bottom: -10rem;
+    left: -10rem;
+  }
+
+  .md\:-inset-44 {
+    top: -11rem;
+    right: -11rem;
+    bottom: -11rem;
+    left: -11rem;
+  }
+
+  .md\:-inset-48 {
+    top: -12rem;
+    right: -12rem;
+    bottom: -12rem;
+    left: -12rem;
+  }
+
+  .md\:-inset-52 {
+    top: -13rem;
+    right: -13rem;
+    bottom: -13rem;
+    left: -13rem;
+  }
+
+  .md\:-inset-56 {
+    top: -14rem;
+    right: -14rem;
+    bottom: -14rem;
+    left: -14rem;
+  }
+
+  .md\:-inset-60 {
+    top: -15rem;
+    right: -15rem;
+    bottom: -15rem;
+    left: -15rem;
+  }
+
+  .md\:-inset-64 {
+    top: -16rem;
+    right: -16rem;
+    bottom: -16rem;
+    left: -16rem;
+  }
+
+  .md\:-inset-72 {
+    top: -18rem;
+    right: -18rem;
+    bottom: -18rem;
+    left: -18rem;
+  }
+
+  .md\:-inset-80 {
+    top: -20rem;
+    right: -20rem;
+    bottom: -20rem;
+    left: -20rem;
+  }
+
+  .md\:-inset-96 {
+    top: -24rem;
+    right: -24rem;
+    bottom: -24rem;
+    left: -24rem;
+  }
+
+  .md\:-inset-px {
+    top: -1px;
+    right: -1px;
+    bottom: -1px;
+    left: -1px;
+  }
+
+  .md\:-inset-0\.5 {
+    top: -0.125rem;
+    right: -0.125rem;
+    bottom: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .md\:-inset-1\.5 {
+    top: -0.375rem;
+    right: -0.375rem;
+    bottom: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .md\:-inset-2\.5 {
+    top: -0.625rem;
+    right: -0.625rem;
+    bottom: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .md\:-inset-3\.5 {
+    top: -0.875rem;
+    right: -0.875rem;
+    bottom: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .md\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-1\/3 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .md\:inset-2\/3 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .md\:inset-1\/4 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .md\:inset-2\/4 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-3\/4 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .md\:inset-full {
+    top: 100%;
+    right: 100%;
+    bottom: 100%;
+    left: 100%;
+  }
+
+  .md\:-inset-1\/2 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .md\:-inset-1\/3 {
+    top: -33.333333%;
+    right: -33.333333%;
+    bottom: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .md\:-inset-2\/3 {
+    top: -66.666667%;
+    right: -66.666667%;
+    bottom: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .md\:-inset-1\/4 {
+    top: -25%;
+    right: -25%;
+    bottom: -25%;
+    left: -25%;
+  }
+
+  .md\:-inset-2\/4 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .md\:-inset-3\/4 {
+    top: -75%;
+    right: -75%;
+    bottom: -75%;
+    left: -75%;
+  }
+
+  .md\:-inset-full {
+    top: -100%;
+    right: -100%;
+    bottom: -100%;
+    left: -100%;
+  }
+
+  .md\:inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .md\:inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .md\:inset-y-1 {
+    top: 0.25rem;
+    bottom: 0.25rem;
+  }
+
+  .md\:inset-x-1 {
+    right: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .md\:inset-y-2 {
+    top: 0.5rem;
+    bottom: 0.5rem;
+  }
+
+  .md\:inset-x-2 {
+    right: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .md\:inset-y-3 {
+    top: 0.75rem;
+    bottom: 0.75rem;
+  }
+
+  .md\:inset-x-3 {
+    right: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .md\:inset-y-4 {
+    top: 1rem;
+    bottom: 1rem;
+  }
+
+  .md\:inset-x-4 {
+    right: 1rem;
+    left: 1rem;
+  }
+
+  .md\:inset-y-5 {
+    top: 1.25rem;
+    bottom: 1.25rem;
+  }
+
+  .md\:inset-x-5 {
+    right: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .md\:inset-y-6 {
+    top: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .md\:inset-x-6 {
+    right: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .md\:inset-y-7 {
+    top: 1.75rem;
+    bottom: 1.75rem;
+  }
+
+  .md\:inset-x-7 {
+    right: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .md\:inset-y-8 {
+    top: 2rem;
+    bottom: 2rem;
+  }
+
+  .md\:inset-x-8 {
+    right: 2rem;
+    left: 2rem;
+  }
+
+  .md\:inset-y-9 {
+    top: 2.25rem;
+    bottom: 2.25rem;
+  }
+
+  .md\:inset-x-9 {
+    right: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .md\:inset-y-10 {
+    top: 2.5rem;
+    bottom: 2.5rem;
+  }
+
+  .md\:inset-x-10 {
+    right: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .md\:inset-y-11 {
+    top: 2.75rem;
+    bottom: 2.75rem;
+  }
+
+  .md\:inset-x-11 {
+    right: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .md\:inset-y-12 {
+    top: 3rem;
+    bottom: 3rem;
+  }
+
+  .md\:inset-x-12 {
+    right: 3rem;
+    left: 3rem;
+  }
+
+  .md\:inset-y-14 {
+    top: 3.5rem;
+    bottom: 3.5rem;
+  }
+
+  .md\:inset-x-14 {
+    right: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .md\:inset-y-16 {
+    top: 4rem;
+    bottom: 4rem;
+  }
+
+  .md\:inset-x-16 {
+    right: 4rem;
+    left: 4rem;
+  }
+
+  .md\:inset-y-20 {
+    top: 5rem;
+    bottom: 5rem;
+  }
+
+  .md\:inset-x-20 {
+    right: 5rem;
+    left: 5rem;
+  }
+
+  .md\:inset-y-24 {
+    top: 6rem;
+    bottom: 6rem;
+  }
+
+  .md\:inset-x-24 {
+    right: 6rem;
+    left: 6rem;
+  }
+
+  .md\:inset-y-28 {
+    top: 7rem;
+    bottom: 7rem;
+  }
+
+  .md\:inset-x-28 {
+    right: 7rem;
+    left: 7rem;
+  }
+
+  .md\:inset-y-32 {
+    top: 8rem;
+    bottom: 8rem;
+  }
+
+  .md\:inset-x-32 {
+    right: 8rem;
+    left: 8rem;
+  }
+
+  .md\:inset-y-36 {
+    top: 9rem;
+    bottom: 9rem;
+  }
+
+  .md\:inset-x-36 {
+    right: 9rem;
+    left: 9rem;
+  }
+
+  .md\:inset-y-40 {
+    top: 10rem;
+    bottom: 10rem;
+  }
+
+  .md\:inset-x-40 {
+    right: 10rem;
+    left: 10rem;
+  }
+
+  .md\:inset-y-44 {
+    top: 11rem;
+    bottom: 11rem;
+  }
+
+  .md\:inset-x-44 {
+    right: 11rem;
+    left: 11rem;
+  }
+
+  .md\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .md\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .md\:inset-y-52 {
+    top: 13rem;
+    bottom: 13rem;
+  }
+
+  .md\:inset-x-52 {
+    right: 13rem;
+    left: 13rem;
+  }
+
+  .md\:inset-y-56 {
+    top: 14rem;
+    bottom: 14rem;
+  }
+
+  .md\:inset-x-56 {
+    right: 14rem;
+    left: 14rem;
+  }
+
+  .md\:inset-y-60 {
+    top: 15rem;
+    bottom: 15rem;
+  }
+
+  .md\:inset-x-60 {
+    right: 15rem;
+    left: 15rem;
+  }
+
+  .md\:inset-y-64 {
+    top: 16rem;
+    bottom: 16rem;
+  }
+
+  .md\:inset-x-64 {
+    right: 16rem;
+    left: 16rem;
+  }
+
+  .md\:inset-y-72 {
+    top: 18rem;
+    bottom: 18rem;
+  }
+
+  .md\:inset-x-72 {
+    right: 18rem;
+    left: 18rem;
+  }
+
+  .md\:inset-y-80 {
+    top: 20rem;
+    bottom: 20rem;
+  }
+
+  .md\:inset-x-80 {
+    right: 20rem;
+    left: 20rem;
+  }
+
+  .md\:inset-y-96 {
+    top: 24rem;
+    bottom: 24rem;
+  }
+
+  .md\:inset-x-96 {
+    right: 24rem;
+    left: 24rem;
+  }
+
+  .md\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .md\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .md\:inset-y-px {
+    top: 1px;
+    bottom: 1px;
+  }
+
+  .md\:inset-x-px {
+    right: 1px;
+    left: 1px;
+  }
+
+  .md\:inset-y-0\.5 {
+    top: 0.125rem;
+    bottom: 0.125rem;
+  }
+
+  .md\:inset-x-0\.5 {
+    right: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .md\:inset-y-1\.5 {
+    top: 0.375rem;
+    bottom: 0.375rem;
+  }
+
+  .md\:inset-x-1\.5 {
+    right: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .md\:inset-y-2\.5 {
+    top: 0.625rem;
+    bottom: 0.625rem;
+  }
+
+  .md\:inset-x-2\.5 {
+    right: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .md\:inset-y-3\.5 {
+    top: 0.875rem;
+    bottom: 0.875rem;
+  }
+
+  .md\:inset-x-3\.5 {
+    right: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .md\:-inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .md\:-inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .md\:-inset-y-1 {
+    top: -0.25rem;
+    bottom: -0.25rem;
+  }
+
+  .md\:-inset-x-1 {
+    right: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .md\:-inset-y-2 {
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .md\:-inset-x-2 {
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .md\:-inset-y-3 {
+    top: -0.75rem;
+    bottom: -0.75rem;
+  }
+
+  .md\:-inset-x-3 {
+    right: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .md\:-inset-y-4 {
+    top: -1rem;
+    bottom: -1rem;
+  }
+
+  .md\:-inset-x-4 {
+    right: -1rem;
+    left: -1rem;
+  }
+
+  .md\:-inset-y-5 {
+    top: -1.25rem;
+    bottom: -1.25rem;
+  }
+
+  .md\:-inset-x-5 {
+    right: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .md\:-inset-y-6 {
+    top: -1.5rem;
+    bottom: -1.5rem;
+  }
+
+  .md\:-inset-x-6 {
+    right: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .md\:-inset-y-7 {
+    top: -1.75rem;
+    bottom: -1.75rem;
+  }
+
+  .md\:-inset-x-7 {
+    right: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .md\:-inset-y-8 {
+    top: -2rem;
+    bottom: -2rem;
+  }
+
+  .md\:-inset-x-8 {
+    right: -2rem;
+    left: -2rem;
+  }
+
+  .md\:-inset-y-9 {
+    top: -2.25rem;
+    bottom: -2.25rem;
+  }
+
+  .md\:-inset-x-9 {
+    right: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .md\:-inset-y-10 {
+    top: -2.5rem;
+    bottom: -2.5rem;
+  }
+
+  .md\:-inset-x-10 {
+    right: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .md\:-inset-y-11 {
+    top: -2.75rem;
+    bottom: -2.75rem;
+  }
+
+  .md\:-inset-x-11 {
+    right: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .md\:-inset-y-12 {
+    top: -3rem;
+    bottom: -3rem;
+  }
+
+  .md\:-inset-x-12 {
+    right: -3rem;
+    left: -3rem;
+  }
+
+  .md\:-inset-y-14 {
+    top: -3.5rem;
+    bottom: -3.5rem;
+  }
+
+  .md\:-inset-x-14 {
+    right: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .md\:-inset-y-16 {
+    top: -4rem;
+    bottom: -4rem;
+  }
+
+  .md\:-inset-x-16 {
+    right: -4rem;
+    left: -4rem;
+  }
+
+  .md\:-inset-y-20 {
+    top: -5rem;
+    bottom: -5rem;
+  }
+
+  .md\:-inset-x-20 {
+    right: -5rem;
+    left: -5rem;
+  }
+
+  .md\:-inset-y-24 {
+    top: -6rem;
+    bottom: -6rem;
+  }
+
+  .md\:-inset-x-24 {
+    right: -6rem;
+    left: -6rem;
+  }
+
+  .md\:-inset-y-28 {
+    top: -7rem;
+    bottom: -7rem;
+  }
+
+  .md\:-inset-x-28 {
+    right: -7rem;
+    left: -7rem;
+  }
+
+  .md\:-inset-y-32 {
+    top: -8rem;
+    bottom: -8rem;
+  }
+
+  .md\:-inset-x-32 {
+    right: -8rem;
+    left: -8rem;
+  }
+
+  .md\:-inset-y-36 {
+    top: -9rem;
+    bottom: -9rem;
+  }
+
+  .md\:-inset-x-36 {
+    right: -9rem;
+    left: -9rem;
+  }
+
+  .md\:-inset-y-40 {
+    top: -10rem;
+    bottom: -10rem;
+  }
+
+  .md\:-inset-x-40 {
+    right: -10rem;
+    left: -10rem;
+  }
+
+  .md\:-inset-y-44 {
+    top: -11rem;
+    bottom: -11rem;
+  }
+
+  .md\:-inset-x-44 {
+    right: -11rem;
+    left: -11rem;
+  }
+
+  .md\:-inset-y-48 {
+    top: -12rem;
+    bottom: -12rem;
+  }
+
+  .md\:-inset-x-48 {
+    right: -12rem;
+    left: -12rem;
+  }
+
+  .md\:-inset-y-52 {
+    top: -13rem;
+    bottom: -13rem;
+  }
+
+  .md\:-inset-x-52 {
+    right: -13rem;
+    left: -13rem;
+  }
+
+  .md\:-inset-y-56 {
+    top: -14rem;
+    bottom: -14rem;
+  }
+
+  .md\:-inset-x-56 {
+    right: -14rem;
+    left: -14rem;
+  }
+
+  .md\:-inset-y-60 {
+    top: -15rem;
+    bottom: -15rem;
+  }
+
+  .md\:-inset-x-60 {
+    right: -15rem;
+    left: -15rem;
+  }
+
+  .md\:-inset-y-64 {
+    top: -16rem;
+    bottom: -16rem;
+  }
+
+  .md\:-inset-x-64 {
+    right: -16rem;
+    left: -16rem;
+  }
+
+  .md\:-inset-y-72 {
+    top: -18rem;
+    bottom: -18rem;
+  }
+
+  .md\:-inset-x-72 {
+    right: -18rem;
+    left: -18rem;
+  }
+
+  .md\:-inset-y-80 {
+    top: -20rem;
+    bottom: -20rem;
+  }
+
+  .md\:-inset-x-80 {
+    right: -20rem;
+    left: -20rem;
+  }
+
+  .md\:-inset-y-96 {
+    top: -24rem;
+    bottom: -24rem;
+  }
+
+  .md\:-inset-x-96 {
+    right: -24rem;
+    left: -24rem;
+  }
+
+  .md\:-inset-y-px {
+    top: -1px;
+    bottom: -1px;
+  }
+
+  .md\:-inset-x-px {
+    right: -1px;
+    left: -1px;
+  }
+
+  .md\:-inset-y-0\.5 {
+    top: -0.125rem;
+    bottom: -0.125rem;
+  }
+
+  .md\:-inset-x-0\.5 {
+    right: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .md\:-inset-y-1\.5 {
+    top: -0.375rem;
+    bottom: -0.375rem;
+  }
+
+  .md\:-inset-x-1\.5 {
+    right: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .md\:-inset-y-2\.5 {
+    top: -0.625rem;
+    bottom: -0.625rem;
+  }
+
+  .md\:-inset-x-2\.5 {
+    right: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .md\:-inset-y-3\.5 {
+    top: -0.875rem;
+    bottom: -0.875rem;
+  }
+
+  .md\:-inset-x-3\.5 {
+    right: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .md\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .md\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-y-1\/3 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .md\:inset-x-1\/3 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .md\:inset-y-2\/3 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .md\:inset-x-2\/3 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .md\:inset-y-1\/4 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .md\:inset-x-1\/4 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .md\:inset-y-2\/4 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .md\:inset-x-2\/4 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-y-3\/4 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .md\:inset-x-3\/4 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .md\:inset-y-full {
+    top: 100%;
+    bottom: 100%;
+  }
+
+  .md\:inset-x-full {
+    right: 100%;
+    left: 100%;
+  }
+
+  .md\:-inset-y-1\/2 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .md\:-inset-x-1\/2 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .md\:-inset-y-1\/3 {
+    top: -33.333333%;
+    bottom: -33.333333%;
+  }
+
+  .md\:-inset-x-1\/3 {
+    right: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .md\:-inset-y-2\/3 {
+    top: -66.666667%;
+    bottom: -66.666667%;
+  }
+
+  .md\:-inset-x-2\/3 {
+    right: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .md\:-inset-y-1\/4 {
+    top: -25%;
+    bottom: -25%;
+  }
+
+  .md\:-inset-x-1\/4 {
+    right: -25%;
+    left: -25%;
+  }
+
+  .md\:-inset-y-2\/4 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .md\:-inset-x-2\/4 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .md\:-inset-y-3\/4 {
+    top: -75%;
+    bottom: -75%;
+  }
+
+  .md\:-inset-x-3\/4 {
+    right: -75%;
+    left: -75%;
+  }
+
+  .md\:-inset-y-full {
+    top: -100%;
+    bottom: -100%;
+  }
+
+  .md\:-inset-x-full {
+    right: -100%;
+    left: -100%;
+  }
+
+  .md\:top-0 {
+    top: 0px;
+  }
+
+  .md\:right-0 {
+    right: 0px;
+  }
+
+  .md\:bottom-0 {
+    bottom: 0px;
+  }
+
+  .md\:left-0 {
+    left: 0px;
+  }
+
+  .md\:top-1 {
+    top: 0.25rem;
+  }
+
+  .md\:right-1 {
+    right: 0.25rem;
+  }
+
+  .md\:bottom-1 {
+    bottom: 0.25rem;
+  }
+
+  .md\:left-1 {
+    left: 0.25rem;
+  }
+
+  .md\:top-2 {
+    top: 0.5rem;
+  }
+
+  .md\:right-2 {
+    right: 0.5rem;
+  }
+
+  .md\:bottom-2 {
+    bottom: 0.5rem;
+  }
+
+  .md\:left-2 {
+    left: 0.5rem;
+  }
+
+  .md\:top-3 {
+    top: 0.75rem;
+  }
+
+  .md\:right-3 {
+    right: 0.75rem;
+  }
+
+  .md\:bottom-3 {
+    bottom: 0.75rem;
+  }
+
+  .md\:left-3 {
+    left: 0.75rem;
+  }
+
+  .md\:top-4 {
+    top: 1rem;
+  }
+
+  .md\:right-4 {
+    right: 1rem;
+  }
+
+  .md\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .md\:left-4 {
+    left: 1rem;
+  }
+
+  .md\:top-5 {
+    top: 1.25rem;
+  }
+
+  .md\:right-5 {
+    right: 1.25rem;
+  }
+
+  .md\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .md\:left-5 {
+    left: 1.25rem;
+  }
+
+  .md\:top-6 {
+    top: 1.5rem;
+  }
+
+  .md\:right-6 {
+    right: 1.5rem;
+  }
+
+  .md\:bottom-6 {
+    bottom: 1.5rem;
+  }
+
+  .md\:left-6 {
+    left: 1.5rem;
+  }
+
+  .md\:top-7 {
+    top: 1.75rem;
+  }
+
+  .md\:right-7 {
+    right: 1.75rem;
+  }
+
+  .md\:bottom-7 {
+    bottom: 1.75rem;
+  }
+
+  .md\:left-7 {
+    left: 1.75rem;
+  }
+
+  .md\:top-8 {
+    top: 2rem;
+  }
+
+  .md\:right-8 {
+    right: 2rem;
+  }
+
+  .md\:bottom-8 {
+    bottom: 2rem;
+  }
+
+  .md\:left-8 {
+    left: 2rem;
+  }
+
+  .md\:top-9 {
+    top: 2.25rem;
+  }
+
+  .md\:right-9 {
+    right: 2.25rem;
+  }
+
+  .md\:bottom-9 {
+    bottom: 2.25rem;
+  }
+
+  .md\:left-9 {
+    left: 2.25rem;
+  }
+
+  .md\:top-10 {
+    top: 2.5rem;
+  }
+
+  .md\:right-10 {
+    right: 2.5rem;
+  }
+
+  .md\:bottom-10 {
+    bottom: 2.5rem;
+  }
+
+  .md\:left-10 {
+    left: 2.5rem;
+  }
+
+  .md\:top-11 {
+    top: 2.75rem;
+  }
+
+  .md\:right-11 {
+    right: 2.75rem;
+  }
+
+  .md\:bottom-11 {
+    bottom: 2.75rem;
+  }
+
+  .md\:left-11 {
+    left: 2.75rem;
+  }
+
+  .md\:top-12 {
+    top: 3rem;
+  }
+
+  .md\:right-12 {
+    right: 3rem;
+  }
+
+  .md\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .md\:left-12 {
+    left: 3rem;
+  }
+
+  .md\:top-14 {
+    top: 3.5rem;
+  }
+
+  .md\:right-14 {
+    right: 3.5rem;
+  }
+
+  .md\:bottom-14 {
+    bottom: 3.5rem;
+  }
+
+  .md\:left-14 {
+    left: 3.5rem;
+  }
+
+  .md\:top-16 {
+    top: 4rem;
+  }
+
+  .md\:right-16 {
+    right: 4rem;
+  }
+
+  .md\:bottom-16 {
+    bottom: 4rem;
+  }
+
+  .md\:left-16 {
+    left: 4rem;
+  }
+
+  .md\:top-20 {
+    top: 5rem;
+  }
+
+  .md\:right-20 {
+    right: 5rem;
+  }
+
+  .md\:bottom-20 {
+    bottom: 5rem;
+  }
+
+  .md\:left-20 {
+    left: 5rem;
+  }
+
+  .md\:top-24 {
+    top: 6rem;
+  }
+
+  .md\:right-24 {
+    right: 6rem;
+  }
+
+  .md\:bottom-24 {
+    bottom: 6rem;
+  }
+
+  .md\:left-24 {
+    left: 6rem;
+  }
+
+  .md\:top-28 {
+    top: 7rem;
+  }
+
+  .md\:right-28 {
+    right: 7rem;
+  }
+
+  .md\:bottom-28 {
+    bottom: 7rem;
+  }
+
+  .md\:left-28 {
+    left: 7rem;
+  }
+
+  .md\:top-32 {
+    top: 8rem;
+  }
+
+  .md\:right-32 {
+    right: 8rem;
+  }
+
+  .md\:bottom-32 {
+    bottom: 8rem;
+  }
+
+  .md\:left-32 {
+    left: 8rem;
+  }
+
+  .md\:top-36 {
+    top: 9rem;
+  }
+
+  .md\:right-36 {
+    right: 9rem;
+  }
+
+  .md\:bottom-36 {
+    bottom: 9rem;
+  }
+
+  .md\:left-36 {
+    left: 9rem;
+  }
+
+  .md\:top-40 {
+    top: 10rem;
+  }
+
+  .md\:right-40 {
+    right: 10rem;
+  }
+
+  .md\:bottom-40 {
+    bottom: 10rem;
+  }
+
+  .md\:left-40 {
+    left: 10rem;
+  }
+
+  .md\:top-44 {
+    top: 11rem;
+  }
+
+  .md\:right-44 {
+    right: 11rem;
+  }
+
+  .md\:bottom-44 {
+    bottom: 11rem;
+  }
+
+  .md\:left-44 {
+    left: 11rem;
+  }
+
+  .md\:top-48 {
+    top: 12rem;
+  }
+
+  .md\:right-48 {
+    right: 12rem;
+  }
+
+  .md\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .md\:left-48 {
+    left: 12rem;
+  }
+
+  .md\:top-52 {
+    top: 13rem;
+  }
+
+  .md\:right-52 {
+    right: 13rem;
+  }
+
+  .md\:bottom-52 {
+    bottom: 13rem;
+  }
+
+  .md\:left-52 {
+    left: 13rem;
+  }
+
+  .md\:top-56 {
+    top: 14rem;
+  }
+
+  .md\:right-56 {
+    right: 14rem;
+  }
+
+  .md\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .md\:left-56 {
+    left: 14rem;
+  }
+
+  .md\:top-60 {
+    top: 15rem;
+  }
+
+  .md\:right-60 {
+    right: 15rem;
+  }
+
+  .md\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .md\:left-60 {
+    left: 15rem;
+  }
+
+  .md\:top-64 {
+    top: 16rem;
+  }
+
+  .md\:right-64 {
+    right: 16rem;
+  }
+
+  .md\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .md\:left-64 {
+    left: 16rem;
+  }
+
+  .md\:top-72 {
+    top: 18rem;
+  }
+
+  .md\:right-72 {
+    right: 18rem;
+  }
+
+  .md\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .md\:left-72 {
+    left: 18rem;
+  }
+
+  .md\:top-80 {
+    top: 20rem;
+  }
+
+  .md\:right-80 {
+    right: 20rem;
+  }
+
+  .md\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .md\:left-80 {
+    left: 20rem;
+  }
+
+  .md\:top-96 {
+    top: 24rem;
+  }
+
+  .md\:right-96 {
+    right: 24rem;
+  }
+
+  .md\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .md\:left-96 {
+    left: 24rem;
+  }
+
+  .md\:top-auto {
+    top: auto;
+  }
+
+  .md\:right-auto {
+    right: auto;
+  }
+
+  .md\:bottom-auto {
+    bottom: auto;
+  }
+
+  .md\:left-auto {
+    left: auto;
+  }
+
+  .md\:top-px {
+    top: 1px;
+  }
+
+  .md\:right-px {
+    right: 1px;
+  }
+
+  .md\:bottom-px {
+    bottom: 1px;
+  }
+
+  .md\:left-px {
+    left: 1px;
+  }
+
+  .md\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .md\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .md\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .md\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .md\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .md\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .md\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .md\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .md\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .md\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .md\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .md\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .md\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .md\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .md\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .md\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .md\:-top-0 {
+    top: 0px;
+  }
+
+  .md\:-right-0 {
+    right: 0px;
+  }
+
+  .md\:-bottom-0 {
+    bottom: 0px;
+  }
+
+  .md\:-left-0 {
+    left: 0px;
+  }
+
+  .md\:-top-1 {
+    top: -0.25rem;
+  }
+
+  .md\:-right-1 {
+    right: -0.25rem;
+  }
+
+  .md\:-bottom-1 {
+    bottom: -0.25rem;
+  }
+
+  .md\:-left-1 {
+    left: -0.25rem;
+  }
+
+  .md\:-top-2 {
+    top: -0.5rem;
+  }
+
+  .md\:-right-2 {
+    right: -0.5rem;
+  }
+
+  .md\:-bottom-2 {
+    bottom: -0.5rem;
+  }
+
+  .md\:-left-2 {
+    left: -0.5rem;
+  }
+
+  .md\:-top-3 {
+    top: -0.75rem;
+  }
+
+  .md\:-right-3 {
+    right: -0.75rem;
+  }
+
+  .md\:-bottom-3 {
+    bottom: -0.75rem;
+  }
+
+  .md\:-left-3 {
+    left: -0.75rem;
+  }
+
+  .md\:-top-4 {
+    top: -1rem;
+  }
+
+  .md\:-right-4 {
+    right: -1rem;
+  }
+
+  .md\:-bottom-4 {
+    bottom: -1rem;
+  }
+
+  .md\:-left-4 {
+    left: -1rem;
+  }
+
+  .md\:-top-5 {
+    top: -1.25rem;
+  }
+
+  .md\:-right-5 {
+    right: -1.25rem;
+  }
+
+  .md\:-bottom-5 {
+    bottom: -1.25rem;
+  }
+
+  .md\:-left-5 {
+    left: -1.25rem;
+  }
+
+  .md\:-top-6 {
+    top: -1.5rem;
+  }
+
+  .md\:-right-6 {
+    right: -1.5rem;
+  }
+
+  .md\:-bottom-6 {
+    bottom: -1.5rem;
+  }
+
+  .md\:-left-6 {
+    left: -1.5rem;
+  }
+
+  .md\:-top-7 {
+    top: -1.75rem;
+  }
+
+  .md\:-right-7 {
+    right: -1.75rem;
+  }
+
+  .md\:-bottom-7 {
+    bottom: -1.75rem;
+  }
+
+  .md\:-left-7 {
+    left: -1.75rem;
+  }
+
+  .md\:-top-8 {
+    top: -2rem;
+  }
+
+  .md\:-right-8 {
+    right: -2rem;
+  }
+
+  .md\:-bottom-8 {
+    bottom: -2rem;
+  }
+
+  .md\:-left-8 {
+    left: -2rem;
+  }
+
+  .md\:-top-9 {
+    top: -2.25rem;
+  }
+
+  .md\:-right-9 {
+    right: -2.25rem;
+  }
+
+  .md\:-bottom-9 {
+    bottom: -2.25rem;
+  }
+
+  .md\:-left-9 {
+    left: -2.25rem;
+  }
+
+  .md\:-top-10 {
+    top: -2.5rem;
+  }
+
+  .md\:-right-10 {
+    right: -2.5rem;
+  }
+
+  .md\:-bottom-10 {
+    bottom: -2.5rem;
+  }
+
+  .md\:-left-10 {
+    left: -2.5rem;
+  }
+
+  .md\:-top-11 {
+    top: -2.75rem;
+  }
+
+  .md\:-right-11 {
+    right: -2.75rem;
+  }
+
+  .md\:-bottom-11 {
+    bottom: -2.75rem;
+  }
+
+  .md\:-left-11 {
+    left: -2.75rem;
+  }
+
+  .md\:-top-12 {
+    top: -3rem;
+  }
+
+  .md\:-right-12 {
+    right: -3rem;
+  }
+
+  .md\:-bottom-12 {
+    bottom: -3rem;
+  }
+
+  .md\:-left-12 {
+    left: -3rem;
+  }
+
+  .md\:-top-14 {
+    top: -3.5rem;
+  }
+
+  .md\:-right-14 {
+    right: -3.5rem;
+  }
+
+  .md\:-bottom-14 {
+    bottom: -3.5rem;
+  }
+
+  .md\:-left-14 {
+    left: -3.5rem;
+  }
+
+  .md\:-top-16 {
+    top: -4rem;
+  }
+
+  .md\:-right-16 {
+    right: -4rem;
+  }
+
+  .md\:-bottom-16 {
+    bottom: -4rem;
+  }
+
+  .md\:-left-16 {
+    left: -4rem;
+  }
+
+  .md\:-top-20 {
+    top: -5rem;
+  }
+
+  .md\:-right-20 {
+    right: -5rem;
+  }
+
+  .md\:-bottom-20 {
+    bottom: -5rem;
+  }
+
+  .md\:-left-20 {
+    left: -5rem;
+  }
+
+  .md\:-top-24 {
+    top: -6rem;
+  }
+
+  .md\:-right-24 {
+    right: -6rem;
+  }
+
+  .md\:-bottom-24 {
+    bottom: -6rem;
+  }
+
+  .md\:-left-24 {
+    left: -6rem;
+  }
+
+  .md\:-top-28 {
+    top: -7rem;
+  }
+
+  .md\:-right-28 {
+    right: -7rem;
+  }
+
+  .md\:-bottom-28 {
+    bottom: -7rem;
+  }
+
+  .md\:-left-28 {
+    left: -7rem;
+  }
+
+  .md\:-top-32 {
+    top: -8rem;
+  }
+
+  .md\:-right-32 {
+    right: -8rem;
+  }
+
+  .md\:-bottom-32 {
+    bottom: -8rem;
+  }
+
+  .md\:-left-32 {
+    left: -8rem;
+  }
+
+  .md\:-top-36 {
+    top: -9rem;
+  }
+
+  .md\:-right-36 {
+    right: -9rem;
+  }
+
+  .md\:-bottom-36 {
+    bottom: -9rem;
+  }
+
+  .md\:-left-36 {
+    left: -9rem;
+  }
+
+  .md\:-top-40 {
+    top: -10rem;
+  }
+
+  .md\:-right-40 {
+    right: -10rem;
+  }
+
+  .md\:-bottom-40 {
+    bottom: -10rem;
+  }
+
+  .md\:-left-40 {
+    left: -10rem;
+  }
+
+  .md\:-top-44 {
+    top: -11rem;
+  }
+
+  .md\:-right-44 {
+    right: -11rem;
+  }
+
+  .md\:-bottom-44 {
+    bottom: -11rem;
+  }
+
+  .md\:-left-44 {
+    left: -11rem;
+  }
+
+  .md\:-top-48 {
+    top: -12rem;
+  }
+
+  .md\:-right-48 {
+    right: -12rem;
+  }
+
+  .md\:-bottom-48 {
+    bottom: -12rem;
+  }
+
+  .md\:-left-48 {
+    left: -12rem;
+  }
+
+  .md\:-top-52 {
+    top: -13rem;
+  }
+
+  .md\:-right-52 {
+    right: -13rem;
+  }
+
+  .md\:-bottom-52 {
+    bottom: -13rem;
+  }
+
+  .md\:-left-52 {
+    left: -13rem;
+  }
+
+  .md\:-top-56 {
+    top: -14rem;
+  }
+
+  .md\:-right-56 {
+    right: -14rem;
+  }
+
+  .md\:-bottom-56 {
+    bottom: -14rem;
+  }
+
+  .md\:-left-56 {
+    left: -14rem;
+  }
+
+  .md\:-top-60 {
+    top: -15rem;
+  }
+
+  .md\:-right-60 {
+    right: -15rem;
+  }
+
+  .md\:-bottom-60 {
+    bottom: -15rem;
+  }
+
+  .md\:-left-60 {
+    left: -15rem;
+  }
+
+  .md\:-top-64 {
+    top: -16rem;
+  }
+
+  .md\:-right-64 {
+    right: -16rem;
+  }
+
+  .md\:-bottom-64 {
+    bottom: -16rem;
+  }
+
+  .md\:-left-64 {
+    left: -16rem;
+  }
+
+  .md\:-top-72 {
+    top: -18rem;
+  }
+
+  .md\:-right-72 {
+    right: -18rem;
+  }
+
+  .md\:-bottom-72 {
+    bottom: -18rem;
+  }
+
+  .md\:-left-72 {
+    left: -18rem;
+  }
+
+  .md\:-top-80 {
+    top: -20rem;
+  }
+
+  .md\:-right-80 {
+    right: -20rem;
+  }
+
+  .md\:-bottom-80 {
+    bottom: -20rem;
+  }
+
+  .md\:-left-80 {
+    left: -20rem;
+  }
+
+  .md\:-top-96 {
+    top: -24rem;
+  }
+
+  .md\:-right-96 {
+    right: -24rem;
+  }
+
+  .md\:-bottom-96 {
+    bottom: -24rem;
+  }
+
+  .md\:-left-96 {
+    left: -24rem;
+  }
+
+  .md\:-top-px {
+    top: -1px;
+  }
+
+  .md\:-right-px {
+    right: -1px;
+  }
+
+  .md\:-bottom-px {
+    bottom: -1px;
+  }
+
+  .md\:-left-px {
+    left: -1px;
+  }
+
+  .md\:-top-0\.5 {
+    top: -0.125rem;
+  }
+
+  .md\:-right-0\.5 {
+    right: -0.125rem;
+  }
+
+  .md\:-bottom-0\.5 {
+    bottom: -0.125rem;
+  }
+
+  .md\:-left-0\.5 {
+    left: -0.125rem;
+  }
+
+  .md\:-top-1\.5 {
+    top: -0.375rem;
+  }
+
+  .md\:-right-1\.5 {
+    right: -0.375rem;
+  }
+
+  .md\:-bottom-1\.5 {
+    bottom: -0.375rem;
+  }
+
+  .md\:-left-1\.5 {
+    left: -0.375rem;
+  }
+
+  .md\:-top-2\.5 {
+    top: -0.625rem;
+  }
+
+  .md\:-right-2\.5 {
+    right: -0.625rem;
+  }
+
+  .md\:-bottom-2\.5 {
+    bottom: -0.625rem;
+  }
+
+  .md\:-left-2\.5 {
+    left: -0.625rem;
+  }
+
+  .md\:-top-3\.5 {
+    top: -0.875rem;
+  }
+
+  .md\:-right-3\.5 {
+    right: -0.875rem;
+  }
+
+  .md\:-bottom-3\.5 {
+    bottom: -0.875rem;
+  }
+
+  .md\:-left-3\.5 {
+    left: -0.875rem;
+  }
+
+  .md\:top-1\/2 {
+    top: 50%;
+  }
+
+  .md\:right-1\/2 {
+    right: 50%;
+  }
+
+  .md\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .md\:left-1\/2 {
+    left: 50%;
+  }
+
+  .md\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .md\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .md\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .md\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .md\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .md\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .md\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .md\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .md\:top-1\/4 {
+    top: 25%;
+  }
+
+  .md\:right-1\/4 {
+    right: 25%;
+  }
+
+  .md\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .md\:left-1\/4 {
+    left: 25%;
+  }
+
+  .md\:top-2\/4 {
+    top: 50%;
+  }
+
+  .md\:right-2\/4 {
+    right: 50%;
+  }
+
+  .md\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .md\:left-2\/4 {
+    left: 50%;
+  }
+
+  .md\:top-3\/4 {
+    top: 75%;
+  }
+
+  .md\:right-3\/4 {
+    right: 75%;
+  }
+
+  .md\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .md\:left-3\/4 {
+    left: 75%;
+  }
+
+  .md\:top-full {
+    top: 100%;
+  }
+
+  .md\:right-full {
+    right: 100%;
+  }
+
+  .md\:bottom-full {
+    bottom: 100%;
+  }
+
+  .md\:left-full {
+    left: 100%;
+  }
+
+  .md\:-top-1\/2 {
+    top: -50%;
+  }
+
+  .md\:-right-1\/2 {
+    right: -50%;
+  }
+
+  .md\:-bottom-1\/2 {
+    bottom: -50%;
+  }
+
+  .md\:-left-1\/2 {
+    left: -50%;
+  }
+
+  .md\:-top-1\/3 {
+    top: -33.333333%;
+  }
+
+  .md\:-right-1\/3 {
+    right: -33.333333%;
+  }
+
+  .md\:-bottom-1\/3 {
+    bottom: -33.333333%;
+  }
+
+  .md\:-left-1\/3 {
+    left: -33.333333%;
+  }
+
+  .md\:-top-2\/3 {
+    top: -66.666667%;
+  }
+
+  .md\:-right-2\/3 {
+    right: -66.666667%;
+  }
+
+  .md\:-bottom-2\/3 {
+    bottom: -66.666667%;
+  }
+
+  .md\:-left-2\/3 {
+    left: -66.666667%;
+  }
+
+  .md\:-top-1\/4 {
+    top: -25%;
+  }
+
+  .md\:-right-1\/4 {
+    right: -25%;
+  }
+
+  .md\:-bottom-1\/4 {
+    bottom: -25%;
+  }
+
+  .md\:-left-1\/4 {
+    left: -25%;
+  }
+
+  .md\:-top-2\/4 {
+    top: -50%;
+  }
+
+  .md\:-right-2\/4 {
+    right: -50%;
+  }
+
+  .md\:-bottom-2\/4 {
+    bottom: -50%;
+  }
+
+  .md\:-left-2\/4 {
+    left: -50%;
+  }
+
+  .md\:-top-3\/4 {
+    top: -75%;
+  }
+
+  .md\:-right-3\/4 {
+    right: -75%;
+  }
+
+  .md\:-bottom-3\/4 {
+    bottom: -75%;
+  }
+
+  .md\:-left-3\/4 {
+    left: -75%;
+  }
+
+  .md\:-top-full {
+    top: -100%;
+  }
+
+  .md\:-right-full {
+    right: -100%;
+  }
+
+  .md\:-bottom-full {
+    bottom: -100%;
+  }
+
+  .md\:-left-full {
+    left: -100%;
+  }
+
+  .md\:resize-none {
+    resize: none;
+  }
+
+  .md\:resize-y {
+    resize: vertical;
+  }
+
+  .md\:resize-x {
+    resize: horizontal;
+  }
+
+  .md\:resize {
+    resize: both;
+  }
+
+  .md\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow-sm:focus-within {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow:focus-within {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow-md:focus-within {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow-lg:focus-within {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow-xl:focus-within {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow-2xl:focus-within {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow-inner:focus-within {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow-none:focus-within {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow-sm:hover {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow:hover {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow-md:hover {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow-lg:hover {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow-xl:hover {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow-2xl:hover {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow-inner:hover {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow-none:hover {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow-sm:focus {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow:focus {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow-md:focus {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow-lg:focus {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow-xl:focus {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow-2xl:focus {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow-inner:focus {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow-none:focus {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:ring-0 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:ring-1 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:ring-2 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:ring-4 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:ring-8 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:ring {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:ring-inset {
+    --tw-ring-inset: inset;
+  }
+
+  .md\:focus-within\:ring-0:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus-within\:ring-1:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus-within\:ring-2:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus-within\:ring-4:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus-within\:ring-8:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus-within\:ring:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus-within\:ring-inset:focus-within {
+    --tw-ring-inset: inset;
+  }
+
+  .md\:focus\:ring-0:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus\:ring-1:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus\:ring-2:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus\:ring-4:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus\:ring-8:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus\:ring:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus\:ring-inset:focus {
+    --tw-ring-inset: inset;
+  }
+
+  .md\:ring-offset-transparent {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .md\:ring-offset-current {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .md\:ring-offset-black {
+    --tw-ring-offset-color: #000;
+  }
+
+  .md\:ring-offset-white {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .md\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .md\:ring-offset-gray-100 {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .md\:ring-offset-gray-200 {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .md\:ring-offset-gray-300 {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .md\:ring-offset-gray-400 {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .md\:ring-offset-gray-500 {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .md\:ring-offset-gray-600 {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .md\:ring-offset-gray-700 {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .md\:ring-offset-gray-800 {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .md\:ring-offset-gray-900 {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .md\:ring-offset-red-50 {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .md\:ring-offset-red-100 {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .md\:ring-offset-red-200 {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .md\:ring-offset-red-300 {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .md\:ring-offset-red-400 {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .md\:ring-offset-red-500 {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .md\:ring-offset-red-600 {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .md\:ring-offset-red-700 {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .md\:ring-offset-red-800 {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .md\:ring-offset-red-900 {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .md\:ring-offset-yellow-50 {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .md\:ring-offset-yellow-100 {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .md\:ring-offset-yellow-200 {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .md\:ring-offset-yellow-300 {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .md\:ring-offset-yellow-400 {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .md\:ring-offset-yellow-500 {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .md\:ring-offset-yellow-600 {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .md\:ring-offset-yellow-700 {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .md\:ring-offset-yellow-800 {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .md\:ring-offset-yellow-900 {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .md\:ring-offset-green-50 {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .md\:ring-offset-green-100 {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .md\:ring-offset-green-200 {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .md\:ring-offset-green-300 {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .md\:ring-offset-green-400 {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .md\:ring-offset-green-500 {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .md\:ring-offset-green-600 {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .md\:ring-offset-green-700 {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .md\:ring-offset-green-800 {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .md\:ring-offset-green-900 {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .md\:ring-offset-blue-50 {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .md\:ring-offset-blue-100 {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .md\:ring-offset-blue-200 {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .md\:ring-offset-blue-300 {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .md\:ring-offset-blue-400 {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .md\:ring-offset-blue-500 {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .md\:ring-offset-blue-600 {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .md\:ring-offset-blue-700 {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .md\:ring-offset-blue-800 {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .md\:ring-offset-blue-900 {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .md\:ring-offset-indigo-50 {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .md\:ring-offset-indigo-100 {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .md\:ring-offset-indigo-200 {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .md\:ring-offset-indigo-300 {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .md\:ring-offset-indigo-400 {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .md\:ring-offset-indigo-500 {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .md\:ring-offset-indigo-600 {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .md\:ring-offset-indigo-700 {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .md\:ring-offset-indigo-800 {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .md\:ring-offset-indigo-900 {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .md\:ring-offset-purple-50 {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .md\:ring-offset-purple-100 {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .md\:ring-offset-purple-200 {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .md\:ring-offset-purple-300 {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .md\:ring-offset-purple-400 {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .md\:ring-offset-purple-500 {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .md\:ring-offset-purple-600 {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .md\:ring-offset-purple-700 {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .md\:ring-offset-purple-800 {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .md\:ring-offset-purple-900 {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .md\:ring-offset-pink-50 {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .md\:ring-offset-pink-100 {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .md\:ring-offset-pink-200 {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .md\:ring-offset-pink-300 {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .md\:ring-offset-pink-400 {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .md\:ring-offset-pink-500 {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .md\:ring-offset-pink-600 {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .md\:ring-offset-pink-700 {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .md\:ring-offset-pink-800 {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .md\:ring-offset-pink-900 {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .md\:focus-within\:ring-offset-transparent:focus-within {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .md\:focus-within\:ring-offset-current:focus-within {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .md\:focus-within\:ring-offset-black:focus-within {
+    --tw-ring-offset-color: #000;
+  }
+
+  .md\:focus-within\:ring-offset-white:focus-within {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .md\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .md\:focus-within\:ring-offset-gray-100:focus-within {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .md\:focus-within\:ring-offset-gray-200:focus-within {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .md\:focus-within\:ring-offset-gray-300:focus-within {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .md\:focus-within\:ring-offset-gray-400:focus-within {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .md\:focus-within\:ring-offset-gray-500:focus-within {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .md\:focus-within\:ring-offset-gray-600:focus-within {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .md\:focus-within\:ring-offset-gray-700:focus-within {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .md\:focus-within\:ring-offset-gray-800:focus-within {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .md\:focus-within\:ring-offset-gray-900:focus-within {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .md\:focus-within\:ring-offset-red-50:focus-within {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .md\:focus-within\:ring-offset-red-100:focus-within {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .md\:focus-within\:ring-offset-red-200:focus-within {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .md\:focus-within\:ring-offset-red-300:focus-within {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .md\:focus-within\:ring-offset-red-400:focus-within {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .md\:focus-within\:ring-offset-red-500:focus-within {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .md\:focus-within\:ring-offset-red-600:focus-within {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .md\:focus-within\:ring-offset-red-700:focus-within {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .md\:focus-within\:ring-offset-red-800:focus-within {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .md\:focus-within\:ring-offset-red-900:focus-within {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-50:focus-within {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-100:focus-within {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-200:focus-within {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-300:focus-within {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-400:focus-within {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-500:focus-within {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-600:focus-within {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-700:focus-within {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-800:focus-within {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-900:focus-within {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .md\:focus-within\:ring-offset-green-50:focus-within {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .md\:focus-within\:ring-offset-green-100:focus-within {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .md\:focus-within\:ring-offset-green-200:focus-within {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .md\:focus-within\:ring-offset-green-300:focus-within {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .md\:focus-within\:ring-offset-green-400:focus-within {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .md\:focus-within\:ring-offset-green-500:focus-within {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .md\:focus-within\:ring-offset-green-600:focus-within {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .md\:focus-within\:ring-offset-green-700:focus-within {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .md\:focus-within\:ring-offset-green-800:focus-within {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .md\:focus-within\:ring-offset-green-900:focus-within {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .md\:focus-within\:ring-offset-blue-50:focus-within {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .md\:focus-within\:ring-offset-blue-100:focus-within {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .md\:focus-within\:ring-offset-blue-200:focus-within {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .md\:focus-within\:ring-offset-blue-300:focus-within {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .md\:focus-within\:ring-offset-blue-400:focus-within {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .md\:focus-within\:ring-offset-blue-500:focus-within {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .md\:focus-within\:ring-offset-blue-600:focus-within {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .md\:focus-within\:ring-offset-blue-700:focus-within {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .md\:focus-within\:ring-offset-blue-800:focus-within {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .md\:focus-within\:ring-offset-blue-900:focus-within {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-50:focus-within {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-100:focus-within {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-200:focus-within {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-300:focus-within {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-400:focus-within {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-500:focus-within {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-600:focus-within {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-700:focus-within {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-800:focus-within {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-900:focus-within {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .md\:focus-within\:ring-offset-purple-50:focus-within {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .md\:focus-within\:ring-offset-purple-100:focus-within {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .md\:focus-within\:ring-offset-purple-200:focus-within {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .md\:focus-within\:ring-offset-purple-300:focus-within {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .md\:focus-within\:ring-offset-purple-400:focus-within {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .md\:focus-within\:ring-offset-purple-500:focus-within {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .md\:focus-within\:ring-offset-purple-600:focus-within {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .md\:focus-within\:ring-offset-purple-700:focus-within {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .md\:focus-within\:ring-offset-purple-800:focus-within {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .md\:focus-within\:ring-offset-purple-900:focus-within {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .md\:focus-within\:ring-offset-pink-50:focus-within {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .md\:focus-within\:ring-offset-pink-100:focus-within {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .md\:focus-within\:ring-offset-pink-200:focus-within {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .md\:focus-within\:ring-offset-pink-300:focus-within {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .md\:focus-within\:ring-offset-pink-400:focus-within {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .md\:focus-within\:ring-offset-pink-500:focus-within {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .md\:focus-within\:ring-offset-pink-600:focus-within {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .md\:focus-within\:ring-offset-pink-700:focus-within {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .md\:focus-within\:ring-offset-pink-800:focus-within {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .md\:focus-within\:ring-offset-pink-900:focus-within {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .md\:focus\:ring-offset-transparent:focus {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .md\:focus\:ring-offset-current:focus {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .md\:focus\:ring-offset-black:focus {
+    --tw-ring-offset-color: #000;
+  }
+
+  .md\:focus\:ring-offset-white:focus {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .md\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .md\:focus\:ring-offset-gray-100:focus {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .md\:focus\:ring-offset-gray-200:focus {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .md\:focus\:ring-offset-gray-300:focus {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .md\:focus\:ring-offset-gray-400:focus {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .md\:focus\:ring-offset-gray-500:focus {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .md\:focus\:ring-offset-gray-600:focus {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .md\:focus\:ring-offset-gray-700:focus {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .md\:focus\:ring-offset-gray-800:focus {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .md\:focus\:ring-offset-gray-900:focus {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .md\:focus\:ring-offset-red-50:focus {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .md\:focus\:ring-offset-red-100:focus {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .md\:focus\:ring-offset-red-200:focus {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .md\:focus\:ring-offset-red-300:focus {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .md\:focus\:ring-offset-red-400:focus {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .md\:focus\:ring-offset-red-500:focus {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .md\:focus\:ring-offset-red-600:focus {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .md\:focus\:ring-offset-red-700:focus {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .md\:focus\:ring-offset-red-800:focus {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .md\:focus\:ring-offset-red-900:focus {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .md\:focus\:ring-offset-yellow-50:focus {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .md\:focus\:ring-offset-yellow-100:focus {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .md\:focus\:ring-offset-yellow-200:focus {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .md\:focus\:ring-offset-yellow-300:focus {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .md\:focus\:ring-offset-yellow-400:focus {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .md\:focus\:ring-offset-yellow-500:focus {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .md\:focus\:ring-offset-yellow-600:focus {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .md\:focus\:ring-offset-yellow-700:focus {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .md\:focus\:ring-offset-yellow-800:focus {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .md\:focus\:ring-offset-yellow-900:focus {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .md\:focus\:ring-offset-green-50:focus {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .md\:focus\:ring-offset-green-100:focus {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .md\:focus\:ring-offset-green-200:focus {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .md\:focus\:ring-offset-green-300:focus {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .md\:focus\:ring-offset-green-400:focus {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .md\:focus\:ring-offset-green-500:focus {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .md\:focus\:ring-offset-green-600:focus {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .md\:focus\:ring-offset-green-700:focus {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .md\:focus\:ring-offset-green-800:focus {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .md\:focus\:ring-offset-green-900:focus {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .md\:focus\:ring-offset-blue-50:focus {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .md\:focus\:ring-offset-blue-100:focus {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .md\:focus\:ring-offset-blue-200:focus {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .md\:focus\:ring-offset-blue-300:focus {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .md\:focus\:ring-offset-blue-400:focus {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .md\:focus\:ring-offset-blue-500:focus {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .md\:focus\:ring-offset-blue-600:focus {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .md\:focus\:ring-offset-blue-700:focus {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .md\:focus\:ring-offset-blue-800:focus {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .md\:focus\:ring-offset-blue-900:focus {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .md\:focus\:ring-offset-indigo-50:focus {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .md\:focus\:ring-offset-indigo-100:focus {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .md\:focus\:ring-offset-indigo-200:focus {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .md\:focus\:ring-offset-indigo-300:focus {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .md\:focus\:ring-offset-indigo-400:focus {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .md\:focus\:ring-offset-indigo-500:focus {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .md\:focus\:ring-offset-indigo-600:focus {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .md\:focus\:ring-offset-indigo-700:focus {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .md\:focus\:ring-offset-indigo-800:focus {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .md\:focus\:ring-offset-indigo-900:focus {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .md\:focus\:ring-offset-purple-50:focus {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .md\:focus\:ring-offset-purple-100:focus {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .md\:focus\:ring-offset-purple-200:focus {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .md\:focus\:ring-offset-purple-300:focus {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .md\:focus\:ring-offset-purple-400:focus {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .md\:focus\:ring-offset-purple-500:focus {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .md\:focus\:ring-offset-purple-600:focus {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .md\:focus\:ring-offset-purple-700:focus {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .md\:focus\:ring-offset-purple-800:focus {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .md\:focus\:ring-offset-purple-900:focus {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .md\:focus\:ring-offset-pink-50:focus {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .md\:focus\:ring-offset-pink-100:focus {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .md\:focus\:ring-offset-pink-200:focus {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .md\:focus\:ring-offset-pink-300:focus {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .md\:focus\:ring-offset-pink-400:focus {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .md\:focus\:ring-offset-pink-500:focus {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .md\:focus\:ring-offset-pink-600:focus {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .md\:focus\:ring-offset-pink-700:focus {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .md\:focus\:ring-offset-pink-800:focus {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .md\:focus\:ring-offset-pink-900:focus {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .md\:ring-offset-0 {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .md\:ring-offset-1 {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .md\:ring-offset-2 {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .md\:ring-offset-4 {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .md\:ring-offset-8 {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .md\:focus-within\:ring-offset-0:focus-within {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .md\:focus-within\:ring-offset-1:focus-within {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .md\:focus-within\:ring-offset-2:focus-within {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .md\:focus-within\:ring-offset-4:focus-within {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .md\:focus-within\:ring-offset-8:focus-within {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .md\:focus\:ring-offset-0:focus {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .md\:focus\:ring-offset-1:focus {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .md\:focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .md\:focus\:ring-offset-4:focus {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .md\:focus\:ring-offset-8:focus {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .md\:ring-transparent {
+    --tw-ring-color: transparent;
+  }
+
+  .md\:ring-current {
+    --tw-ring-color: currentColor;
+  }
+
+  .md\:ring-black {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-white {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-transparent:focus-within {
+    --tw-ring-color: transparent;
+  }
+
+  .md\:focus-within\:ring-current:focus-within {
+    --tw-ring-color: currentColor;
+  }
+
+  .md\:focus-within\:ring-black:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-white:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-transparent:focus {
+    --tw-ring-color: transparent;
+  }
+
+  .md\:focus\:ring-current:focus {
+    --tw-ring-color: currentColor;
+  }
+
+  .md\:focus\:ring-black:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-white:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-opacity-0 {
+    --tw-ring-opacity: 0;
+  }
+
+  .md\:ring-opacity-5 {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .md\:ring-opacity-10 {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .md\:ring-opacity-20 {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .md\:ring-opacity-25 {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .md\:ring-opacity-30 {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .md\:ring-opacity-40 {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .md\:ring-opacity-50 {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .md\:ring-opacity-60 {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .md\:ring-opacity-70 {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .md\:ring-opacity-75 {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .md\:ring-opacity-80 {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .md\:ring-opacity-90 {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .md\:ring-opacity-95 {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .md\:ring-opacity-100 {
+    --tw-ring-opacity: 1;
+  }
+
+  .md\:focus-within\:ring-opacity-0:focus-within {
+    --tw-ring-opacity: 0;
+  }
+
+  .md\:focus-within\:ring-opacity-5:focus-within {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .md\:focus-within\:ring-opacity-10:focus-within {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .md\:focus-within\:ring-opacity-20:focus-within {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .md\:focus-within\:ring-opacity-25:focus-within {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .md\:focus-within\:ring-opacity-30:focus-within {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .md\:focus-within\:ring-opacity-40:focus-within {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .md\:focus-within\:ring-opacity-50:focus-within {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .md\:focus-within\:ring-opacity-60:focus-within {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .md\:focus-within\:ring-opacity-70:focus-within {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .md\:focus-within\:ring-opacity-75:focus-within {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .md\:focus-within\:ring-opacity-80:focus-within {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .md\:focus-within\:ring-opacity-90:focus-within {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .md\:focus-within\:ring-opacity-95:focus-within {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .md\:focus-within\:ring-opacity-100:focus-within {
+    --tw-ring-opacity: 1;
+  }
+
+  .md\:focus\:ring-opacity-0:focus {
+    --tw-ring-opacity: 0;
+  }
+
+  .md\:focus\:ring-opacity-5:focus {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .md\:focus\:ring-opacity-10:focus {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .md\:focus\:ring-opacity-20:focus {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .md\:focus\:ring-opacity-25:focus {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .md\:focus\:ring-opacity-30:focus {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .md\:focus\:ring-opacity-40:focus {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .md\:focus\:ring-opacity-50:focus {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .md\:focus\:ring-opacity-60:focus {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .md\:focus\:ring-opacity-70:focus {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .md\:focus\:ring-opacity-75:focus {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .md\:focus\:ring-opacity-80:focus {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .md\:focus\:ring-opacity-90:focus {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .md\:focus\:ring-opacity-95:focus {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .md\:focus\:ring-opacity-100:focus {
+    --tw-ring-opacity: 1;
+  }
+
+  .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\:text-justify {
+    text-align: justify;
+  }
+
+  .md\:text-transparent {
+    color: transparent;
+  }
+
+  .md\:text-current {
+    color: currentColor;
+  }
+
+  .md\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .md\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-transparent {
+    color: transparent;
+  }
+
+  .group:hover .md\:group-hover\:text-current {
+    color: currentColor;
+  }
+
+  .group:hover .md\:group-hover\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .md\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .md\:focus-within\:text-black:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-white:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .md\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .md\:hover\:text-black:hover {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .md\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
+  .md\:focus\:text-black:focus {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-white:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .md\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .md\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .md\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .md\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .md\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .md\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .md\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .md\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .md\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .md\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .md\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .md\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .md\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .md\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .md\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .md\:focus-within\:text-opacity-0:focus-within {
+    --tw-text-opacity: 0;
+  }
+
+  .md\:focus-within\:text-opacity-5:focus-within {
+    --tw-text-opacity: 0.05;
+  }
+
+  .md\:focus-within\:text-opacity-10:focus-within {
+    --tw-text-opacity: 0.1;
+  }
+
+  .md\:focus-within\:text-opacity-20:focus-within {
+    --tw-text-opacity: 0.2;
+  }
+
+  .md\:focus-within\:text-opacity-25:focus-within {
+    --tw-text-opacity: 0.25;
+  }
+
+  .md\:focus-within\:text-opacity-30:focus-within {
+    --tw-text-opacity: 0.3;
+  }
+
+  .md\:focus-within\:text-opacity-40:focus-within {
+    --tw-text-opacity: 0.4;
+  }
+
+  .md\:focus-within\:text-opacity-50:focus-within {
+    --tw-text-opacity: 0.5;
+  }
+
+  .md\:focus-within\:text-opacity-60:focus-within {
+    --tw-text-opacity: 0.6;
+  }
+
+  .md\:focus-within\:text-opacity-70:focus-within {
+    --tw-text-opacity: 0.7;
+  }
+
+  .md\:focus-within\:text-opacity-75:focus-within {
+    --tw-text-opacity: 0.75;
+  }
+
+  .md\:focus-within\:text-opacity-80:focus-within {
+    --tw-text-opacity: 0.8;
+  }
+
+  .md\:focus-within\:text-opacity-90:focus-within {
+    --tw-text-opacity: 0.9;
+  }
+
+  .md\:focus-within\:text-opacity-95:focus-within {
+    --tw-text-opacity: 0.95;
+  }
+
+  .md\:focus-within\:text-opacity-100:focus-within {
+    --tw-text-opacity: 1;
+  }
+
+  .md\:hover\:text-opacity-0:hover {
+    --tw-text-opacity: 0;
+  }
+
+  .md\:hover\:text-opacity-5:hover {
+    --tw-text-opacity: 0.05;
+  }
+
+  .md\:hover\:text-opacity-10:hover {
+    --tw-text-opacity: 0.1;
+  }
+
+  .md\:hover\:text-opacity-20:hover {
+    --tw-text-opacity: 0.2;
+  }
+
+  .md\:hover\:text-opacity-25:hover {
+    --tw-text-opacity: 0.25;
+  }
+
+  .md\:hover\:text-opacity-30:hover {
+    --tw-text-opacity: 0.3;
+  }
+
+  .md\:hover\:text-opacity-40:hover {
+    --tw-text-opacity: 0.4;
+  }
+
+  .md\:hover\:text-opacity-50:hover {
+    --tw-text-opacity: 0.5;
+  }
+
+  .md\:hover\:text-opacity-60:hover {
+    --tw-text-opacity: 0.6;
+  }
+
+  .md\:hover\:text-opacity-70:hover {
+    --tw-text-opacity: 0.7;
+  }
+
+  .md\:hover\:text-opacity-75:hover {
+    --tw-text-opacity: 0.75;
+  }
+
+  .md\:hover\:text-opacity-80:hover {
+    --tw-text-opacity: 0.8;
+  }
+
+  .md\:hover\:text-opacity-90:hover {
+    --tw-text-opacity: 0.9;
+  }
+
+  .md\:hover\:text-opacity-95:hover {
+    --tw-text-opacity: 0.95;
+  }
+
+  .md\:hover\:text-opacity-100:hover {
+    --tw-text-opacity: 1;
+  }
+
+  .md\:focus\:text-opacity-0:focus {
+    --tw-text-opacity: 0;
+  }
+
+  .md\:focus\:text-opacity-5:focus {
+    --tw-text-opacity: 0.05;
+  }
+
+  .md\:focus\:text-opacity-10:focus {
+    --tw-text-opacity: 0.1;
+  }
+
+  .md\:focus\:text-opacity-20:focus {
+    --tw-text-opacity: 0.2;
+  }
+
+  .md\:focus\:text-opacity-25:focus {
+    --tw-text-opacity: 0.25;
+  }
+
+  .md\:focus\:text-opacity-30:focus {
+    --tw-text-opacity: 0.3;
+  }
+
+  .md\:focus\:text-opacity-40:focus {
+    --tw-text-opacity: 0.4;
+  }
+
+  .md\:focus\:text-opacity-50:focus {
+    --tw-text-opacity: 0.5;
+  }
+
+  .md\:focus\:text-opacity-60:focus {
+    --tw-text-opacity: 0.6;
+  }
+
+  .md\:focus\:text-opacity-70:focus {
+    --tw-text-opacity: 0.7;
+  }
+
+  .md\:focus\:text-opacity-75:focus {
+    --tw-text-opacity: 0.75;
+  }
+
+  .md\:focus\:text-opacity-80:focus {
+    --tw-text-opacity: 0.8;
+  }
+
+  .md\:focus\:text-opacity-90:focus {
+    --tw-text-opacity: 0.9;
+  }
+
+  .md\:focus\:text-opacity-95:focus {
+    --tw-text-opacity: 0.95;
+  }
+
+  .md\:focus\:text-opacity-100:focus {
+    --tw-text-opacity: 1;
+  }
+
+  .md\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .md\:overflow-ellipsis {
+    text-overflow: ellipsis;
+  }
+
+  .md\:overflow-clip {
+    text-overflow: clip;
+  }
+
+  .md\:italic {
+    font-style: italic;
+  }
+
+  .md\:not-italic {
+    font-style: normal;
+  }
+
+  .md\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .md\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .md\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .md\:normal-case {
+    text-transform: none;
+  }
+
+  .md\:underline {
+    text-decoration: underline;
+  }
+
+  .md\:line-through {
+    text-decoration: line-through;
+  }
+
+  .md\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:hover .md\:group-hover\:underline {
+    text-decoration: underline;
+  }
+
+  .group:hover .md\:group-hover\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:hover .md\:group-hover\:no-underline {
+    text-decoration: none;
+  }
+
+  .md\:focus-within\:underline:focus-within {
+    text-decoration: underline;
+  }
+
+  .md\:focus-within\:line-through:focus-within {
+    text-decoration: line-through;
+  }
+
+  .md\:focus-within\:no-underline:focus-within {
+    text-decoration: none;
+  }
+
+  .md\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .md\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .md\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .md\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .md\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .md\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .md\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .md\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions {
+    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
+    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+  }
+
+  .md\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .md\:ordinal {
+    --tw-ordinal: ordinal;
+  }
+
+  .md\:slashed-zero {
+    --tw-slashed-zero: slashed-zero;
+  }
+
+  .md\:lining-nums {
+    --tw-numeric-figure: lining-nums;
+  }
+
+  .md\:oldstyle-nums {
+    --tw-numeric-figure: oldstyle-nums;
+  }
+
+  .md\:proportional-nums {
+    --tw-numeric-spacing: proportional-nums;
+  }
+
+  .md\:tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+  }
+
+  .md\:diagonal-fractions {
+    --tw-numeric-fraction: diagonal-fractions;
+  }
+
+  .md\:stacked-fractions {
+    --tw-numeric-fraction: stacked-fractions;
+  }
+
+  .md\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .md\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .md\:tracking-normal {
+    letter-spacing: 0em;
+  }
+
+  .md\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .md\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .md\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .md\:select-none {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+
+  .md\:select-text {
+    -webkit-user-select: text;
+            user-select: text;
+  }
+
+  .md\:select-all {
+    -webkit-user-select: all;
+            user-select: all;
+  }
+
+  .md\:select-auto {
+    -webkit-user-select: auto;
+            user-select: auto;
+  }
+
+  .md\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .md\:align-top {
+    vertical-align: top;
+  }
+
+  .md\:align-middle {
+    vertical-align: middle;
+  }
+
+  .md\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .md\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .md\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .md\:visible {
+    visibility: visible;
+  }
+
+  .md\:invisible {
+    visibility: hidden;
+  }
+
+  .md\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .md\:whitespace-nowrap {
+    white-space: nowrap;
+  }
+
+  .md\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .md\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .md\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .md\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .md\:break-words {
+    overflow-wrap: break-word;
+  }
+
+  .md\:break-all {
+    word-break: break-all;
+  }
+
+  .md\:w-0 {
+    width: 0px;
+  }
+
+  .md\:w-1 {
+    width: 0.25rem;
+  }
+
+  .md\:w-2 {
+    width: 0.5rem;
+  }
+
+  .md\:w-3 {
+    width: 0.75rem;
+  }
+
+  .md\:w-4 {
+    width: 1rem;
+  }
+
+  .md\:w-5 {
+    width: 1.25rem;
+  }
+
+  .md\:w-6 {
+    width: 1.5rem;
+  }
+
+  .md\:w-7 {
+    width: 1.75rem;
+  }
+
+  .md\:w-8 {
+    width: 2rem;
+  }
+
+  .md\:w-9 {
+    width: 2.25rem;
+  }
+
+  .md\:w-10 {
+    width: 2.5rem;
+  }
+
+  .md\:w-11 {
+    width: 2.75rem;
+  }
+
+  .md\:w-12 {
+    width: 3rem;
+  }
+
+  .md\:w-14 {
+    width: 3.5rem;
+  }
+
+  .md\:w-16 {
+    width: 4rem;
+  }
+
+  .md\:w-20 {
+    width: 5rem;
+  }
+
+  .md\:w-24 {
+    width: 6rem;
+  }
+
+  .md\:w-28 {
+    width: 7rem;
+  }
+
+  .md\:w-32 {
+    width: 8rem;
+  }
+
+  .md\:w-36 {
+    width: 9rem;
+  }
+
+  .md\:w-40 {
+    width: 10rem;
+  }
+
+  .md\:w-44 {
+    width: 11rem;
+  }
+
+  .md\:w-48 {
+    width: 12rem;
+  }
+
+  .md\:w-52 {
+    width: 13rem;
+  }
+
+  .md\:w-56 {
+    width: 14rem;
+  }
+
+  .md\:w-60 {
+    width: 15rem;
+  }
+
+  .md\:w-64 {
+    width: 16rem;
+  }
+
+  .md\:w-72 {
+    width: 18rem;
+  }
+
+  .md\:w-80 {
+    width: 20rem;
+  }
+
+  .md\:w-96 {
+    width: 24rem;
+  }
+
+  .md\:w-auto {
+    width: auto;
+  }
+
+  .md\:w-px {
+    width: 1px;
+  }
+
+  .md\:w-0\.5 {
+    width: 0.125rem;
+  }
+
+  .md\:w-1\.5 {
+    width: 0.375rem;
+  }
+
+  .md\:w-2\.5 {
+    width: 0.625rem;
+  }
+
+  .md\:w-3\.5 {
+    width: 0.875rem;
+  }
+
+  .md\:w-1\/2 {
+    width: 50%;
+  }
+
+  .md\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .md\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .md\:w-1\/4 {
+    width: 25%;
+  }
+
+  .md\:w-2\/4 {
+    width: 50%;
+  }
+
+  .md\:w-3\/4 {
+    width: 75%;
+  }
+
+  .md\:w-1\/5 {
+    width: 20%;
+  }
+
+  .md\:w-2\/5 {
+    width: 40%;
+  }
+
+  .md\:w-3\/5 {
+    width: 60%;
+  }
+
+  .md\:w-4\/5 {
+    width: 80%;
+  }
+
+  .md\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .md\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .md\:w-3\/6 {
+    width: 50%;
+  }
+
+  .md\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .md\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .md\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .md\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .md\:w-3\/12 {
+    width: 25%;
+  }
+
+  .md\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .md\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .md\:w-6\/12 {
+    width: 50%;
+  }
+
+  .md\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .md\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .md\:w-9\/12 {
+    width: 75%;
+  }
+
+  .md\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .md\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .md\:w-full {
+    width: 100%;
+  }
+
+  .md\:w-screen {
+    width: 100vw;
+  }
+
+  .md\:w-min {
+    width: -webkit-min-content;
+    width: min-content;
+  }
+
+  .md\:w-max {
+    width: -webkit-max-content;
+    width: max-content;
+  }
+
+  .md\:z-0 {
+    z-index: 0;
+  }
+
+  .md\:z-10 {
+    z-index: 10;
+  }
+
+  .md\:z-20 {
+    z-index: 20;
+  }
+
+  .md\:z-30 {
+    z-index: 30;
+  }
+
+  .md\:z-40 {
+    z-index: 40;
+  }
+
+  .md\:z-50 {
+    z-index: 50;
+  }
+
+  .md\:z-auto {
+    z-index: auto;
+  }
+
+  .md\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .md\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .md\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .md\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .md\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .md\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .md\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
+  .md\:focus\:z-0:focus {
+    z-index: 0;
+  }
+
+  .md\:focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .md\:focus\:z-20:focus {
+    z-index: 20;
+  }
+
+  .md\:focus\:z-30:focus {
+    z-index: 30;
+  }
+
+  .md\:focus\:z-40:focus {
+    z-index: 40;
+  }
+
+  .md\:focus\:z-50:focus {
+    z-index: 50;
+  }
+
+  .md\:focus\:z-auto:focus {
+    z-index: auto;
+  }
+
+  .md\:gap-0 {
+    gap: 0px;
+  }
+
+  .md\:gap-1 {
+    gap: 0.25rem;
+  }
+
+  .md\:gap-2 {
+    gap: 0.5rem;
+  }
+
+  .md\:gap-3 {
+    gap: 0.75rem;
+  }
+
+  .md\:gap-4 {
+    gap: 1rem;
+  }
+
+  .md\:gap-5 {
+    gap: 1.25rem;
+  }
+
+  .md\:gap-6 {
+    gap: 1.5rem;
+  }
+
+  .md\:gap-7 {
+    gap: 1.75rem;
+  }
+
+  .md\:gap-8 {
+    gap: 2rem;
+  }
+
+  .md\:gap-9 {
+    gap: 2.25rem;
+  }
+
+  .md\:gap-10 {
+    gap: 2.5rem;
+  }
+
+  .md\:gap-11 {
+    gap: 2.75rem;
+  }
+
+  .md\:gap-12 {
+    gap: 3rem;
+  }
+
+  .md\:gap-14 {
+    gap: 3.5rem;
+  }
+
+  .md\:gap-16 {
+    gap: 4rem;
+  }
+
+  .md\:gap-20 {
+    gap: 5rem;
+  }
+
+  .md\:gap-24 {
+    gap: 6rem;
+  }
+
+  .md\:gap-28 {
+    gap: 7rem;
+  }
+
+  .md\:gap-32 {
+    gap: 8rem;
+  }
+
+  .md\:gap-36 {
+    gap: 9rem;
+  }
+
+  .md\:gap-40 {
+    gap: 10rem;
+  }
+
+  .md\:gap-44 {
+    gap: 11rem;
+  }
+
+  .md\:gap-48 {
+    gap: 12rem;
+  }
+
+  .md\:gap-52 {
+    gap: 13rem;
+  }
+
+  .md\:gap-56 {
+    gap: 14rem;
+  }
+
+  .md\:gap-60 {
+    gap: 15rem;
+  }
+
+  .md\:gap-64 {
+    gap: 16rem;
+  }
+
+  .md\:gap-72 {
+    gap: 18rem;
+  }
+
+  .md\:gap-80 {
+    gap: 20rem;
+  }
+
+  .md\:gap-96 {
+    gap: 24rem;
+  }
+
+  .md\:gap-px {
+    gap: 1px;
+  }
+
+  .md\:gap-0\.5 {
+    gap: 0.125rem;
+  }
+
+  .md\:gap-1\.5 {
+    gap: 0.375rem;
+  }
+
+  .md\:gap-2\.5 {
+    gap: 0.625rem;
+  }
+
+  .md\:gap-3\.5 {
+    gap: 0.875rem;
+  }
+
+  .md\:gap-x-0 {
+    column-gap: 0px;
+  }
+
+  .md\:gap-x-1 {
+    column-gap: 0.25rem;
+  }
+
+  .md\:gap-x-2 {
+    column-gap: 0.5rem;
+  }
+
+  .md\:gap-x-3 {
+    column-gap: 0.75rem;
+  }
+
+  .md\:gap-x-4 {
+    column-gap: 1rem;
+  }
+
+  .md\:gap-x-5 {
+    column-gap: 1.25rem;
+  }
+
+  .md\:gap-x-6 {
+    column-gap: 1.5rem;
+  }
+
+  .md\:gap-x-7 {
+    column-gap: 1.75rem;
+  }
+
+  .md\:gap-x-8 {
+    column-gap: 2rem;
+  }
+
+  .md\:gap-x-9 {
+    column-gap: 2.25rem;
+  }
+
+  .md\:gap-x-10 {
+    column-gap: 2.5rem;
+  }
+
+  .md\:gap-x-11 {
+    column-gap: 2.75rem;
+  }
+
+  .md\:gap-x-12 {
+    column-gap: 3rem;
+  }
+
+  .md\:gap-x-14 {
+    column-gap: 3.5rem;
+  }
+
+  .md\:gap-x-16 {
+    column-gap: 4rem;
+  }
+
+  .md\:gap-x-20 {
+    column-gap: 5rem;
+  }
+
+  .md\:gap-x-24 {
+    column-gap: 6rem;
+  }
+
+  .md\:gap-x-28 {
+    column-gap: 7rem;
+  }
+
+  .md\:gap-x-32 {
+    column-gap: 8rem;
+  }
+
+  .md\:gap-x-36 {
+    column-gap: 9rem;
+  }
+
+  .md\:gap-x-40 {
+    column-gap: 10rem;
+  }
+
+  .md\:gap-x-44 {
+    column-gap: 11rem;
+  }
+
+  .md\:gap-x-48 {
+    column-gap: 12rem;
+  }
+
+  .md\:gap-x-52 {
+    column-gap: 13rem;
+  }
+
+  .md\:gap-x-56 {
+    column-gap: 14rem;
+  }
+
+  .md\:gap-x-60 {
+    column-gap: 15rem;
+  }
+
+  .md\:gap-x-64 {
+    column-gap: 16rem;
+  }
+
+  .md\:gap-x-72 {
+    column-gap: 18rem;
+  }
+
+  .md\:gap-x-80 {
+    column-gap: 20rem;
+  }
+
+  .md\:gap-x-96 {
+    column-gap: 24rem;
+  }
+
+  .md\:gap-x-px {
+    column-gap: 1px;
+  }
+
+  .md\:gap-x-0\.5 {
+    column-gap: 0.125rem;
+  }
+
+  .md\:gap-x-1\.5 {
+    column-gap: 0.375rem;
+  }
+
+  .md\:gap-x-2\.5 {
+    column-gap: 0.625rem;
+  }
+
+  .md\:gap-x-3\.5 {
+    column-gap: 0.875rem;
+  }
+
+  .md\:gap-y-0 {
+    row-gap: 0px;
+  }
+
+  .md\:gap-y-1 {
+    row-gap: 0.25rem;
+  }
+
+  .md\:gap-y-2 {
+    row-gap: 0.5rem;
+  }
+
+  .md\:gap-y-3 {
+    row-gap: 0.75rem;
+  }
+
+  .md\:gap-y-4 {
+    row-gap: 1rem;
+  }
+
+  .md\:gap-y-5 {
+    row-gap: 1.25rem;
+  }
+
+  .md\:gap-y-6 {
+    row-gap: 1.5rem;
+  }
+
+  .md\:gap-y-7 {
+    row-gap: 1.75rem;
+  }
+
+  .md\:gap-y-8 {
+    row-gap: 2rem;
+  }
+
+  .md\:gap-y-9 {
+    row-gap: 2.25rem;
+  }
+
+  .md\:gap-y-10 {
+    row-gap: 2.5rem;
+  }
+
+  .md\:gap-y-11 {
+    row-gap: 2.75rem;
+  }
+
+  .md\:gap-y-12 {
+    row-gap: 3rem;
+  }
+
+  .md\:gap-y-14 {
+    row-gap: 3.5rem;
+  }
+
+  .md\:gap-y-16 {
+    row-gap: 4rem;
+  }
+
+  .md\:gap-y-20 {
+    row-gap: 5rem;
+  }
+
+  .md\:gap-y-24 {
+    row-gap: 6rem;
+  }
+
+  .md\:gap-y-28 {
+    row-gap: 7rem;
+  }
+
+  .md\:gap-y-32 {
+    row-gap: 8rem;
+  }
+
+  .md\:gap-y-36 {
+    row-gap: 9rem;
+  }
+
+  .md\:gap-y-40 {
+    row-gap: 10rem;
+  }
+
+  .md\:gap-y-44 {
+    row-gap: 11rem;
+  }
+
+  .md\:gap-y-48 {
+    row-gap: 12rem;
+  }
+
+  .md\:gap-y-52 {
+    row-gap: 13rem;
+  }
+
+  .md\:gap-y-56 {
+    row-gap: 14rem;
+  }
+
+  .md\:gap-y-60 {
+    row-gap: 15rem;
+  }
+
+  .md\:gap-y-64 {
+    row-gap: 16rem;
+  }
+
+  .md\:gap-y-72 {
+    row-gap: 18rem;
+  }
+
+  .md\:gap-y-80 {
+    row-gap: 20rem;
+  }
+
+  .md\:gap-y-96 {
+    row-gap: 24rem;
+  }
+
+  .md\:gap-y-px {
+    row-gap: 1px;
+  }
+
+  .md\:gap-y-0\.5 {
+    row-gap: 0.125rem;
+  }
+
+  .md\:gap-y-1\.5 {
+    row-gap: 0.375rem;
+  }
+
+  .md\:gap-y-2\.5 {
+    row-gap: 0.625rem;
+  }
+
+  .md\:gap-y-3\.5 {
+    row-gap: 0.875rem;
+  }
+
+  .md\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .md\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .md\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .md\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .md\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .md\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .md\:auto-cols-min {
+    grid-auto-columns: -webkit-min-content;
+    grid-auto-columns: min-content;
+  }
+
+  .md\:auto-cols-max {
+    grid-auto-columns: -webkit-max-content;
+    grid-auto-columns: max-content;
+  }
+
+  .md\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .md\:col-auto {
+    grid-column: auto;
+  }
+
+  .md\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .md\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .md\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .md\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .md\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .md\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .md\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .md\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .md\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .md\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .md\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .md\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .md\:col-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .md\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .md\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .md\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .md\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .md\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .md\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .md\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .md\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .md\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .md\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .md\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .md\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .md\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .md\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .md\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .md\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .md\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .md\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .md\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .md\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .md\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .md\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .md\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .md\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .md\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .md\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .md\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .md\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .md\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .md\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .md\:auto-rows-min {
+    grid-auto-rows: -webkit-min-content;
+    grid-auto-rows: min-content;
+  }
+
+  .md\:auto-rows-max {
+    grid-auto-rows: -webkit-max-content;
+    grid-auto-rows: max-content;
+  }
+
+  .md\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .md\:row-auto {
+    grid-row: auto;
+  }
+
+  .md\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .md\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .md\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .md\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .md\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .md\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .md\:row-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .md\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .md\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .md\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .md\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .md\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .md\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .md\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .md\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .md\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .md\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .md\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .md\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .md\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .md\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .md\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .md\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .md\:transform {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .md\:transform-gpu {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .md\:transform-none {
+    transform: none;
+  }
+
+  .md\:origin-center {
+    transform-origin: center;
+  }
+
+  .md\:origin-top {
+    transform-origin: top;
+  }
+
+  .md\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .md\:origin-right {
+    transform-origin: right;
+  }
+
+  .md\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .md\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .md\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .md\:origin-left {
+    transform-origin: left;
+  }
+
+  .md\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .md\:scale-0 {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .md\:scale-50 {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .md\:scale-75 {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .md\:scale-90 {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .md\:scale-95 {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .md\:scale-100 {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .md\:scale-105 {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .md\:scale-110 {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .md\:scale-125 {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .md\:scale-150 {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .md\:scale-x-0 {
+    --tw-scale-x: 0;
+  }
+
+  .md\:scale-x-50 {
+    --tw-scale-x: .5;
+  }
+
+  .md\:scale-x-75 {
+    --tw-scale-x: .75;
+  }
+
+  .md\:scale-x-90 {
+    --tw-scale-x: .9;
+  }
+
+  .md\:scale-x-95 {
+    --tw-scale-x: .95;
+  }
+
+  .md\:scale-x-100 {
+    --tw-scale-x: 1;
+  }
+
+  .md\:scale-x-105 {
+    --tw-scale-x: 1.05;
+  }
+
+  .md\:scale-x-110 {
+    --tw-scale-x: 1.1;
+  }
+
+  .md\:scale-x-125 {
+    --tw-scale-x: 1.25;
+  }
+
+  .md\:scale-x-150 {
+    --tw-scale-x: 1.5;
+  }
+
+  .md\:scale-y-0 {
+    --tw-scale-y: 0;
+  }
+
+  .md\:scale-y-50 {
+    --tw-scale-y: .5;
+  }
+
+  .md\:scale-y-75 {
+    --tw-scale-y: .75;
+  }
+
+  .md\:scale-y-90 {
+    --tw-scale-y: .9;
+  }
+
+  .md\:scale-y-95 {
+    --tw-scale-y: .95;
+  }
+
+  .md\:scale-y-100 {
+    --tw-scale-y: 1;
+  }
+
+  .md\:scale-y-105 {
+    --tw-scale-y: 1.05;
+  }
+
+  .md\:scale-y-110 {
+    --tw-scale-y: 1.1;
+  }
+
+  .md\:scale-y-125 {
+    --tw-scale-y: 1.25;
+  }
+
+  .md\:scale-y-150 {
+    --tw-scale-y: 1.5;
+  }
+
+  .md\:hover\:scale-0:hover {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .md\:hover\:scale-50:hover {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .md\:hover\:scale-75:hover {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .md\:hover\:scale-90:hover {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .md\:hover\:scale-95:hover {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .md\:hover\:scale-100:hover {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .md\:hover\:scale-105:hover {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .md\:hover\:scale-110:hover {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .md\:hover\:scale-125:hover {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .md\:hover\:scale-150:hover {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .md\:hover\:scale-x-0:hover {
+    --tw-scale-x: 0;
+  }
+
+  .md\:hover\:scale-x-50:hover {
+    --tw-scale-x: .5;
+  }
+
+  .md\:hover\:scale-x-75:hover {
+    --tw-scale-x: .75;
+  }
+
+  .md\:hover\:scale-x-90:hover {
+    --tw-scale-x: .9;
+  }
+
+  .md\:hover\:scale-x-95:hover {
+    --tw-scale-x: .95;
+  }
+
+  .md\:hover\:scale-x-100:hover {
+    --tw-scale-x: 1;
+  }
+
+  .md\:hover\:scale-x-105:hover {
+    --tw-scale-x: 1.05;
+  }
+
+  .md\:hover\:scale-x-110:hover {
+    --tw-scale-x: 1.1;
+  }
+
+  .md\:hover\:scale-x-125:hover {
+    --tw-scale-x: 1.25;
+  }
+
+  .md\:hover\:scale-x-150:hover {
+    --tw-scale-x: 1.5;
+  }
+
+  .md\:hover\:scale-y-0:hover {
+    --tw-scale-y: 0;
+  }
+
+  .md\:hover\:scale-y-50:hover {
+    --tw-scale-y: .5;
+  }
+
+  .md\:hover\:scale-y-75:hover {
+    --tw-scale-y: .75;
+  }
+
+  .md\:hover\:scale-y-90:hover {
+    --tw-scale-y: .9;
+  }
+
+  .md\:hover\:scale-y-95:hover {
+    --tw-scale-y: .95;
+  }
+
+  .md\:hover\:scale-y-100:hover {
+    --tw-scale-y: 1;
+  }
+
+  .md\:hover\:scale-y-105:hover {
+    --tw-scale-y: 1.05;
+  }
+
+  .md\:hover\:scale-y-110:hover {
+    --tw-scale-y: 1.1;
+  }
+
+  .md\:hover\:scale-y-125:hover {
+    --tw-scale-y: 1.25;
+  }
+
+  .md\:hover\:scale-y-150:hover {
+    --tw-scale-y: 1.5;
+  }
+
+  .md\:focus\:scale-0:focus {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .md\:focus\:scale-50:focus {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .md\:focus\:scale-75:focus {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .md\:focus\:scale-90:focus {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .md\:focus\:scale-95:focus {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .md\:focus\:scale-100:focus {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .md\:focus\:scale-105:focus {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .md\:focus\:scale-110:focus {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .md\:focus\:scale-125:focus {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .md\:focus\:scale-150:focus {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .md\:focus\:scale-x-0:focus {
+    --tw-scale-x: 0;
+  }
+
+  .md\:focus\:scale-x-50:focus {
+    --tw-scale-x: .5;
+  }
+
+  .md\:focus\:scale-x-75:focus {
+    --tw-scale-x: .75;
+  }
+
+  .md\:focus\:scale-x-90:focus {
+    --tw-scale-x: .9;
+  }
+
+  .md\:focus\:scale-x-95:focus {
+    --tw-scale-x: .95;
+  }
+
+  .md\:focus\:scale-x-100:focus {
+    --tw-scale-x: 1;
+  }
+
+  .md\:focus\:scale-x-105:focus {
+    --tw-scale-x: 1.05;
+  }
+
+  .md\:focus\:scale-x-110:focus {
+    --tw-scale-x: 1.1;
+  }
+
+  .md\:focus\:scale-x-125:focus {
+    --tw-scale-x: 1.25;
+  }
+
+  .md\:focus\:scale-x-150:focus {
+    --tw-scale-x: 1.5;
+  }
+
+  .md\:focus\:scale-y-0:focus {
+    --tw-scale-y: 0;
+  }
+
+  .md\:focus\:scale-y-50:focus {
+    --tw-scale-y: .5;
+  }
+
+  .md\:focus\:scale-y-75:focus {
+    --tw-scale-y: .75;
+  }
+
+  .md\:focus\:scale-y-90:focus {
+    --tw-scale-y: .9;
+  }
+
+  .md\:focus\:scale-y-95:focus {
+    --tw-scale-y: .95;
+  }
+
+  .md\:focus\:scale-y-100:focus {
+    --tw-scale-y: 1;
+  }
+
+  .md\:focus\:scale-y-105:focus {
+    --tw-scale-y: 1.05;
+  }
+
+  .md\:focus\:scale-y-110:focus {
+    --tw-scale-y: 1.1;
+  }
+
+  .md\:focus\:scale-y-125:focus {
+    --tw-scale-y: 1.25;
+  }
+
+  .md\:focus\:scale-y-150:focus {
+    --tw-scale-y: 1.5;
+  }
+
+  .md\:rotate-0 {
+    --tw-rotate: 0deg;
+  }
+
+  .md\:rotate-1 {
+    --tw-rotate: 1deg;
+  }
+
+  .md\:rotate-2 {
+    --tw-rotate: 2deg;
+  }
+
+  .md\:rotate-3 {
+    --tw-rotate: 3deg;
+  }
+
+  .md\:rotate-6 {
+    --tw-rotate: 6deg;
+  }
+
+  .md\:rotate-12 {
+    --tw-rotate: 12deg;
+  }
+
+  .md\:rotate-45 {
+    --tw-rotate: 45deg;
+  }
+
+  .md\:rotate-90 {
+    --tw-rotate: 90deg;
+  }
+
+  .md\:rotate-180 {
+    --tw-rotate: 180deg;
+  }
+
+  .md\:-rotate-180 {
+    --tw-rotate: -180deg;
+  }
+
+  .md\:-rotate-90 {
+    --tw-rotate: -90deg;
+  }
+
+  .md\:-rotate-45 {
+    --tw-rotate: -45deg;
+  }
+
+  .md\:-rotate-12 {
+    --tw-rotate: -12deg;
+  }
+
+  .md\:-rotate-6 {
+    --tw-rotate: -6deg;
+  }
+
+  .md\:-rotate-3 {
+    --tw-rotate: -3deg;
+  }
+
+  .md\:-rotate-2 {
+    --tw-rotate: -2deg;
+  }
+
+  .md\:-rotate-1 {
+    --tw-rotate: -1deg;
+  }
+
+  .md\:hover\:rotate-0:hover {
+    --tw-rotate: 0deg;
+  }
+
+  .md\:hover\:rotate-1:hover {
+    --tw-rotate: 1deg;
+  }
+
+  .md\:hover\:rotate-2:hover {
+    --tw-rotate: 2deg;
+  }
+
+  .md\:hover\:rotate-3:hover {
+    --tw-rotate: 3deg;
+  }
+
+  .md\:hover\:rotate-6:hover {
+    --tw-rotate: 6deg;
+  }
+
+  .md\:hover\:rotate-12:hover {
+    --tw-rotate: 12deg;
+  }
+
+  .md\:hover\:rotate-45:hover {
+    --tw-rotate: 45deg;
+  }
+
+  .md\:hover\:rotate-90:hover {
+    --tw-rotate: 90deg;
+  }
+
+  .md\:hover\:rotate-180:hover {
+    --tw-rotate: 180deg;
+  }
+
+  .md\:hover\:-rotate-180:hover {
+    --tw-rotate: -180deg;
+  }
+
+  .md\:hover\:-rotate-90:hover {
+    --tw-rotate: -90deg;
+  }
+
+  .md\:hover\:-rotate-45:hover {
+    --tw-rotate: -45deg;
+  }
+
+  .md\:hover\:-rotate-12:hover {
+    --tw-rotate: -12deg;
+  }
+
+  .md\:hover\:-rotate-6:hover {
+    --tw-rotate: -6deg;
+  }
+
+  .md\:hover\:-rotate-3:hover {
+    --tw-rotate: -3deg;
+  }
+
+  .md\:hover\:-rotate-2:hover {
+    --tw-rotate: -2deg;
+  }
+
+  .md\:hover\:-rotate-1:hover {
+    --tw-rotate: -1deg;
+  }
+
+  .md\:focus\:rotate-0:focus {
+    --tw-rotate: 0deg;
+  }
+
+  .md\:focus\:rotate-1:focus {
+    --tw-rotate: 1deg;
+  }
+
+  .md\:focus\:rotate-2:focus {
+    --tw-rotate: 2deg;
+  }
+
+  .md\:focus\:rotate-3:focus {
+    --tw-rotate: 3deg;
+  }
+
+  .md\:focus\:rotate-6:focus {
+    --tw-rotate: 6deg;
+  }
+
+  .md\:focus\:rotate-12:focus {
+    --tw-rotate: 12deg;
+  }
+
+  .md\:focus\:rotate-45:focus {
+    --tw-rotate: 45deg;
+  }
+
+  .md\:focus\:rotate-90:focus {
+    --tw-rotate: 90deg;
+  }
+
+  .md\:focus\:rotate-180:focus {
+    --tw-rotate: 180deg;
+  }
+
+  .md\:focus\:-rotate-180:focus {
+    --tw-rotate: -180deg;
+  }
+
+  .md\:focus\:-rotate-90:focus {
+    --tw-rotate: -90deg;
+  }
+
+  .md\:focus\:-rotate-45:focus {
+    --tw-rotate: -45deg;
+  }
+
+  .md\:focus\:-rotate-12:focus {
+    --tw-rotate: -12deg;
+  }
+
+  .md\:focus\:-rotate-6:focus {
+    --tw-rotate: -6deg;
+  }
+
+  .md\:focus\:-rotate-3:focus {
+    --tw-rotate: -3deg;
+  }
+
+  .md\:focus\:-rotate-2:focus {
+    --tw-rotate: -2deg;
+  }
+
+  .md\:focus\:-rotate-1:focus {
+    --tw-rotate: -1deg;
+  }
+
+  .md\:translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .md\:translate-x-1 {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .md\:translate-x-2 {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .md\:translate-x-3 {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .md\:translate-x-4 {
+    --tw-translate-x: 1rem;
+  }
+
+  .md\:translate-x-5 {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .md\:translate-x-6 {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .md\:translate-x-7 {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .md\:translate-x-8 {
+    --tw-translate-x: 2rem;
+  }
+
+  .md\:translate-x-9 {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .md\:translate-x-10 {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .md\:translate-x-11 {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .md\:translate-x-12 {
+    --tw-translate-x: 3rem;
+  }
+
+  .md\:translate-x-14 {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .md\:translate-x-16 {
+    --tw-translate-x: 4rem;
+  }
+
+  .md\:translate-x-20 {
+    --tw-translate-x: 5rem;
+  }
+
+  .md\:translate-x-24 {
+    --tw-translate-x: 6rem;
+  }
+
+  .md\:translate-x-28 {
+    --tw-translate-x: 7rem;
+  }
+
+  .md\:translate-x-32 {
+    --tw-translate-x: 8rem;
+  }
+
+  .md\:translate-x-36 {
+    --tw-translate-x: 9rem;
+  }
+
+  .md\:translate-x-40 {
+    --tw-translate-x: 10rem;
+  }
+
+  .md\:translate-x-44 {
+    --tw-translate-x: 11rem;
+  }
+
+  .md\:translate-x-48 {
+    --tw-translate-x: 12rem;
+  }
+
+  .md\:translate-x-52 {
+    --tw-translate-x: 13rem;
+  }
+
+  .md\:translate-x-56 {
+    --tw-translate-x: 14rem;
+  }
+
+  .md\:translate-x-60 {
+    --tw-translate-x: 15rem;
+  }
+
+  .md\:translate-x-64 {
+    --tw-translate-x: 16rem;
+  }
+
+  .md\:translate-x-72 {
+    --tw-translate-x: 18rem;
+  }
+
+  .md\:translate-x-80 {
+    --tw-translate-x: 20rem;
+  }
+
+  .md\:translate-x-96 {
+    --tw-translate-x: 24rem;
+  }
+
+  .md\:translate-x-px {
+    --tw-translate-x: 1px;
+  }
+
+  .md\:translate-x-0\.5 {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .md\:translate-x-1\.5 {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .md\:translate-x-2\.5 {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .md\:translate-x-3\.5 {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .md\:-translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .md\:-translate-x-1 {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .md\:-translate-x-2 {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .md\:-translate-x-3 {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .md\:-translate-x-4 {
+    --tw-translate-x: -1rem;
+  }
+
+  .md\:-translate-x-5 {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .md\:-translate-x-6 {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .md\:-translate-x-7 {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .md\:-translate-x-8 {
+    --tw-translate-x: -2rem;
+  }
+
+  .md\:-translate-x-9 {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .md\:-translate-x-10 {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .md\:-translate-x-11 {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .md\:-translate-x-12 {
+    --tw-translate-x: -3rem;
+  }
+
+  .md\:-translate-x-14 {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .md\:-translate-x-16 {
+    --tw-translate-x: -4rem;
+  }
+
+  .md\:-translate-x-20 {
+    --tw-translate-x: -5rem;
+  }
+
+  .md\:-translate-x-24 {
+    --tw-translate-x: -6rem;
+  }
+
+  .md\:-translate-x-28 {
+    --tw-translate-x: -7rem;
+  }
+
+  .md\:-translate-x-32 {
+    --tw-translate-x: -8rem;
+  }
+
+  .md\:-translate-x-36 {
+    --tw-translate-x: -9rem;
+  }
+
+  .md\:-translate-x-40 {
+    --tw-translate-x: -10rem;
+  }
+
+  .md\:-translate-x-44 {
+    --tw-translate-x: -11rem;
+  }
+
+  .md\:-translate-x-48 {
+    --tw-translate-x: -12rem;
+  }
+
+  .md\:-translate-x-52 {
+    --tw-translate-x: -13rem;
+  }
+
+  .md\:-translate-x-56 {
+    --tw-translate-x: -14rem;
+  }
+
+  .md\:-translate-x-60 {
+    --tw-translate-x: -15rem;
+  }
+
+  .md\:-translate-x-64 {
+    --tw-translate-x: -16rem;
+  }
+
+  .md\:-translate-x-72 {
+    --tw-translate-x: -18rem;
+  }
+
+  .md\:-translate-x-80 {
+    --tw-translate-x: -20rem;
+  }
+
+  .md\:-translate-x-96 {
+    --tw-translate-x: -24rem;
+  }
+
+  .md\:-translate-x-px {
+    --tw-translate-x: -1px;
+  }
+
+  .md\:-translate-x-0\.5 {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .md\:-translate-x-1\.5 {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .md\:-translate-x-2\.5 {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .md\:-translate-x-3\.5 {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .md\:translate-x-1\/2 {
+    --tw-translate-x: 50%;
+  }
+
+  .md\:translate-x-1\/3 {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .md\:translate-x-2\/3 {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .md\:translate-x-1\/4 {
+    --tw-translate-x: 25%;
+  }
+
+  .md\:translate-x-2\/4 {
+    --tw-translate-x: 50%;
+  }
+
+  .md\:translate-x-3\/4 {
+    --tw-translate-x: 75%;
+  }
+
+  .md\:translate-x-full {
+    --tw-translate-x: 100%;
+  }
+
+  .md\:-translate-x-1\/2 {
+    --tw-translate-x: -50%;
+  }
+
+  .md\:-translate-x-1\/3 {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .md\:-translate-x-2\/3 {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .md\:-translate-x-1\/4 {
+    --tw-translate-x: -25%;
+  }
+
+  .md\:-translate-x-2\/4 {
+    --tw-translate-x: -50%;
+  }
+
+  .md\:-translate-x-3\/4 {
+    --tw-translate-x: -75%;
+  }
+
+  .md\:-translate-x-full {
+    --tw-translate-x: -100%;
+  }
+
+  .md\:translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .md\:translate-y-1 {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .md\:translate-y-2 {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .md\:translate-y-3 {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .md\:translate-y-4 {
+    --tw-translate-y: 1rem;
+  }
+
+  .md\:translate-y-5 {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .md\:translate-y-6 {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .md\:translate-y-7 {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .md\:translate-y-8 {
+    --tw-translate-y: 2rem;
+  }
+
+  .md\:translate-y-9 {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .md\:translate-y-10 {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .md\:translate-y-11 {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .md\:translate-y-12 {
+    --tw-translate-y: 3rem;
+  }
+
+  .md\:translate-y-14 {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .md\:translate-y-16 {
+    --tw-translate-y: 4rem;
+  }
+
+  .md\:translate-y-20 {
+    --tw-translate-y: 5rem;
+  }
+
+  .md\:translate-y-24 {
+    --tw-translate-y: 6rem;
+  }
+
+  .md\:translate-y-28 {
+    --tw-translate-y: 7rem;
+  }
+
+  .md\:translate-y-32 {
+    --tw-translate-y: 8rem;
+  }
+
+  .md\:translate-y-36 {
+    --tw-translate-y: 9rem;
+  }
+
+  .md\:translate-y-40 {
+    --tw-translate-y: 10rem;
+  }
+
+  .md\:translate-y-44 {
+    --tw-translate-y: 11rem;
+  }
+
+  .md\:translate-y-48 {
+    --tw-translate-y: 12rem;
+  }
+
+  .md\:translate-y-52 {
+    --tw-translate-y: 13rem;
+  }
+
+  .md\:translate-y-56 {
+    --tw-translate-y: 14rem;
+  }
+
+  .md\:translate-y-60 {
+    --tw-translate-y: 15rem;
+  }
+
+  .md\:translate-y-64 {
+    --tw-translate-y: 16rem;
+  }
+
+  .md\:translate-y-72 {
+    --tw-translate-y: 18rem;
+  }
+
+  .md\:translate-y-80 {
+    --tw-translate-y: 20rem;
+  }
+
+  .md\:translate-y-96 {
+    --tw-translate-y: 24rem;
+  }
+
+  .md\:translate-y-px {
+    --tw-translate-y: 1px;
+  }
+
+  .md\:translate-y-0\.5 {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .md\:translate-y-1\.5 {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .md\:translate-y-2\.5 {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .md\:translate-y-3\.5 {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .md\:-translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .md\:-translate-y-1 {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .md\:-translate-y-2 {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .md\:-translate-y-3 {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .md\:-translate-y-4 {
+    --tw-translate-y: -1rem;
+  }
+
+  .md\:-translate-y-5 {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .md\:-translate-y-6 {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .md\:-translate-y-7 {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .md\:-translate-y-8 {
+    --tw-translate-y: -2rem;
+  }
+
+  .md\:-translate-y-9 {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .md\:-translate-y-10 {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .md\:-translate-y-11 {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .md\:-translate-y-12 {
+    --tw-translate-y: -3rem;
+  }
+
+  .md\:-translate-y-14 {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .md\:-translate-y-16 {
+    --tw-translate-y: -4rem;
+  }
+
+  .md\:-translate-y-20 {
+    --tw-translate-y: -5rem;
+  }
+
+  .md\:-translate-y-24 {
+    --tw-translate-y: -6rem;
+  }
+
+  .md\:-translate-y-28 {
+    --tw-translate-y: -7rem;
+  }
+
+  .md\:-translate-y-32 {
+    --tw-translate-y: -8rem;
+  }
+
+  .md\:-translate-y-36 {
+    --tw-translate-y: -9rem;
+  }
+
+  .md\:-translate-y-40 {
+    --tw-translate-y: -10rem;
+  }
+
+  .md\:-translate-y-44 {
+    --tw-translate-y: -11rem;
+  }
+
+  .md\:-translate-y-48 {
+    --tw-translate-y: -12rem;
+  }
+
+  .md\:-translate-y-52 {
+    --tw-translate-y: -13rem;
+  }
+
+  .md\:-translate-y-56 {
+    --tw-translate-y: -14rem;
+  }
+
+  .md\:-translate-y-60 {
+    --tw-translate-y: -15rem;
+  }
+
+  .md\:-translate-y-64 {
+    --tw-translate-y: -16rem;
+  }
+
+  .md\:-translate-y-72 {
+    --tw-translate-y: -18rem;
+  }
+
+  .md\:-translate-y-80 {
+    --tw-translate-y: -20rem;
+  }
+
+  .md\:-translate-y-96 {
+    --tw-translate-y: -24rem;
+  }
+
+  .md\:-translate-y-px {
+    --tw-translate-y: -1px;
+  }
+
+  .md\:-translate-y-0\.5 {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .md\:-translate-y-1\.5 {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .md\:-translate-y-2\.5 {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .md\:-translate-y-3\.5 {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .md\:translate-y-1\/2 {
+    --tw-translate-y: 50%;
+  }
+
+  .md\:translate-y-1\/3 {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .md\:translate-y-2\/3 {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .md\:translate-y-1\/4 {
+    --tw-translate-y: 25%;
+  }
+
+  .md\:translate-y-2\/4 {
+    --tw-translate-y: 50%;
+  }
+
+  .md\:translate-y-3\/4 {
+    --tw-translate-y: 75%;
+  }
+
+  .md\:translate-y-full {
+    --tw-translate-y: 100%;
+  }
+
+  .md\:-translate-y-1\/2 {
+    --tw-translate-y: -50%;
+  }
+
+  .md\:-translate-y-1\/3 {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .md\:-translate-y-2\/3 {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .md\:-translate-y-1\/4 {
+    --tw-translate-y: -25%;
+  }
+
+  .md\:-translate-y-2\/4 {
+    --tw-translate-y: -50%;
+  }
+
+  .md\:-translate-y-3\/4 {
+    --tw-translate-y: -75%;
+  }
+
+  .md\:-translate-y-full {
+    --tw-translate-y: -100%;
+  }
+
+  .md\:hover\:translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .md\:hover\:translate-x-1:hover {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .md\:hover\:translate-x-2:hover {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .md\:hover\:translate-x-3:hover {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .md\:hover\:translate-x-4:hover {
+    --tw-translate-x: 1rem;
+  }
+
+  .md\:hover\:translate-x-5:hover {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .md\:hover\:translate-x-6:hover {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .md\:hover\:translate-x-7:hover {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .md\:hover\:translate-x-8:hover {
+    --tw-translate-x: 2rem;
+  }
+
+  .md\:hover\:translate-x-9:hover {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .md\:hover\:translate-x-10:hover {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .md\:hover\:translate-x-11:hover {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .md\:hover\:translate-x-12:hover {
+    --tw-translate-x: 3rem;
+  }
+
+  .md\:hover\:translate-x-14:hover {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .md\:hover\:translate-x-16:hover {
+    --tw-translate-x: 4rem;
+  }
+
+  .md\:hover\:translate-x-20:hover {
+    --tw-translate-x: 5rem;
+  }
+
+  .md\:hover\:translate-x-24:hover {
+    --tw-translate-x: 6rem;
+  }
+
+  .md\:hover\:translate-x-28:hover {
+    --tw-translate-x: 7rem;
+  }
+
+  .md\:hover\:translate-x-32:hover {
+    --tw-translate-x: 8rem;
+  }
+
+  .md\:hover\:translate-x-36:hover {
+    --tw-translate-x: 9rem;
+  }
+
+  .md\:hover\:translate-x-40:hover {
+    --tw-translate-x: 10rem;
+  }
+
+  .md\:hover\:translate-x-44:hover {
+    --tw-translate-x: 11rem;
+  }
+
+  .md\:hover\:translate-x-48:hover {
+    --tw-translate-x: 12rem;
+  }
+
+  .md\:hover\:translate-x-52:hover {
+    --tw-translate-x: 13rem;
+  }
+
+  .md\:hover\:translate-x-56:hover {
+    --tw-translate-x: 14rem;
+  }
+
+  .md\:hover\:translate-x-60:hover {
+    --tw-translate-x: 15rem;
+  }
+
+  .md\:hover\:translate-x-64:hover {
+    --tw-translate-x: 16rem;
+  }
+
+  .md\:hover\:translate-x-72:hover {
+    --tw-translate-x: 18rem;
+  }
+
+  .md\:hover\:translate-x-80:hover {
+    --tw-translate-x: 20rem;
+  }
+
+  .md\:hover\:translate-x-96:hover {
+    --tw-translate-x: 24rem;
+  }
+
+  .md\:hover\:translate-x-px:hover {
+    --tw-translate-x: 1px;
+  }
+
+  .md\:hover\:translate-x-0\.5:hover {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .md\:hover\:translate-x-1\.5:hover {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .md\:hover\:translate-x-2\.5:hover {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .md\:hover\:translate-x-3\.5:hover {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .md\:hover\:-translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .md\:hover\:-translate-x-1:hover {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .md\:hover\:-translate-x-2:hover {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .md\:hover\:-translate-x-3:hover {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .md\:hover\:-translate-x-4:hover {
+    --tw-translate-x: -1rem;
+  }
+
+  .md\:hover\:-translate-x-5:hover {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .md\:hover\:-translate-x-6:hover {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .md\:hover\:-translate-x-7:hover {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .md\:hover\:-translate-x-8:hover {
+    --tw-translate-x: -2rem;
+  }
+
+  .md\:hover\:-translate-x-9:hover {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .md\:hover\:-translate-x-10:hover {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .md\:hover\:-translate-x-11:hover {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .md\:hover\:-translate-x-12:hover {
+    --tw-translate-x: -3rem;
+  }
+
+  .md\:hover\:-translate-x-14:hover {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .md\:hover\:-translate-x-16:hover {
+    --tw-translate-x: -4rem;
+  }
+
+  .md\:hover\:-translate-x-20:hover {
+    --tw-translate-x: -5rem;
+  }
+
+  .md\:hover\:-translate-x-24:hover {
+    --tw-translate-x: -6rem;
+  }
+
+  .md\:hover\:-translate-x-28:hover {
+    --tw-translate-x: -7rem;
+  }
+
+  .md\:hover\:-translate-x-32:hover {
+    --tw-translate-x: -8rem;
+  }
+
+  .md\:hover\:-translate-x-36:hover {
+    --tw-translate-x: -9rem;
+  }
+
+  .md\:hover\:-translate-x-40:hover {
+    --tw-translate-x: -10rem;
+  }
+
+  .md\:hover\:-translate-x-44:hover {
+    --tw-translate-x: -11rem;
+  }
+
+  .md\:hover\:-translate-x-48:hover {
+    --tw-translate-x: -12rem;
+  }
+
+  .md\:hover\:-translate-x-52:hover {
+    --tw-translate-x: -13rem;
+  }
+
+  .md\:hover\:-translate-x-56:hover {
+    --tw-translate-x: -14rem;
+  }
+
+  .md\:hover\:-translate-x-60:hover {
+    --tw-translate-x: -15rem;
+  }
+
+  .md\:hover\:-translate-x-64:hover {
+    --tw-translate-x: -16rem;
+  }
+
+  .md\:hover\:-translate-x-72:hover {
+    --tw-translate-x: -18rem;
+  }
+
+  .md\:hover\:-translate-x-80:hover {
+    --tw-translate-x: -20rem;
+  }
+
+  .md\:hover\:-translate-x-96:hover {
+    --tw-translate-x: -24rem;
+  }
+
+  .md\:hover\:-translate-x-px:hover {
+    --tw-translate-x: -1px;
+  }
+
+  .md\:hover\:-translate-x-0\.5:hover {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .md\:hover\:-translate-x-1\.5:hover {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .md\:hover\:-translate-x-2\.5:hover {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .md\:hover\:-translate-x-3\.5:hover {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .md\:hover\:translate-x-1\/2:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .md\:hover\:translate-x-1\/3:hover {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .md\:hover\:translate-x-2\/3:hover {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .md\:hover\:translate-x-1\/4:hover {
+    --tw-translate-x: 25%;
+  }
+
+  .md\:hover\:translate-x-2\/4:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .md\:hover\:translate-x-3\/4:hover {
+    --tw-translate-x: 75%;
+  }
+
+  .md\:hover\:translate-x-full:hover {
+    --tw-translate-x: 100%;
+  }
+
+  .md\:hover\:-translate-x-1\/2:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .md\:hover\:-translate-x-1\/3:hover {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .md\:hover\:-translate-x-2\/3:hover {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .md\:hover\:-translate-x-1\/4:hover {
+    --tw-translate-x: -25%;
+  }
+
+  .md\:hover\:-translate-x-2\/4:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .md\:hover\:-translate-x-3\/4:hover {
+    --tw-translate-x: -75%;
+  }
+
+  .md\:hover\:-translate-x-full:hover {
+    --tw-translate-x: -100%;
+  }
+
+  .md\:hover\:translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .md\:hover\:translate-y-1:hover {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .md\:hover\:translate-y-2:hover {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .md\:hover\:translate-y-3:hover {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .md\:hover\:translate-y-4:hover {
+    --tw-translate-y: 1rem;
+  }
+
+  .md\:hover\:translate-y-5:hover {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .md\:hover\:translate-y-6:hover {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .md\:hover\:translate-y-7:hover {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .md\:hover\:translate-y-8:hover {
+    --tw-translate-y: 2rem;
+  }
+
+  .md\:hover\:translate-y-9:hover {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .md\:hover\:translate-y-10:hover {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .md\:hover\:translate-y-11:hover {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .md\:hover\:translate-y-12:hover {
+    --tw-translate-y: 3rem;
+  }
+
+  .md\:hover\:translate-y-14:hover {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .md\:hover\:translate-y-16:hover {
+    --tw-translate-y: 4rem;
+  }
+
+  .md\:hover\:translate-y-20:hover {
+    --tw-translate-y: 5rem;
+  }
+
+  .md\:hover\:translate-y-24:hover {
+    --tw-translate-y: 6rem;
+  }
+
+  .md\:hover\:translate-y-28:hover {
+    --tw-translate-y: 7rem;
+  }
+
+  .md\:hover\:translate-y-32:hover {
+    --tw-translate-y: 8rem;
+  }
+
+  .md\:hover\:translate-y-36:hover {
+    --tw-translate-y: 9rem;
+  }
+
+  .md\:hover\:translate-y-40:hover {
+    --tw-translate-y: 10rem;
+  }
+
+  .md\:hover\:translate-y-44:hover {
+    --tw-translate-y: 11rem;
+  }
+
+  .md\:hover\:translate-y-48:hover {
+    --tw-translate-y: 12rem;
+  }
+
+  .md\:hover\:translate-y-52:hover {
+    --tw-translate-y: 13rem;
+  }
+
+  .md\:hover\:translate-y-56:hover {
+    --tw-translate-y: 14rem;
+  }
+
+  .md\:hover\:translate-y-60:hover {
+    --tw-translate-y: 15rem;
+  }
+
+  .md\:hover\:translate-y-64:hover {
+    --tw-translate-y: 16rem;
+  }
+
+  .md\:hover\:translate-y-72:hover {
+    --tw-translate-y: 18rem;
+  }
+
+  .md\:hover\:translate-y-80:hover {
+    --tw-translate-y: 20rem;
+  }
+
+  .md\:hover\:translate-y-96:hover {
+    --tw-translate-y: 24rem;
+  }
+
+  .md\:hover\:translate-y-px:hover {
+    --tw-translate-y: 1px;
+  }
+
+  .md\:hover\:translate-y-0\.5:hover {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .md\:hover\:translate-y-1\.5:hover {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .md\:hover\:translate-y-2\.5:hover {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .md\:hover\:translate-y-3\.5:hover {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .md\:hover\:-translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .md\:hover\:-translate-y-1:hover {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .md\:hover\:-translate-y-2:hover {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .md\:hover\:-translate-y-3:hover {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .md\:hover\:-translate-y-4:hover {
+    --tw-translate-y: -1rem;
+  }
+
+  .md\:hover\:-translate-y-5:hover {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .md\:hover\:-translate-y-6:hover {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .md\:hover\:-translate-y-7:hover {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .md\:hover\:-translate-y-8:hover {
+    --tw-translate-y: -2rem;
+  }
+
+  .md\:hover\:-translate-y-9:hover {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .md\:hover\:-translate-y-10:hover {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .md\:hover\:-translate-y-11:hover {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .md\:hover\:-translate-y-12:hover {
+    --tw-translate-y: -3rem;
+  }
+
+  .md\:hover\:-translate-y-14:hover {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .md\:hover\:-translate-y-16:hover {
+    --tw-translate-y: -4rem;
+  }
+
+  .md\:hover\:-translate-y-20:hover {
+    --tw-translate-y: -5rem;
+  }
+
+  .md\:hover\:-translate-y-24:hover {
+    --tw-translate-y: -6rem;
+  }
+
+  .md\:hover\:-translate-y-28:hover {
+    --tw-translate-y: -7rem;
+  }
+
+  .md\:hover\:-translate-y-32:hover {
+    --tw-translate-y: -8rem;
+  }
+
+  .md\:hover\:-translate-y-36:hover {
+    --tw-translate-y: -9rem;
+  }
+
+  .md\:hover\:-translate-y-40:hover {
+    --tw-translate-y: -10rem;
+  }
+
+  .md\:hover\:-translate-y-44:hover {
+    --tw-translate-y: -11rem;
+  }
+
+  .md\:hover\:-translate-y-48:hover {
+    --tw-translate-y: -12rem;
+  }
+
+  .md\:hover\:-translate-y-52:hover {
+    --tw-translate-y: -13rem;
+  }
+
+  .md\:hover\:-translate-y-56:hover {
+    --tw-translate-y: -14rem;
+  }
+
+  .md\:hover\:-translate-y-60:hover {
+    --tw-translate-y: -15rem;
+  }
+
+  .md\:hover\:-translate-y-64:hover {
+    --tw-translate-y: -16rem;
+  }
+
+  .md\:hover\:-translate-y-72:hover {
+    --tw-translate-y: -18rem;
+  }
+
+  .md\:hover\:-translate-y-80:hover {
+    --tw-translate-y: -20rem;
+  }
+
+  .md\:hover\:-translate-y-96:hover {
+    --tw-translate-y: -24rem;
+  }
+
+  .md\:hover\:-translate-y-px:hover {
+    --tw-translate-y: -1px;
+  }
+
+  .md\:hover\:-translate-y-0\.5:hover {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .md\:hover\:-translate-y-1\.5:hover {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .md\:hover\:-translate-y-2\.5:hover {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .md\:hover\:-translate-y-3\.5:hover {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .md\:hover\:translate-y-1\/2:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .md\:hover\:translate-y-1\/3:hover {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .md\:hover\:translate-y-2\/3:hover {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .md\:hover\:translate-y-1\/4:hover {
+    --tw-translate-y: 25%;
+  }
+
+  .md\:hover\:translate-y-2\/4:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .md\:hover\:translate-y-3\/4:hover {
+    --tw-translate-y: 75%;
+  }
+
+  .md\:hover\:translate-y-full:hover {
+    --tw-translate-y: 100%;
+  }
+
+  .md\:hover\:-translate-y-1\/2:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .md\:hover\:-translate-y-1\/3:hover {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .md\:hover\:-translate-y-2\/3:hover {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .md\:hover\:-translate-y-1\/4:hover {
+    --tw-translate-y: -25%;
+  }
+
+  .md\:hover\:-translate-y-2\/4:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .md\:hover\:-translate-y-3\/4:hover {
+    --tw-translate-y: -75%;
+  }
+
+  .md\:hover\:-translate-y-full:hover {
+    --tw-translate-y: -100%;
+  }
+
+  .md\:focus\:translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .md\:focus\:translate-x-1:focus {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .md\:focus\:translate-x-2:focus {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .md\:focus\:translate-x-3:focus {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .md\:focus\:translate-x-4:focus {
+    --tw-translate-x: 1rem;
+  }
+
+  .md\:focus\:translate-x-5:focus {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .md\:focus\:translate-x-6:focus {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .md\:focus\:translate-x-7:focus {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .md\:focus\:translate-x-8:focus {
+    --tw-translate-x: 2rem;
+  }
+
+  .md\:focus\:translate-x-9:focus {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .md\:focus\:translate-x-10:focus {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .md\:focus\:translate-x-11:focus {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .md\:focus\:translate-x-12:focus {
+    --tw-translate-x: 3rem;
+  }
+
+  .md\:focus\:translate-x-14:focus {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .md\:focus\:translate-x-16:focus {
+    --tw-translate-x: 4rem;
+  }
+
+  .md\:focus\:translate-x-20:focus {
+    --tw-translate-x: 5rem;
+  }
+
+  .md\:focus\:translate-x-24:focus {
+    --tw-translate-x: 6rem;
+  }
+
+  .md\:focus\:translate-x-28:focus {
+    --tw-translate-x: 7rem;
+  }
+
+  .md\:focus\:translate-x-32:focus {
+    --tw-translate-x: 8rem;
+  }
+
+  .md\:focus\:translate-x-36:focus {
+    --tw-translate-x: 9rem;
+  }
+
+  .md\:focus\:translate-x-40:focus {
+    --tw-translate-x: 10rem;
+  }
+
+  .md\:focus\:translate-x-44:focus {
+    --tw-translate-x: 11rem;
+  }
+
+  .md\:focus\:translate-x-48:focus {
+    --tw-translate-x: 12rem;
+  }
+
+  .md\:focus\:translate-x-52:focus {
+    --tw-translate-x: 13rem;
+  }
+
+  .md\:focus\:translate-x-56:focus {
+    --tw-translate-x: 14rem;
+  }
+
+  .md\:focus\:translate-x-60:focus {
+    --tw-translate-x: 15rem;
+  }
+
+  .md\:focus\:translate-x-64:focus {
+    --tw-translate-x: 16rem;
+  }
+
+  .md\:focus\:translate-x-72:focus {
+    --tw-translate-x: 18rem;
+  }
+
+  .md\:focus\:translate-x-80:focus {
+    --tw-translate-x: 20rem;
+  }
+
+  .md\:focus\:translate-x-96:focus {
+    --tw-translate-x: 24rem;
+  }
+
+  .md\:focus\:translate-x-px:focus {
+    --tw-translate-x: 1px;
+  }
+
+  .md\:focus\:translate-x-0\.5:focus {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .md\:focus\:translate-x-1\.5:focus {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .md\:focus\:translate-x-2\.5:focus {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .md\:focus\:translate-x-3\.5:focus {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .md\:focus\:-translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .md\:focus\:-translate-x-1:focus {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .md\:focus\:-translate-x-2:focus {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .md\:focus\:-translate-x-3:focus {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .md\:focus\:-translate-x-4:focus {
+    --tw-translate-x: -1rem;
+  }
+
+  .md\:focus\:-translate-x-5:focus {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .md\:focus\:-translate-x-6:focus {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .md\:focus\:-translate-x-7:focus {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .md\:focus\:-translate-x-8:focus {
+    --tw-translate-x: -2rem;
+  }
+
+  .md\:focus\:-translate-x-9:focus {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .md\:focus\:-translate-x-10:focus {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .md\:focus\:-translate-x-11:focus {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .md\:focus\:-translate-x-12:focus {
+    --tw-translate-x: -3rem;
+  }
+
+  .md\:focus\:-translate-x-14:focus {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .md\:focus\:-translate-x-16:focus {
+    --tw-translate-x: -4rem;
+  }
+
+  .md\:focus\:-translate-x-20:focus {
+    --tw-translate-x: -5rem;
+  }
+
+  .md\:focus\:-translate-x-24:focus {
+    --tw-translate-x: -6rem;
+  }
+
+  .md\:focus\:-translate-x-28:focus {
+    --tw-translate-x: -7rem;
+  }
+
+  .md\:focus\:-translate-x-32:focus {
+    --tw-translate-x: -8rem;
+  }
+
+  .md\:focus\:-translate-x-36:focus {
+    --tw-translate-x: -9rem;
+  }
+
+  .md\:focus\:-translate-x-40:focus {
+    --tw-translate-x: -10rem;
+  }
+
+  .md\:focus\:-translate-x-44:focus {
+    --tw-translate-x: -11rem;
+  }
+
+  .md\:focus\:-translate-x-48:focus {
+    --tw-translate-x: -12rem;
+  }
+
+  .md\:focus\:-translate-x-52:focus {
+    --tw-translate-x: -13rem;
+  }
+
+  .md\:focus\:-translate-x-56:focus {
+    --tw-translate-x: -14rem;
+  }
+
+  .md\:focus\:-translate-x-60:focus {
+    --tw-translate-x: -15rem;
+  }
+
+  .md\:focus\:-translate-x-64:focus {
+    --tw-translate-x: -16rem;
+  }
+
+  .md\:focus\:-translate-x-72:focus {
+    --tw-translate-x: -18rem;
+  }
+
+  .md\:focus\:-translate-x-80:focus {
+    --tw-translate-x: -20rem;
+  }
+
+  .md\:focus\:-translate-x-96:focus {
+    --tw-translate-x: -24rem;
+  }
+
+  .md\:focus\:-translate-x-px:focus {
+    --tw-translate-x: -1px;
+  }
+
+  .md\:focus\:-translate-x-0\.5:focus {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .md\:focus\:-translate-x-1\.5:focus {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .md\:focus\:-translate-x-2\.5:focus {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .md\:focus\:-translate-x-3\.5:focus {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .md\:focus\:translate-x-1\/2:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .md\:focus\:translate-x-1\/3:focus {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .md\:focus\:translate-x-2\/3:focus {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .md\:focus\:translate-x-1\/4:focus {
+    --tw-translate-x: 25%;
+  }
+
+  .md\:focus\:translate-x-2\/4:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .md\:focus\:translate-x-3\/4:focus {
+    --tw-translate-x: 75%;
+  }
+
+  .md\:focus\:translate-x-full:focus {
+    --tw-translate-x: 100%;
+  }
+
+  .md\:focus\:-translate-x-1\/2:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .md\:focus\:-translate-x-1\/3:focus {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .md\:focus\:-translate-x-2\/3:focus {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .md\:focus\:-translate-x-1\/4:focus {
+    --tw-translate-x: -25%;
+  }
+
+  .md\:focus\:-translate-x-2\/4:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .md\:focus\:-translate-x-3\/4:focus {
+    --tw-translate-x: -75%;
+  }
+
+  .md\:focus\:-translate-x-full:focus {
+    --tw-translate-x: -100%;
+  }
+
+  .md\:focus\:translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .md\:focus\:translate-y-1:focus {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .md\:focus\:translate-y-2:focus {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .md\:focus\:translate-y-3:focus {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .md\:focus\:translate-y-4:focus {
+    --tw-translate-y: 1rem;
+  }
+
+  .md\:focus\:translate-y-5:focus {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .md\:focus\:translate-y-6:focus {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .md\:focus\:translate-y-7:focus {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .md\:focus\:translate-y-8:focus {
+    --tw-translate-y: 2rem;
+  }
+
+  .md\:focus\:translate-y-9:focus {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .md\:focus\:translate-y-10:focus {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .md\:focus\:translate-y-11:focus {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .md\:focus\:translate-y-12:focus {
+    --tw-translate-y: 3rem;
+  }
+
+  .md\:focus\:translate-y-14:focus {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .md\:focus\:translate-y-16:focus {
+    --tw-translate-y: 4rem;
+  }
+
+  .md\:focus\:translate-y-20:focus {
+    --tw-translate-y: 5rem;
+  }
+
+  .md\:focus\:translate-y-24:focus {
+    --tw-translate-y: 6rem;
+  }
+
+  .md\:focus\:translate-y-28:focus {
+    --tw-translate-y: 7rem;
+  }
+
+  .md\:focus\:translate-y-32:focus {
+    --tw-translate-y: 8rem;
+  }
+
+  .md\:focus\:translate-y-36:focus {
+    --tw-translate-y: 9rem;
+  }
+
+  .md\:focus\:translate-y-40:focus {
+    --tw-translate-y: 10rem;
+  }
+
+  .md\:focus\:translate-y-44:focus {
+    --tw-translate-y: 11rem;
+  }
+
+  .md\:focus\:translate-y-48:focus {
+    --tw-translate-y: 12rem;
+  }
+
+  .md\:focus\:translate-y-52:focus {
+    --tw-translate-y: 13rem;
+  }
+
+  .md\:focus\:translate-y-56:focus {
+    --tw-translate-y: 14rem;
+  }
+
+  .md\:focus\:translate-y-60:focus {
+    --tw-translate-y: 15rem;
+  }
+
+  .md\:focus\:translate-y-64:focus {
+    --tw-translate-y: 16rem;
+  }
+
+  .md\:focus\:translate-y-72:focus {
+    --tw-translate-y: 18rem;
+  }
+
+  .md\:focus\:translate-y-80:focus {
+    --tw-translate-y: 20rem;
+  }
+
+  .md\:focus\:translate-y-96:focus {
+    --tw-translate-y: 24rem;
+  }
+
+  .md\:focus\:translate-y-px:focus {
+    --tw-translate-y: 1px;
+  }
+
+  .md\:focus\:translate-y-0\.5:focus {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .md\:focus\:translate-y-1\.5:focus {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .md\:focus\:translate-y-2\.5:focus {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .md\:focus\:translate-y-3\.5:focus {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .md\:focus\:-translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .md\:focus\:-translate-y-1:focus {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .md\:focus\:-translate-y-2:focus {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .md\:focus\:-translate-y-3:focus {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .md\:focus\:-translate-y-4:focus {
+    --tw-translate-y: -1rem;
+  }
+
+  .md\:focus\:-translate-y-5:focus {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .md\:focus\:-translate-y-6:focus {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .md\:focus\:-translate-y-7:focus {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .md\:focus\:-translate-y-8:focus {
+    --tw-translate-y: -2rem;
+  }
+
+  .md\:focus\:-translate-y-9:focus {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .md\:focus\:-translate-y-10:focus {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .md\:focus\:-translate-y-11:focus {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .md\:focus\:-translate-y-12:focus {
+    --tw-translate-y: -3rem;
+  }
+
+  .md\:focus\:-translate-y-14:focus {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .md\:focus\:-translate-y-16:focus {
+    --tw-translate-y: -4rem;
+  }
+
+  .md\:focus\:-translate-y-20:focus {
+    --tw-translate-y: -5rem;
+  }
+
+  .md\:focus\:-translate-y-24:focus {
+    --tw-translate-y: -6rem;
+  }
+
+  .md\:focus\:-translate-y-28:focus {
+    --tw-translate-y: -7rem;
+  }
+
+  .md\:focus\:-translate-y-32:focus {
+    --tw-translate-y: -8rem;
+  }
+
+  .md\:focus\:-translate-y-36:focus {
+    --tw-translate-y: -9rem;
+  }
+
+  .md\:focus\:-translate-y-40:focus {
+    --tw-translate-y: -10rem;
+  }
+
+  .md\:focus\:-translate-y-44:focus {
+    --tw-translate-y: -11rem;
+  }
+
+  .md\:focus\:-translate-y-48:focus {
+    --tw-translate-y: -12rem;
+  }
+
+  .md\:focus\:-translate-y-52:focus {
+    --tw-translate-y: -13rem;
+  }
+
+  .md\:focus\:-translate-y-56:focus {
+    --tw-translate-y: -14rem;
+  }
+
+  .md\:focus\:-translate-y-60:focus {
+    --tw-translate-y: -15rem;
+  }
+
+  .md\:focus\:-translate-y-64:focus {
+    --tw-translate-y: -16rem;
+  }
+
+  .md\:focus\:-translate-y-72:focus {
+    --tw-translate-y: -18rem;
+  }
+
+  .md\:focus\:-translate-y-80:focus {
+    --tw-translate-y: -20rem;
+  }
+
+  .md\:focus\:-translate-y-96:focus {
+    --tw-translate-y: -24rem;
+  }
+
+  .md\:focus\:-translate-y-px:focus {
+    --tw-translate-y: -1px;
+  }
+
+  .md\:focus\:-translate-y-0\.5:focus {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .md\:focus\:-translate-y-1\.5:focus {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .md\:focus\:-translate-y-2\.5:focus {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .md\:focus\:-translate-y-3\.5:focus {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .md\:focus\:translate-y-1\/2:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .md\:focus\:translate-y-1\/3:focus {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .md\:focus\:translate-y-2\/3:focus {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .md\:focus\:translate-y-1\/4:focus {
+    --tw-translate-y: 25%;
+  }
+
+  .md\:focus\:translate-y-2\/4:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .md\:focus\:translate-y-3\/4:focus {
+    --tw-translate-y: 75%;
+  }
+
+  .md\:focus\:translate-y-full:focus {
+    --tw-translate-y: 100%;
+  }
+
+  .md\:focus\:-translate-y-1\/2:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .md\:focus\:-translate-y-1\/3:focus {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .md\:focus\:-translate-y-2\/3:focus {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .md\:focus\:-translate-y-1\/4:focus {
+    --tw-translate-y: -25%;
+  }
+
+  .md\:focus\:-translate-y-2\/4:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .md\:focus\:-translate-y-3\/4:focus {
+    --tw-translate-y: -75%;
+  }
+
+  .md\:focus\:-translate-y-full:focus {
+    --tw-translate-y: -100%;
+  }
+
+  .md\:skew-x-0 {
+    --tw-skew-x: 0deg;
+  }
+
+  .md\:skew-x-1 {
+    --tw-skew-x: 1deg;
+  }
+
+  .md\:skew-x-2 {
+    --tw-skew-x: 2deg;
+  }
+
+  .md\:skew-x-3 {
+    --tw-skew-x: 3deg;
+  }
+
+  .md\:skew-x-6 {
+    --tw-skew-x: 6deg;
+  }
+
+  .md\:skew-x-12 {
+    --tw-skew-x: 12deg;
+  }
+
+  .md\:-skew-x-12 {
+    --tw-skew-x: -12deg;
+  }
+
+  .md\:-skew-x-6 {
+    --tw-skew-x: -6deg;
+  }
+
+  .md\:-skew-x-3 {
+    --tw-skew-x: -3deg;
+  }
+
+  .md\:-skew-x-2 {
+    --tw-skew-x: -2deg;
+  }
+
+  .md\:-skew-x-1 {
+    --tw-skew-x: -1deg;
+  }
+
+  .md\:skew-y-0 {
+    --tw-skew-y: 0deg;
+  }
+
+  .md\:skew-y-1 {
+    --tw-skew-y: 1deg;
+  }
+
+  .md\:skew-y-2 {
+    --tw-skew-y: 2deg;
+  }
+
+  .md\:skew-y-3 {
+    --tw-skew-y: 3deg;
+  }
+
+  .md\:skew-y-6 {
+    --tw-skew-y: 6deg;
+  }
+
+  .md\:skew-y-12 {
+    --tw-skew-y: 12deg;
+  }
+
+  .md\:-skew-y-12 {
+    --tw-skew-y: -12deg;
+  }
+
+  .md\:-skew-y-6 {
+    --tw-skew-y: -6deg;
+  }
+
+  .md\:-skew-y-3 {
+    --tw-skew-y: -3deg;
+  }
+
+  .md\:-skew-y-2 {
+    --tw-skew-y: -2deg;
+  }
+
+  .md\:-skew-y-1 {
+    --tw-skew-y: -1deg;
+  }
+
+  .md\:hover\:skew-x-0:hover {
+    --tw-skew-x: 0deg;
+  }
+
+  .md\:hover\:skew-x-1:hover {
+    --tw-skew-x: 1deg;
+  }
+
+  .md\:hover\:skew-x-2:hover {
+    --tw-skew-x: 2deg;
+  }
+
+  .md\:hover\:skew-x-3:hover {
+    --tw-skew-x: 3deg;
+  }
+
+  .md\:hover\:skew-x-6:hover {
+    --tw-skew-x: 6deg;
+  }
+
+  .md\:hover\:skew-x-12:hover {
+    --tw-skew-x: 12deg;
+  }
+
+  .md\:hover\:-skew-x-12:hover {
+    --tw-skew-x: -12deg;
+  }
+
+  .md\:hover\:-skew-x-6:hover {
+    --tw-skew-x: -6deg;
+  }
+
+  .md\:hover\:-skew-x-3:hover {
+    --tw-skew-x: -3deg;
+  }
+
+  .md\:hover\:-skew-x-2:hover {
+    --tw-skew-x: -2deg;
+  }
+
+  .md\:hover\:-skew-x-1:hover {
+    --tw-skew-x: -1deg;
+  }
+
+  .md\:hover\:skew-y-0:hover {
+    --tw-skew-y: 0deg;
+  }
+
+  .md\:hover\:skew-y-1:hover {
+    --tw-skew-y: 1deg;
+  }
+
+  .md\:hover\:skew-y-2:hover {
+    --tw-skew-y: 2deg;
+  }
+
+  .md\:hover\:skew-y-3:hover {
+    --tw-skew-y: 3deg;
+  }
+
+  .md\:hover\:skew-y-6:hover {
+    --tw-skew-y: 6deg;
+  }
+
+  .md\:hover\:skew-y-12:hover {
+    --tw-skew-y: 12deg;
+  }
+
+  .md\:hover\:-skew-y-12:hover {
+    --tw-skew-y: -12deg;
+  }
+
+  .md\:hover\:-skew-y-6:hover {
+    --tw-skew-y: -6deg;
+  }
+
+  .md\:hover\:-skew-y-3:hover {
+    --tw-skew-y: -3deg;
+  }
+
+  .md\:hover\:-skew-y-2:hover {
+    --tw-skew-y: -2deg;
+  }
+
+  .md\:hover\:-skew-y-1:hover {
+    --tw-skew-y: -1deg;
+  }
+
+  .md\:focus\:skew-x-0:focus {
+    --tw-skew-x: 0deg;
+  }
+
+  .md\:focus\:skew-x-1:focus {
+    --tw-skew-x: 1deg;
+  }
+
+  .md\:focus\:skew-x-2:focus {
+    --tw-skew-x: 2deg;
+  }
+
+  .md\:focus\:skew-x-3:focus {
+    --tw-skew-x: 3deg;
+  }
+
+  .md\:focus\:skew-x-6:focus {
+    --tw-skew-x: 6deg;
+  }
+
+  .md\:focus\:skew-x-12:focus {
+    --tw-skew-x: 12deg;
+  }
+
+  .md\:focus\:-skew-x-12:focus {
+    --tw-skew-x: -12deg;
+  }
+
+  .md\:focus\:-skew-x-6:focus {
+    --tw-skew-x: -6deg;
+  }
+
+  .md\:focus\:-skew-x-3:focus {
+    --tw-skew-x: -3deg;
+  }
+
+  .md\:focus\:-skew-x-2:focus {
+    --tw-skew-x: -2deg;
+  }
+
+  .md\:focus\:-skew-x-1:focus {
+    --tw-skew-x: -1deg;
+  }
+
+  .md\:focus\:skew-y-0:focus {
+    --tw-skew-y: 0deg;
+  }
+
+  .md\:focus\:skew-y-1:focus {
+    --tw-skew-y: 1deg;
+  }
+
+  .md\:focus\:skew-y-2:focus {
+    --tw-skew-y: 2deg;
+  }
+
+  .md\:focus\:skew-y-3:focus {
+    --tw-skew-y: 3deg;
+  }
+
+  .md\:focus\:skew-y-6:focus {
+    --tw-skew-y: 6deg;
+  }
+
+  .md\:focus\:skew-y-12:focus {
+    --tw-skew-y: 12deg;
+  }
+
+  .md\:focus\:-skew-y-12:focus {
+    --tw-skew-y: -12deg;
+  }
+
+  .md\:focus\:-skew-y-6:focus {
+    --tw-skew-y: -6deg;
+  }
+
+  .md\:focus\:-skew-y-3:focus {
+    --tw-skew-y: -3deg;
+  }
+
+  .md\:focus\:-skew-y-2:focus {
+    --tw-skew-y: -2deg;
+  }
+
+  .md\:focus\:-skew-y-1:focus {
+    --tw-skew-y: -1deg;
+  }
+
+  .md\:transition-none {
+    transition-property: none;
+  }
+
+  .md\:transition-all {
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .md\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .md\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .md\:transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .md\:transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .md\:transition-transform {
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .md\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .md\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .md\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .md\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .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\:animate-none {
+    animation: none;
+  }
+
+  .md\:animate-spin {
+    animation: spin 1s linear infinite;
+  }
+
+  .md\:animate-ping {
+    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .md\:animate-pulse {
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .md\:animate-bounce {
+    animation: bounce 1s infinite;
+  }
+}
+
+@media (min-width: 1024px) {
+  .lg\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .lg\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .lg\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .lg\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .lg\:container {
+      max-width: 1280px;
+    }
+  }
+
+  @media (min-width: 1536px) {
+    .lg\:container {
+      max-width: 1536px;
+    }
+  }
+
+  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1rem * var(--tw-space-x-reverse));
+    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2rem * var(--tw-space-x-reverse));
+    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3rem * var(--tw-space-x-reverse));
+    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(4rem * var(--tw-space-x-reverse));
+    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(5rem * var(--tw-space-x-reverse));
+    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(6rem * var(--tw-space-x-reverse));
+    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(7rem * var(--tw-space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(8rem * var(--tw-space-x-reverse));
+    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(9rem * var(--tw-space-x-reverse));
+    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(10rem * var(--tw-space-x-reverse));
+    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(11rem * var(--tw-space-x-reverse));
+    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(12rem * var(--tw-space-x-reverse));
+    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(13rem * var(--tw-space-x-reverse));
+    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(14rem * var(--tw-space-x-reverse));
+    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(15rem * var(--tw-space-x-reverse));
+    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(16rem * var(--tw-space-x-reverse));
+    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(18rem * var(--tw-space-x-reverse));
+    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(20rem * var(--tw-space-x-reverse));
+    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(24rem * var(--tw-space-x-reverse));
+    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1px * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1px * var(--tw-space-x-reverse));
+    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-4rem * var(--tw-space-x-reverse));
+    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-6rem * var(--tw-space-x-reverse));
+    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-7rem * var(--tw-space-x-reverse));
+    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-8rem * var(--tw-space-x-reverse));
+    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-9rem * var(--tw-space-x-reverse));
+    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-10rem * var(--tw-space-x-reverse));
+    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--tw-space-x-reverse));
+    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-12rem * var(--tw-space-x-reverse));
+    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-13rem * var(--tw-space-x-reverse));
+    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-14rem * var(--tw-space-x-reverse));
+    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-15rem * var(--tw-space-x-reverse));
+    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-16rem * var(--tw-space-x-reverse));
+    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-18rem * var(--tw-space-x-reverse));
+    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-20rem * var(--tw-space-x-reverse));
+    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-24rem * var(--tw-space-x-reverse));
+    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1px * var(--tw-space-x-reverse));
+    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 1;
+  }
+
+  .lg\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 1;
+  }
+
+  .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+  }
+
+  .lg\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(0px * var(--tw-divide-x-reverse));
+    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .lg\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
+  }
+
+  .lg\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(2px * var(--tw-divide-x-reverse));
+    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .lg\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
+  }
+
+  .lg\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(4px * var(--tw-divide-x-reverse));
+    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .lg\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
+  }
+
+  .lg\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(8px * var(--tw-divide-x-reverse));
+    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .lg\:divide-y > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+  }
+
+  .lg\:divide-x > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .lg\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 1;
+  }
+
+  .lg\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 1;
+  }
+
+  .lg\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+    border-color: transparent;
+  }
+
+  .lg\:divide-current > :not([hidden]) ~ :not([hidden]) {
+    border-color: currentColor;
+  }
+
+  .lg\:divide-black > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-white > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-solid > :not([hidden]) ~ :not([hidden]) {
+    border-style: solid;
+  }
+
+  .lg\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
+    border-style: dashed;
+  }
+
+  .lg\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
+    border-style: dotted;
+  }
+
+  .lg\:divide-double > :not([hidden]) ~ :not([hidden]) {
+    border-style: double;
+  }
+
+  .lg\:divide-none > :not([hidden]) ~ :not([hidden]) {
+    border-style: none;
+  }
+
+  .lg\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0;
+  }
+
+  .lg\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.05;
+  }
+
+  .lg\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.1;
+  }
+
+  .lg\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.2;
+  }
+
+  .lg\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.25;
+  }
+
+  .lg\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.3;
+  }
+
+  .lg\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.4;
+  }
+
+  .lg\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.5;
+  }
+
+  .lg\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.6;
+  }
+
+  .lg\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.7;
+  }
+
+  .lg\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.75;
+  }
+
+  .lg\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.8;
+  }
+
+  .lg\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.9;
+  }
+
+  .lg\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.95;
+  }
+
+  .lg\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+  }
+
+  .lg\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .lg\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .lg\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .lg\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .lg\:focus\:sr-only:focus {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .lg\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .lg\:appearance-none {
+    -webkit-appearance: none;
+            appearance: none;
+  }
+
+  .lg\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .lg\:bg-local {
+    background-attachment: local;
+  }
+
+  .lg\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .lg\:bg-clip-border {
+    background-clip: border-box;
+  }
+
+  .lg\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .lg\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .lg\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .lg\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .lg\:bg-current {
+    background-color: currentColor;
+  }
+
+  .lg\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:hover .lg\:group-hover\:bg-current {
+    background-color: currentColor;
+  }
+
+  .group:hover .lg\:group-hover\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .lg\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .lg\:focus-within\:bg-black:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-white:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .lg\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .lg\:hover\:bg-black:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .lg\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .lg\:focus\:bg-black:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-white:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-none {
+    background-image: none;
+  }
+
+  .lg\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--tw-gradient-stops));
+  }
+
+  .lg\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
+  }
+
+  .lg\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--tw-gradient-stops));
+  }
+
+  .lg\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+  }
+
+  .lg\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+  }
+
+  .lg\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
+  }
+
+  .lg\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--tw-gradient-stops));
+  }
+
+  .lg\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
+  }
+
+  .lg\:from-transparent {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:from-current {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:from-black {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:from-white {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:from-gray-50 {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:from-gray-100 {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .lg\:from-gray-200 {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:from-gray-300 {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .lg\:from-gray-400 {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .lg\:from-gray-500 {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:from-gray-600 {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:from-gray-700 {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:from-gray-800 {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .lg\:from-gray-900 {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .lg\:from-red-50 {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .lg\:from-red-100 {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .lg\:from-red-200 {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .lg\:from-red-300 {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .lg\:from-red-400 {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .lg\:from-red-500 {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .lg\:from-red-600 {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .lg\:from-red-700 {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .lg\:from-red-800 {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .lg\:from-red-900 {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .lg\:from-yellow-50 {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .lg\:from-yellow-100 {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .lg\:from-yellow-200 {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .lg\:from-yellow-300 {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .lg\:from-yellow-400 {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .lg\:from-yellow-500 {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .lg\:from-yellow-600 {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .lg\:from-yellow-700 {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .lg\:from-yellow-800 {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .lg\:from-yellow-900 {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .lg\:from-green-50 {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .lg\:from-green-100 {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .lg\:from-green-200 {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .lg\:from-green-300 {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .lg\:from-green-400 {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .lg\:from-green-500 {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .lg\:from-green-600 {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .lg\:from-green-700 {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .lg\:from-green-800 {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .lg\:from-green-900 {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .lg\:from-blue-50 {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .lg\:from-blue-100 {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .lg\:from-blue-200 {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .lg\:from-blue-300 {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .lg\:from-blue-400 {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .lg\:from-blue-500 {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .lg\:from-blue-600 {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .lg\:from-blue-700 {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .lg\:from-blue-800 {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .lg\:from-blue-900 {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .lg\:from-indigo-50 {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .lg\:from-indigo-100 {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .lg\:from-indigo-200 {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .lg\:from-indigo-300 {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .lg\:from-indigo-400 {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .lg\:from-indigo-500 {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .lg\:from-indigo-600 {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .lg\:from-indigo-700 {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .lg\:from-indigo-800 {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .lg\:from-indigo-900 {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .lg\:from-purple-50 {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .lg\:from-purple-100 {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .lg\:from-purple-200 {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .lg\:from-purple-300 {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .lg\:from-purple-400 {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .lg\:from-purple-500 {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .lg\:from-purple-600 {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .lg\:from-purple-700 {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .lg\:from-purple-800 {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .lg\:from-purple-900 {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .lg\:from-pink-50 {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:from-pink-100 {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .lg\:from-pink-200 {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .lg\:from-pink-300 {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .lg\:from-pink-400 {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .lg\:from-pink-500 {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .lg\:from-pink-600 {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .lg\:from-pink-700 {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .lg\:from-pink-800 {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .lg\:from-pink-900 {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .lg\:via-transparent {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:via-current {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:via-black {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:via-white {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:via-gray-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .lg\:via-gray-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:via-gray-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .lg\:via-gray-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .lg\:via-gray-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:via-gray-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:via-gray-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:via-gray-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .lg\:via-gray-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .lg\:via-red-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .lg\:via-red-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .lg\:via-red-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .lg\:via-red-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .lg\:via-red-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .lg\:via-red-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .lg\:via-red-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .lg\:via-red-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .lg\:via-red-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .lg\:via-red-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .lg\:via-yellow-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .lg\:via-yellow-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .lg\:via-yellow-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .lg\:via-yellow-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .lg\:via-yellow-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .lg\:via-yellow-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .lg\:via-yellow-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .lg\:via-yellow-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .lg\:via-yellow-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .lg\:via-yellow-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .lg\:via-green-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .lg\:via-green-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .lg\:via-green-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .lg\:via-green-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .lg\:via-green-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .lg\:via-green-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .lg\:via-green-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .lg\:via-green-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .lg\:via-green-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .lg\:via-green-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .lg\:via-blue-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .lg\:via-blue-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .lg\:via-blue-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .lg\:via-blue-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .lg\:via-blue-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .lg\:via-blue-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .lg\:via-blue-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .lg\:via-blue-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .lg\:via-blue-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .lg\:via-blue-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .lg\:via-indigo-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .lg\:via-indigo-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .lg\:via-indigo-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .lg\:via-indigo-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .lg\:via-indigo-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .lg\:via-indigo-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .lg\:via-indigo-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .lg\:via-indigo-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .lg\:via-indigo-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .lg\:via-indigo-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .lg\:via-purple-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .lg\:via-purple-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .lg\:via-purple-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .lg\:via-purple-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .lg\:via-purple-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .lg\:via-purple-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .lg\:via-purple-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .lg\:via-purple-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .lg\:via-purple-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .lg\:via-purple-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .lg\:via-pink-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:via-pink-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .lg\:via-pink-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .lg\:via-pink-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .lg\:via-pink-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .lg\:via-pink-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .lg\:via-pink-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .lg\:via-pink-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .lg\:via-pink-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .lg\:via-pink-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .lg\:to-transparent {
+    --tw-gradient-to: transparent;
+  }
+
+  .lg\:to-current {
+    --tw-gradient-to: currentColor;
+  }
+
+  .lg\:to-black {
+    --tw-gradient-to: #000;
+  }
+
+  .lg\:to-white {
+    --tw-gradient-to: #fff;
+  }
+
+  .lg\:to-gray-50 {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .lg\:to-gray-100 {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .lg\:to-gray-200 {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .lg\:to-gray-300 {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .lg\:to-gray-400 {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .lg\:to-gray-500 {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .lg\:to-gray-600 {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .lg\:to-gray-700 {
+    --tw-gradient-to: #374151;
+  }
+
+  .lg\:to-gray-800 {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .lg\:to-gray-900 {
+    --tw-gradient-to: #111827;
+  }
+
+  .lg\:to-red-50 {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .lg\:to-red-100 {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .lg\:to-red-200 {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .lg\:to-red-300 {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .lg\:to-red-400 {
+    --tw-gradient-to: #f87171;
+  }
+
+  .lg\:to-red-500 {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .lg\:to-red-600 {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .lg\:to-red-700 {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .lg\:to-red-800 {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .lg\:to-red-900 {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .lg\:to-yellow-50 {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .lg\:to-yellow-100 {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .lg\:to-yellow-200 {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .lg\:to-yellow-300 {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .lg\:to-yellow-400 {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .lg\:to-yellow-500 {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .lg\:to-yellow-600 {
+    --tw-gradient-to: #d97706;
+  }
+
+  .lg\:to-yellow-700 {
+    --tw-gradient-to: #b45309;
+  }
+
+  .lg\:to-yellow-800 {
+    --tw-gradient-to: #92400e;
+  }
+
+  .lg\:to-yellow-900 {
+    --tw-gradient-to: #78350f;
+  }
+
+  .lg\:to-green-50 {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .lg\:to-green-100 {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .lg\:to-green-200 {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .lg\:to-green-300 {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .lg\:to-green-400 {
+    --tw-gradient-to: #34d399;
+  }
+
+  .lg\:to-green-500 {
+    --tw-gradient-to: #10b981;
+  }
+
+  .lg\:to-green-600 {
+    --tw-gradient-to: #059669;
+  }
+
+  .lg\:to-green-700 {
+    --tw-gradient-to: #047857;
+  }
+
+  .lg\:to-green-800 {
+    --tw-gradient-to: #065f46;
+  }
+
+  .lg\:to-green-900 {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .lg\:to-blue-50 {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .lg\:to-blue-100 {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .lg\:to-blue-200 {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .lg\:to-blue-300 {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .lg\:to-blue-400 {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .lg\:to-blue-500 {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .lg\:to-blue-600 {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .lg\:to-blue-700 {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .lg\:to-blue-800 {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .lg\:to-blue-900 {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .lg\:to-indigo-50 {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .lg\:to-indigo-100 {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .lg\:to-indigo-200 {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .lg\:to-indigo-300 {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .lg\:to-indigo-400 {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .lg\:to-indigo-500 {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .lg\:to-indigo-600 {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .lg\:to-indigo-700 {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .lg\:to-indigo-800 {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .lg\:to-indigo-900 {
+    --tw-gradient-to: #312e81;
+  }
+
+  .lg\:to-purple-50 {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .lg\:to-purple-100 {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .lg\:to-purple-200 {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .lg\:to-purple-300 {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .lg\:to-purple-400 {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .lg\:to-purple-500 {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .lg\:to-purple-600 {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .lg\:to-purple-700 {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .lg\:to-purple-800 {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .lg\:to-purple-900 {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .lg\:to-pink-50 {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .lg\:to-pink-100 {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .lg\:to-pink-200 {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .lg\:to-pink-300 {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .lg\:to-pink-400 {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .lg\:to-pink-500 {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .lg\:to-pink-600 {
+    --tw-gradient-to: #db2777;
+  }
+
+  .lg\:to-pink-700 {
+    --tw-gradient-to: #be185d;
+  }
+
+  .lg\:to-pink-800 {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .lg\:to-pink-900 {
+    --tw-gradient-to: #831843;
+  }
+
+  .lg\:hover\:from-transparent:hover {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:hover\:from-current:hover {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:hover\:from-black:hover {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:hover\:from-white:hover {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:hover\:from-gray-100:hover {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .lg\:hover\:from-gray-200:hover {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:hover\:from-gray-300:hover {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .lg\:hover\:from-gray-400:hover {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .lg\:hover\:from-gray-500:hover {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:hover\:from-gray-600:hover {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:hover\:from-gray-700:hover {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:hover\:from-gray-800:hover {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .lg\:hover\:from-gray-900:hover {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .lg\:hover\:from-red-50:hover {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .lg\:hover\:from-red-100:hover {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .lg\:hover\:from-red-200:hover {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .lg\:hover\:from-red-300:hover {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .lg\:hover\:from-red-400:hover {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .lg\:hover\:from-red-500:hover {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .lg\:hover\:from-red-600:hover {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .lg\:hover\:from-red-700:hover {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .lg\:hover\:from-red-800:hover {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .lg\:hover\:from-red-900:hover {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .lg\:hover\:from-yellow-50:hover {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .lg\:hover\:from-yellow-100:hover {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .lg\:hover\:from-yellow-200:hover {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .lg\:hover\:from-yellow-300:hover {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .lg\:hover\:from-yellow-400:hover {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .lg\:hover\:from-yellow-500:hover {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .lg\:hover\:from-yellow-600:hover {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .lg\:hover\:from-yellow-700:hover {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .lg\:hover\:from-yellow-800:hover {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .lg\:hover\:from-yellow-900:hover {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .lg\:hover\:from-green-50:hover {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .lg\:hover\:from-green-100:hover {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .lg\:hover\:from-green-200:hover {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .lg\:hover\:from-green-300:hover {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .lg\:hover\:from-green-400:hover {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .lg\:hover\:from-green-500:hover {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .lg\:hover\:from-green-600:hover {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .lg\:hover\:from-green-700:hover {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .lg\:hover\:from-green-800:hover {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .lg\:hover\:from-green-900:hover {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .lg\:hover\:from-blue-50:hover {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .lg\:hover\:from-blue-100:hover {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .lg\:hover\:from-blue-200:hover {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .lg\:hover\:from-blue-300:hover {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .lg\:hover\:from-blue-400:hover {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .lg\:hover\:from-blue-500:hover {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .lg\:hover\:from-blue-600:hover {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .lg\:hover\:from-blue-700:hover {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .lg\:hover\:from-blue-800:hover {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .lg\:hover\:from-blue-900:hover {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .lg\:hover\:from-indigo-50:hover {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .lg\:hover\:from-indigo-100:hover {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .lg\:hover\:from-indigo-200:hover {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .lg\:hover\:from-indigo-300:hover {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .lg\:hover\:from-indigo-400:hover {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .lg\:hover\:from-indigo-500:hover {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .lg\:hover\:from-indigo-600:hover {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .lg\:hover\:from-indigo-700:hover {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .lg\:hover\:from-indigo-800:hover {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .lg\:hover\:from-indigo-900:hover {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .lg\:hover\:from-purple-50:hover {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .lg\:hover\:from-purple-100:hover {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .lg\:hover\:from-purple-200:hover {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .lg\:hover\:from-purple-300:hover {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .lg\:hover\:from-purple-400:hover {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .lg\:hover\:from-purple-500:hover {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .lg\:hover\:from-purple-600:hover {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .lg\:hover\:from-purple-700:hover {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .lg\:hover\:from-purple-800:hover {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .lg\:hover\:from-purple-900:hover {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .lg\:hover\:from-pink-50:hover {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:hover\:from-pink-100:hover {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .lg\:hover\:from-pink-200:hover {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .lg\:hover\:from-pink-300:hover {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .lg\:hover\:from-pink-400:hover {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .lg\:hover\:from-pink-500:hover {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .lg\:hover\:from-pink-600:hover {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .lg\:hover\:from-pink-700:hover {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .lg\:hover\:from-pink-800:hover {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .lg\:hover\:from-pink-900:hover {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .lg\:hover\:via-transparent:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:hover\:via-current:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:hover\:via-black:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:hover\:via-white:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:hover\:via-gray-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .lg\:hover\:via-gray-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:hover\:via-gray-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .lg\:hover\:via-gray-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .lg\:hover\:via-gray-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:hover\:via-gray-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:hover\:via-gray-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:hover\:via-gray-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .lg\:hover\:via-gray-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .lg\:hover\:via-red-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .lg\:hover\:via-red-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .lg\:hover\:via-red-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .lg\:hover\:via-red-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .lg\:hover\:via-red-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .lg\:hover\:via-red-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .lg\:hover\:via-red-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .lg\:hover\:via-red-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .lg\:hover\:via-red-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .lg\:hover\:via-red-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .lg\:hover\:via-yellow-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .lg\:hover\:via-yellow-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .lg\:hover\:via-yellow-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .lg\:hover\:via-yellow-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .lg\:hover\:via-yellow-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .lg\:hover\:via-yellow-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .lg\:hover\:via-yellow-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .lg\:hover\:via-yellow-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .lg\:hover\:via-yellow-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .lg\:hover\:via-yellow-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .lg\:hover\:via-green-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .lg\:hover\:via-green-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .lg\:hover\:via-green-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .lg\:hover\:via-green-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .lg\:hover\:via-green-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .lg\:hover\:via-green-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .lg\:hover\:via-green-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .lg\:hover\:via-green-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .lg\:hover\:via-green-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .lg\:hover\:via-green-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .lg\:hover\:via-blue-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .lg\:hover\:via-blue-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .lg\:hover\:via-blue-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .lg\:hover\:via-blue-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .lg\:hover\:via-blue-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .lg\:hover\:via-blue-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .lg\:hover\:via-blue-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .lg\:hover\:via-blue-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .lg\:hover\:via-blue-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .lg\:hover\:via-blue-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .lg\:hover\:via-indigo-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .lg\:hover\:via-indigo-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .lg\:hover\:via-indigo-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .lg\:hover\:via-indigo-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .lg\:hover\:via-indigo-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .lg\:hover\:via-indigo-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .lg\:hover\:via-indigo-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .lg\:hover\:via-indigo-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .lg\:hover\:via-indigo-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .lg\:hover\:via-indigo-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .lg\:hover\:via-purple-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .lg\:hover\:via-purple-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .lg\:hover\:via-purple-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .lg\:hover\:via-purple-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .lg\:hover\:via-purple-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .lg\:hover\:via-purple-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .lg\:hover\:via-purple-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .lg\:hover\:via-purple-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .lg\:hover\:via-purple-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .lg\:hover\:via-purple-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .lg\:hover\:via-pink-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:hover\:via-pink-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .lg\:hover\:via-pink-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .lg\:hover\:via-pink-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .lg\:hover\:via-pink-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .lg\:hover\:via-pink-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .lg\:hover\:via-pink-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .lg\:hover\:via-pink-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .lg\:hover\:via-pink-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .lg\:hover\:via-pink-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .lg\:hover\:to-transparent:hover {
+    --tw-gradient-to: transparent;
+  }
+
+  .lg\:hover\:to-current:hover {
+    --tw-gradient-to: currentColor;
+  }
+
+  .lg\:hover\:to-black:hover {
+    --tw-gradient-to: #000;
+  }
+
+  .lg\:hover\:to-white:hover {
+    --tw-gradient-to: #fff;
+  }
+
+  .lg\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .lg\:hover\:to-gray-100:hover {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .lg\:hover\:to-gray-200:hover {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .lg\:hover\:to-gray-300:hover {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .lg\:hover\:to-gray-400:hover {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .lg\:hover\:to-gray-500:hover {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .lg\:hover\:to-gray-600:hover {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .lg\:hover\:to-gray-700:hover {
+    --tw-gradient-to: #374151;
+  }
+
+  .lg\:hover\:to-gray-800:hover {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .lg\:hover\:to-gray-900:hover {
+    --tw-gradient-to: #111827;
+  }
+
+  .lg\:hover\:to-red-50:hover {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .lg\:hover\:to-red-100:hover {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .lg\:hover\:to-red-200:hover {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .lg\:hover\:to-red-300:hover {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .lg\:hover\:to-red-400:hover {
+    --tw-gradient-to: #f87171;
+  }
+
+  .lg\:hover\:to-red-500:hover {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .lg\:hover\:to-red-600:hover {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .lg\:hover\:to-red-700:hover {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .lg\:hover\:to-red-800:hover {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .lg\:hover\:to-red-900:hover {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .lg\:hover\:to-yellow-50:hover {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .lg\:hover\:to-yellow-100:hover {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .lg\:hover\:to-yellow-200:hover {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .lg\:hover\:to-yellow-300:hover {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .lg\:hover\:to-yellow-400:hover {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .lg\:hover\:to-yellow-500:hover {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .lg\:hover\:to-yellow-600:hover {
+    --tw-gradient-to: #d97706;
+  }
+
+  .lg\:hover\:to-yellow-700:hover {
+    --tw-gradient-to: #b45309;
+  }
+
+  .lg\:hover\:to-yellow-800:hover {
+    --tw-gradient-to: #92400e;
+  }
+
+  .lg\:hover\:to-yellow-900:hover {
+    --tw-gradient-to: #78350f;
+  }
+
+  .lg\:hover\:to-green-50:hover {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .lg\:hover\:to-green-100:hover {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .lg\:hover\:to-green-200:hover {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .lg\:hover\:to-green-300:hover {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .lg\:hover\:to-green-400:hover {
+    --tw-gradient-to: #34d399;
+  }
+
+  .lg\:hover\:to-green-500:hover {
+    --tw-gradient-to: #10b981;
+  }
+
+  .lg\:hover\:to-green-600:hover {
+    --tw-gradient-to: #059669;
+  }
+
+  .lg\:hover\:to-green-700:hover {
+    --tw-gradient-to: #047857;
+  }
+
+  .lg\:hover\:to-green-800:hover {
+    --tw-gradient-to: #065f46;
+  }
+
+  .lg\:hover\:to-green-900:hover {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .lg\:hover\:to-blue-50:hover {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .lg\:hover\:to-blue-100:hover {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .lg\:hover\:to-blue-200:hover {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .lg\:hover\:to-blue-300:hover {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .lg\:hover\:to-blue-400:hover {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .lg\:hover\:to-blue-500:hover {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .lg\:hover\:to-blue-600:hover {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .lg\:hover\:to-blue-700:hover {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .lg\:hover\:to-blue-800:hover {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .lg\:hover\:to-blue-900:hover {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .lg\:hover\:to-indigo-50:hover {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .lg\:hover\:to-indigo-100:hover {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .lg\:hover\:to-indigo-200:hover {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .lg\:hover\:to-indigo-300:hover {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .lg\:hover\:to-indigo-400:hover {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .lg\:hover\:to-indigo-500:hover {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .lg\:hover\:to-indigo-600:hover {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .lg\:hover\:to-indigo-700:hover {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .lg\:hover\:to-indigo-800:hover {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .lg\:hover\:to-indigo-900:hover {
+    --tw-gradient-to: #312e81;
+  }
+
+  .lg\:hover\:to-purple-50:hover {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .lg\:hover\:to-purple-100:hover {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .lg\:hover\:to-purple-200:hover {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .lg\:hover\:to-purple-300:hover {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .lg\:hover\:to-purple-400:hover {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .lg\:hover\:to-purple-500:hover {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .lg\:hover\:to-purple-600:hover {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .lg\:hover\:to-purple-700:hover {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .lg\:hover\:to-purple-800:hover {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .lg\:hover\:to-purple-900:hover {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .lg\:hover\:to-pink-50:hover {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .lg\:hover\:to-pink-100:hover {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .lg\:hover\:to-pink-200:hover {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .lg\:hover\:to-pink-300:hover {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .lg\:hover\:to-pink-400:hover {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .lg\:hover\:to-pink-500:hover {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .lg\:hover\:to-pink-600:hover {
+    --tw-gradient-to: #db2777;
+  }
+
+  .lg\:hover\:to-pink-700:hover {
+    --tw-gradient-to: #be185d;
+  }
+
+  .lg\:hover\:to-pink-800:hover {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .lg\:hover\:to-pink-900:hover {
+    --tw-gradient-to: #831843;
+  }
+
+  .lg\:focus\:from-transparent:focus {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:focus\:from-current:focus {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:focus\:from-black:focus {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:focus\:from-white:focus {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:focus\:from-gray-100:focus {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .lg\:focus\:from-gray-200:focus {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:focus\:from-gray-300:focus {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .lg\:focus\:from-gray-400:focus {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .lg\:focus\:from-gray-500:focus {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:focus\:from-gray-600:focus {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:focus\:from-gray-700:focus {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:focus\:from-gray-800:focus {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .lg\:focus\:from-gray-900:focus {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .lg\:focus\:from-red-50:focus {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .lg\:focus\:from-red-100:focus {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .lg\:focus\:from-red-200:focus {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .lg\:focus\:from-red-300:focus {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .lg\:focus\:from-red-400:focus {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .lg\:focus\:from-red-500:focus {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .lg\:focus\:from-red-600:focus {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .lg\:focus\:from-red-700:focus {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .lg\:focus\:from-red-800:focus {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .lg\:focus\:from-red-900:focus {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .lg\:focus\:from-yellow-50:focus {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .lg\:focus\:from-yellow-100:focus {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .lg\:focus\:from-yellow-200:focus {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .lg\:focus\:from-yellow-300:focus {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .lg\:focus\:from-yellow-400:focus {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .lg\:focus\:from-yellow-500:focus {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .lg\:focus\:from-yellow-600:focus {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .lg\:focus\:from-yellow-700:focus {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .lg\:focus\:from-yellow-800:focus {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .lg\:focus\:from-yellow-900:focus {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .lg\:focus\:from-green-50:focus {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .lg\:focus\:from-green-100:focus {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .lg\:focus\:from-green-200:focus {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .lg\:focus\:from-green-300:focus {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .lg\:focus\:from-green-400:focus {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .lg\:focus\:from-green-500:focus {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .lg\:focus\:from-green-600:focus {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .lg\:focus\:from-green-700:focus {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .lg\:focus\:from-green-800:focus {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .lg\:focus\:from-green-900:focus {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .lg\:focus\:from-blue-50:focus {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .lg\:focus\:from-blue-100:focus {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .lg\:focus\:from-blue-200:focus {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .lg\:focus\:from-blue-300:focus {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .lg\:focus\:from-blue-400:focus {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .lg\:focus\:from-blue-500:focus {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .lg\:focus\:from-blue-600:focus {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .lg\:focus\:from-blue-700:focus {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .lg\:focus\:from-blue-800:focus {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .lg\:focus\:from-blue-900:focus {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .lg\:focus\:from-indigo-50:focus {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .lg\:focus\:from-indigo-100:focus {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .lg\:focus\:from-indigo-200:focus {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .lg\:focus\:from-indigo-300:focus {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .lg\:focus\:from-indigo-400:focus {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .lg\:focus\:from-indigo-500:focus {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .lg\:focus\:from-indigo-600:focus {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .lg\:focus\:from-indigo-700:focus {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .lg\:focus\:from-indigo-800:focus {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .lg\:focus\:from-indigo-900:focus {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .lg\:focus\:from-purple-50:focus {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .lg\:focus\:from-purple-100:focus {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .lg\:focus\:from-purple-200:focus {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .lg\:focus\:from-purple-300:focus {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .lg\:focus\:from-purple-400:focus {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .lg\:focus\:from-purple-500:focus {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .lg\:focus\:from-purple-600:focus {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .lg\:focus\:from-purple-700:focus {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .lg\:focus\:from-purple-800:focus {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .lg\:focus\:from-purple-900:focus {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .lg\:focus\:from-pink-50:focus {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:focus\:from-pink-100:focus {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .lg\:focus\:from-pink-200:focus {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .lg\:focus\:from-pink-300:focus {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .lg\:focus\:from-pink-400:focus {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .lg\:focus\:from-pink-500:focus {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .lg\:focus\:from-pink-600:focus {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .lg\:focus\:from-pink-700:focus {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .lg\:focus\:from-pink-800:focus {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .lg\:focus\:from-pink-900:focus {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .lg\:focus\:via-transparent:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:focus\:via-current:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:focus\:via-black:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:focus\:via-white:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:focus\:via-gray-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .lg\:focus\:via-gray-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:focus\:via-gray-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .lg\:focus\:via-gray-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .lg\:focus\:via-gray-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:focus\:via-gray-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:focus\:via-gray-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:focus\:via-gray-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .lg\:focus\:via-gray-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .lg\:focus\:via-red-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .lg\:focus\:via-red-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .lg\:focus\:via-red-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .lg\:focus\:via-red-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .lg\:focus\:via-red-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .lg\:focus\:via-red-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .lg\:focus\:via-red-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .lg\:focus\:via-red-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .lg\:focus\:via-red-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .lg\:focus\:via-red-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .lg\:focus\:via-yellow-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .lg\:focus\:via-yellow-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .lg\:focus\:via-yellow-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .lg\:focus\:via-yellow-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .lg\:focus\:via-yellow-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .lg\:focus\:via-yellow-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .lg\:focus\:via-yellow-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .lg\:focus\:via-yellow-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .lg\:focus\:via-yellow-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .lg\:focus\:via-yellow-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .lg\:focus\:via-green-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .lg\:focus\:via-green-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .lg\:focus\:via-green-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .lg\:focus\:via-green-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .lg\:focus\:via-green-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .lg\:focus\:via-green-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .lg\:focus\:via-green-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .lg\:focus\:via-green-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .lg\:focus\:via-green-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .lg\:focus\:via-green-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .lg\:focus\:via-blue-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .lg\:focus\:via-blue-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .lg\:focus\:via-blue-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .lg\:focus\:via-blue-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .lg\:focus\:via-blue-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .lg\:focus\:via-blue-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .lg\:focus\:via-blue-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .lg\:focus\:via-blue-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .lg\:focus\:via-blue-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .lg\:focus\:via-blue-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .lg\:focus\:via-indigo-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .lg\:focus\:via-indigo-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .lg\:focus\:via-indigo-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .lg\:focus\:via-indigo-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .lg\:focus\:via-indigo-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .lg\:focus\:via-indigo-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .lg\:focus\:via-indigo-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .lg\:focus\:via-indigo-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .lg\:focus\:via-indigo-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .lg\:focus\:via-indigo-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .lg\:focus\:via-purple-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .lg\:focus\:via-purple-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .lg\:focus\:via-purple-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .lg\:focus\:via-purple-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .lg\:focus\:via-purple-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .lg\:focus\:via-purple-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .lg\:focus\:via-purple-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .lg\:focus\:via-purple-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .lg\:focus\:via-purple-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .lg\:focus\:via-purple-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .lg\:focus\:via-pink-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:focus\:via-pink-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .lg\:focus\:via-pink-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .lg\:focus\:via-pink-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .lg\:focus\:via-pink-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .lg\:focus\:via-pink-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .lg\:focus\:via-pink-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .lg\:focus\:via-pink-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .lg\:focus\:via-pink-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .lg\:focus\:via-pink-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .lg\:focus\:to-transparent:focus {
+    --tw-gradient-to: transparent;
+  }
+
+  .lg\:focus\:to-current:focus {
+    --tw-gradient-to: currentColor;
+  }
+
+  .lg\:focus\:to-black:focus {
+    --tw-gradient-to: #000;
+  }
+
+  .lg\:focus\:to-white:focus {
+    --tw-gradient-to: #fff;
+  }
+
+  .lg\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .lg\:focus\:to-gray-100:focus {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .lg\:focus\:to-gray-200:focus {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .lg\:focus\:to-gray-300:focus {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .lg\:focus\:to-gray-400:focus {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .lg\:focus\:to-gray-500:focus {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .lg\:focus\:to-gray-600:focus {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .lg\:focus\:to-gray-700:focus {
+    --tw-gradient-to: #374151;
+  }
+
+  .lg\:focus\:to-gray-800:focus {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .lg\:focus\:to-gray-900:focus {
+    --tw-gradient-to: #111827;
+  }
+
+  .lg\:focus\:to-red-50:focus {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .lg\:focus\:to-red-100:focus {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .lg\:focus\:to-red-200:focus {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .lg\:focus\:to-red-300:focus {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .lg\:focus\:to-red-400:focus {
+    --tw-gradient-to: #f87171;
+  }
+
+  .lg\:focus\:to-red-500:focus {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .lg\:focus\:to-red-600:focus {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .lg\:focus\:to-red-700:focus {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .lg\:focus\:to-red-800:focus {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .lg\:focus\:to-red-900:focus {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .lg\:focus\:to-yellow-50:focus {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .lg\:focus\:to-yellow-100:focus {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .lg\:focus\:to-yellow-200:focus {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .lg\:focus\:to-yellow-300:focus {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .lg\:focus\:to-yellow-400:focus {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .lg\:focus\:to-yellow-500:focus {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .lg\:focus\:to-yellow-600:focus {
+    --tw-gradient-to: #d97706;
+  }
+
+  .lg\:focus\:to-yellow-700:focus {
+    --tw-gradient-to: #b45309;
+  }
+
+  .lg\:focus\:to-yellow-800:focus {
+    --tw-gradient-to: #92400e;
+  }
+
+  .lg\:focus\:to-yellow-900:focus {
+    --tw-gradient-to: #78350f;
+  }
+
+  .lg\:focus\:to-green-50:focus {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .lg\:focus\:to-green-100:focus {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .lg\:focus\:to-green-200:focus {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .lg\:focus\:to-green-300:focus {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .lg\:focus\:to-green-400:focus {
+    --tw-gradient-to: #34d399;
+  }
+
+  .lg\:focus\:to-green-500:focus {
+    --tw-gradient-to: #10b981;
+  }
+
+  .lg\:focus\:to-green-600:focus {
+    --tw-gradient-to: #059669;
+  }
+
+  .lg\:focus\:to-green-700:focus {
+    --tw-gradient-to: #047857;
+  }
+
+  .lg\:focus\:to-green-800:focus {
+    --tw-gradient-to: #065f46;
+  }
+
+  .lg\:focus\:to-green-900:focus {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .lg\:focus\:to-blue-50:focus {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .lg\:focus\:to-blue-100:focus {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .lg\:focus\:to-blue-200:focus {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .lg\:focus\:to-blue-300:focus {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .lg\:focus\:to-blue-400:focus {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .lg\:focus\:to-blue-500:focus {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .lg\:focus\:to-blue-600:focus {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .lg\:focus\:to-blue-700:focus {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .lg\:focus\:to-blue-800:focus {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .lg\:focus\:to-blue-900:focus {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .lg\:focus\:to-indigo-50:focus {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .lg\:focus\:to-indigo-100:focus {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .lg\:focus\:to-indigo-200:focus {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .lg\:focus\:to-indigo-300:focus {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .lg\:focus\:to-indigo-400:focus {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .lg\:focus\:to-indigo-500:focus {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .lg\:focus\:to-indigo-600:focus {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .lg\:focus\:to-indigo-700:focus {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .lg\:focus\:to-indigo-800:focus {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .lg\:focus\:to-indigo-900:focus {
+    --tw-gradient-to: #312e81;
+  }
+
+  .lg\:focus\:to-purple-50:focus {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .lg\:focus\:to-purple-100:focus {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .lg\:focus\:to-purple-200:focus {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .lg\:focus\:to-purple-300:focus {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .lg\:focus\:to-purple-400:focus {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .lg\:focus\:to-purple-500:focus {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .lg\:focus\:to-purple-600:focus {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .lg\:focus\:to-purple-700:focus {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .lg\:focus\:to-purple-800:focus {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .lg\:focus\:to-purple-900:focus {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .lg\:focus\:to-pink-50:focus {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .lg\:focus\:to-pink-100:focus {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .lg\:focus\:to-pink-200:focus {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .lg\:focus\:to-pink-300:focus {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .lg\:focus\:to-pink-400:focus {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .lg\:focus\:to-pink-500:focus {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .lg\:focus\:to-pink-600:focus {
+    --tw-gradient-to: #db2777;
+  }
+
+  .lg\:focus\:to-pink-700:focus {
+    --tw-gradient-to: #be185d;
+  }
+
+  .lg\:focus\:to-pink-800:focus {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .lg\:focus\:to-pink-900:focus {
+    --tw-gradient-to: #831843;
+  }
+
+  .lg\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .lg\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .lg\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .lg\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .lg\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .lg\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .lg\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .lg\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .lg\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .lg\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .lg\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .lg\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .lg\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .lg\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .lg\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .lg\:focus-within\:bg-opacity-0:focus-within {
+    --tw-bg-opacity: 0;
+  }
+
+  .lg\:focus-within\:bg-opacity-5:focus-within {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .lg\:focus-within\:bg-opacity-10:focus-within {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .lg\:focus-within\:bg-opacity-20:focus-within {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .lg\:focus-within\:bg-opacity-25:focus-within {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .lg\:focus-within\:bg-opacity-30:focus-within {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .lg\:focus-within\:bg-opacity-40:focus-within {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .lg\:focus-within\:bg-opacity-50:focus-within {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .lg\:focus-within\:bg-opacity-60:focus-within {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .lg\:focus-within\:bg-opacity-70:focus-within {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .lg\:focus-within\:bg-opacity-75:focus-within {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .lg\:focus-within\:bg-opacity-80:focus-within {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .lg\:focus-within\:bg-opacity-90:focus-within {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .lg\:focus-within\:bg-opacity-95:focus-within {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .lg\:focus-within\:bg-opacity-100:focus-within {
+    --tw-bg-opacity: 1;
+  }
+
+  .lg\:hover\:bg-opacity-0:hover {
+    --tw-bg-opacity: 0;
+  }
+
+  .lg\:hover\:bg-opacity-5:hover {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .lg\:hover\:bg-opacity-10:hover {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .lg\:hover\:bg-opacity-20:hover {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .lg\:hover\:bg-opacity-25:hover {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .lg\:hover\:bg-opacity-30:hover {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .lg\:hover\:bg-opacity-40:hover {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .lg\:hover\:bg-opacity-50:hover {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .lg\:hover\:bg-opacity-60:hover {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .lg\:hover\:bg-opacity-70:hover {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .lg\:hover\:bg-opacity-75:hover {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .lg\:hover\:bg-opacity-80:hover {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .lg\:hover\:bg-opacity-90:hover {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .lg\:hover\:bg-opacity-95:hover {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .lg\:hover\:bg-opacity-100:hover {
+    --tw-bg-opacity: 1;
+  }
+
+  .lg\:focus\:bg-opacity-0:focus {
+    --tw-bg-opacity: 0;
+  }
+
+  .lg\:focus\:bg-opacity-5:focus {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .lg\:focus\:bg-opacity-10:focus {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .lg\:focus\:bg-opacity-20:focus {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .lg\:focus\:bg-opacity-25:focus {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .lg\:focus\:bg-opacity-30:focus {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .lg\:focus\:bg-opacity-40:focus {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .lg\:focus\:bg-opacity-50:focus {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .lg\:focus\:bg-opacity-60:focus {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .lg\:focus\:bg-opacity-70:focus {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .lg\:focus\:bg-opacity-75:focus {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .lg\:focus\:bg-opacity-80:focus {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .lg\:focus\:bg-opacity-90:focus {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .lg\:focus\:bg-opacity-95:focus {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .lg\:focus\:bg-opacity-100:focus {
+    --tw-bg-opacity: 1;
+  }
+
+  .lg\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .lg\:bg-center {
+    background-position: center;
+  }
+
+  .lg\:bg-left {
+    background-position: left;
+  }
+
+  .lg\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .lg\:bg-left-top {
+    background-position: left top;
+  }
+
+  .lg\:bg-right {
+    background-position: right;
+  }
+
+  .lg\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .lg\:bg-right-top {
+    background-position: right top;
+  }
+
+  .lg\:bg-top {
+    background-position: top;
+  }
+
+  .lg\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .lg\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .lg\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .lg\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .lg\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .lg\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .lg\:bg-auto {
+    background-size: auto;
+  }
+
+  .lg\:bg-cover {
+    background-size: cover;
+  }
+
+  .lg\:bg-contain {
+    background-size: contain;
+  }
+
+  .lg\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .lg\:border-separate {
+    border-collapse: separate;
+  }
+
+  .lg\:border-transparent {
+    border-color: transparent;
+  }
+
+  .lg\:border-current {
+    border-color: currentColor;
+  }
+
+  .lg\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .lg\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:hover .lg\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  .group:hover .lg\:group-hover\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .lg\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .lg\:focus-within\:border-black:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-white:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .lg\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .lg\:hover\:border-black:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-white:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .lg\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .lg\:focus\:border-black:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-white:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .lg\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .lg\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .lg\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .lg\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .lg\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .lg\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .lg\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .lg\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .lg\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .lg\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .lg\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .lg\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .lg\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .lg\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .lg\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .lg\:focus-within\:border-opacity-0:focus-within {
+    --tw-border-opacity: 0;
+  }
+
+  .lg\:focus-within\:border-opacity-5:focus-within {
+    --tw-border-opacity: 0.05;
+  }
+
+  .lg\:focus-within\:border-opacity-10:focus-within {
+    --tw-border-opacity: 0.1;
+  }
+
+  .lg\:focus-within\:border-opacity-20:focus-within {
+    --tw-border-opacity: 0.2;
+  }
+
+  .lg\:focus-within\:border-opacity-25:focus-within {
+    --tw-border-opacity: 0.25;
+  }
+
+  .lg\:focus-within\:border-opacity-30:focus-within {
+    --tw-border-opacity: 0.3;
+  }
+
+  .lg\:focus-within\:border-opacity-40:focus-within {
+    --tw-border-opacity: 0.4;
+  }
+
+  .lg\:focus-within\:border-opacity-50:focus-within {
+    --tw-border-opacity: 0.5;
+  }
+
+  .lg\:focus-within\:border-opacity-60:focus-within {
+    --tw-border-opacity: 0.6;
+  }
+
+  .lg\:focus-within\:border-opacity-70:focus-within {
+    --tw-border-opacity: 0.7;
+  }
+
+  .lg\:focus-within\:border-opacity-75:focus-within {
+    --tw-border-opacity: 0.75;
+  }
+
+  .lg\:focus-within\:border-opacity-80:focus-within {
+    --tw-border-opacity: 0.8;
+  }
+
+  .lg\:focus-within\:border-opacity-90:focus-within {
+    --tw-border-opacity: 0.9;
+  }
+
+  .lg\:focus-within\:border-opacity-95:focus-within {
+    --tw-border-opacity: 0.95;
+  }
+
+  .lg\:focus-within\:border-opacity-100:focus-within {
+    --tw-border-opacity: 1;
+  }
+
+  .lg\:hover\:border-opacity-0:hover {
+    --tw-border-opacity: 0;
+  }
+
+  .lg\:hover\:border-opacity-5:hover {
+    --tw-border-opacity: 0.05;
+  }
+
+  .lg\:hover\:border-opacity-10:hover {
+    --tw-border-opacity: 0.1;
+  }
+
+  .lg\:hover\:border-opacity-20:hover {
+    --tw-border-opacity: 0.2;
+  }
+
+  .lg\:hover\:border-opacity-25:hover {
+    --tw-border-opacity: 0.25;
+  }
+
+  .lg\:hover\:border-opacity-30:hover {
+    --tw-border-opacity: 0.3;
+  }
+
+  .lg\:hover\:border-opacity-40:hover {
+    --tw-border-opacity: 0.4;
+  }
+
+  .lg\:hover\:border-opacity-50:hover {
+    --tw-border-opacity: 0.5;
+  }
+
+  .lg\:hover\:border-opacity-60:hover {
+    --tw-border-opacity: 0.6;
+  }
+
+  .lg\:hover\:border-opacity-70:hover {
+    --tw-border-opacity: 0.7;
+  }
+
+  .lg\:hover\:border-opacity-75:hover {
+    --tw-border-opacity: 0.75;
+  }
+
+  .lg\:hover\:border-opacity-80:hover {
+    --tw-border-opacity: 0.8;
+  }
+
+  .lg\:hover\:border-opacity-90:hover {
+    --tw-border-opacity: 0.9;
+  }
+
+  .lg\:hover\:border-opacity-95:hover {
+    --tw-border-opacity: 0.95;
+  }
+
+  .lg\:hover\:border-opacity-100:hover {
+    --tw-border-opacity: 1;
+  }
+
+  .lg\:focus\:border-opacity-0:focus {
+    --tw-border-opacity: 0;
+  }
+
+  .lg\:focus\:border-opacity-5:focus {
+    --tw-border-opacity: 0.05;
+  }
+
+  .lg\:focus\:border-opacity-10:focus {
+    --tw-border-opacity: 0.1;
+  }
+
+  .lg\:focus\:border-opacity-20:focus {
+    --tw-border-opacity: 0.2;
+  }
+
+  .lg\:focus\:border-opacity-25:focus {
+    --tw-border-opacity: 0.25;
+  }
+
+  .lg\:focus\:border-opacity-30:focus {
+    --tw-border-opacity: 0.3;
+  }
+
+  .lg\:focus\:border-opacity-40:focus {
+    --tw-border-opacity: 0.4;
+  }
+
+  .lg\:focus\:border-opacity-50:focus {
+    --tw-border-opacity: 0.5;
+  }
+
+  .lg\:focus\:border-opacity-60:focus {
+    --tw-border-opacity: 0.6;
+  }
+
+  .lg\:focus\:border-opacity-70:focus {
+    --tw-border-opacity: 0.7;
+  }
+
+  .lg\:focus\:border-opacity-75:focus {
+    --tw-border-opacity: 0.75;
+  }
+
+  .lg\:focus\:border-opacity-80:focus {
+    --tw-border-opacity: 0.8;
+  }
+
+  .lg\:focus\:border-opacity-90:focus {
+    --tw-border-opacity: 0.9;
+  }
+
+  .lg\:focus\:border-opacity-95:focus {
+    --tw-border-opacity: 0.95;
+  }
+
+  .lg\:focus\:border-opacity-100:focus {
+    --tw-border-opacity: 1;
+  }
+
+  .lg\:rounded-none {
+    border-radius: 0px;
+  }
+
+  .lg\:rounded-sm {
+    border-radius: 0.125rem;
+  }
+
+  .lg\:rounded {
+    border-radius: 0.25rem;
+  }
+
+  .lg\:rounded-md {
+    border-radius: 0.375rem;
+  }
+
+  .lg\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .lg\:rounded-xl {
+    border-radius: 0.75rem;
+  }
+
+  .lg\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .lg\:rounded-3xl {
+    border-radius: 1.5rem;
+  }
+
+  .lg\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .lg\:rounded-t-none {
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+  }
+
+  .lg\:rounded-r-none {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+  }
+
+  .lg\:rounded-b-none {
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .lg\:rounded-l-none {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .lg\:rounded-t-sm {
+    border-top-left-radius: 0.125rem;
+    border-top-right-radius: 0.125rem;
+  }
+
+  .lg\:rounded-r-sm {
+    border-top-right-radius: 0.125rem;
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .lg\:rounded-b-sm {
+    border-bottom-right-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .lg\:rounded-l-sm {
+    border-top-left-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .lg\:rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
+
+  .lg\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .lg\:rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .lg\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .lg\:rounded-t-md {
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+  }
+
+  .lg\:rounded-r-md {
+    border-top-right-radius: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .lg\:rounded-b-md {
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .lg\:rounded-l-md {
+    border-top-left-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .lg\:rounded-t-lg {
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+  }
+
+  .lg\:rounded-r-lg {
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .lg\:rounded-b-lg {
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .lg\:rounded-l-lg {
+    border-top-left-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .lg\:rounded-t-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .lg\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .lg\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .lg\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .lg\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .lg\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .lg\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .lg\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .lg\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .lg\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .lg\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .lg\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .lg\:rounded-t-full {
+    border-top-left-radius: 9999px;
+    border-top-right-radius: 9999px;
+  }
+
+  .lg\:rounded-r-full {
+    border-top-right-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+  }
+
+  .lg\:rounded-b-full {
+    border-bottom-right-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .lg\:rounded-l-full {
+    border-top-left-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .lg\:rounded-tl-none {
+    border-top-left-radius: 0px;
+  }
+
+  .lg\:rounded-tr-none {
+    border-top-right-radius: 0px;
+  }
+
+  .lg\:rounded-br-none {
+    border-bottom-right-radius: 0px;
+  }
+
+  .lg\:rounded-bl-none {
+    border-bottom-left-radius: 0px;
+  }
+
+  .lg\:rounded-tl-sm {
+    border-top-left-radius: 0.125rem;
+  }
+
+  .lg\:rounded-tr-sm {
+    border-top-right-radius: 0.125rem;
+  }
+
+  .lg\:rounded-br-sm {
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .lg\:rounded-bl-sm {
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .lg\:rounded-tl {
+    border-top-left-radius: 0.25rem;
+  }
+
+  .lg\:rounded-tr {
+    border-top-right-radius: 0.25rem;
+  }
+
+  .lg\:rounded-br {
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .lg\:rounded-bl {
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .lg\:rounded-tl-md {
+    border-top-left-radius: 0.375rem;
+  }
+
+  .lg\:rounded-tr-md {
+    border-top-right-radius: 0.375rem;
+  }
+
+  .lg\:rounded-br-md {
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .lg\:rounded-bl-md {
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .lg\:rounded-tl-lg {
+    border-top-left-radius: 0.5rem;
+  }
+
+  .lg\:rounded-tr-lg {
+    border-top-right-radius: 0.5rem;
+  }
+
+  .lg\:rounded-br-lg {
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .lg\:rounded-bl-lg {
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .lg\:rounded-tl-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .lg\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .lg\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .lg\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .lg\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .lg\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .lg\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .lg\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .lg\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .lg\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .lg\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .lg\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .lg\:rounded-tl-full {
+    border-top-left-radius: 9999px;
+  }
+
+  .lg\:rounded-tr-full {
+    border-top-right-radius: 9999px;
+  }
+
+  .lg\:rounded-br-full {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .lg\:rounded-bl-full {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .lg\:border-solid {
+    border-style: solid;
+  }
+
+  .lg\:border-dashed {
+    border-style: dashed;
+  }
+
+  .lg\:border-dotted {
+    border-style: dotted;
+  }
+
+  .lg\:border-double {
+    border-style: double;
+  }
+
+  .lg\:border-none {
+    border-style: none;
+  }
+
+  .lg\:border-0 {
+    border-width: 0px;
+  }
+
+  .lg\:border-2 {
+    border-width: 2px;
+  }
+
+  .lg\:border-4 {
+    border-width: 4px;
+  }
+
+  .lg\:border-8 {
+    border-width: 8px;
+  }
+
+  .lg\:border {
+    border-width: 1px;
+  }
+
+  .lg\:border-t-0 {
+    border-top-width: 0px;
+  }
+
+  .lg\:border-r-0 {
+    border-right-width: 0px;
+  }
+
+  .lg\:border-b-0 {
+    border-bottom-width: 0px;
+  }
+
+  .lg\:border-l-0 {
+    border-left-width: 0px;
+  }
+
+  .lg\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .lg\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .lg\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .lg\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .lg\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .lg\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .lg\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .lg\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .lg\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .lg\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .lg\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .lg\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .lg\:border-t {
+    border-top-width: 1px;
+  }
+
+  .lg\:border-r {
+    border-right-width: 1px;
+  }
+
+  .lg\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .lg\:border-l {
+    border-left-width: 1px;
+  }
+
+  .lg\:box-border {
+    box-sizing: border-box;
+  }
+
+  .lg\:box-content {
+    box-sizing: content-box;
+  }
+
+  .lg\:cursor-auto {
+    cursor: auto;
+  }
+
+  .lg\:cursor-default {
+    cursor: default;
+  }
+
+  .lg\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .lg\:cursor-wait {
+    cursor: wait;
+  }
+
+  .lg\:cursor-text {
+    cursor: text;
+  }
+
+  .lg\:cursor-move {
+    cursor: move;
+  }
+
+  .lg\:cursor-help {
+    cursor: help;
+  }
+
+  .lg\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
+  .lg\:block {
+    display: block;
+  }
+
+  .lg\:inline-block {
+    display: inline-block;
+  }
+
+  .lg\:inline {
+    display: inline;
+  }
+
+  .lg\:flex {
+    display: flex;
+  }
+
+  .lg\:inline-flex {
+    display: inline-flex;
+  }
+
+  .lg\:table {
+    display: table;
+  }
+
+  .lg\:table-caption {
+    display: table-caption;
+  }
+
+  .lg\:table-cell {
+    display: table-cell;
+  }
+
+  .lg\:table-column {
+    display: table-column;
+  }
+
+  .lg\:table-column-group {
+    display: table-column-group;
+  }
+
+  .lg\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .lg\:table-header-group {
+    display: table-header-group;
+  }
+
+  .lg\:table-row-group {
+    display: table-row-group;
+  }
+
+  .lg\:table-row {
+    display: table-row;
+  }
+
+  .lg\:flow-root {
+    display: flow-root;
+  }
+
+  .lg\:grid {
+    display: grid;
+  }
+
+  .lg\:inline-grid {
+    display: inline-grid;
+  }
+
+  .lg\:contents {
+    display: contents;
+  }
+
+  .lg\:hidden {
+    display: none;
+  }
+
+  .lg\:flex-row {
+    flex-direction: row;
+  }
+
+  .lg\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .lg\:flex-col {
+    flex-direction: column;
+  }
+
+  .lg\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .lg\:flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .lg\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
+  .lg\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .lg\:place-items-auto {
+    place-items: auto;
+  }
+
+  .lg\:place-items-start {
+    place-items: start;
+  }
+
+  .lg\:place-items-end {
+    place-items: end;
+  }
+
+  .lg\:place-items-center {
+    place-items: center;
+  }
+
+  .lg\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .lg\:place-content-center {
+    place-content: center;
+  }
+
+  .lg\:place-content-start {
+    place-content: start;
+  }
+
+  .lg\:place-content-end {
+    place-content: end;
+  }
+
+  .lg\:place-content-between {
+    place-content: space-between;
+  }
+
+  .lg\:place-content-around {
+    place-content: space-around;
+  }
+
+  .lg\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .lg\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .lg\:place-self-auto {
+    place-self: auto;
+  }
+
+  .lg\:place-self-start {
+    place-self: start;
+  }
+
+  .lg\:place-self-end {
+    place-self: end;
+  }
+
+  .lg\:place-self-center {
+    place-self: center;
+  }
+
+  .lg\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .lg\:items-start {
+    align-items: flex-start;
+  }
+
+  .lg\:items-end {
+    align-items: flex-end;
+  }
+
+  .lg\:items-center {
+    align-items: center;
+  }
+
+  .lg\:items-baseline {
+    align-items: baseline;
+  }
+
+  .lg\:items-stretch {
+    align-items: stretch;
+  }
+
+  .lg\:content-center {
+    align-content: center;
+  }
+
+  .lg\:content-start {
+    align-content: flex-start;
+  }
+
+  .lg\:content-end {
+    align-content: flex-end;
+  }
+
+  .lg\:content-between {
+    align-content: space-between;
+  }
+
+  .lg\:content-around {
+    align-content: space-around;
+  }
+
+  .lg\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .lg\:self-auto {
+    align-self: auto;
+  }
+
+  .lg\:self-start {
+    align-self: flex-start;
+  }
+
+  .lg\:self-end {
+    align-self: flex-end;
+  }
+
+  .lg\:self-center {
+    align-self: center;
+  }
+
+  .lg\:self-stretch {
+    align-self: stretch;
+  }
+
+  .lg\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .lg\:justify-items-start {
+    justify-items: start;
+  }
+
+  .lg\:justify-items-end {
+    justify-items: end;
+  }
+
+  .lg\:justify-items-center {
+    justify-items: center;
+  }
+
+  .lg\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
+  .lg\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .lg\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .lg\:justify-center {
+    justify-content: center;
+  }
+
+  .lg\:justify-between {
+    justify-content: space-between;
+  }
+
+  .lg\:justify-around {
+    justify-content: space-around;
+  }
+
+  .lg\:justify-evenly {
+    justify-content: space-evenly;
+  }
+
+  .lg\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .lg\:justify-self-start {
+    justify-self: start;
+  }
+
+  .lg\:justify-self-end {
+    justify-self: end;
+  }
+
+  .lg\:justify-self-center {
+    justify-self: center;
+  }
+
+  .lg\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .lg\:flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .lg\:flex-auto {
+    flex: 1 1 auto;
+  }
+
+  .lg\:flex-initial {
+    flex: 0 1 auto;
+  }
+
+  .lg\:flex-none {
+    flex: none;
+  }
+
+  .lg\:flex-grow-0 {
+    flex-grow: 0;
+  }
+
+  .lg\:flex-grow {
+    flex-grow: 1;
+  }
+
+  .lg\:flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .lg\:flex-shrink {
+    flex-shrink: 1;
+  }
+
+  .lg\:order-1 {
+    order: 1;
+  }
+
+  .lg\:order-2 {
+    order: 2;
+  }
+
+  .lg\:order-3 {
+    order: 3;
+  }
+
+  .lg\:order-4 {
+    order: 4;
+  }
+
+  .lg\:order-5 {
+    order: 5;
+  }
+
+  .lg\:order-6 {
+    order: 6;
+  }
+
+  .lg\:order-7 {
+    order: 7;
+  }
+
+  .lg\:order-8 {
+    order: 8;
+  }
+
+  .lg\:order-9 {
+    order: 9;
+  }
+
+  .lg\:order-10 {
+    order: 10;
+  }
+
+  .lg\:order-11 {
+    order: 11;
+  }
+
+  .lg\:order-12 {
+    order: 12;
+  }
+
+  .lg\:order-first {
+    order: -9999;
+  }
+
+  .lg\:order-last {
+    order: 9999;
+  }
+
+  .lg\:order-none {
+    order: 0;
+  }
+
+  .lg\:float-right {
+    float: right;
+  }
+
+  .lg\:float-left {
+    float: left;
+  }
+
+  .lg\:float-none {
+    float: none;
+  }
+
+  .lg\:clear-left {
+    clear: left;
+  }
+
+  .lg\:clear-right {
+    clear: right;
+  }
+
+  .lg\:clear-both {
+    clear: both;
+  }
+
+  .lg\:clear-none {
+    clear: none;
+  }
+
+  .lg\:font-sans {
+    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  }
+
+  .lg\:font-serif {
+    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .lg\:font-mono {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .lg\:font-thin {
+    font-weight: 100;
+  }
+
+  .lg\:font-extralight {
+    font-weight: 200;
+  }
+
+  .lg\:font-light {
+    font-weight: 300;
+  }
+
+  .lg\:font-normal {
+    font-weight: 400;
+  }
+
+  .lg\:font-medium {
+    font-weight: 500;
+  }
+
+  .lg\:font-semibold {
+    font-weight: 600;
+  }
+
+  .lg\:font-bold {
+    font-weight: 700;
+  }
+
+  .lg\:font-extrabold {
+    font-weight: 800;
+  }
+
+  .lg\:font-black {
+    font-weight: 900;
+  }
+
+  .lg\:h-0 {
+    height: 0px;
+  }
+
+  .lg\:h-1 {
+    height: 0.25rem;
+  }
+
+  .lg\:h-2 {
+    height: 0.5rem;
+  }
+
+  .lg\:h-3 {
+    height: 0.75rem;
+  }
+
+  .lg\:h-4 {
+    height: 1rem;
+  }
+
+  .lg\:h-5 {
+    height: 1.25rem;
+  }
+
+  .lg\:h-6 {
+    height: 1.5rem;
+  }
+
+  .lg\:h-7 {
+    height: 1.75rem;
+  }
+
+  .lg\:h-8 {
+    height: 2rem;
+  }
+
+  .lg\:h-9 {
+    height: 2.25rem;
+  }
+
+  .lg\:h-10 {
+    height: 2.5rem;
+  }
+
+  .lg\:h-11 {
+    height: 2.75rem;
+  }
+
+  .lg\:h-12 {
+    height: 3rem;
+  }
+
+  .lg\:h-14 {
+    height: 3.5rem;
+  }
+
+  .lg\:h-16 {
+    height: 4rem;
+  }
+
+  .lg\:h-20 {
+    height: 5rem;
+  }
+
+  .lg\:h-24 {
+    height: 6rem;
+  }
+
+  .lg\:h-28 {
+    height: 7rem;
+  }
+
+  .lg\:h-32 {
+    height: 8rem;
+  }
+
+  .lg\:h-36 {
+    height: 9rem;
+  }
+
+  .lg\:h-40 {
+    height: 10rem;
+  }
+
+  .lg\:h-44 {
+    height: 11rem;
+  }
+
+  .lg\:h-48 {
+    height: 12rem;
+  }
+
+  .lg\:h-52 {
+    height: 13rem;
+  }
+
+  .lg\:h-56 {
+    height: 14rem;
+  }
+
+  .lg\:h-60 {
+    height: 15rem;
+  }
+
+  .lg\:h-64 {
+    height: 16rem;
+  }
+
+  .lg\:h-72 {
+    height: 18rem;
+  }
+
+  .lg\:h-80 {
+    height: 20rem;
+  }
+
+  .lg\:h-96 {
+    height: 24rem;
+  }
+
+  .lg\:h-auto {
+    height: auto;
+  }
+
+  .lg\:h-px {
+    height: 1px;
+  }
+
+  .lg\:h-0\.5 {
+    height: 0.125rem;
+  }
+
+  .lg\:h-1\.5 {
+    height: 0.375rem;
+  }
+
+  .lg\:h-2\.5 {
+    height: 0.625rem;
+  }
+
+  .lg\:h-3\.5 {
+    height: 0.875rem;
+  }
+
+  .lg\:h-1\/2 {
+    height: 50%;
+  }
+
+  .lg\:h-1\/3 {
+    height: 33.333333%;
+  }
+
+  .lg\:h-2\/3 {
+    height: 66.666667%;
+  }
+
+  .lg\:h-1\/4 {
+    height: 25%;
+  }
+
+  .lg\:h-2\/4 {
+    height: 50%;
+  }
+
+  .lg\:h-3\/4 {
+    height: 75%;
+  }
+
+  .lg\:h-1\/5 {
+    height: 20%;
+  }
+
+  .lg\:h-2\/5 {
+    height: 40%;
+  }
+
+  .lg\:h-3\/5 {
+    height: 60%;
+  }
+
+  .lg\:h-4\/5 {
+    height: 80%;
+  }
+
+  .lg\:h-1\/6 {
+    height: 16.666667%;
+  }
+
+  .lg\:h-2\/6 {
+    height: 33.333333%;
+  }
+
+  .lg\:h-3\/6 {
+    height: 50%;
+  }
+
+  .lg\:h-4\/6 {
+    height: 66.666667%;
+  }
+
+  .lg\:h-5\/6 {
+    height: 83.333333%;
+  }
+
+  .lg\:h-full {
+    height: 100%;
+  }
+
+  .lg\:h-screen {
+    height: 100vh;
+  }
+
+  .lg\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .lg\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .lg\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .lg\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .lg\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .lg\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .lg\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .lg\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .lg\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+
+  .lg\:text-6xl {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .lg\:text-7xl {
+    font-size: 4.5rem;
+    line-height: 1;
+  }
+
+  .lg\:text-8xl {
+    font-size: 6rem;
+    line-height: 1;
+  }
+
+  .lg\:text-9xl {
+    font-size: 8rem;
+    line-height: 1;
+  }
+
+  .lg\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .lg\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .lg\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .lg\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .lg\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .lg\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .lg\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .lg\:leading-10 {
+    line-height: 2.5rem;
+  }
+
+  .lg\:leading-none {
+    line-height: 1;
+  }
+
+  .lg\:leading-tight {
+    line-height: 1.25;
+  }
+
+  .lg\:leading-snug {
+    line-height: 1.375;
+  }
+
+  .lg\:leading-normal {
+    line-height: 1.5;
+  }
+
+  .lg\:leading-relaxed {
+    line-height: 1.625;
+  }
+
+  .lg\:leading-loose {
+    line-height: 2;
+  }
+
+  .lg\:list-inside {
+    list-style-position: inside;
+  }
+
+  .lg\:list-outside {
+    list-style-position: outside;
+  }
+
+  .lg\:list-none {
+    list-style-type: none;
+  }
+
+  .lg\:list-disc {
+    list-style-type: disc;
+  }
+
+  .lg\:list-decimal {
+    list-style-type: decimal;
+  }
+
+  .lg\:m-0 {
+    margin: 0px;
+  }
+
+  .lg\:m-1 {
+    margin: 0.25rem;
+  }
+
+  .lg\:m-2 {
+    margin: 0.5rem;
+  }
+
+  .lg\:m-3 {
+    margin: 0.75rem;
+  }
+
+  .lg\:m-4 {
+    margin: 1rem;
+  }
+
+  .lg\:m-5 {
+    margin: 1.25rem;
+  }
+
+  .lg\:m-6 {
+    margin: 1.5rem;
+  }
+
+  .lg\:m-7 {
+    margin: 1.75rem;
+  }
+
+  .lg\:m-8 {
+    margin: 2rem;
+  }
+
+  .lg\:m-9 {
+    margin: 2.25rem;
+  }
+
+  .lg\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .lg\:m-11 {
+    margin: 2.75rem;
+  }
+
+  .lg\:m-12 {
+    margin: 3rem;
+  }
+
+  .lg\:m-14 {
+    margin: 3.5rem;
+  }
+
+  .lg\:m-16 {
+    margin: 4rem;
+  }
+
+  .lg\:m-20 {
+    margin: 5rem;
+  }
+
+  .lg\:m-24 {
+    margin: 6rem;
+  }
+
+  .lg\:m-28 {
+    margin: 7rem;
+  }
+
+  .lg\:m-32 {
+    margin: 8rem;
+  }
+
+  .lg\:m-36 {
+    margin: 9rem;
+  }
+
+  .lg\:m-40 {
+    margin: 10rem;
+  }
+
+  .lg\:m-44 {
+    margin: 11rem;
+  }
+
+  .lg\:m-48 {
+    margin: 12rem;
+  }
+
+  .lg\:m-52 {
+    margin: 13rem;
+  }
+
+  .lg\:m-56 {
+    margin: 14rem;
+  }
+
+  .lg\:m-60 {
+    margin: 15rem;
+  }
+
+  .lg\:m-64 {
+    margin: 16rem;
+  }
+
+  .lg\:m-72 {
+    margin: 18rem;
+  }
+
+  .lg\:m-80 {
+    margin: 20rem;
+  }
+
+  .lg\:m-96 {
+    margin: 24rem;
+  }
+
+  .lg\:m-auto {
+    margin: auto;
+  }
+
+  .lg\:m-px {
+    margin: 1px;
+  }
+
+  .lg\:m-0\.5 {
+    margin: 0.125rem;
+  }
+
+  .lg\:m-1\.5 {
+    margin: 0.375rem;
+  }
+
+  .lg\:m-2\.5 {
+    margin: 0.625rem;
+  }
+
+  .lg\:m-3\.5 {
+    margin: 0.875rem;
+  }
+
+  .lg\:-m-0 {
+    margin: 0px;
+  }
+
+  .lg\:-m-1 {
+    margin: -0.25rem;
+  }
+
+  .lg\:-m-2 {
+    margin: -0.5rem;
+  }
+
+  .lg\:-m-3 {
+    margin: -0.75rem;
+  }
+
+  .lg\:-m-4 {
+    margin: -1rem;
+  }
+
+  .lg\:-m-5 {
+    margin: -1.25rem;
+  }
+
+  .lg\:-m-6 {
+    margin: -1.5rem;
+  }
+
+  .lg\:-m-7 {
+    margin: -1.75rem;
+  }
+
+  .lg\:-m-8 {
+    margin: -2rem;
+  }
+
+  .lg\:-m-9 {
+    margin: -2.25rem;
+  }
+
+  .lg\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .lg\:-m-11 {
+    margin: -2.75rem;
+  }
+
+  .lg\:-m-12 {
+    margin: -3rem;
+  }
+
+  .lg\:-m-14 {
+    margin: -3.5rem;
+  }
+
+  .lg\:-m-16 {
+    margin: -4rem;
+  }
+
+  .lg\:-m-20 {
+    margin: -5rem;
+  }
+
+  .lg\:-m-24 {
+    margin: -6rem;
+  }
+
+  .lg\:-m-28 {
+    margin: -7rem;
+  }
+
+  .lg\:-m-32 {
+    margin: -8rem;
+  }
+
+  .lg\:-m-36 {
+    margin: -9rem;
+  }
+
+  .lg\:-m-40 {
+    margin: -10rem;
+  }
+
+  .lg\:-m-44 {
+    margin: -11rem;
+  }
+
+  .lg\:-m-48 {
+    margin: -12rem;
+  }
+
+  .lg\:-m-52 {
+    margin: -13rem;
+  }
+
+  .lg\:-m-56 {
+    margin: -14rem;
+  }
+
+  .lg\:-m-60 {
+    margin: -15rem;
+  }
+
+  .lg\:-m-64 {
+    margin: -16rem;
+  }
+
+  .lg\:-m-72 {
+    margin: -18rem;
+  }
+
+  .lg\:-m-80 {
+    margin: -20rem;
+  }
+
+  .lg\:-m-96 {
+    margin: -24rem;
+  }
+
+  .lg\:-m-px {
+    margin: -1px;
+  }
+
+  .lg\:-m-0\.5 {
+    margin: -0.125rem;
+  }
+
+  .lg\:-m-1\.5 {
+    margin: -0.375rem;
+  }
+
+  .lg\:-m-2\.5 {
+    margin: -0.625rem;
+  }
+
+  .lg\:-m-3\.5 {
+    margin: -0.875rem;
+  }
+
+  .lg\:my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .lg\:mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .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-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
+  .lg\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
+  .lg\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .lg\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .lg\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
+  }
+
+  .lg\:mx-9 {
+    margin-left: 2.25rem;
+    margin-right: 2.25rem;
+  }
+
+  .lg\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .lg\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .lg\:my-11 {
+    margin-top: 2.75rem;
+    margin-bottom: 2.75rem;
+  }
+
+  .lg\:mx-11 {
+    margin-left: 2.75rem;
+    margin-right: 2.75rem;
+  }
+
+  .lg\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .lg\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .lg\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .lg\:mx-14 {
+    margin-left: 3.5rem;
+    margin-right: 3.5rem;
+  }
+
+  .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-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+
+  .lg\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+
+  .lg\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .lg\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .lg\:my-36 {
+    margin-top: 9rem;
+    margin-bottom: 9rem;
+  }
+
+  .lg\:mx-36 {
+    margin-left: 9rem;
+    margin-right: 9rem;
+  }
+
+  .lg\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .lg\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .lg\:my-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .lg\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
+  .lg\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .lg\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .lg\:my-52 {
+    margin-top: 13rem;
+    margin-bottom: 13rem;
+  }
+
+  .lg\:mx-52 {
+    margin-left: 13rem;
+    margin-right: 13rem;
+  }
+
+  .lg\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .lg\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .lg\:my-60 {
+    margin-top: 15rem;
+    margin-bottom: 15rem;
+  }
+
+  .lg\:mx-60 {
+    margin-left: 15rem;
+    margin-right: 15rem;
+  }
+
+  .lg\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .lg\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .lg\:my-72 {
+    margin-top: 18rem;
+    margin-bottom: 18rem;
+  }
+
+  .lg\:mx-72 {
+    margin-left: 18rem;
+    margin-right: 18rem;
+  }
+
+  .lg\:my-80 {
+    margin-top: 20rem;
+    margin-bottom: 20rem;
+  }
+
+  .lg\:mx-80 {
+    margin-left: 20rem;
+    margin-right: 20rem;
+  }
+
+  .lg\:my-96 {
+    margin-top: 24rem;
+    margin-bottom: 24rem;
+  }
+
+  .lg\:mx-96 {
+    margin-left: 24rem;
+    margin-right: 24rem;
+  }
+
+  .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-0\.5 {
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+  }
+
+  .lg\:mx-0\.5 {
+    margin-left: 0.125rem;
+    margin-right: 0.125rem;
+  }
+
+  .lg\:my-1\.5 {
+    margin-top: 0.375rem;
+    margin-bottom: 0.375rem;
+  }
+
+  .lg\:mx-1\.5 {
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+
+  .lg\:my-2\.5 {
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
+
+  .lg\:mx-2\.5 {
+    margin-left: 0.625rem;
+    margin-right: 0.625rem;
+  }
+
+  .lg\:my-3\.5 {
+    margin-top: 0.875rem;
+    margin-bottom: 0.875rem;
+  }
+
+  .lg\:mx-3\.5 {
+    margin-left: 0.875rem;
+    margin-right: 0.875rem;
+  }
+
+  .lg\:-my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .lg\:-mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .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-7 {
+    margin-top: -1.75rem;
+    margin-bottom: -1.75rem;
+  }
+
+  .lg\:-mx-7 {
+    margin-left: -1.75rem;
+    margin-right: -1.75rem;
+  }
+
+  .lg\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .lg\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .lg\:-my-9 {
+    margin-top: -2.25rem;
+    margin-bottom: -2.25rem;
+  }
+
+  .lg\:-mx-9 {
+    margin-left: -2.25rem;
+    margin-right: -2.25rem;
+  }
+
+  .lg\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .lg\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .lg\:-my-11 {
+    margin-top: -2.75rem;
+    margin-bottom: -2.75rem;
+  }
+
+  .lg\:-mx-11 {
+    margin-left: -2.75rem;
+    margin-right: -2.75rem;
+  }
+
+  .lg\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .lg\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .lg\:-my-14 {
+    margin-top: -3.5rem;
+    margin-bottom: -3.5rem;
+  }
+
+  .lg\:-mx-14 {
+    margin-left: -3.5rem;
+    margin-right: -3.5rem;
+  }
+
+  .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-28 {
+    margin-top: -7rem;
+    margin-bottom: -7rem;
+  }
+
+  .lg\:-mx-28 {
+    margin-left: -7rem;
+    margin-right: -7rem;
+  }
+
+  .lg\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .lg\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .lg\:-my-36 {
+    margin-top: -9rem;
+    margin-bottom: -9rem;
+  }
+
+  .lg\:-mx-36 {
+    margin-left: -9rem;
+    margin-right: -9rem;
+  }
+
+  .lg\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .lg\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .lg\:-my-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .lg\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
+  .lg\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .lg\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .lg\:-my-52 {
+    margin-top: -13rem;
+    margin-bottom: -13rem;
+  }
+
+  .lg\:-mx-52 {
+    margin-left: -13rem;
+    margin-right: -13rem;
+  }
+
+  .lg\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .lg\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .lg\:-my-60 {
+    margin-top: -15rem;
+    margin-bottom: -15rem;
+  }
+
+  .lg\:-mx-60 {
+    margin-left: -15rem;
+    margin-right: -15rem;
+  }
+
+  .lg\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .lg\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .lg\:-my-72 {
+    margin-top: -18rem;
+    margin-bottom: -18rem;
+  }
+
+  .lg\:-mx-72 {
+    margin-left: -18rem;
+    margin-right: -18rem;
+  }
+
+  .lg\:-my-80 {
+    margin-top: -20rem;
+    margin-bottom: -20rem;
+  }
+
+  .lg\:-mx-80 {
+    margin-left: -20rem;
+    margin-right: -20rem;
+  }
+
+  .lg\:-my-96 {
+    margin-top: -24rem;
+    margin-bottom: -24rem;
+  }
+
+  .lg\:-mx-96 {
+    margin-left: -24rem;
+    margin-right: -24rem;
+  }
+
+  .lg\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .lg\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .lg\:-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }
+
+  .lg\:-mx-0\.5 {
+    margin-left: -0.125rem;
+    margin-right: -0.125rem;
+  }
+
+  .lg\:-my-1\.5 {
+    margin-top: -0.375rem;
+    margin-bottom: -0.375rem;
+  }
+
+  .lg\:-mx-1\.5 {
+    margin-left: -0.375rem;
+    margin-right: -0.375rem;
+  }
+
+  .lg\:-my-2\.5 {
+    margin-top: -0.625rem;
+    margin-bottom: -0.625rem;
+  }
+
+  .lg\:-mx-2\.5 {
+    margin-left: -0.625rem;
+    margin-right: -0.625rem;
+  }
+
+  .lg\:-my-3\.5 {
+    margin-top: -0.875rem;
+    margin-bottom: -0.875rem;
+  }
+
+  .lg\:-mx-3\.5 {
+    margin-left: -0.875rem;
+    margin-right: -0.875rem;
+  }
+
+  .lg\:mt-0 {
+    margin-top: 0px;
+  }
+
+  .lg\:mr-0 {
+    margin-right: 0px;
+  }
+
+  .lg\:mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .lg\:ml-0 {
+    margin-left: 0px;
+  }
+
+  .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;
+  }
+
+  .lg\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .lg\:mr-6 {
+    margin-right: 1.5rem;
+  }
+
+  .lg\:mb-6 {
+    margin-bottom: 1.5rem;
+  }
+
+  .lg\:ml-6 {
+    margin-left: 1.5rem;
+  }
+
+  .lg\:mt-7 {
+    margin-top: 1.75rem;
+  }
+
+  .lg\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .lg\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
+  .lg\:ml-7 {
+    margin-left: 1.75rem;
+  }
+
+  .lg\:mt-8 {
+    margin-top: 2rem;
+  }
+
+  .lg\:mr-8 {
+    margin-right: 2rem;
+  }
+
+  .lg\:mb-8 {
+    margin-bottom: 2rem;
+  }
+
+  .lg\:ml-8 {
+    margin-left: 2rem;
+  }
+
+  .lg\:mt-9 {
+    margin-top: 2.25rem;
+  }
+
+  .lg\:mr-9 {
+    margin-right: 2.25rem;
+  }
+
+  .lg\:mb-9 {
+    margin-bottom: 2.25rem;
+  }
+
+  .lg\:ml-9 {
+    margin-left: 2.25rem;
+  }
+
+  .lg\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
+  .lg\:mr-10 {
+    margin-right: 2.5rem;
+  }
+
+  .lg\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
+  .lg\:ml-10 {
+    margin-left: 2.5rem;
+  }
+
+  .lg\:mt-11 {
+    margin-top: 2.75rem;
+  }
+
+  .lg\:mr-11 {
+    margin-right: 2.75rem;
+  }
+
+  .lg\:mb-11 {
+    margin-bottom: 2.75rem;
+  }
+
+  .lg\:ml-11 {
+    margin-left: 2.75rem;
+  }
+
+  .lg\:mt-12 {
+    margin-top: 3rem;
+  }
+
+  .lg\:mr-12 {
+    margin-right: 3rem;
+  }
+
+  .lg\:mb-12 {
+    margin-bottom: 3rem;
+  }
+
+  .lg\:ml-12 {
+    margin-left: 3rem;
+  }
+
+  .lg\:mt-14 {
+    margin-top: 3.5rem;
+  }
+
+  .lg\:mr-14 {
+    margin-right: 3.5rem;
+  }
+
+  .lg\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .lg\:ml-14 {
+    margin-left: 3.5rem;
+  }
+
+  .lg\:mt-16 {
+    margin-top: 4rem;
+  }
+
+  .lg\:mr-16 {
+    margin-right: 4rem;
+  }
+
+  .lg\:mb-16 {
+    margin-bottom: 4rem;
+  }
+
+  .lg\:ml-16 {
+    margin-left: 4rem;
+  }
+
+  .lg\:mt-20 {
+    margin-top: 5rem;
+  }
+
+  .lg\:mr-20 {
+    margin-right: 5rem;
+  }
+
+  .lg\:mb-20 {
+    margin-bottom: 5rem;
+  }
+
+  .lg\:ml-20 {
+    margin-left: 5rem;
+  }
+
+  .lg\:mt-24 {
+    margin-top: 6rem;
+  }
+
+  .lg\:mr-24 {
+    margin-right: 6rem;
+  }
+
+  .lg\:mb-24 {
+    margin-bottom: 6rem;
+  }
+
+  .lg\:ml-24 {
+    margin-left: 6rem;
+  }
+
+  .lg\:mt-28 {
+    margin-top: 7rem;
+  }
+
+  .lg\:mr-28 {
+    margin-right: 7rem;
+  }
+
+  .lg\:mb-28 {
+    margin-bottom: 7rem;
+  }
+
+  .lg\:ml-28 {
+    margin-left: 7rem;
+  }
+
+  .lg\:mt-32 {
+    margin-top: 8rem;
+  }
+
+  .lg\:mr-32 {
+    margin-right: 8rem;
+  }
+
+  .lg\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
+  .lg\:ml-32 {
+    margin-left: 8rem;
+  }
+
+  .lg\:mt-36 {
+    margin-top: 9rem;
+  }
+
+  .lg\:mr-36 {
+    margin-right: 9rem;
+  }
+
+  .lg\:mb-36 {
+    margin-bottom: 9rem;
+  }
+
+  .lg\:ml-36 {
+    margin-left: 9rem;
+  }
+
+  .lg\:mt-40 {
+    margin-top: 10rem;
+  }
+
+  .lg\:mr-40 {
+    margin-right: 10rem;
+  }
+
+  .lg\:mb-40 {
+    margin-bottom: 10rem;
+  }
+
+  .lg\:ml-40 {
+    margin-left: 10rem;
+  }
+
+  .lg\:mt-44 {
+    margin-top: 11rem;
+  }
+
+  .lg\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .lg\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .lg\:ml-44 {
+    margin-left: 11rem;
+  }
+
+  .lg\:mt-48 {
+    margin-top: 12rem;
+  }
+
+  .lg\:mr-48 {
+    margin-right: 12rem;
+  }
+
+  .lg\:mb-48 {
+    margin-bottom: 12rem;
+  }
+
+  .lg\:ml-48 {
+    margin-left: 12rem;
+  }
+
+  .lg\:mt-52 {
+    margin-top: 13rem;
+  }
+
+  .lg\:mr-52 {
+    margin-right: 13rem;
+  }
+
+  .lg\:mb-52 {
+    margin-bottom: 13rem;
+  }
+
+  .lg\:ml-52 {
+    margin-left: 13rem;
+  }
+
+  .lg\:mt-56 {
+    margin-top: 14rem;
+  }
+
+  .lg\:mr-56 {
+    margin-right: 14rem;
+  }
+
+  .lg\:mb-56 {
+    margin-bottom: 14rem;
+  }
+
+  .lg\:ml-56 {
+    margin-left: 14rem;
+  }
+
+  .lg\:mt-60 {
+    margin-top: 15rem;
+  }
+
+  .lg\:mr-60 {
+    margin-right: 15rem;
+  }
+
+  .lg\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .lg\:ml-60 {
+    margin-left: 15rem;
+  }
+
+  .lg\:mt-64 {
+    margin-top: 16rem;
+  }
+
+  .lg\:mr-64 {
+    margin-right: 16rem;
+  }
+
+  .lg\:mb-64 {
+    margin-bottom: 16rem;
+  }
+
+  .lg\:ml-64 {
+    margin-left: 16rem;
+  }
+
+  .lg\:mt-72 {
+    margin-top: 18rem;
+  }
+
+  .lg\:mr-72 {
+    margin-right: 18rem;
+  }
+
+  .lg\:mb-72 {
+    margin-bottom: 18rem;
+  }
+
+  .lg\:ml-72 {
+    margin-left: 18rem;
+  }
+
+  .lg\:mt-80 {
+    margin-top: 20rem;
+  }
+
+  .lg\:mr-80 {
+    margin-right: 20rem;
+  }
+
+  .lg\:mb-80 {
+    margin-bottom: 20rem;
+  }
+
+  .lg\:ml-80 {
+    margin-left: 20rem;
+  }
+
+  .lg\:mt-96 {
+    margin-top: 24rem;
+  }
+
+  .lg\:mr-96 {
+    margin-right: 24rem;
+  }
+
+  .lg\:mb-96 {
+    margin-bottom: 24rem;
+  }
+
+  .lg\:ml-96 {
+    margin-left: 24rem;
+  }
+
+  .lg\:mt-auto {
+    margin-top: auto;
+  }
+
+  .lg\:mr-auto {
+    margin-right: auto;
+  }
+
+  .lg\:mb-auto {
+    margin-bottom: auto;
+  }
+
+  .lg\:ml-auto {
+    margin-left: auto;
+  }
+
+  .lg\:mt-px {
+    margin-top: 1px;
+  }
+
+  .lg\:mr-px {
+    margin-right: 1px;
+  }
+
+  .lg\:mb-px {
+    margin-bottom: 1px;
+  }
+
+  .lg\:ml-px {
+    margin-left: 1px;
+  }
+
+  .lg\:mt-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .lg\:mr-0\.5 {
+    margin-right: 0.125rem;
+  }
+
+  .lg\:mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }
+
+  .lg\:ml-0\.5 {
+    margin-left: 0.125rem;
+  }
+
+  .lg\:mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .lg\:mr-1\.5 {
+    margin-right: 0.375rem;
+  }
+
+  .lg\:mb-1\.5 {
+    margin-bottom: 0.375rem;
+  }
+
+  .lg\:ml-1\.5 {
+    margin-left: 0.375rem;
+  }
+
+  .lg\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
+  .lg\:mr-2\.5 {
+    margin-right: 0.625rem;
+  }
+
+  .lg\:mb-2\.5 {
+    margin-bottom: 0.625rem;
+  }
+
+  .lg\:ml-2\.5 {
+    margin-left: 0.625rem;
+  }
+
+  .lg\:mt-3\.5 {
+    margin-top: 0.875rem;
+  }
+
+  .lg\:mr-3\.5 {
+    margin-right: 0.875rem;
+  }
+
+  .lg\:mb-3\.5 {
+    margin-bottom: 0.875rem;
+  }
+
+  .lg\:ml-3\.5 {
+    margin-left: 0.875rem;
+  }
+
+  .lg\:-mt-0 {
+    margin-top: 0px;
+  }
+
+  .lg\:-mr-0 {
+    margin-right: 0px;
+  }
+
+  .lg\:-mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .lg\:-ml-0 {
+    margin-left: 0px;
+  }
+
+  .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;
+  }
+
+  .lg\:-mt-6 {
+    margin-top: -1.5rem;
+  }
+
+  .lg\:-mr-6 {
+    margin-right: -1.5rem;
+  }
+
+  .lg\:-mb-6 {
+    margin-bottom: -1.5rem;
+  }
+
+  .lg\:-ml-6 {
+    margin-left: -1.5rem;
+  }
+
+  .lg\:-mt-7 {
+    margin-top: -1.75rem;
+  }
+
+  .lg\:-mr-7 {
+    margin-right: -1.75rem;
+  }
+
+  .lg\:-mb-7 {
+    margin-bottom: -1.75rem;
+  }
+
+  .lg\:-ml-7 {
+    margin-left: -1.75rem;
+  }
+
+  .lg\:-mt-8 {
+    margin-top: -2rem;
+  }
+
+  .lg\:-mr-8 {
+    margin-right: -2rem;
+  }
+
+  .lg\:-mb-8 {
+    margin-bottom: -2rem;
+  }
+
+  .lg\:-ml-8 {
+    margin-left: -2rem;
+  }
+
+  .lg\:-mt-9 {
+    margin-top: -2.25rem;
+  }
+
+  .lg\:-mr-9 {
+    margin-right: -2.25rem;
+  }
+
+  .lg\:-mb-9 {
+    margin-bottom: -2.25rem;
+  }
+
+  .lg\:-ml-9 {
+    margin-left: -2.25rem;
+  }
+
+  .lg\:-mt-10 {
+    margin-top: -2.5rem;
+  }
+
+  .lg\:-mr-10 {
+    margin-right: -2.5rem;
+  }
+
+  .lg\:-mb-10 {
+    margin-bottom: -2.5rem;
+  }
+
+  .lg\:-ml-10 {
+    margin-left: -2.5rem;
+  }
+
+  .lg\:-mt-11 {
+    margin-top: -2.75rem;
+  }
+
+  .lg\:-mr-11 {
+    margin-right: -2.75rem;
+  }
+
+  .lg\:-mb-11 {
+    margin-bottom: -2.75rem;
+  }
+
+  .lg\:-ml-11 {
+    margin-left: -2.75rem;
+  }
+
+  .lg\:-mt-12 {
+    margin-top: -3rem;
+  }
+
+  .lg\:-mr-12 {
+    margin-right: -3rem;
+  }
+
+  .lg\:-mb-12 {
+    margin-bottom: -3rem;
+  }
+
+  .lg\:-ml-12 {
+    margin-left: -3rem;
+  }
+
+  .lg\:-mt-14 {
+    margin-top: -3.5rem;
+  }
+
+  .lg\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+
+  .lg\:-mb-14 {
+    margin-bottom: -3.5rem;
+  }
+
+  .lg\:-ml-14 {
+    margin-left: -3.5rem;
+  }
+
+  .lg\:-mt-16 {
+    margin-top: -4rem;
+  }
+
+  .lg\:-mr-16 {
+    margin-right: -4rem;
+  }
+
+  .lg\:-mb-16 {
+    margin-bottom: -4rem;
+  }
+
+  .lg\:-ml-16 {
+    margin-left: -4rem;
+  }
+
+  .lg\:-mt-20 {
+    margin-top: -5rem;
+  }
+
+  .lg\:-mr-20 {
+    margin-right: -5rem;
+  }
+
+  .lg\:-mb-20 {
+    margin-bottom: -5rem;
+  }
+
+  .lg\:-ml-20 {
+    margin-left: -5rem;
+  }
+
+  .lg\:-mt-24 {
+    margin-top: -6rem;
+  }
+
+  .lg\:-mr-24 {
+    margin-right: -6rem;
+  }
+
+  .lg\:-mb-24 {
+    margin-bottom: -6rem;
+  }
+
+  .lg\:-ml-24 {
+    margin-left: -6rem;
+  }
+
+  .lg\:-mt-28 {
+    margin-top: -7rem;
+  }
+
+  .lg\:-mr-28 {
+    margin-right: -7rem;
+  }
+
+  .lg\:-mb-28 {
+    margin-bottom: -7rem;
+  }
+
+  .lg\:-ml-28 {
+    margin-left: -7rem;
+  }
+
+  .lg\:-mt-32 {
+    margin-top: -8rem;
+  }
+
+  .lg\:-mr-32 {
+    margin-right: -8rem;
+  }
+
+  .lg\:-mb-32 {
+    margin-bottom: -8rem;
+  }
+
+  .lg\:-ml-32 {
+    margin-left: -8rem;
+  }
+
+  .lg\:-mt-36 {
+    margin-top: -9rem;
+  }
+
+  .lg\:-mr-36 {
+    margin-right: -9rem;
+  }
+
+  .lg\:-mb-36 {
+    margin-bottom: -9rem;
+  }
+
+  .lg\:-ml-36 {
+    margin-left: -9rem;
+  }
+
+  .lg\:-mt-40 {
+    margin-top: -10rem;
+  }
+
+  .lg\:-mr-40 {
+    margin-right: -10rem;
+  }
+
+  .lg\:-mb-40 {
+    margin-bottom: -10rem;
+  }
+
+  .lg\:-ml-40 {
+    margin-left: -10rem;
+  }
+
+  .lg\:-mt-44 {
+    margin-top: -11rem;
+  }
+
+  .lg\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .lg\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .lg\:-ml-44 {
+    margin-left: -11rem;
+  }
+
+  .lg\:-mt-48 {
+    margin-top: -12rem;
+  }
+
+  .lg\:-mr-48 {
+    margin-right: -12rem;
+  }
+
+  .lg\:-mb-48 {
+    margin-bottom: -12rem;
+  }
+
+  .lg\:-ml-48 {
+    margin-left: -12rem;
+  }
+
+  .lg\:-mt-52 {
+    margin-top: -13rem;
+  }
+
+  .lg\:-mr-52 {
+    margin-right: -13rem;
+  }
+
+  .lg\:-mb-52 {
+    margin-bottom: -13rem;
+  }
+
+  .lg\:-ml-52 {
+    margin-left: -13rem;
+  }
+
+  .lg\:-mt-56 {
+    margin-top: -14rem;
+  }
+
+  .lg\:-mr-56 {
+    margin-right: -14rem;
+  }
+
+  .lg\:-mb-56 {
+    margin-bottom: -14rem;
+  }
+
+  .lg\:-ml-56 {
+    margin-left: -14rem;
+  }
+
+  .lg\:-mt-60 {
+    margin-top: -15rem;
+  }
+
+  .lg\:-mr-60 {
+    margin-right: -15rem;
+  }
+
+  .lg\:-mb-60 {
+    margin-bottom: -15rem;
+  }
+
+  .lg\:-ml-60 {
+    margin-left: -15rem;
+  }
+
+  .lg\:-mt-64 {
+    margin-top: -16rem;
+  }
+
+  .lg\:-mr-64 {
+    margin-right: -16rem;
+  }
+
+  .lg\:-mb-64 {
+    margin-bottom: -16rem;
+  }
+
+  .lg\:-ml-64 {
+    margin-left: -16rem;
+  }
+
+  .lg\:-mt-72 {
+    margin-top: -18rem;
+  }
+
+  .lg\:-mr-72 {
+    margin-right: -18rem;
+  }
+
+  .lg\:-mb-72 {
+    margin-bottom: -18rem;
+  }
+
+  .lg\:-ml-72 {
+    margin-left: -18rem;
+  }
+
+  .lg\:-mt-80 {
+    margin-top: -20rem;
+  }
+
+  .lg\:-mr-80 {
+    margin-right: -20rem;
+  }
+
+  .lg\:-mb-80 {
+    margin-bottom: -20rem;
+  }
+
+  .lg\:-ml-80 {
+    margin-left: -20rem;
+  }
+
+  .lg\:-mt-96 {
+    margin-top: -24rem;
+  }
+
+  .lg\:-mr-96 {
+    margin-right: -24rem;
+  }
+
+  .lg\:-mb-96 {
+    margin-bottom: -24rem;
+  }
+
+  .lg\:-ml-96 {
+    margin-left: -24rem;
+  }
+
+  .lg\:-mt-px {
+    margin-top: -1px;
+  }
+
+  .lg\:-mr-px {
+    margin-right: -1px;
+  }
+
+  .lg\:-mb-px {
+    margin-bottom: -1px;
+  }
+
+  .lg\:-ml-px {
+    margin-left: -1px;
+  }
+
+  .lg\:-mt-0\.5 {
+    margin-top: -0.125rem;
+  }
+
+  .lg\:-mr-0\.5 {
+    margin-right: -0.125rem;
+  }
+
+  .lg\:-mb-0\.5 {
+    margin-bottom: -0.125rem;
+  }
+
+  .lg\:-ml-0\.5 {
+    margin-left: -0.125rem;
+  }
+
+  .lg\:-mt-1\.5 {
+    margin-top: -0.375rem;
+  }
+
+  .lg\:-mr-1\.5 {
+    margin-right: -0.375rem;
+  }
+
+  .lg\:-mb-1\.5 {
+    margin-bottom: -0.375rem;
+  }
+
+  .lg\:-ml-1\.5 {
+    margin-left: -0.375rem;
+  }
+
+  .lg\:-mt-2\.5 {
+    margin-top: -0.625rem;
+  }
+
+  .lg\:-mr-2\.5 {
+    margin-right: -0.625rem;
+  }
+
+  .lg\:-mb-2\.5 {
+    margin-bottom: -0.625rem;
+  }
+
+  .lg\:-ml-2\.5 {
+    margin-left: -0.625rem;
+  }
+
+  .lg\:-mt-3\.5 {
+    margin-top: -0.875rem;
+  }
+
+  .lg\:-mr-3\.5 {
+    margin-right: -0.875rem;
+  }
+
+  .lg\:-mb-3\.5 {
+    margin-bottom: -0.875rem;
+  }
+
+  .lg\:-ml-3\.5 {
+    margin-left: -0.875rem;
+  }
+
+  .lg\:max-h-0 {
+    max-height: 0px;
+  }
+
+  .lg\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .lg\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .lg\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .lg\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .lg\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .lg\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .lg\:max-h-7 {
+    max-height: 1.75rem;
+  }
+
+  .lg\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .lg\:max-h-9 {
+    max-height: 2.25rem;
+  }
+
+  .lg\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .lg\:max-h-11 {
+    max-height: 2.75rem;
+  }
+
+  .lg\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .lg\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .lg\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .lg\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .lg\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .lg\:max-h-28 {
+    max-height: 7rem;
+  }
+
+  .lg\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .lg\:max-h-36 {
+    max-height: 9rem;
+  }
+
+  .lg\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .lg\:max-h-44 {
+    max-height: 11rem;
+  }
+
+  .lg\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .lg\:max-h-52 {
+    max-height: 13rem;
+  }
+
+  .lg\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .lg\:max-h-60 {
+    max-height: 15rem;
+  }
+
+  .lg\:max-h-64 {
+    max-height: 16rem;
+  }
+
+  .lg\:max-h-72 {
+    max-height: 18rem;
+  }
+
+  .lg\:max-h-80 {
+    max-height: 20rem;
+  }
+
+  .lg\:max-h-96 {
+    max-height: 24rem;
+  }
+
+  .lg\:max-h-px {
+    max-height: 1px;
+  }
+
+  .lg\:max-h-0\.5 {
+    max-height: 0.125rem;
+  }
+
+  .lg\:max-h-1\.5 {
+    max-height: 0.375rem;
+  }
+
+  .lg\:max-h-2\.5 {
+    max-height: 0.625rem;
+  }
+
+  .lg\:max-h-3\.5 {
+    max-height: 0.875rem;
+  }
+
+  .lg\:max-h-full {
+    max-height: 100%;
+  }
+
+  .lg\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .lg\:max-w-0 {
+    max-width: 0rem;
+  }
+
+  .lg\:max-w-none {
+    max-width: none;
+  }
+
+  .lg\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .lg\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .lg\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .lg\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .lg\:max-w-xl {
+    max-width: 36rem;
+  }
+
+  .lg\:max-w-2xl {
+    max-width: 42rem;
+  }
+
+  .lg\:max-w-3xl {
+    max-width: 48rem;
+  }
+
+  .lg\:max-w-4xl {
+    max-width: 56rem;
+  }
+
+  .lg\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .lg\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .lg\:max-w-7xl {
+    max-width: 80rem;
+  }
+
+  .lg\:max-w-full {
+    max-width: 100%;
+  }
+
+  .lg\:max-w-min {
+    max-width: -webkit-min-content;
+    max-width: min-content;
+  }
+
+  .lg\:max-w-max {
+    max-width: -webkit-max-content;
+    max-width: max-content;
+  }
+
+  .lg\:max-w-prose {
+    max-width: 65ch;
+  }
+
+  .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\:max-w-screen-2xl {
+    max-width: 1536px;
+  }
+
+  .lg\:min-h-0 {
+    min-height: 0px;
+  }
+
+  .lg\:min-h-full {
+    min-height: 100%;
+  }
+
+  .lg\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .lg\:min-w-0 {
+    min-width: 0px;
+  }
+
+  .lg\:min-w-full {
+    min-width: 100%;
+  }
+
+  .lg\:min-w-min {
+    min-width: -webkit-min-content;
+    min-width: min-content;
+  }
+
+  .lg\:min-w-max {
+    min-width: -webkit-max-content;
+    min-width: max-content;
+  }
+
+  .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\:object-left-bottom {
+    object-position: left bottom;
+  }
+
+  .lg\:object-left-top {
+    object-position: left top;
+  }
+
+  .lg\:object-right {
+    object-position: right;
+  }
+
+  .lg\:object-right-bottom {
+    object-position: right bottom;
+  }
+
+  .lg\:object-right-top {
+    object-position: right top;
+  }
+
+  .lg\:object-top {
+    object-position: top;
+  }
+
+  .lg\:opacity-0 {
+    opacity: 0;
+  }
+
+  .lg\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .lg\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .lg\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .lg\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .lg\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .lg\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .lg\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .lg\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .lg\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .lg\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .lg\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .lg\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .lg\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .lg\:opacity-100 {
+    opacity: 1;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-100 {
+    opacity: 1;
+  }
+
+  .lg\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .lg\:focus-within\:opacity-5:focus-within {
+    opacity: 0.05;
+  }
+
+  .lg\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .lg\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .lg\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .lg\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .lg\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .lg\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .lg\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .lg\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .lg\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .lg\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .lg\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .lg\:focus-within\:opacity-95:focus-within {
+    opacity: 0.95;
+  }
+
+  .lg\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
+  .lg\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .lg\:hover\:opacity-5:hover {
+    opacity: 0.05;
+  }
+
+  .lg\:hover\:opacity-10:hover {
+    opacity: 0.1;
+  }
+
+  .lg\:hover\:opacity-20:hover {
+    opacity: 0.2;
+  }
+
+  .lg\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .lg\:hover\:opacity-30:hover {
+    opacity: 0.3;
+  }
+
+  .lg\:hover\:opacity-40:hover {
+    opacity: 0.4;
+  }
+
+  .lg\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .lg\:hover\:opacity-60:hover {
+    opacity: 0.6;
+  }
+
+  .lg\:hover\:opacity-70:hover {
+    opacity: 0.7;
+  }
+
+  .lg\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .lg\:hover\:opacity-80:hover {
+    opacity: 0.8;
+  }
+
+  .lg\:hover\:opacity-90:hover {
+    opacity: 0.9;
+  }
+
+  .lg\:hover\:opacity-95:hover {
+    opacity: 0.95;
+  }
+
+  .lg\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .lg\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .lg\:focus\:opacity-5:focus {
+    opacity: 0.05;
+  }
+
+  .lg\:focus\:opacity-10:focus {
+    opacity: 0.1;
+  }
+
+  .lg\:focus\:opacity-20:focus {
+    opacity: 0.2;
+  }
+
+  .lg\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .lg\:focus\:opacity-30:focus {
+    opacity: 0.3;
+  }
+
+  .lg\:focus\:opacity-40:focus {
+    opacity: 0.4;
+  }
+
+  .lg\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .lg\:focus\:opacity-60:focus {
+    opacity: 0.6;
+  }
+
+  .lg\:focus\:opacity-70:focus {
+    opacity: 0.7;
+  }
+
+  .lg\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .lg\:focus\:opacity-80:focus {
+    opacity: 0.8;
+  }
+
+  .lg\:focus\:opacity-90:focus {
+    opacity: 0.9;
+  }
+
+  .lg\:focus\:opacity-95:focus {
+    opacity: 0.95;
+  }
+
+  .lg\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .lg\:outline-none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .lg\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .lg\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus-within\:outline-none:focus-within {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus-within\:outline-white:focus-within {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus-within\:outline-black:focus-within {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .lg\:overflow-auto {
+    overflow: auto;
+  }
+
+  .lg\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .lg\:overflow-visible {
+    overflow: visible;
+  }
+
+  .lg\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .lg\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .lg\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .lg\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .lg\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .lg\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .lg\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .lg\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .lg\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .lg\:overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .lg\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .lg\:overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .lg\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .lg\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .lg\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .lg\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .lg\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .lg\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .lg\:p-0 {
+    padding: 0px;
+  }
+
+  .lg\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .lg\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .lg\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .lg\:p-4 {
+    padding: 1rem;
+  }
+
+  .lg\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .lg\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .lg\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .lg\:p-8 {
+    padding: 2rem;
+  }
+
+  .lg\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .lg\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .lg\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .lg\:p-12 {
+    padding: 3rem;
+  }
+
+  .lg\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .lg\:p-16 {
+    padding: 4rem;
+  }
+
+  .lg\:p-20 {
+    padding: 5rem;
+  }
+
+  .lg\:p-24 {
+    padding: 6rem;
+  }
+
+  .lg\:p-28 {
+    padding: 7rem;
+  }
+
+  .lg\:p-32 {
+    padding: 8rem;
+  }
+
+  .lg\:p-36 {
+    padding: 9rem;
+  }
+
+  .lg\:p-40 {
+    padding: 10rem;
+  }
+
+  .lg\:p-44 {
+    padding: 11rem;
+  }
+
+  .lg\:p-48 {
+    padding: 12rem;
+  }
+
+  .lg\:p-52 {
+    padding: 13rem;
+  }
+
+  .lg\:p-56 {
+    padding: 14rem;
+  }
+
+  .lg\:p-60 {
+    padding: 15rem;
+  }
+
+  .lg\:p-64 {
+    padding: 16rem;
+  }
+
+  .lg\:p-72 {
+    padding: 18rem;
+  }
+
+  .lg\:p-80 {
+    padding: 20rem;
+  }
+
+  .lg\:p-96 {
+    padding: 24rem;
+  }
+
+  .lg\:p-px {
+    padding: 1px;
+  }
+
+  .lg\:p-0\.5 {
+    padding: 0.125rem;
+  }
+
+  .lg\:p-1\.5 {
+    padding: 0.375rem;
+  }
+
+  .lg\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
+  .lg\:p-3\.5 {
+    padding: 0.875rem;
+  }
+
+  .lg\:py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .lg\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .lg\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .lg\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .lg\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .lg\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .lg\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .lg\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .lg\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .lg\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .lg\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .lg\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .lg\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .lg\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .lg\:py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
+  .lg\:px-7 {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+
+  .lg\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .lg\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .lg\:py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .lg\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .lg\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .lg\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .lg\:py-11 {
+    padding-top: 2.75rem;
+    padding-bottom: 2.75rem;
+  }
+
+  .lg\:px-11 {
+    padding-left: 2.75rem;
+    padding-right: 2.75rem;
+  }
+
+  .lg\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .lg\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .lg\:py-14 {
+    padding-top: 3.5rem;
+    padding-bottom: 3.5rem;
+  }
+
+  .lg\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+
+  .lg\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .lg\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
+  .lg\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+
+  .lg\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
+  .lg\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
+
+  .lg\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
+
+  .lg\:py-28 {
+    padding-top: 7rem;
+    padding-bottom: 7rem;
+  }
+
+  .lg\:px-28 {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .lg\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .lg\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .lg\:py-36 {
+    padding-top: 9rem;
+    padding-bottom: 9rem;
+  }
+
+  .lg\:px-36 {
+    padding-left: 9rem;
+    padding-right: 9rem;
+  }
+
+  .lg\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .lg\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .lg\:py-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .lg\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
+  .lg\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .lg\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .lg\:py-52 {
+    padding-top: 13rem;
+    padding-bottom: 13rem;
+  }
+
+  .lg\:px-52 {
+    padding-left: 13rem;
+    padding-right: 13rem;
+  }
+
+  .lg\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .lg\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .lg\:py-60 {
+    padding-top: 15rem;
+    padding-bottom: 15rem;
+  }
+
+  .lg\:px-60 {
+    padding-left: 15rem;
+    padding-right: 15rem;
+  }
+
+  .lg\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .lg\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .lg\:py-72 {
+    padding-top: 18rem;
+    padding-bottom: 18rem;
+  }
+
+  .lg\:px-72 {
+    padding-left: 18rem;
+    padding-right: 18rem;
+  }
+
+  .lg\:py-80 {
+    padding-top: 20rem;
+    padding-bottom: 20rem;
+  }
+
+  .lg\:px-80 {
+    padding-left: 20rem;
+    padding-right: 20rem;
+  }
+
+  .lg\:py-96 {
+    padding-top: 24rem;
+    padding-bottom: 24rem;
+  }
+
+  .lg\:px-96 {
+    padding-left: 24rem;
+    padding-right: 24rem;
+  }
+
+  .lg\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .lg\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .lg\:py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+
+  .lg\:px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }
+
+  .lg\:py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }
+
+  .lg\:px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
+  .lg\:py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .lg\:px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }
+
+  .lg\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .lg\:px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }
+
+  .lg\:pt-0 {
+    padding-top: 0px;
+  }
+
+  .lg\:pr-0 {
+    padding-right: 0px;
+  }
+
+  .lg\:pb-0 {
+    padding-bottom: 0px;
+  }
+
+  .lg\:pl-0 {
+    padding-left: 0px;
+  }
+
+  .lg\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .lg\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .lg\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .lg\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .lg\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .lg\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .lg\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .lg\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .lg\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .lg\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .lg\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .lg\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .lg\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .lg\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .lg\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .lg\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .lg\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .lg\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .lg\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .lg\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .lg\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .lg\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .lg\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .lg\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .lg\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
+  .lg\:pr-7 {
+    padding-right: 1.75rem;
+  }
+
+  .lg\:pb-7 {
+    padding-bottom: 1.75rem;
+  }
+
+  .lg\:pl-7 {
+    padding-left: 1.75rem;
+  }
+
+  .lg\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .lg\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .lg\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .lg\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .lg\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
+  .lg\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .lg\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .lg\:pl-9 {
+    padding-left: 2.25rem;
+  }
+
+  .lg\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .lg\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .lg\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .lg\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .lg\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
+  .lg\:pr-11 {
+    padding-right: 2.75rem;
+  }
+
+  .lg\:pb-11 {
+    padding-bottom: 2.75rem;
+  }
+
+  .lg\:pl-11 {
+    padding-left: 2.75rem;
+  }
+
+  .lg\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .lg\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .lg\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .lg\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .lg\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .lg\:pr-14 {
+    padding-right: 3.5rem;
+  }
+
+  .lg\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
+  .lg\:pl-14 {
+    padding-left: 3.5rem;
+  }
+
+  .lg\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .lg\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .lg\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .lg\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .lg\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .lg\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .lg\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .lg\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .lg\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .lg\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .lg\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .lg\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .lg\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .lg\:pr-28 {
+    padding-right: 7rem;
+  }
+
+  .lg\:pb-28 {
+    padding-bottom: 7rem;
+  }
+
+  .lg\:pl-28 {
+    padding-left: 7rem;
+  }
+
+  .lg\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .lg\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .lg\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .lg\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .lg\:pt-36 {
+    padding-top: 9rem;
+  }
+
+  .lg\:pr-36 {
+    padding-right: 9rem;
+  }
+
+  .lg\:pb-36 {
+    padding-bottom: 9rem;
+  }
+
+  .lg\:pl-36 {
+    padding-left: 9rem;
+  }
+
+  .lg\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .lg\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .lg\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .lg\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .lg\:pt-44 {
+    padding-top: 11rem;
+  }
+
+  .lg\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .lg\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .lg\:pl-44 {
+    padding-left: 11rem;
+  }
+
+  .lg\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .lg\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .lg\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .lg\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .lg\:pt-52 {
+    padding-top: 13rem;
+  }
+
+  .lg\:pr-52 {
+    padding-right: 13rem;
+  }
+
+  .lg\:pb-52 {
+    padding-bottom: 13rem;
+  }
+
+  .lg\:pl-52 {
+    padding-left: 13rem;
+  }
+
+  .lg\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .lg\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .lg\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .lg\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .lg\:pt-60 {
+    padding-top: 15rem;
+  }
+
+  .lg\:pr-60 {
+    padding-right: 15rem;
+  }
+
+  .lg\:pb-60 {
+    padding-bottom: 15rem;
+  }
+
+  .lg\:pl-60 {
+    padding-left: 15rem;
+  }
+
+  .lg\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .lg\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .lg\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .lg\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .lg\:pt-72 {
+    padding-top: 18rem;
+  }
+
+  .lg\:pr-72 {
+    padding-right: 18rem;
+  }
+
+  .lg\:pb-72 {
+    padding-bottom: 18rem;
+  }
+
+  .lg\:pl-72 {
+    padding-left: 18rem;
+  }
+
+  .lg\:pt-80 {
+    padding-top: 20rem;
+  }
+
+  .lg\:pr-80 {
+    padding-right: 20rem;
+  }
+
+  .lg\:pb-80 {
+    padding-bottom: 20rem;
+  }
+
+  .lg\:pl-80 {
+    padding-left: 20rem;
+  }
+
+  .lg\:pt-96 {
+    padding-top: 24rem;
+  }
+
+  .lg\:pr-96 {
+    padding-right: 24rem;
+  }
+
+  .lg\:pb-96 {
+    padding-bottom: 24rem;
+  }
+
+  .lg\:pl-96 {
+    padding-left: 24rem;
+  }
+
+  .lg\:pt-px {
+    padding-top: 1px;
+  }
+
+  .lg\:pr-px {
+    padding-right: 1px;
+  }
+
+  .lg\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .lg\:pl-px {
+    padding-left: 1px;
+  }
+
+  .lg\:pt-0\.5 {
+    padding-top: 0.125rem;
+  }
+
+  .lg\:pr-0\.5 {
+    padding-right: 0.125rem;
+  }
+
+  .lg\:pb-0\.5 {
+    padding-bottom: 0.125rem;
+  }
+
+  .lg\:pl-0\.5 {
+    padding-left: 0.125rem;
+  }
+
+  .lg\:pt-1\.5 {
+    padding-top: 0.375rem;
+  }
+
+  .lg\:pr-1\.5 {
+    padding-right: 0.375rem;
+  }
+
+  .lg\:pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }
+
+  .lg\:pl-1\.5 {
+    padding-left: 0.375rem;
+  }
+
+  .lg\:pt-2\.5 {
+    padding-top: 0.625rem;
+  }
+
+  .lg\:pr-2\.5 {
+    padding-right: 0.625rem;
+  }
+
+  .lg\:pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+
+  .lg\:pl-2\.5 {
+    padding-left: 0.625rem;
+  }
+
+  .lg\:pt-3\.5 {
+    padding-top: 0.875rem;
+  }
+
+  .lg\:pr-3\.5 {
+    padding-right: 0.875rem;
+  }
+
+  .lg\:pb-3\.5 {
+    padding-bottom: 0.875rem;
+  }
+
+  .lg\:pl-3\.5 {
+    padding-left: 0.875rem;
+  }
+
+  .lg\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .lg\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .lg\:placeholder-black::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-white::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .lg\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .lg\:focus\:placeholder-black:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-white:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-opacity-0::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .lg\:placeholder-opacity-5::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .lg\:placeholder-opacity-10::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .lg\:placeholder-opacity-20::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .lg\:placeholder-opacity-25::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .lg\:placeholder-opacity-30::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .lg\:placeholder-opacity-40::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .lg\:placeholder-opacity-50::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .lg\:placeholder-opacity-60::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .lg\:placeholder-opacity-70::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .lg\:placeholder-opacity-75::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .lg\:placeholder-opacity-80::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .lg\:placeholder-opacity-90::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .lg\:placeholder-opacity-95::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .lg\:placeholder-opacity-100::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .lg\:focus\:placeholder-opacity-0:focus::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .lg\:focus\:placeholder-opacity-5:focus::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .lg\:focus\:placeholder-opacity-10:focus::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .lg\:focus\:placeholder-opacity-20:focus::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .lg\:focus\:placeholder-opacity-25:focus::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .lg\:focus\:placeholder-opacity-30:focus::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .lg\:focus\:placeholder-opacity-40:focus::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .lg\:focus\:placeholder-opacity-50:focus::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .lg\:focus\:placeholder-opacity-60:focus::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .lg\:focus\:placeholder-opacity-70:focus::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .lg\:focus\:placeholder-opacity-75:focus::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .lg\:focus\:placeholder-opacity-80:focus::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .lg\:focus\:placeholder-opacity-90:focus::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .lg\:focus\:placeholder-opacity-95:focus::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .lg\:focus\:placeholder-opacity-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .lg\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .lg\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .lg\:static {
+    position: static;
+  }
+
+  .lg\:fixed {
+    position: fixed;
+  }
+
+  .lg\:absolute {
+    position: absolute;
+  }
+
+  .lg\:relative {
+    position: relative;
+  }
+
+  .lg\:sticky {
+    position: -webkit-sticky;
+    position: sticky;
+  }
+
+  .lg\:inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .lg\:inset-1 {
+    top: 0.25rem;
+    right: 0.25rem;
+    bottom: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .lg\:inset-2 {
+    top: 0.5rem;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .lg\:inset-3 {
+    top: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .lg\:inset-4 {
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  .lg\:inset-5 {
+    top: 1.25rem;
+    right: 1.25rem;
+    bottom: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .lg\:inset-6 {
+    top: 1.5rem;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .lg\:inset-7 {
+    top: 1.75rem;
+    right: 1.75rem;
+    bottom: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .lg\:inset-8 {
+    top: 2rem;
+    right: 2rem;
+    bottom: 2rem;
+    left: 2rem;
+  }
+
+  .lg\:inset-9 {
+    top: 2.25rem;
+    right: 2.25rem;
+    bottom: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .lg\:inset-10 {
+    top: 2.5rem;
+    right: 2.5rem;
+    bottom: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .lg\:inset-11 {
+    top: 2.75rem;
+    right: 2.75rem;
+    bottom: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .lg\:inset-12 {
+    top: 3rem;
+    right: 3rem;
+    bottom: 3rem;
+    left: 3rem;
+  }
+
+  .lg\:inset-14 {
+    top: 3.5rem;
+    right: 3.5rem;
+    bottom: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .lg\:inset-16 {
+    top: 4rem;
+    right: 4rem;
+    bottom: 4rem;
+    left: 4rem;
+  }
+
+  .lg\:inset-20 {
+    top: 5rem;
+    right: 5rem;
+    bottom: 5rem;
+    left: 5rem;
+  }
+
+  .lg\:inset-24 {
+    top: 6rem;
+    right: 6rem;
+    bottom: 6rem;
+    left: 6rem;
+  }
+
+  .lg\:inset-28 {
+    top: 7rem;
+    right: 7rem;
+    bottom: 7rem;
+    left: 7rem;
+  }
+
+  .lg\:inset-32 {
+    top: 8rem;
+    right: 8rem;
+    bottom: 8rem;
+    left: 8rem;
+  }
+
+  .lg\:inset-36 {
+    top: 9rem;
+    right: 9rem;
+    bottom: 9rem;
+    left: 9rem;
+  }
+
+  .lg\:inset-40 {
+    top: 10rem;
+    right: 10rem;
+    bottom: 10rem;
+    left: 10rem;
+  }
+
+  .lg\:inset-44 {
+    top: 11rem;
+    right: 11rem;
+    bottom: 11rem;
+    left: 11rem;
+  }
+
+  .lg\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .lg\:inset-52 {
+    top: 13rem;
+    right: 13rem;
+    bottom: 13rem;
+    left: 13rem;
+  }
+
+  .lg\:inset-56 {
+    top: 14rem;
+    right: 14rem;
+    bottom: 14rem;
+    left: 14rem;
+  }
+
+  .lg\:inset-60 {
+    top: 15rem;
+    right: 15rem;
+    bottom: 15rem;
+    left: 15rem;
+  }
+
+  .lg\:inset-64 {
+    top: 16rem;
+    right: 16rem;
+    bottom: 16rem;
+    left: 16rem;
+  }
+
+  .lg\:inset-72 {
+    top: 18rem;
+    right: 18rem;
+    bottom: 18rem;
+    left: 18rem;
+  }
+
+  .lg\:inset-80 {
+    top: 20rem;
+    right: 20rem;
+    bottom: 20rem;
+    left: 20rem;
+  }
+
+  .lg\:inset-96 {
+    top: 24rem;
+    right: 24rem;
+    bottom: 24rem;
+    left: 24rem;
+  }
+
+  .lg\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .lg\:inset-px {
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+  }
+
+  .lg\:inset-0\.5 {
+    top: 0.125rem;
+    right: 0.125rem;
+    bottom: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .lg\:inset-1\.5 {
+    top: 0.375rem;
+    right: 0.375rem;
+    bottom: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .lg\:inset-2\.5 {
+    top: 0.625rem;
+    right: 0.625rem;
+    bottom: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .lg\:inset-3\.5 {
+    top: 0.875rem;
+    right: 0.875rem;
+    bottom: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .lg\:-inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .lg\:-inset-1 {
+    top: -0.25rem;
+    right: -0.25rem;
+    bottom: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .lg\:-inset-2 {
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .lg\:-inset-3 {
+    top: -0.75rem;
+    right: -0.75rem;
+    bottom: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .lg\:-inset-4 {
+    top: -1rem;
+    right: -1rem;
+    bottom: -1rem;
+    left: -1rem;
+  }
+
+  .lg\:-inset-5 {
+    top: -1.25rem;
+    right: -1.25rem;
+    bottom: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .lg\:-inset-6 {
+    top: -1.5rem;
+    right: -1.5rem;
+    bottom: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .lg\:-inset-7 {
+    top: -1.75rem;
+    right: -1.75rem;
+    bottom: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .lg\:-inset-8 {
+    top: -2rem;
+    right: -2rem;
+    bottom: -2rem;
+    left: -2rem;
+  }
+
+  .lg\:-inset-9 {
+    top: -2.25rem;
+    right: -2.25rem;
+    bottom: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .lg\:-inset-10 {
+    top: -2.5rem;
+    right: -2.5rem;
+    bottom: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .lg\:-inset-11 {
+    top: -2.75rem;
+    right: -2.75rem;
+    bottom: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .lg\:-inset-12 {
+    top: -3rem;
+    right: -3rem;
+    bottom: -3rem;
+    left: -3rem;
+  }
+
+  .lg\:-inset-14 {
+    top: -3.5rem;
+    right: -3.5rem;
+    bottom: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .lg\:-inset-16 {
+    top: -4rem;
+    right: -4rem;
+    bottom: -4rem;
+    left: -4rem;
+  }
+
+  .lg\:-inset-20 {
+    top: -5rem;
+    right: -5rem;
+    bottom: -5rem;
+    left: -5rem;
+  }
+
+  .lg\:-inset-24 {
+    top: -6rem;
+    right: -6rem;
+    bottom: -6rem;
+    left: -6rem;
+  }
+
+  .lg\:-inset-28 {
+    top: -7rem;
+    right: -7rem;
+    bottom: -7rem;
+    left: -7rem;
+  }
+
+  .lg\:-inset-32 {
+    top: -8rem;
+    right: -8rem;
+    bottom: -8rem;
+    left: -8rem;
+  }
+
+  .lg\:-inset-36 {
+    top: -9rem;
+    right: -9rem;
+    bottom: -9rem;
+    left: -9rem;
+  }
+
+  .lg\:-inset-40 {
+    top: -10rem;
+    right: -10rem;
+    bottom: -10rem;
+    left: -10rem;
+  }
+
+  .lg\:-inset-44 {
+    top: -11rem;
+    right: -11rem;
+    bottom: -11rem;
+    left: -11rem;
+  }
+
+  .lg\:-inset-48 {
+    top: -12rem;
+    right: -12rem;
+    bottom: -12rem;
+    left: -12rem;
+  }
+
+  .lg\:-inset-52 {
+    top: -13rem;
+    right: -13rem;
+    bottom: -13rem;
+    left: -13rem;
+  }
+
+  .lg\:-inset-56 {
+    top: -14rem;
+    right: -14rem;
+    bottom: -14rem;
+    left: -14rem;
+  }
+
+  .lg\:-inset-60 {
+    top: -15rem;
+    right: -15rem;
+    bottom: -15rem;
+    left: -15rem;
+  }
+
+  .lg\:-inset-64 {
+    top: -16rem;
+    right: -16rem;
+    bottom: -16rem;
+    left: -16rem;
+  }
+
+  .lg\:-inset-72 {
+    top: -18rem;
+    right: -18rem;
+    bottom: -18rem;
+    left: -18rem;
+  }
+
+  .lg\:-inset-80 {
+    top: -20rem;
+    right: -20rem;
+    bottom: -20rem;
+    left: -20rem;
+  }
+
+  .lg\:-inset-96 {
+    top: -24rem;
+    right: -24rem;
+    bottom: -24rem;
+    left: -24rem;
+  }
+
+  .lg\:-inset-px {
+    top: -1px;
+    right: -1px;
+    bottom: -1px;
+    left: -1px;
+  }
+
+  .lg\:-inset-0\.5 {
+    top: -0.125rem;
+    right: -0.125rem;
+    bottom: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .lg\:-inset-1\.5 {
+    top: -0.375rem;
+    right: -0.375rem;
+    bottom: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .lg\:-inset-2\.5 {
+    top: -0.625rem;
+    right: -0.625rem;
+    bottom: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .lg\:-inset-3\.5 {
+    top: -0.875rem;
+    right: -0.875rem;
+    bottom: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .lg\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-1\/3 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .lg\:inset-2\/3 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .lg\:inset-1\/4 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .lg\:inset-2\/4 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-3\/4 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .lg\:inset-full {
+    top: 100%;
+    right: 100%;
+    bottom: 100%;
+    left: 100%;
+  }
+
+  .lg\:-inset-1\/2 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .lg\:-inset-1\/3 {
+    top: -33.333333%;
+    right: -33.333333%;
+    bottom: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .lg\:-inset-2\/3 {
+    top: -66.666667%;
+    right: -66.666667%;
+    bottom: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .lg\:-inset-1\/4 {
+    top: -25%;
+    right: -25%;
+    bottom: -25%;
+    left: -25%;
+  }
+
+  .lg\:-inset-2\/4 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .lg\:-inset-3\/4 {
+    top: -75%;
+    right: -75%;
+    bottom: -75%;
+    left: -75%;
+  }
+
+  .lg\:-inset-full {
+    top: -100%;
+    right: -100%;
+    bottom: -100%;
+    left: -100%;
+  }
+
+  .lg\:inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .lg\:inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .lg\:inset-y-1 {
+    top: 0.25rem;
+    bottom: 0.25rem;
+  }
+
+  .lg\:inset-x-1 {
+    right: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .lg\:inset-y-2 {
+    top: 0.5rem;
+    bottom: 0.5rem;
+  }
+
+  .lg\:inset-x-2 {
+    right: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .lg\:inset-y-3 {
+    top: 0.75rem;
+    bottom: 0.75rem;
+  }
+
+  .lg\:inset-x-3 {
+    right: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .lg\:inset-y-4 {
+    top: 1rem;
+    bottom: 1rem;
+  }
+
+  .lg\:inset-x-4 {
+    right: 1rem;
+    left: 1rem;
+  }
+
+  .lg\:inset-y-5 {
+    top: 1.25rem;
+    bottom: 1.25rem;
+  }
+
+  .lg\:inset-x-5 {
+    right: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .lg\:inset-y-6 {
+    top: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .lg\:inset-x-6 {
+    right: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .lg\:inset-y-7 {
+    top: 1.75rem;
+    bottom: 1.75rem;
+  }
+
+  .lg\:inset-x-7 {
+    right: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .lg\:inset-y-8 {
+    top: 2rem;
+    bottom: 2rem;
+  }
+
+  .lg\:inset-x-8 {
+    right: 2rem;
+    left: 2rem;
+  }
+
+  .lg\:inset-y-9 {
+    top: 2.25rem;
+    bottom: 2.25rem;
+  }
+
+  .lg\:inset-x-9 {
+    right: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .lg\:inset-y-10 {
+    top: 2.5rem;
+    bottom: 2.5rem;
+  }
+
+  .lg\:inset-x-10 {
+    right: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .lg\:inset-y-11 {
+    top: 2.75rem;
+    bottom: 2.75rem;
+  }
+
+  .lg\:inset-x-11 {
+    right: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .lg\:inset-y-12 {
+    top: 3rem;
+    bottom: 3rem;
+  }
+
+  .lg\:inset-x-12 {
+    right: 3rem;
+    left: 3rem;
+  }
+
+  .lg\:inset-y-14 {
+    top: 3.5rem;
+    bottom: 3.5rem;
+  }
+
+  .lg\:inset-x-14 {
+    right: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .lg\:inset-y-16 {
+    top: 4rem;
+    bottom: 4rem;
+  }
+
+  .lg\:inset-x-16 {
+    right: 4rem;
+    left: 4rem;
+  }
+
+  .lg\:inset-y-20 {
+    top: 5rem;
+    bottom: 5rem;
+  }
+
+  .lg\:inset-x-20 {
+    right: 5rem;
+    left: 5rem;
+  }
+
+  .lg\:inset-y-24 {
+    top: 6rem;
+    bottom: 6rem;
+  }
+
+  .lg\:inset-x-24 {
+    right: 6rem;
+    left: 6rem;
+  }
+
+  .lg\:inset-y-28 {
+    top: 7rem;
+    bottom: 7rem;
+  }
+
+  .lg\:inset-x-28 {
+    right: 7rem;
+    left: 7rem;
+  }
+
+  .lg\:inset-y-32 {
+    top: 8rem;
+    bottom: 8rem;
+  }
+
+  .lg\:inset-x-32 {
+    right: 8rem;
+    left: 8rem;
+  }
+
+  .lg\:inset-y-36 {
+    top: 9rem;
+    bottom: 9rem;
+  }
+
+  .lg\:inset-x-36 {
+    right: 9rem;
+    left: 9rem;
+  }
+
+  .lg\:inset-y-40 {
+    top: 10rem;
+    bottom: 10rem;
+  }
+
+  .lg\:inset-x-40 {
+    right: 10rem;
+    left: 10rem;
+  }
+
+  .lg\:inset-y-44 {
+    top: 11rem;
+    bottom: 11rem;
+  }
+
+  .lg\:inset-x-44 {
+    right: 11rem;
+    left: 11rem;
+  }
+
+  .lg\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .lg\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .lg\:inset-y-52 {
+    top: 13rem;
+    bottom: 13rem;
+  }
+
+  .lg\:inset-x-52 {
+    right: 13rem;
+    left: 13rem;
+  }
+
+  .lg\:inset-y-56 {
+    top: 14rem;
+    bottom: 14rem;
+  }
+
+  .lg\:inset-x-56 {
+    right: 14rem;
+    left: 14rem;
+  }
+
+  .lg\:inset-y-60 {
+    top: 15rem;
+    bottom: 15rem;
+  }
+
+  .lg\:inset-x-60 {
+    right: 15rem;
+    left: 15rem;
+  }
+
+  .lg\:inset-y-64 {
+    top: 16rem;
+    bottom: 16rem;
+  }
+
+  .lg\:inset-x-64 {
+    right: 16rem;
+    left: 16rem;
+  }
+
+  .lg\:inset-y-72 {
+    top: 18rem;
+    bottom: 18rem;
+  }
+
+  .lg\:inset-x-72 {
+    right: 18rem;
+    left: 18rem;
+  }
+
+  .lg\:inset-y-80 {
+    top: 20rem;
+    bottom: 20rem;
+  }
+
+  .lg\:inset-x-80 {
+    right: 20rem;
+    left: 20rem;
+  }
+
+  .lg\:inset-y-96 {
+    top: 24rem;
+    bottom: 24rem;
+  }
+
+  .lg\:inset-x-96 {
+    right: 24rem;
+    left: 24rem;
+  }
+
+  .lg\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .lg\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .lg\:inset-y-px {
+    top: 1px;
+    bottom: 1px;
+  }
+
+  .lg\:inset-x-px {
+    right: 1px;
+    left: 1px;
+  }
+
+  .lg\:inset-y-0\.5 {
+    top: 0.125rem;
+    bottom: 0.125rem;
+  }
+
+  .lg\:inset-x-0\.5 {
+    right: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .lg\:inset-y-1\.5 {
+    top: 0.375rem;
+    bottom: 0.375rem;
+  }
+
+  .lg\:inset-x-1\.5 {
+    right: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .lg\:inset-y-2\.5 {
+    top: 0.625rem;
+    bottom: 0.625rem;
+  }
+
+  .lg\:inset-x-2\.5 {
+    right: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .lg\:inset-y-3\.5 {
+    top: 0.875rem;
+    bottom: 0.875rem;
+  }
+
+  .lg\:inset-x-3\.5 {
+    right: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .lg\:-inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .lg\:-inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .lg\:-inset-y-1 {
+    top: -0.25rem;
+    bottom: -0.25rem;
+  }
+
+  .lg\:-inset-x-1 {
+    right: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .lg\:-inset-y-2 {
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .lg\:-inset-x-2 {
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .lg\:-inset-y-3 {
+    top: -0.75rem;
+    bottom: -0.75rem;
+  }
+
+  .lg\:-inset-x-3 {
+    right: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .lg\:-inset-y-4 {
+    top: -1rem;
+    bottom: -1rem;
+  }
+
+  .lg\:-inset-x-4 {
+    right: -1rem;
+    left: -1rem;
+  }
+
+  .lg\:-inset-y-5 {
+    top: -1.25rem;
+    bottom: -1.25rem;
+  }
+
+  .lg\:-inset-x-5 {
+    right: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .lg\:-inset-y-6 {
+    top: -1.5rem;
+    bottom: -1.5rem;
+  }
+
+  .lg\:-inset-x-6 {
+    right: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .lg\:-inset-y-7 {
+    top: -1.75rem;
+    bottom: -1.75rem;
+  }
+
+  .lg\:-inset-x-7 {
+    right: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .lg\:-inset-y-8 {
+    top: -2rem;
+    bottom: -2rem;
+  }
+
+  .lg\:-inset-x-8 {
+    right: -2rem;
+    left: -2rem;
+  }
+
+  .lg\:-inset-y-9 {
+    top: -2.25rem;
+    bottom: -2.25rem;
+  }
+
+  .lg\:-inset-x-9 {
+    right: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .lg\:-inset-y-10 {
+    top: -2.5rem;
+    bottom: -2.5rem;
+  }
+
+  .lg\:-inset-x-10 {
+    right: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .lg\:-inset-y-11 {
+    top: -2.75rem;
+    bottom: -2.75rem;
+  }
+
+  .lg\:-inset-x-11 {
+    right: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .lg\:-inset-y-12 {
+    top: -3rem;
+    bottom: -3rem;
+  }
+
+  .lg\:-inset-x-12 {
+    right: -3rem;
+    left: -3rem;
+  }
+
+  .lg\:-inset-y-14 {
+    top: -3.5rem;
+    bottom: -3.5rem;
+  }
+
+  .lg\:-inset-x-14 {
+    right: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .lg\:-inset-y-16 {
+    top: -4rem;
+    bottom: -4rem;
+  }
+
+  .lg\:-inset-x-16 {
+    right: -4rem;
+    left: -4rem;
+  }
+
+  .lg\:-inset-y-20 {
+    top: -5rem;
+    bottom: -5rem;
+  }
+
+  .lg\:-inset-x-20 {
+    right: -5rem;
+    left: -5rem;
+  }
+
+  .lg\:-inset-y-24 {
+    top: -6rem;
+    bottom: -6rem;
+  }
+
+  .lg\:-inset-x-24 {
+    right: -6rem;
+    left: -6rem;
+  }
+
+  .lg\:-inset-y-28 {
+    top: -7rem;
+    bottom: -7rem;
+  }
+
+  .lg\:-inset-x-28 {
+    right: -7rem;
+    left: -7rem;
+  }
+
+  .lg\:-inset-y-32 {
+    top: -8rem;
+    bottom: -8rem;
+  }
+
+  .lg\:-inset-x-32 {
+    right: -8rem;
+    left: -8rem;
+  }
+
+  .lg\:-inset-y-36 {
+    top: -9rem;
+    bottom: -9rem;
+  }
+
+  .lg\:-inset-x-36 {
+    right: -9rem;
+    left: -9rem;
+  }
+
+  .lg\:-inset-y-40 {
+    top: -10rem;
+    bottom: -10rem;
+  }
+
+  .lg\:-inset-x-40 {
+    right: -10rem;
+    left: -10rem;
+  }
+
+  .lg\:-inset-y-44 {
+    top: -11rem;
+    bottom: -11rem;
+  }
+
+  .lg\:-inset-x-44 {
+    right: -11rem;
+    left: -11rem;
+  }
+
+  .lg\:-inset-y-48 {
+    top: -12rem;
+    bottom: -12rem;
+  }
+
+  .lg\:-inset-x-48 {
+    right: -12rem;
+    left: -12rem;
+  }
+
+  .lg\:-inset-y-52 {
+    top: -13rem;
+    bottom: -13rem;
+  }
+
+  .lg\:-inset-x-52 {
+    right: -13rem;
+    left: -13rem;
+  }
+
+  .lg\:-inset-y-56 {
+    top: -14rem;
+    bottom: -14rem;
+  }
+
+  .lg\:-inset-x-56 {
+    right: -14rem;
+    left: -14rem;
+  }
+
+  .lg\:-inset-y-60 {
+    top: -15rem;
+    bottom: -15rem;
+  }
+
+  .lg\:-inset-x-60 {
+    right: -15rem;
+    left: -15rem;
+  }
+
+  .lg\:-inset-y-64 {
+    top: -16rem;
+    bottom: -16rem;
+  }
+
+  .lg\:-inset-x-64 {
+    right: -16rem;
+    left: -16rem;
+  }
+
+  .lg\:-inset-y-72 {
+    top: -18rem;
+    bottom: -18rem;
+  }
+
+  .lg\:-inset-x-72 {
+    right: -18rem;
+    left: -18rem;
+  }
+
+  .lg\:-inset-y-80 {
+    top: -20rem;
+    bottom: -20rem;
+  }
+
+  .lg\:-inset-x-80 {
+    right: -20rem;
+    left: -20rem;
+  }
+
+  .lg\:-inset-y-96 {
+    top: -24rem;
+    bottom: -24rem;
+  }
+
+  .lg\:-inset-x-96 {
+    right: -24rem;
+    left: -24rem;
+  }
+
+  .lg\:-inset-y-px {
+    top: -1px;
+    bottom: -1px;
+  }
+
+  .lg\:-inset-x-px {
+    right: -1px;
+    left: -1px;
+  }
+
+  .lg\:-inset-y-0\.5 {
+    top: -0.125rem;
+    bottom: -0.125rem;
+  }
+
+  .lg\:-inset-x-0\.5 {
+    right: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .lg\:-inset-y-1\.5 {
+    top: -0.375rem;
+    bottom: -0.375rem;
+  }
+
+  .lg\:-inset-x-1\.5 {
+    right: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .lg\:-inset-y-2\.5 {
+    top: -0.625rem;
+    bottom: -0.625rem;
+  }
+
+  .lg\:-inset-x-2\.5 {
+    right: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .lg\:-inset-y-3\.5 {
+    top: -0.875rem;
+    bottom: -0.875rem;
+  }
+
+  .lg\:-inset-x-3\.5 {
+    right: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .lg\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .lg\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-y-1\/3 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .lg\:inset-x-1\/3 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .lg\:inset-y-2\/3 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .lg\:inset-x-2\/3 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .lg\:inset-y-1\/4 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .lg\:inset-x-1\/4 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .lg\:inset-y-2\/4 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .lg\:inset-x-2\/4 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-y-3\/4 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .lg\:inset-x-3\/4 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .lg\:inset-y-full {
+    top: 100%;
+    bottom: 100%;
+  }
+
+  .lg\:inset-x-full {
+    right: 100%;
+    left: 100%;
+  }
+
+  .lg\:-inset-y-1\/2 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .lg\:-inset-x-1\/2 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .lg\:-inset-y-1\/3 {
+    top: -33.333333%;
+    bottom: -33.333333%;
+  }
+
+  .lg\:-inset-x-1\/3 {
+    right: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .lg\:-inset-y-2\/3 {
+    top: -66.666667%;
+    bottom: -66.666667%;
+  }
+
+  .lg\:-inset-x-2\/3 {
+    right: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .lg\:-inset-y-1\/4 {
+    top: -25%;
+    bottom: -25%;
+  }
+
+  .lg\:-inset-x-1\/4 {
+    right: -25%;
+    left: -25%;
+  }
+
+  .lg\:-inset-y-2\/4 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .lg\:-inset-x-2\/4 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .lg\:-inset-y-3\/4 {
+    top: -75%;
+    bottom: -75%;
+  }
+
+  .lg\:-inset-x-3\/4 {
+    right: -75%;
+    left: -75%;
+  }
+
+  .lg\:-inset-y-full {
+    top: -100%;
+    bottom: -100%;
+  }
+
+  .lg\:-inset-x-full {
+    right: -100%;
+    left: -100%;
+  }
+
+  .lg\:top-0 {
+    top: 0px;
+  }
+
+  .lg\:right-0 {
+    right: 0px;
+  }
+
+  .lg\:bottom-0 {
+    bottom: 0px;
+  }
+
+  .lg\:left-0 {
+    left: 0px;
+  }
+
+  .lg\:top-1 {
+    top: 0.25rem;
+  }
+
+  .lg\:right-1 {
+    right: 0.25rem;
+  }
+
+  .lg\:bottom-1 {
+    bottom: 0.25rem;
+  }
+
+  .lg\:left-1 {
+    left: 0.25rem;
+  }
+
+  .lg\:top-2 {
+    top: 0.5rem;
+  }
+
+  .lg\:right-2 {
+    right: 0.5rem;
+  }
+
+  .lg\:bottom-2 {
+    bottom: 0.5rem;
+  }
+
+  .lg\:left-2 {
+    left: 0.5rem;
+  }
+
+  .lg\:top-3 {
+    top: 0.75rem;
+  }
+
+  .lg\:right-3 {
+    right: 0.75rem;
+  }
+
+  .lg\:bottom-3 {
+    bottom: 0.75rem;
+  }
+
+  .lg\:left-3 {
+    left: 0.75rem;
+  }
+
+  .lg\:top-4 {
+    top: 1rem;
+  }
+
+  .lg\:right-4 {
+    right: 1rem;
+  }
+
+  .lg\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .lg\:left-4 {
+    left: 1rem;
+  }
+
+  .lg\:top-5 {
+    top: 1.25rem;
+  }
+
+  .lg\:right-5 {
+    right: 1.25rem;
+  }
+
+  .lg\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .lg\:left-5 {
+    left: 1.25rem;
+  }
+
+  .lg\:top-6 {
+    top: 1.5rem;
+  }
+
+  .lg\:right-6 {
+    right: 1.5rem;
+  }
+
+  .lg\:bottom-6 {
+    bottom: 1.5rem;
+  }
+
+  .lg\:left-6 {
+    left: 1.5rem;
+  }
+
+  .lg\:top-7 {
+    top: 1.75rem;
+  }
+
+  .lg\:right-7 {
+    right: 1.75rem;
+  }
+
+  .lg\:bottom-7 {
+    bottom: 1.75rem;
+  }
+
+  .lg\:left-7 {
+    left: 1.75rem;
+  }
+
+  .lg\:top-8 {
+    top: 2rem;
+  }
+
+  .lg\:right-8 {
+    right: 2rem;
+  }
+
+  .lg\:bottom-8 {
+    bottom: 2rem;
+  }
+
+  .lg\:left-8 {
+    left: 2rem;
+  }
+
+  .lg\:top-9 {
+    top: 2.25rem;
+  }
+
+  .lg\:right-9 {
+    right: 2.25rem;
+  }
+
+  .lg\:bottom-9 {
+    bottom: 2.25rem;
+  }
+
+  .lg\:left-9 {
+    left: 2.25rem;
+  }
+
+  .lg\:top-10 {
+    top: 2.5rem;
+  }
+
+  .lg\:right-10 {
+    right: 2.5rem;
+  }
+
+  .lg\:bottom-10 {
+    bottom: 2.5rem;
+  }
+
+  .lg\:left-10 {
+    left: 2.5rem;
+  }
+
+  .lg\:top-11 {
+    top: 2.75rem;
+  }
+
+  .lg\:right-11 {
+    right: 2.75rem;
+  }
+
+  .lg\:bottom-11 {
+    bottom: 2.75rem;
+  }
+
+  .lg\:left-11 {
+    left: 2.75rem;
+  }
+
+  .lg\:top-12 {
+    top: 3rem;
+  }
+
+  .lg\:right-12 {
+    right: 3rem;
+  }
+
+  .lg\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .lg\:left-12 {
+    left: 3rem;
+  }
+
+  .lg\:top-14 {
+    top: 3.5rem;
+  }
+
+  .lg\:right-14 {
+    right: 3.5rem;
+  }
+
+  .lg\:bottom-14 {
+    bottom: 3.5rem;
+  }
+
+  .lg\:left-14 {
+    left: 3.5rem;
+  }
+
+  .lg\:top-16 {
+    top: 4rem;
+  }
+
+  .lg\:right-16 {
+    right: 4rem;
+  }
+
+  .lg\:bottom-16 {
+    bottom: 4rem;
+  }
+
+  .lg\:left-16 {
+    left: 4rem;
+  }
+
+  .lg\:top-20 {
+    top: 5rem;
+  }
+
+  .lg\:right-20 {
+    right: 5rem;
+  }
+
+  .lg\:bottom-20 {
+    bottom: 5rem;
+  }
+
+  .lg\:left-20 {
+    left: 5rem;
+  }
+
+  .lg\:top-24 {
+    top: 6rem;
+  }
+
+  .lg\:right-24 {
+    right: 6rem;
+  }
+
+  .lg\:bottom-24 {
+    bottom: 6rem;
+  }
+
+  .lg\:left-24 {
+    left: 6rem;
+  }
+
+  .lg\:top-28 {
+    top: 7rem;
+  }
+
+  .lg\:right-28 {
+    right: 7rem;
+  }
+
+  .lg\:bottom-28 {
+    bottom: 7rem;
+  }
+
+  .lg\:left-28 {
+    left: 7rem;
+  }
+
+  .lg\:top-32 {
+    top: 8rem;
+  }
+
+  .lg\:right-32 {
+    right: 8rem;
+  }
+
+  .lg\:bottom-32 {
+    bottom: 8rem;
+  }
+
+  .lg\:left-32 {
+    left: 8rem;
+  }
+
+  .lg\:top-36 {
+    top: 9rem;
+  }
+
+  .lg\:right-36 {
+    right: 9rem;
+  }
+
+  .lg\:bottom-36 {
+    bottom: 9rem;
+  }
+
+  .lg\:left-36 {
+    left: 9rem;
+  }
+
+  .lg\:top-40 {
+    top: 10rem;
+  }
+
+  .lg\:right-40 {
+    right: 10rem;
+  }
+
+  .lg\:bottom-40 {
+    bottom: 10rem;
+  }
+
+  .lg\:left-40 {
+    left: 10rem;
+  }
+
+  .lg\:top-44 {
+    top: 11rem;
+  }
+
+  .lg\:right-44 {
+    right: 11rem;
+  }
+
+  .lg\:bottom-44 {
+    bottom: 11rem;
+  }
+
+  .lg\:left-44 {
+    left: 11rem;
+  }
+
+  .lg\:top-48 {
+    top: 12rem;
+  }
+
+  .lg\:right-48 {
+    right: 12rem;
+  }
+
+  .lg\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .lg\:left-48 {
+    left: 12rem;
+  }
+
+  .lg\:top-52 {
+    top: 13rem;
+  }
+
+  .lg\:right-52 {
+    right: 13rem;
+  }
+
+  .lg\:bottom-52 {
+    bottom: 13rem;
+  }
+
+  .lg\:left-52 {
+    left: 13rem;
+  }
+
+  .lg\:top-56 {
+    top: 14rem;
+  }
+
+  .lg\:right-56 {
+    right: 14rem;
+  }
+
+  .lg\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .lg\:left-56 {
+    left: 14rem;
+  }
+
+  .lg\:top-60 {
+    top: 15rem;
+  }
+
+  .lg\:right-60 {
+    right: 15rem;
+  }
+
+  .lg\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .lg\:left-60 {
+    left: 15rem;
+  }
+
+  .lg\:top-64 {
+    top: 16rem;
+  }
+
+  .lg\:right-64 {
+    right: 16rem;
+  }
+
+  .lg\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .lg\:left-64 {
+    left: 16rem;
+  }
+
+  .lg\:top-72 {
+    top: 18rem;
+  }
+
+  .lg\:right-72 {
+    right: 18rem;
+  }
+
+  .lg\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .lg\:left-72 {
+    left: 18rem;
+  }
+
+  .lg\:top-80 {
+    top: 20rem;
+  }
+
+  .lg\:right-80 {
+    right: 20rem;
+  }
+
+  .lg\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .lg\:left-80 {
+    left: 20rem;
+  }
+
+  .lg\:top-96 {
+    top: 24rem;
+  }
+
+  .lg\:right-96 {
+    right: 24rem;
+  }
+
+  .lg\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .lg\:left-96 {
+    left: 24rem;
+  }
+
+  .lg\:top-auto {
+    top: auto;
+  }
+
+  .lg\:right-auto {
+    right: auto;
+  }
+
+  .lg\:bottom-auto {
+    bottom: auto;
+  }
+
+  .lg\:left-auto {
+    left: auto;
+  }
+
+  .lg\:top-px {
+    top: 1px;
+  }
+
+  .lg\:right-px {
+    right: 1px;
+  }
+
+  .lg\:bottom-px {
+    bottom: 1px;
+  }
+
+  .lg\:left-px {
+    left: 1px;
+  }
+
+  .lg\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .lg\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .lg\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .lg\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .lg\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .lg\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .lg\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .lg\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .lg\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .lg\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .lg\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .lg\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .lg\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .lg\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .lg\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .lg\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .lg\:-top-0 {
+    top: 0px;
+  }
+
+  .lg\:-right-0 {
+    right: 0px;
+  }
+
+  .lg\:-bottom-0 {
+    bottom: 0px;
+  }
+
+  .lg\:-left-0 {
+    left: 0px;
+  }
+
+  .lg\:-top-1 {
+    top: -0.25rem;
+  }
+
+  .lg\:-right-1 {
+    right: -0.25rem;
+  }
+
+  .lg\:-bottom-1 {
+    bottom: -0.25rem;
+  }
+
+  .lg\:-left-1 {
+    left: -0.25rem;
+  }
+
+  .lg\:-top-2 {
+    top: -0.5rem;
+  }
+
+  .lg\:-right-2 {
+    right: -0.5rem;
+  }
+
+  .lg\:-bottom-2 {
+    bottom: -0.5rem;
+  }
+
+  .lg\:-left-2 {
+    left: -0.5rem;
+  }
+
+  .lg\:-top-3 {
+    top: -0.75rem;
+  }
+
+  .lg\:-right-3 {
+    right: -0.75rem;
+  }
+
+  .lg\:-bottom-3 {
+    bottom: -0.75rem;
+  }
+
+  .lg\:-left-3 {
+    left: -0.75rem;
+  }
+
+  .lg\:-top-4 {
+    top: -1rem;
+  }
+
+  .lg\:-right-4 {
+    right: -1rem;
+  }
+
+  .lg\:-bottom-4 {
+    bottom: -1rem;
+  }
+
+  .lg\:-left-4 {
+    left: -1rem;
+  }
+
+  .lg\:-top-5 {
+    top: -1.25rem;
+  }
+
+  .lg\:-right-5 {
+    right: -1.25rem;
+  }
+
+  .lg\:-bottom-5 {
+    bottom: -1.25rem;
+  }
+
+  .lg\:-left-5 {
+    left: -1.25rem;
+  }
+
+  .lg\:-top-6 {
+    top: -1.5rem;
+  }
+
+  .lg\:-right-6 {
+    right: -1.5rem;
+  }
+
+  .lg\:-bottom-6 {
+    bottom: -1.5rem;
+  }
+
+  .lg\:-left-6 {
+    left: -1.5rem;
+  }
+
+  .lg\:-top-7 {
+    top: -1.75rem;
+  }
+
+  .lg\:-right-7 {
+    right: -1.75rem;
+  }
+
+  .lg\:-bottom-7 {
+    bottom: -1.75rem;
+  }
+
+  .lg\:-left-7 {
+    left: -1.75rem;
+  }
+
+  .lg\:-top-8 {
+    top: -2rem;
+  }
+
+  .lg\:-right-8 {
+    right: -2rem;
+  }
+
+  .lg\:-bottom-8 {
+    bottom: -2rem;
+  }
+
+  .lg\:-left-8 {
+    left: -2rem;
+  }
+
+  .lg\:-top-9 {
+    top: -2.25rem;
+  }
+
+  .lg\:-right-9 {
+    right: -2.25rem;
+  }
+
+  .lg\:-bottom-9 {
+    bottom: -2.25rem;
+  }
+
+  .lg\:-left-9 {
+    left: -2.25rem;
+  }
+
+  .lg\:-top-10 {
+    top: -2.5rem;
+  }
+
+  .lg\:-right-10 {
+    right: -2.5rem;
+  }
+
+  .lg\:-bottom-10 {
+    bottom: -2.5rem;
+  }
+
+  .lg\:-left-10 {
+    left: -2.5rem;
+  }
+
+  .lg\:-top-11 {
+    top: -2.75rem;
+  }
+
+  .lg\:-right-11 {
+    right: -2.75rem;
+  }
+
+  .lg\:-bottom-11 {
+    bottom: -2.75rem;
+  }
+
+  .lg\:-left-11 {
+    left: -2.75rem;
+  }
+
+  .lg\:-top-12 {
+    top: -3rem;
+  }
+
+  .lg\:-right-12 {
+    right: -3rem;
+  }
+
+  .lg\:-bottom-12 {
+    bottom: -3rem;
+  }
+
+  .lg\:-left-12 {
+    left: -3rem;
+  }
+
+  .lg\:-top-14 {
+    top: -3.5rem;
+  }
+
+  .lg\:-right-14 {
+    right: -3.5rem;
+  }
+
+  .lg\:-bottom-14 {
+    bottom: -3.5rem;
+  }
+
+  .lg\:-left-14 {
+    left: -3.5rem;
+  }
+
+  .lg\:-top-16 {
+    top: -4rem;
+  }
+
+  .lg\:-right-16 {
+    right: -4rem;
+  }
+
+  .lg\:-bottom-16 {
+    bottom: -4rem;
+  }
+
+  .lg\:-left-16 {
+    left: -4rem;
+  }
+
+  .lg\:-top-20 {
+    top: -5rem;
+  }
+
+  .lg\:-right-20 {
+    right: -5rem;
+  }
+
+  .lg\:-bottom-20 {
+    bottom: -5rem;
+  }
+
+  .lg\:-left-20 {
+    left: -5rem;
+  }
+
+  .lg\:-top-24 {
+    top: -6rem;
+  }
+
+  .lg\:-right-24 {
+    right: -6rem;
+  }
+
+  .lg\:-bottom-24 {
+    bottom: -6rem;
+  }
+
+  .lg\:-left-24 {
+    left: -6rem;
+  }
+
+  .lg\:-top-28 {
+    top: -7rem;
+  }
+
+  .lg\:-right-28 {
+    right: -7rem;
+  }
+
+  .lg\:-bottom-28 {
+    bottom: -7rem;
+  }
+
+  .lg\:-left-28 {
+    left: -7rem;
+  }
+
+  .lg\:-top-32 {
+    top: -8rem;
+  }
+
+  .lg\:-right-32 {
+    right: -8rem;
+  }
+
+  .lg\:-bottom-32 {
+    bottom: -8rem;
+  }
+
+  .lg\:-left-32 {
+    left: -8rem;
+  }
+
+  .lg\:-top-36 {
+    top: -9rem;
+  }
+
+  .lg\:-right-36 {
+    right: -9rem;
+  }
+
+  .lg\:-bottom-36 {
+    bottom: -9rem;
+  }
+
+  .lg\:-left-36 {
+    left: -9rem;
+  }
+
+  .lg\:-top-40 {
+    top: -10rem;
+  }
+
+  .lg\:-right-40 {
+    right: -10rem;
+  }
+
+  .lg\:-bottom-40 {
+    bottom: -10rem;
+  }
+
+  .lg\:-left-40 {
+    left: -10rem;
+  }
+
+  .lg\:-top-44 {
+    top: -11rem;
+  }
+
+  .lg\:-right-44 {
+    right: -11rem;
+  }
+
+  .lg\:-bottom-44 {
+    bottom: -11rem;
+  }
+
+  .lg\:-left-44 {
+    left: -11rem;
+  }
+
+  .lg\:-top-48 {
+    top: -12rem;
+  }
+
+  .lg\:-right-48 {
+    right: -12rem;
+  }
+
+  .lg\:-bottom-48 {
+    bottom: -12rem;
+  }
+
+  .lg\:-left-48 {
+    left: -12rem;
+  }
+
+  .lg\:-top-52 {
+    top: -13rem;
+  }
+
+  .lg\:-right-52 {
+    right: -13rem;
+  }
+
+  .lg\:-bottom-52 {
+    bottom: -13rem;
+  }
+
+  .lg\:-left-52 {
+    left: -13rem;
+  }
+
+  .lg\:-top-56 {
+    top: -14rem;
+  }
+
+  .lg\:-right-56 {
+    right: -14rem;
+  }
+
+  .lg\:-bottom-56 {
+    bottom: -14rem;
+  }
+
+  .lg\:-left-56 {
+    left: -14rem;
+  }
+
+  .lg\:-top-60 {
+    top: -15rem;
+  }
+
+  .lg\:-right-60 {
+    right: -15rem;
+  }
+
+  .lg\:-bottom-60 {
+    bottom: -15rem;
+  }
+
+  .lg\:-left-60 {
+    left: -15rem;
+  }
+
+  .lg\:-top-64 {
+    top: -16rem;
+  }
+
+  .lg\:-right-64 {
+    right: -16rem;
+  }
+
+  .lg\:-bottom-64 {
+    bottom: -16rem;
+  }
+
+  .lg\:-left-64 {
+    left: -16rem;
+  }
+
+  .lg\:-top-72 {
+    top: -18rem;
+  }
+
+  .lg\:-right-72 {
+    right: -18rem;
+  }
+
+  .lg\:-bottom-72 {
+    bottom: -18rem;
+  }
+
+  .lg\:-left-72 {
+    left: -18rem;
+  }
+
+  .lg\:-top-80 {
+    top: -20rem;
+  }
+
+  .lg\:-right-80 {
+    right: -20rem;
+  }
+
+  .lg\:-bottom-80 {
+    bottom: -20rem;
+  }
+
+  .lg\:-left-80 {
+    left: -20rem;
+  }
+
+  .lg\:-top-96 {
+    top: -24rem;
+  }
+
+  .lg\:-right-96 {
+    right: -24rem;
+  }
+
+  .lg\:-bottom-96 {
+    bottom: -24rem;
+  }
+
+  .lg\:-left-96 {
+    left: -24rem;
+  }
+
+  .lg\:-top-px {
+    top: -1px;
+  }
+
+  .lg\:-right-px {
+    right: -1px;
+  }
+
+  .lg\:-bottom-px {
+    bottom: -1px;
+  }
+
+  .lg\:-left-px {
+    left: -1px;
+  }
+
+  .lg\:-top-0\.5 {
+    top: -0.125rem;
+  }
+
+  .lg\:-right-0\.5 {
+    right: -0.125rem;
+  }
+
+  .lg\:-bottom-0\.5 {
+    bottom: -0.125rem;
+  }
+
+  .lg\:-left-0\.5 {
+    left: -0.125rem;
+  }
+
+  .lg\:-top-1\.5 {
+    top: -0.375rem;
+  }
+
+  .lg\:-right-1\.5 {
+    right: -0.375rem;
+  }
+
+  .lg\:-bottom-1\.5 {
+    bottom: -0.375rem;
+  }
+
+  .lg\:-left-1\.5 {
+    left: -0.375rem;
+  }
+
+  .lg\:-top-2\.5 {
+    top: -0.625rem;
+  }
+
+  .lg\:-right-2\.5 {
+    right: -0.625rem;
+  }
+
+  .lg\:-bottom-2\.5 {
+    bottom: -0.625rem;
+  }
+
+  .lg\:-left-2\.5 {
+    left: -0.625rem;
+  }
+
+  .lg\:-top-3\.5 {
+    top: -0.875rem;
+  }
+
+  .lg\:-right-3\.5 {
+    right: -0.875rem;
+  }
+
+  .lg\:-bottom-3\.5 {
+    bottom: -0.875rem;
+  }
+
+  .lg\:-left-3\.5 {
+    left: -0.875rem;
+  }
+
+  .lg\:top-1\/2 {
+    top: 50%;
+  }
+
+  .lg\:right-1\/2 {
+    right: 50%;
+  }
+
+  .lg\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .lg\:left-1\/2 {
+    left: 50%;
+  }
+
+  .lg\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .lg\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .lg\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .lg\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .lg\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .lg\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .lg\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .lg\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .lg\:top-1\/4 {
+    top: 25%;
+  }
+
+  .lg\:right-1\/4 {
+    right: 25%;
+  }
+
+  .lg\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .lg\:left-1\/4 {
+    left: 25%;
+  }
+
+  .lg\:top-2\/4 {
+    top: 50%;
+  }
+
+  .lg\:right-2\/4 {
+    right: 50%;
+  }
+
+  .lg\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .lg\:left-2\/4 {
+    left: 50%;
+  }
+
+  .lg\:top-3\/4 {
+    top: 75%;
+  }
+
+  .lg\:right-3\/4 {
+    right: 75%;
+  }
+
+  .lg\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .lg\:left-3\/4 {
+    left: 75%;
+  }
+
+  .lg\:top-full {
+    top: 100%;
+  }
+
+  .lg\:right-full {
+    right: 100%;
+  }
+
+  .lg\:bottom-full {
+    bottom: 100%;
+  }
+
+  .lg\:left-full {
+    left: 100%;
+  }
+
+  .lg\:-top-1\/2 {
+    top: -50%;
+  }
+
+  .lg\:-right-1\/2 {
+    right: -50%;
+  }
+
+  .lg\:-bottom-1\/2 {
+    bottom: -50%;
+  }
+
+  .lg\:-left-1\/2 {
+    left: -50%;
+  }
+
+  .lg\:-top-1\/3 {
+    top: -33.333333%;
+  }
+
+  .lg\:-right-1\/3 {
+    right: -33.333333%;
+  }
+
+  .lg\:-bottom-1\/3 {
+    bottom: -33.333333%;
+  }
+
+  .lg\:-left-1\/3 {
+    left: -33.333333%;
+  }
+
+  .lg\:-top-2\/3 {
+    top: -66.666667%;
+  }
+
+  .lg\:-right-2\/3 {
+    right: -66.666667%;
+  }
+
+  .lg\:-bottom-2\/3 {
+    bottom: -66.666667%;
+  }
+
+  .lg\:-left-2\/3 {
+    left: -66.666667%;
+  }
+
+  .lg\:-top-1\/4 {
+    top: -25%;
+  }
+
+  .lg\:-right-1\/4 {
+    right: -25%;
+  }
+
+  .lg\:-bottom-1\/4 {
+    bottom: -25%;
+  }
+
+  .lg\:-left-1\/4 {
+    left: -25%;
+  }
+
+  .lg\:-top-2\/4 {
+    top: -50%;
+  }
+
+  .lg\:-right-2\/4 {
+    right: -50%;
+  }
+
+  .lg\:-bottom-2\/4 {
+    bottom: -50%;
+  }
+
+  .lg\:-left-2\/4 {
+    left: -50%;
+  }
+
+  .lg\:-top-3\/4 {
+    top: -75%;
+  }
+
+  .lg\:-right-3\/4 {
+    right: -75%;
+  }
+
+  .lg\:-bottom-3\/4 {
+    bottom: -75%;
+  }
+
+  .lg\:-left-3\/4 {
+    left: -75%;
+  }
+
+  .lg\:-top-full {
+    top: -100%;
+  }
+
+  .lg\:-right-full {
+    right: -100%;
+  }
+
+  .lg\:-bottom-full {
+    bottom: -100%;
+  }
+
+  .lg\:-left-full {
+    left: -100%;
+  }
+
+  .lg\:resize-none {
+    resize: none;
+  }
+
+  .lg\:resize-y {
+    resize: vertical;
+  }
+
+  .lg\:resize-x {
+    resize: horizontal;
+  }
+
+  .lg\:resize {
+    resize: both;
+  }
+
+  .lg\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow-sm:focus-within {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow:focus-within {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow-md:focus-within {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow-lg:focus-within {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow-xl:focus-within {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow-2xl:focus-within {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow-inner:focus-within {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow-none:focus-within {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow-sm:hover {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow:hover {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow-md:hover {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow-lg:hover {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow-xl:hover {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow-2xl:hover {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow-inner:hover {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow-none:hover {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow-sm:focus {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow:focus {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow-md:focus {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow-lg:focus {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow-xl:focus {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow-2xl:focus {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow-inner:focus {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow-none:focus {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:ring-0 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:ring-1 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:ring-2 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:ring-4 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:ring-8 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:ring {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:ring-inset {
+    --tw-ring-inset: inset;
+  }
+
+  .lg\:focus-within\:ring-0:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus-within\:ring-1:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus-within\:ring-2:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus-within\:ring-4:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus-within\:ring-8:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus-within\:ring:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus-within\:ring-inset:focus-within {
+    --tw-ring-inset: inset;
+  }
+
+  .lg\:focus\:ring-0:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus\:ring-1:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus\:ring-2:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus\:ring-4:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus\:ring-8:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus\:ring:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus\:ring-inset:focus {
+    --tw-ring-inset: inset;
+  }
+
+  .lg\:ring-offset-transparent {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .lg\:ring-offset-current {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .lg\:ring-offset-black {
+    --tw-ring-offset-color: #000;
+  }
+
+  .lg\:ring-offset-white {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .lg\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .lg\:ring-offset-gray-100 {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .lg\:ring-offset-gray-200 {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .lg\:ring-offset-gray-300 {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .lg\:ring-offset-gray-400 {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .lg\:ring-offset-gray-500 {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .lg\:ring-offset-gray-600 {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .lg\:ring-offset-gray-700 {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .lg\:ring-offset-gray-800 {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .lg\:ring-offset-gray-900 {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .lg\:ring-offset-red-50 {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .lg\:ring-offset-red-100 {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .lg\:ring-offset-red-200 {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .lg\:ring-offset-red-300 {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .lg\:ring-offset-red-400 {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .lg\:ring-offset-red-500 {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .lg\:ring-offset-red-600 {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .lg\:ring-offset-red-700 {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .lg\:ring-offset-red-800 {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .lg\:ring-offset-red-900 {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .lg\:ring-offset-yellow-50 {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .lg\:ring-offset-yellow-100 {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .lg\:ring-offset-yellow-200 {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .lg\:ring-offset-yellow-300 {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .lg\:ring-offset-yellow-400 {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .lg\:ring-offset-yellow-500 {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .lg\:ring-offset-yellow-600 {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .lg\:ring-offset-yellow-700 {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .lg\:ring-offset-yellow-800 {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .lg\:ring-offset-yellow-900 {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .lg\:ring-offset-green-50 {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .lg\:ring-offset-green-100 {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .lg\:ring-offset-green-200 {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .lg\:ring-offset-green-300 {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .lg\:ring-offset-green-400 {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .lg\:ring-offset-green-500 {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .lg\:ring-offset-green-600 {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .lg\:ring-offset-green-700 {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .lg\:ring-offset-green-800 {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .lg\:ring-offset-green-900 {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .lg\:ring-offset-blue-50 {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .lg\:ring-offset-blue-100 {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .lg\:ring-offset-blue-200 {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .lg\:ring-offset-blue-300 {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .lg\:ring-offset-blue-400 {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .lg\:ring-offset-blue-500 {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .lg\:ring-offset-blue-600 {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .lg\:ring-offset-blue-700 {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .lg\:ring-offset-blue-800 {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .lg\:ring-offset-blue-900 {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .lg\:ring-offset-indigo-50 {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .lg\:ring-offset-indigo-100 {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .lg\:ring-offset-indigo-200 {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .lg\:ring-offset-indigo-300 {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .lg\:ring-offset-indigo-400 {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .lg\:ring-offset-indigo-500 {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .lg\:ring-offset-indigo-600 {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .lg\:ring-offset-indigo-700 {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .lg\:ring-offset-indigo-800 {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .lg\:ring-offset-indigo-900 {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .lg\:ring-offset-purple-50 {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .lg\:ring-offset-purple-100 {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .lg\:ring-offset-purple-200 {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .lg\:ring-offset-purple-300 {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .lg\:ring-offset-purple-400 {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .lg\:ring-offset-purple-500 {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .lg\:ring-offset-purple-600 {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .lg\:ring-offset-purple-700 {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .lg\:ring-offset-purple-800 {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .lg\:ring-offset-purple-900 {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .lg\:ring-offset-pink-50 {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .lg\:ring-offset-pink-100 {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .lg\:ring-offset-pink-200 {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .lg\:ring-offset-pink-300 {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .lg\:ring-offset-pink-400 {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .lg\:ring-offset-pink-500 {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .lg\:ring-offset-pink-600 {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .lg\:ring-offset-pink-700 {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .lg\:ring-offset-pink-800 {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .lg\:ring-offset-pink-900 {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .lg\:focus-within\:ring-offset-transparent:focus-within {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .lg\:focus-within\:ring-offset-current:focus-within {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .lg\:focus-within\:ring-offset-black:focus-within {
+    --tw-ring-offset-color: #000;
+  }
+
+  .lg\:focus-within\:ring-offset-white:focus-within {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-100:focus-within {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-200:focus-within {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-300:focus-within {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-400:focus-within {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-500:focus-within {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-600:focus-within {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-700:focus-within {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-800:focus-within {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-900:focus-within {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .lg\:focus-within\:ring-offset-red-50:focus-within {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .lg\:focus-within\:ring-offset-red-100:focus-within {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .lg\:focus-within\:ring-offset-red-200:focus-within {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .lg\:focus-within\:ring-offset-red-300:focus-within {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .lg\:focus-within\:ring-offset-red-400:focus-within {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .lg\:focus-within\:ring-offset-red-500:focus-within {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .lg\:focus-within\:ring-offset-red-600:focus-within {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .lg\:focus-within\:ring-offset-red-700:focus-within {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .lg\:focus-within\:ring-offset-red-800:focus-within {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .lg\:focus-within\:ring-offset-red-900:focus-within {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-50:focus-within {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-100:focus-within {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-200:focus-within {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-300:focus-within {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-400:focus-within {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-500:focus-within {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-600:focus-within {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-700:focus-within {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-800:focus-within {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-900:focus-within {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .lg\:focus-within\:ring-offset-green-50:focus-within {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .lg\:focus-within\:ring-offset-green-100:focus-within {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .lg\:focus-within\:ring-offset-green-200:focus-within {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .lg\:focus-within\:ring-offset-green-300:focus-within {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .lg\:focus-within\:ring-offset-green-400:focus-within {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .lg\:focus-within\:ring-offset-green-500:focus-within {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .lg\:focus-within\:ring-offset-green-600:focus-within {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .lg\:focus-within\:ring-offset-green-700:focus-within {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .lg\:focus-within\:ring-offset-green-800:focus-within {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .lg\:focus-within\:ring-offset-green-900:focus-within {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-50:focus-within {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-100:focus-within {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-200:focus-within {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-300:focus-within {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-400:focus-within {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-500:focus-within {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-600:focus-within {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-700:focus-within {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-800:focus-within {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-900:focus-within {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-50:focus-within {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-100:focus-within {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-200:focus-within {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-300:focus-within {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-400:focus-within {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-500:focus-within {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-600:focus-within {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-700:focus-within {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-800:focus-within {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-900:focus-within {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-50:focus-within {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-100:focus-within {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-200:focus-within {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-300:focus-within {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-400:focus-within {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-500:focus-within {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-600:focus-within {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-700:focus-within {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-800:focus-within {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-900:focus-within {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-50:focus-within {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-100:focus-within {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-200:focus-within {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-300:focus-within {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-400:focus-within {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-500:focus-within {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-600:focus-within {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-700:focus-within {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-800:focus-within {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-900:focus-within {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .lg\:focus\:ring-offset-transparent:focus {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .lg\:focus\:ring-offset-current:focus {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .lg\:focus\:ring-offset-black:focus {
+    --tw-ring-offset-color: #000;
+  }
+
+  .lg\:focus\:ring-offset-white:focus {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .lg\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .lg\:focus\:ring-offset-gray-100:focus {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .lg\:focus\:ring-offset-gray-200:focus {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .lg\:focus\:ring-offset-gray-300:focus {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .lg\:focus\:ring-offset-gray-400:focus {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .lg\:focus\:ring-offset-gray-500:focus {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .lg\:focus\:ring-offset-gray-600:focus {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .lg\:focus\:ring-offset-gray-700:focus {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .lg\:focus\:ring-offset-gray-800:focus {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .lg\:focus\:ring-offset-gray-900:focus {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .lg\:focus\:ring-offset-red-50:focus {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .lg\:focus\:ring-offset-red-100:focus {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .lg\:focus\:ring-offset-red-200:focus {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .lg\:focus\:ring-offset-red-300:focus {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .lg\:focus\:ring-offset-red-400:focus {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .lg\:focus\:ring-offset-red-500:focus {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .lg\:focus\:ring-offset-red-600:focus {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .lg\:focus\:ring-offset-red-700:focus {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .lg\:focus\:ring-offset-red-800:focus {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .lg\:focus\:ring-offset-red-900:focus {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .lg\:focus\:ring-offset-yellow-50:focus {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .lg\:focus\:ring-offset-yellow-100:focus {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .lg\:focus\:ring-offset-yellow-200:focus {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .lg\:focus\:ring-offset-yellow-300:focus {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .lg\:focus\:ring-offset-yellow-400:focus {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .lg\:focus\:ring-offset-yellow-500:focus {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .lg\:focus\:ring-offset-yellow-600:focus {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .lg\:focus\:ring-offset-yellow-700:focus {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .lg\:focus\:ring-offset-yellow-800:focus {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .lg\:focus\:ring-offset-yellow-900:focus {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .lg\:focus\:ring-offset-green-50:focus {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .lg\:focus\:ring-offset-green-100:focus {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .lg\:focus\:ring-offset-green-200:focus {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .lg\:focus\:ring-offset-green-300:focus {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .lg\:focus\:ring-offset-green-400:focus {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .lg\:focus\:ring-offset-green-500:focus {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .lg\:focus\:ring-offset-green-600:focus {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .lg\:focus\:ring-offset-green-700:focus {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .lg\:focus\:ring-offset-green-800:focus {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .lg\:focus\:ring-offset-green-900:focus {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .lg\:focus\:ring-offset-blue-50:focus {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .lg\:focus\:ring-offset-blue-100:focus {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .lg\:focus\:ring-offset-blue-200:focus {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .lg\:focus\:ring-offset-blue-300:focus {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .lg\:focus\:ring-offset-blue-400:focus {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .lg\:focus\:ring-offset-blue-500:focus {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .lg\:focus\:ring-offset-blue-600:focus {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .lg\:focus\:ring-offset-blue-700:focus {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .lg\:focus\:ring-offset-blue-800:focus {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .lg\:focus\:ring-offset-blue-900:focus {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .lg\:focus\:ring-offset-indigo-50:focus {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .lg\:focus\:ring-offset-indigo-100:focus {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .lg\:focus\:ring-offset-indigo-200:focus {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .lg\:focus\:ring-offset-indigo-300:focus {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .lg\:focus\:ring-offset-indigo-400:focus {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .lg\:focus\:ring-offset-indigo-500:focus {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .lg\:focus\:ring-offset-indigo-600:focus {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .lg\:focus\:ring-offset-indigo-700:focus {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .lg\:focus\:ring-offset-indigo-800:focus {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .lg\:focus\:ring-offset-indigo-900:focus {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .lg\:focus\:ring-offset-purple-50:focus {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .lg\:focus\:ring-offset-purple-100:focus {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .lg\:focus\:ring-offset-purple-200:focus {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .lg\:focus\:ring-offset-purple-300:focus {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .lg\:focus\:ring-offset-purple-400:focus {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .lg\:focus\:ring-offset-purple-500:focus {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .lg\:focus\:ring-offset-purple-600:focus {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .lg\:focus\:ring-offset-purple-700:focus {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .lg\:focus\:ring-offset-purple-800:focus {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .lg\:focus\:ring-offset-purple-900:focus {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .lg\:focus\:ring-offset-pink-50:focus {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .lg\:focus\:ring-offset-pink-100:focus {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .lg\:focus\:ring-offset-pink-200:focus {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .lg\:focus\:ring-offset-pink-300:focus {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .lg\:focus\:ring-offset-pink-400:focus {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .lg\:focus\:ring-offset-pink-500:focus {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .lg\:focus\:ring-offset-pink-600:focus {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .lg\:focus\:ring-offset-pink-700:focus {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .lg\:focus\:ring-offset-pink-800:focus {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .lg\:focus\:ring-offset-pink-900:focus {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .lg\:ring-offset-0 {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .lg\:ring-offset-1 {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .lg\:ring-offset-2 {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .lg\:ring-offset-4 {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .lg\:ring-offset-8 {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .lg\:focus-within\:ring-offset-0:focus-within {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .lg\:focus-within\:ring-offset-1:focus-within {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .lg\:focus-within\:ring-offset-2:focus-within {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .lg\:focus-within\:ring-offset-4:focus-within {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .lg\:focus-within\:ring-offset-8:focus-within {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .lg\:focus\:ring-offset-0:focus {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .lg\:focus\:ring-offset-1:focus {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .lg\:focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .lg\:focus\:ring-offset-4:focus {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .lg\:focus\:ring-offset-8:focus {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .lg\:ring-transparent {
+    --tw-ring-color: transparent;
+  }
+
+  .lg\:ring-current {
+    --tw-ring-color: currentColor;
+  }
+
+  .lg\:ring-black {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-white {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-transparent:focus-within {
+    --tw-ring-color: transparent;
+  }
+
+  .lg\:focus-within\:ring-current:focus-within {
+    --tw-ring-color: currentColor;
+  }
+
+  .lg\:focus-within\:ring-black:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-white:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-transparent:focus {
+    --tw-ring-color: transparent;
+  }
+
+  .lg\:focus\:ring-current:focus {
+    --tw-ring-color: currentColor;
+  }
+
+  .lg\:focus\:ring-black:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-white:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-opacity-0 {
+    --tw-ring-opacity: 0;
+  }
+
+  .lg\:ring-opacity-5 {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .lg\:ring-opacity-10 {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .lg\:ring-opacity-20 {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .lg\:ring-opacity-25 {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .lg\:ring-opacity-30 {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .lg\:ring-opacity-40 {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .lg\:ring-opacity-50 {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .lg\:ring-opacity-60 {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .lg\:ring-opacity-70 {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .lg\:ring-opacity-75 {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .lg\:ring-opacity-80 {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .lg\:ring-opacity-90 {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .lg\:ring-opacity-95 {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .lg\:ring-opacity-100 {
+    --tw-ring-opacity: 1;
+  }
+
+  .lg\:focus-within\:ring-opacity-0:focus-within {
+    --tw-ring-opacity: 0;
+  }
+
+  .lg\:focus-within\:ring-opacity-5:focus-within {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .lg\:focus-within\:ring-opacity-10:focus-within {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .lg\:focus-within\:ring-opacity-20:focus-within {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .lg\:focus-within\:ring-opacity-25:focus-within {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .lg\:focus-within\:ring-opacity-30:focus-within {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .lg\:focus-within\:ring-opacity-40:focus-within {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .lg\:focus-within\:ring-opacity-50:focus-within {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .lg\:focus-within\:ring-opacity-60:focus-within {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .lg\:focus-within\:ring-opacity-70:focus-within {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .lg\:focus-within\:ring-opacity-75:focus-within {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .lg\:focus-within\:ring-opacity-80:focus-within {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .lg\:focus-within\:ring-opacity-90:focus-within {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .lg\:focus-within\:ring-opacity-95:focus-within {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .lg\:focus-within\:ring-opacity-100:focus-within {
+    --tw-ring-opacity: 1;
+  }
+
+  .lg\:focus\:ring-opacity-0:focus {
+    --tw-ring-opacity: 0;
+  }
+
+  .lg\:focus\:ring-opacity-5:focus {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .lg\:focus\:ring-opacity-10:focus {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .lg\:focus\:ring-opacity-20:focus {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .lg\:focus\:ring-opacity-25:focus {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .lg\:focus\:ring-opacity-30:focus {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .lg\:focus\:ring-opacity-40:focus {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .lg\:focus\:ring-opacity-50:focus {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .lg\:focus\:ring-opacity-60:focus {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .lg\:focus\:ring-opacity-70:focus {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .lg\:focus\:ring-opacity-75:focus {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .lg\:focus\:ring-opacity-80:focus {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .lg\:focus\:ring-opacity-90:focus {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .lg\:focus\:ring-opacity-95:focus {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .lg\:focus\:ring-opacity-100:focus {
+    --tw-ring-opacity: 1;
+  }
+
+  .lg\:fill-current {
+    fill: currentColor;
+  }
+
+  .lg\:stroke-current {
+    stroke: currentColor;
+  }
+
+  .lg\:stroke-0 {
+    stroke-width: 0;
+  }
+
+  .lg\:stroke-1 {
+    stroke-width: 1;
+  }
+
+  .lg\:stroke-2 {
+    stroke-width: 2;
+  }
+
+  .lg\:table-auto {
+    table-layout: auto;
+  }
+
+  .lg\:table-fixed {
+    table-layout: fixed;
+  }
+
+  .lg\:text-left {
+    text-align: left;
+  }
+
+  .lg\:text-center {
+    text-align: center;
+  }
+
+  .lg\:text-right {
+    text-align: right;
+  }
+
+  .lg\:text-justify {
+    text-align: justify;
+  }
+
+  .lg\:text-transparent {
+    color: transparent;
+  }
+
+  .lg\:text-current {
+    color: currentColor;
+  }
+
+  .lg\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .lg\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-transparent {
+    color: transparent;
+  }
+
+  .group:hover .lg\:group-hover\:text-current {
+    color: currentColor;
+  }
+
+  .group:hover .lg\:group-hover\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .lg\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .lg\:focus-within\:text-black:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-white:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .lg\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .lg\:hover\:text-black:hover {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .lg\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
+  .lg\:focus\:text-black:focus {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-white:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .lg\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .lg\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .lg\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .lg\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .lg\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .lg\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .lg\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .lg\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .lg\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .lg\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .lg\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .lg\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .lg\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .lg\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .lg\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .lg\:focus-within\:text-opacity-0:focus-within {
+    --tw-text-opacity: 0;
+  }
+
+  .lg\:focus-within\:text-opacity-5:focus-within {
+    --tw-text-opacity: 0.05;
+  }
+
+  .lg\:focus-within\:text-opacity-10:focus-within {
+    --tw-text-opacity: 0.1;
+  }
+
+  .lg\:focus-within\:text-opacity-20:focus-within {
+    --tw-text-opacity: 0.2;
+  }
+
+  .lg\:focus-within\:text-opacity-25:focus-within {
+    --tw-text-opacity: 0.25;
+  }
+
+  .lg\:focus-within\:text-opacity-30:focus-within {
+    --tw-text-opacity: 0.3;
+  }
+
+  .lg\:focus-within\:text-opacity-40:focus-within {
+    --tw-text-opacity: 0.4;
+  }
+
+  .lg\:focus-within\:text-opacity-50:focus-within {
+    --tw-text-opacity: 0.5;
+  }
+
+  .lg\:focus-within\:text-opacity-60:focus-within {
+    --tw-text-opacity: 0.6;
+  }
+
+  .lg\:focus-within\:text-opacity-70:focus-within {
+    --tw-text-opacity: 0.7;
+  }
+
+  .lg\:focus-within\:text-opacity-75:focus-within {
+    --tw-text-opacity: 0.75;
+  }
+
+  .lg\:focus-within\:text-opacity-80:focus-within {
+    --tw-text-opacity: 0.8;
+  }
+
+  .lg\:focus-within\:text-opacity-90:focus-within {
+    --tw-text-opacity: 0.9;
+  }
+
+  .lg\:focus-within\:text-opacity-95:focus-within {
+    --tw-text-opacity: 0.95;
+  }
+
+  .lg\:focus-within\:text-opacity-100:focus-within {
+    --tw-text-opacity: 1;
+  }
+
+  .lg\:hover\:text-opacity-0:hover {
+    --tw-text-opacity: 0;
+  }
+
+  .lg\:hover\:text-opacity-5:hover {
+    --tw-text-opacity: 0.05;
+  }
+
+  .lg\:hover\:text-opacity-10:hover {
+    --tw-text-opacity: 0.1;
+  }
+
+  .lg\:hover\:text-opacity-20:hover {
+    --tw-text-opacity: 0.2;
+  }
+
+  .lg\:hover\:text-opacity-25:hover {
+    --tw-text-opacity: 0.25;
+  }
+
+  .lg\:hover\:text-opacity-30:hover {
+    --tw-text-opacity: 0.3;
+  }
+
+  .lg\:hover\:text-opacity-40:hover {
+    --tw-text-opacity: 0.4;
+  }
+
+  .lg\:hover\:text-opacity-50:hover {
+    --tw-text-opacity: 0.5;
+  }
+
+  .lg\:hover\:text-opacity-60:hover {
+    --tw-text-opacity: 0.6;
+  }
+
+  .lg\:hover\:text-opacity-70:hover {
+    --tw-text-opacity: 0.7;
+  }
+
+  .lg\:hover\:text-opacity-75:hover {
+    --tw-text-opacity: 0.75;
+  }
+
+  .lg\:hover\:text-opacity-80:hover {
+    --tw-text-opacity: 0.8;
+  }
+
+  .lg\:hover\:text-opacity-90:hover {
+    --tw-text-opacity: 0.9;
+  }
+
+  .lg\:hover\:text-opacity-95:hover {
+    --tw-text-opacity: 0.95;
+  }
+
+  .lg\:hover\:text-opacity-100:hover {
+    --tw-text-opacity: 1;
+  }
+
+  .lg\:focus\:text-opacity-0:focus {
+    --tw-text-opacity: 0;
+  }
+
+  .lg\:focus\:text-opacity-5:focus {
+    --tw-text-opacity: 0.05;
+  }
+
+  .lg\:focus\:text-opacity-10:focus {
+    --tw-text-opacity: 0.1;
+  }
+
+  .lg\:focus\:text-opacity-20:focus {
+    --tw-text-opacity: 0.2;
+  }
+
+  .lg\:focus\:text-opacity-25:focus {
+    --tw-text-opacity: 0.25;
+  }
+
+  .lg\:focus\:text-opacity-30:focus {
+    --tw-text-opacity: 0.3;
+  }
+
+  .lg\:focus\:text-opacity-40:focus {
+    --tw-text-opacity: 0.4;
+  }
+
+  .lg\:focus\:text-opacity-50:focus {
+    --tw-text-opacity: 0.5;
+  }
+
+  .lg\:focus\:text-opacity-60:focus {
+    --tw-text-opacity: 0.6;
+  }
+
+  .lg\:focus\:text-opacity-70:focus {
+    --tw-text-opacity: 0.7;
+  }
+
+  .lg\:focus\:text-opacity-75:focus {
+    --tw-text-opacity: 0.75;
+  }
+
+  .lg\:focus\:text-opacity-80:focus {
+    --tw-text-opacity: 0.8;
+  }
+
+  .lg\:focus\:text-opacity-90:focus {
+    --tw-text-opacity: 0.9;
+  }
+
+  .lg\:focus\:text-opacity-95:focus {
+    --tw-text-opacity: 0.95;
+  }
+
+  .lg\:focus\:text-opacity-100:focus {
+    --tw-text-opacity: 1;
+  }
+
+  .lg\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .lg\:overflow-ellipsis {
+    text-overflow: ellipsis;
+  }
+
+  .lg\:overflow-clip {
+    text-overflow: clip;
+  }
+
+  .lg\:italic {
+    font-style: italic;
+  }
+
+  .lg\:not-italic {
+    font-style: normal;
+  }
+
+  .lg\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .lg\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .lg\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .lg\:normal-case {
+    text-transform: none;
+  }
+
+  .lg\:underline {
+    text-decoration: underline;
+  }
+
+  .lg\:line-through {
+    text-decoration: line-through;
+  }
+
+  .lg\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:hover .lg\:group-hover\:underline {
+    text-decoration: underline;
+  }
+
+  .group:hover .lg\:group-hover\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:hover .lg\:group-hover\:no-underline {
+    text-decoration: none;
+  }
+
+  .lg\:focus-within\:underline:focus-within {
+    text-decoration: underline;
+  }
+
+  .lg\:focus-within\:line-through:focus-within {
+    text-decoration: line-through;
+  }
+
+  .lg\:focus-within\:no-underline:focus-within {
+    text-decoration: none;
+  }
+
+  .lg\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .lg\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .lg\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .lg\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .lg\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .lg\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .lg\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .lg\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions {
+    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
+    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+  }
+
+  .lg\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .lg\:ordinal {
+    --tw-ordinal: ordinal;
+  }
+
+  .lg\:slashed-zero {
+    --tw-slashed-zero: slashed-zero;
+  }
+
+  .lg\:lining-nums {
+    --tw-numeric-figure: lining-nums;
+  }
+
+  .lg\:oldstyle-nums {
+    --tw-numeric-figure: oldstyle-nums;
+  }
+
+  .lg\:proportional-nums {
+    --tw-numeric-spacing: proportional-nums;
+  }
+
+  .lg\:tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+  }
+
+  .lg\:diagonal-fractions {
+    --tw-numeric-fraction: diagonal-fractions;
+  }
+
+  .lg\:stacked-fractions {
+    --tw-numeric-fraction: stacked-fractions;
+  }
+
+  .lg\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .lg\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .lg\:tracking-normal {
+    letter-spacing: 0em;
+  }
+
+  .lg\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .lg\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .lg\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .lg\:select-none {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+
+  .lg\:select-text {
+    -webkit-user-select: text;
+            user-select: text;
+  }
+
+  .lg\:select-all {
+    -webkit-user-select: all;
+            user-select: all;
+  }
+
+  .lg\:select-auto {
+    -webkit-user-select: auto;
+            user-select: auto;
+  }
+
+  .lg\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .lg\:align-top {
+    vertical-align: top;
+  }
+
+  .lg\:align-middle {
+    vertical-align: middle;
+  }
+
+  .lg\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .lg\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .lg\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .lg\:visible {
+    visibility: visible;
+  }
+
+  .lg\:invisible {
+    visibility: hidden;
+  }
+
+  .lg\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .lg\:whitespace-nowrap {
+    white-space: nowrap;
+  }
+
+  .lg\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .lg\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .lg\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .lg\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .lg\:break-words {
+    overflow-wrap: break-word;
+  }
+
+  .lg\:break-all {
+    word-break: break-all;
+  }
+
+  .lg\:w-0 {
+    width: 0px;
+  }
+
+  .lg\:w-1 {
+    width: 0.25rem;
+  }
+
+  .lg\:w-2 {
+    width: 0.5rem;
+  }
+
+  .lg\:w-3 {
+    width: 0.75rem;
+  }
+
+  .lg\:w-4 {
+    width: 1rem;
+  }
+
+  .lg\:w-5 {
+    width: 1.25rem;
+  }
+
+  .lg\:w-6 {
+    width: 1.5rem;
+  }
+
+  .lg\:w-7 {
+    width: 1.75rem;
+  }
+
+  .lg\:w-8 {
+    width: 2rem;
+  }
+
+  .lg\:w-9 {
+    width: 2.25rem;
+  }
+
+  .lg\:w-10 {
+    width: 2.5rem;
+  }
+
+  .lg\:w-11 {
+    width: 2.75rem;
+  }
+
+  .lg\:w-12 {
+    width: 3rem;
+  }
+
+  .lg\:w-14 {
+    width: 3.5rem;
+  }
+
+  .lg\:w-16 {
+    width: 4rem;
+  }
+
+  .lg\:w-20 {
+    width: 5rem;
+  }
+
+  .lg\:w-24 {
+    width: 6rem;
+  }
+
+  .lg\:w-28 {
+    width: 7rem;
+  }
+
+  .lg\:w-32 {
+    width: 8rem;
+  }
+
+  .lg\:w-36 {
+    width: 9rem;
+  }
+
+  .lg\:w-40 {
+    width: 10rem;
+  }
+
+  .lg\:w-44 {
+    width: 11rem;
+  }
+
+  .lg\:w-48 {
+    width: 12rem;
+  }
+
+  .lg\:w-52 {
+    width: 13rem;
+  }
+
+  .lg\:w-56 {
+    width: 14rem;
+  }
+
+  .lg\:w-60 {
+    width: 15rem;
+  }
+
+  .lg\:w-64 {
+    width: 16rem;
+  }
+
+  .lg\:w-72 {
+    width: 18rem;
+  }
+
+  .lg\:w-80 {
+    width: 20rem;
+  }
+
+  .lg\:w-96 {
+    width: 24rem;
+  }
+
+  .lg\:w-auto {
+    width: auto;
+  }
+
+  .lg\:w-px {
+    width: 1px;
+  }
+
+  .lg\:w-0\.5 {
+    width: 0.125rem;
+  }
+
+  .lg\:w-1\.5 {
+    width: 0.375rem;
+  }
+
+  .lg\:w-2\.5 {
+    width: 0.625rem;
+  }
+
+  .lg\:w-3\.5 {
+    width: 0.875rem;
+  }
+
+  .lg\:w-1\/2 {
+    width: 50%;
+  }
+
+  .lg\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .lg\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .lg\:w-1\/4 {
+    width: 25%;
+  }
+
+  .lg\:w-2\/4 {
+    width: 50%;
+  }
+
+  .lg\:w-3\/4 {
+    width: 75%;
+  }
+
+  .lg\:w-1\/5 {
+    width: 20%;
+  }
+
+  .lg\:w-2\/5 {
+    width: 40%;
+  }
+
+  .lg\:w-3\/5 {
+    width: 60%;
+  }
+
+  .lg\:w-4\/5 {
+    width: 80%;
+  }
+
+  .lg\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .lg\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .lg\:w-3\/6 {
+    width: 50%;
+  }
+
+  .lg\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .lg\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .lg\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .lg\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .lg\:w-3\/12 {
+    width: 25%;
+  }
+
+  .lg\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .lg\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .lg\:w-6\/12 {
+    width: 50%;
+  }
+
+  .lg\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .lg\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .lg\:w-9\/12 {
+    width: 75%;
+  }
+
+  .lg\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .lg\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .lg\:w-full {
+    width: 100%;
+  }
+
+  .lg\:w-screen {
+    width: 100vw;
+  }
+
+  .lg\:w-min {
+    width: -webkit-min-content;
+    width: min-content;
+  }
+
+  .lg\:w-max {
+    width: -webkit-max-content;
+    width: max-content;
+  }
+
+  .lg\:z-0 {
+    z-index: 0;
+  }
+
+  .lg\:z-10 {
+    z-index: 10;
+  }
+
+  .lg\:z-20 {
+    z-index: 20;
+  }
+
+  .lg\:z-30 {
+    z-index: 30;
+  }
+
+  .lg\:z-40 {
+    z-index: 40;
+  }
+
+  .lg\:z-50 {
+    z-index: 50;
+  }
+
+  .lg\:z-auto {
+    z-index: auto;
+  }
+
+  .lg\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .lg\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .lg\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .lg\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .lg\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .lg\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .lg\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
+  .lg\:focus\:z-0:focus {
+    z-index: 0;
+  }
+
+  .lg\:focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .lg\:focus\:z-20:focus {
+    z-index: 20;
+  }
+
+  .lg\:focus\:z-30:focus {
+    z-index: 30;
+  }
+
+  .lg\:focus\:z-40:focus {
+    z-index: 40;
+  }
+
+  .lg\:focus\:z-50:focus {
+    z-index: 50;
+  }
+
+  .lg\:focus\:z-auto:focus {
+    z-index: auto;
+  }
+
+  .lg\:gap-0 {
+    gap: 0px;
+  }
+
+  .lg\:gap-1 {
+    gap: 0.25rem;
+  }
+
+  .lg\:gap-2 {
+    gap: 0.5rem;
+  }
+
+  .lg\:gap-3 {
+    gap: 0.75rem;
+  }
+
+  .lg\:gap-4 {
+    gap: 1rem;
+  }
+
+  .lg\:gap-5 {
+    gap: 1.25rem;
+  }
+
+  .lg\:gap-6 {
+    gap: 1.5rem;
+  }
+
+  .lg\:gap-7 {
+    gap: 1.75rem;
+  }
+
+  .lg\:gap-8 {
+    gap: 2rem;
+  }
+
+  .lg\:gap-9 {
+    gap: 2.25rem;
+  }
+
+  .lg\:gap-10 {
+    gap: 2.5rem;
+  }
+
+  .lg\:gap-11 {
+    gap: 2.75rem;
+  }
+
+  .lg\:gap-12 {
+    gap: 3rem;
+  }
+
+  .lg\:gap-14 {
+    gap: 3.5rem;
+  }
+
+  .lg\:gap-16 {
+    gap: 4rem;
+  }
+
+  .lg\:gap-20 {
+    gap: 5rem;
+  }
+
+  .lg\:gap-24 {
+    gap: 6rem;
+  }
+
+  .lg\:gap-28 {
+    gap: 7rem;
+  }
+
+  .lg\:gap-32 {
+    gap: 8rem;
+  }
+
+  .lg\:gap-36 {
+    gap: 9rem;
+  }
+
+  .lg\:gap-40 {
+    gap: 10rem;
+  }
+
+  .lg\:gap-44 {
+    gap: 11rem;
+  }
+
+  .lg\:gap-48 {
+    gap: 12rem;
+  }
+
+  .lg\:gap-52 {
+    gap: 13rem;
+  }
+
+  .lg\:gap-56 {
+    gap: 14rem;
+  }
+
+  .lg\:gap-60 {
+    gap: 15rem;
+  }
+
+  .lg\:gap-64 {
+    gap: 16rem;
+  }
+
+  .lg\:gap-72 {
+    gap: 18rem;
+  }
+
+  .lg\:gap-80 {
+    gap: 20rem;
+  }
+
+  .lg\:gap-96 {
+    gap: 24rem;
+  }
+
+  .lg\:gap-px {
+    gap: 1px;
+  }
+
+  .lg\:gap-0\.5 {
+    gap: 0.125rem;
+  }
+
+  .lg\:gap-1\.5 {
+    gap: 0.375rem;
+  }
+
+  .lg\:gap-2\.5 {
+    gap: 0.625rem;
+  }
+
+  .lg\:gap-3\.5 {
+    gap: 0.875rem;
+  }
+
+  .lg\:gap-x-0 {
+    column-gap: 0px;
+  }
+
+  .lg\:gap-x-1 {
+    column-gap: 0.25rem;
+  }
+
+  .lg\:gap-x-2 {
+    column-gap: 0.5rem;
+  }
+
+  .lg\:gap-x-3 {
+    column-gap: 0.75rem;
+  }
+
+  .lg\:gap-x-4 {
+    column-gap: 1rem;
+  }
+
+  .lg\:gap-x-5 {
+    column-gap: 1.25rem;
+  }
+
+  .lg\:gap-x-6 {
+    column-gap: 1.5rem;
+  }
+
+  .lg\:gap-x-7 {
+    column-gap: 1.75rem;
+  }
+
+  .lg\:gap-x-8 {
+    column-gap: 2rem;
+  }
+
+  .lg\:gap-x-9 {
+    column-gap: 2.25rem;
+  }
+
+  .lg\:gap-x-10 {
+    column-gap: 2.5rem;
+  }
+
+  .lg\:gap-x-11 {
+    column-gap: 2.75rem;
+  }
+
+  .lg\:gap-x-12 {
+    column-gap: 3rem;
+  }
+
+  .lg\:gap-x-14 {
+    column-gap: 3.5rem;
+  }
+
+  .lg\:gap-x-16 {
+    column-gap: 4rem;
+  }
+
+  .lg\:gap-x-20 {
+    column-gap: 5rem;
+  }
+
+  .lg\:gap-x-24 {
+    column-gap: 6rem;
+  }
+
+  .lg\:gap-x-28 {
+    column-gap: 7rem;
+  }
+
+  .lg\:gap-x-32 {
+    column-gap: 8rem;
+  }
+
+  .lg\:gap-x-36 {
+    column-gap: 9rem;
+  }
+
+  .lg\:gap-x-40 {
+    column-gap: 10rem;
+  }
+
+  .lg\:gap-x-44 {
+    column-gap: 11rem;
+  }
+
+  .lg\:gap-x-48 {
+    column-gap: 12rem;
+  }
+
+  .lg\:gap-x-52 {
+    column-gap: 13rem;
+  }
+
+  .lg\:gap-x-56 {
+    column-gap: 14rem;
+  }
+
+  .lg\:gap-x-60 {
+    column-gap: 15rem;
+  }
+
+  .lg\:gap-x-64 {
+    column-gap: 16rem;
+  }
+
+  .lg\:gap-x-72 {
+    column-gap: 18rem;
+  }
+
+  .lg\:gap-x-80 {
+    column-gap: 20rem;
+  }
+
+  .lg\:gap-x-96 {
+    column-gap: 24rem;
+  }
+
+  .lg\:gap-x-px {
+    column-gap: 1px;
+  }
+
+  .lg\:gap-x-0\.5 {
+    column-gap: 0.125rem;
+  }
+
+  .lg\:gap-x-1\.5 {
+    column-gap: 0.375rem;
+  }
+
+  .lg\:gap-x-2\.5 {
+    column-gap: 0.625rem;
+  }
+
+  .lg\:gap-x-3\.5 {
+    column-gap: 0.875rem;
+  }
+
+  .lg\:gap-y-0 {
+    row-gap: 0px;
+  }
+
+  .lg\:gap-y-1 {
+    row-gap: 0.25rem;
+  }
+
+  .lg\:gap-y-2 {
+    row-gap: 0.5rem;
+  }
+
+  .lg\:gap-y-3 {
+    row-gap: 0.75rem;
+  }
+
+  .lg\:gap-y-4 {
+    row-gap: 1rem;
+  }
+
+  .lg\:gap-y-5 {
+    row-gap: 1.25rem;
+  }
+
+  .lg\:gap-y-6 {
+    row-gap: 1.5rem;
+  }
+
+  .lg\:gap-y-7 {
+    row-gap: 1.75rem;
+  }
+
+  .lg\:gap-y-8 {
+    row-gap: 2rem;
+  }
+
+  .lg\:gap-y-9 {
+    row-gap: 2.25rem;
+  }
+
+  .lg\:gap-y-10 {
+    row-gap: 2.5rem;
+  }
+
+  .lg\:gap-y-11 {
+    row-gap: 2.75rem;
+  }
+
+  .lg\:gap-y-12 {
+    row-gap: 3rem;
+  }
+
+  .lg\:gap-y-14 {
+    row-gap: 3.5rem;
+  }
+
+  .lg\:gap-y-16 {
+    row-gap: 4rem;
+  }
+
+  .lg\:gap-y-20 {
+    row-gap: 5rem;
+  }
+
+  .lg\:gap-y-24 {
+    row-gap: 6rem;
+  }
+
+  .lg\:gap-y-28 {
+    row-gap: 7rem;
+  }
+
+  .lg\:gap-y-32 {
+    row-gap: 8rem;
+  }
+
+  .lg\:gap-y-36 {
+    row-gap: 9rem;
+  }
+
+  .lg\:gap-y-40 {
+    row-gap: 10rem;
+  }
+
+  .lg\:gap-y-44 {
+    row-gap: 11rem;
+  }
+
+  .lg\:gap-y-48 {
+    row-gap: 12rem;
+  }
+
+  .lg\:gap-y-52 {
+    row-gap: 13rem;
+  }
+
+  .lg\:gap-y-56 {
+    row-gap: 14rem;
+  }
+
+  .lg\:gap-y-60 {
+    row-gap: 15rem;
+  }
+
+  .lg\:gap-y-64 {
+    row-gap: 16rem;
+  }
+
+  .lg\:gap-y-72 {
+    row-gap: 18rem;
+  }
+
+  .lg\:gap-y-80 {
+    row-gap: 20rem;
+  }
+
+  .lg\:gap-y-96 {
+    row-gap: 24rem;
+  }
+
+  .lg\:gap-y-px {
+    row-gap: 1px;
+  }
+
+  .lg\:gap-y-0\.5 {
+    row-gap: 0.125rem;
+  }
+
+  .lg\:gap-y-1\.5 {
+    row-gap: 0.375rem;
+  }
+
+  .lg\:gap-y-2\.5 {
+    row-gap: 0.625rem;
+  }
+
+  .lg\:gap-y-3\.5 {
+    row-gap: 0.875rem;
+  }
+
+  .lg\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .lg\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .lg\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .lg\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .lg\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .lg\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .lg\:auto-cols-min {
+    grid-auto-columns: -webkit-min-content;
+    grid-auto-columns: min-content;
+  }
+
+  .lg\:auto-cols-max {
+    grid-auto-columns: -webkit-max-content;
+    grid-auto-columns: max-content;
+  }
+
+  .lg\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .lg\:col-auto {
+    grid-column: auto;
+  }
+
+  .lg\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .lg\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .lg\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .lg\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .lg\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .lg\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .lg\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .lg\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .lg\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .lg\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .lg\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .lg\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .lg\:col-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .lg\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .lg\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .lg\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .lg\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .lg\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .lg\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .lg\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .lg\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .lg\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .lg\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .lg\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .lg\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .lg\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .lg\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .lg\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .lg\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .lg\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .lg\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .lg\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .lg\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .lg\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .lg\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .lg\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .lg\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .lg\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .lg\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .lg\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .lg\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .lg\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .lg\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .lg\:auto-rows-min {
+    grid-auto-rows: -webkit-min-content;
+    grid-auto-rows: min-content;
+  }
+
+  .lg\:auto-rows-max {
+    grid-auto-rows: -webkit-max-content;
+    grid-auto-rows: max-content;
+  }
+
+  .lg\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .lg\:row-auto {
+    grid-row: auto;
+  }
+
+  .lg\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .lg\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .lg\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .lg\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .lg\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .lg\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .lg\:row-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .lg\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .lg\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .lg\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .lg\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .lg\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .lg\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .lg\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .lg\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .lg\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .lg\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .lg\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .lg\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .lg\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .lg\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .lg\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .lg\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .lg\:transform {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .lg\:transform-gpu {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .lg\:transform-none {
+    transform: none;
+  }
+
+  .lg\:origin-center {
+    transform-origin: center;
+  }
+
+  .lg\:origin-top {
+    transform-origin: top;
+  }
+
+  .lg\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .lg\:origin-right {
+    transform-origin: right;
+  }
+
+  .lg\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .lg\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .lg\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .lg\:origin-left {
+    transform-origin: left;
+  }
+
+  .lg\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .lg\:scale-0 {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .lg\:scale-50 {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .lg\:scale-75 {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .lg\:scale-90 {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .lg\:scale-95 {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .lg\:scale-100 {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .lg\:scale-105 {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .lg\:scale-110 {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .lg\:scale-125 {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .lg\:scale-150 {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .lg\:scale-x-0 {
+    --tw-scale-x: 0;
+  }
+
+  .lg\:scale-x-50 {
+    --tw-scale-x: .5;
+  }
+
+  .lg\:scale-x-75 {
+    --tw-scale-x: .75;
+  }
+
+  .lg\:scale-x-90 {
+    --tw-scale-x: .9;
+  }
+
+  .lg\:scale-x-95 {
+    --tw-scale-x: .95;
+  }
+
+  .lg\:scale-x-100 {
+    --tw-scale-x: 1;
+  }
+
+  .lg\:scale-x-105 {
+    --tw-scale-x: 1.05;
+  }
+
+  .lg\:scale-x-110 {
+    --tw-scale-x: 1.1;
+  }
+
+  .lg\:scale-x-125 {
+    --tw-scale-x: 1.25;
+  }
+
+  .lg\:scale-x-150 {
+    --tw-scale-x: 1.5;
+  }
+
+  .lg\:scale-y-0 {
+    --tw-scale-y: 0;
+  }
+
+  .lg\:scale-y-50 {
+    --tw-scale-y: .5;
+  }
+
+  .lg\:scale-y-75 {
+    --tw-scale-y: .75;
+  }
+
+  .lg\:scale-y-90 {
+    --tw-scale-y: .9;
+  }
+
+  .lg\:scale-y-95 {
+    --tw-scale-y: .95;
+  }
+
+  .lg\:scale-y-100 {
+    --tw-scale-y: 1;
+  }
+
+  .lg\:scale-y-105 {
+    --tw-scale-y: 1.05;
+  }
+
+  .lg\:scale-y-110 {
+    --tw-scale-y: 1.1;
+  }
+
+  .lg\:scale-y-125 {
+    --tw-scale-y: 1.25;
+  }
+
+  .lg\:scale-y-150 {
+    --tw-scale-y: 1.5;
+  }
+
+  .lg\:hover\:scale-0:hover {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .lg\:hover\:scale-50:hover {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .lg\:hover\:scale-75:hover {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .lg\:hover\:scale-90:hover {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .lg\:hover\:scale-95:hover {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .lg\:hover\:scale-100:hover {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .lg\:hover\:scale-105:hover {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .lg\:hover\:scale-110:hover {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .lg\:hover\:scale-125:hover {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .lg\:hover\:scale-150:hover {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .lg\:hover\:scale-x-0:hover {
+    --tw-scale-x: 0;
+  }
+
+  .lg\:hover\:scale-x-50:hover {
+    --tw-scale-x: .5;
+  }
+
+  .lg\:hover\:scale-x-75:hover {
+    --tw-scale-x: .75;
+  }
+
+  .lg\:hover\:scale-x-90:hover {
+    --tw-scale-x: .9;
+  }
+
+  .lg\:hover\:scale-x-95:hover {
+    --tw-scale-x: .95;
+  }
+
+  .lg\:hover\:scale-x-100:hover {
+    --tw-scale-x: 1;
+  }
+
+  .lg\:hover\:scale-x-105:hover {
+    --tw-scale-x: 1.05;
+  }
+
+  .lg\:hover\:scale-x-110:hover {
+    --tw-scale-x: 1.1;
+  }
+
+  .lg\:hover\:scale-x-125:hover {
+    --tw-scale-x: 1.25;
+  }
+
+  .lg\:hover\:scale-x-150:hover {
+    --tw-scale-x: 1.5;
+  }
+
+  .lg\:hover\:scale-y-0:hover {
+    --tw-scale-y: 0;
+  }
+
+  .lg\:hover\:scale-y-50:hover {
+    --tw-scale-y: .5;
+  }
+
+  .lg\:hover\:scale-y-75:hover {
+    --tw-scale-y: .75;
+  }
+
+  .lg\:hover\:scale-y-90:hover {
+    --tw-scale-y: .9;
+  }
+
+  .lg\:hover\:scale-y-95:hover {
+    --tw-scale-y: .95;
+  }
+
+  .lg\:hover\:scale-y-100:hover {
+    --tw-scale-y: 1;
+  }
+
+  .lg\:hover\:scale-y-105:hover {
+    --tw-scale-y: 1.05;
+  }
+
+  .lg\:hover\:scale-y-110:hover {
+    --tw-scale-y: 1.1;
+  }
+
+  .lg\:hover\:scale-y-125:hover {
+    --tw-scale-y: 1.25;
+  }
+
+  .lg\:hover\:scale-y-150:hover {
+    --tw-scale-y: 1.5;
+  }
+
+  .lg\:focus\:scale-0:focus {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .lg\:focus\:scale-50:focus {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .lg\:focus\:scale-75:focus {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .lg\:focus\:scale-90:focus {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .lg\:focus\:scale-95:focus {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .lg\:focus\:scale-100:focus {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .lg\:focus\:scale-105:focus {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .lg\:focus\:scale-110:focus {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .lg\:focus\:scale-125:focus {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .lg\:focus\:scale-150:focus {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .lg\:focus\:scale-x-0:focus {
+    --tw-scale-x: 0;
+  }
+
+  .lg\:focus\:scale-x-50:focus {
+    --tw-scale-x: .5;
+  }
+
+  .lg\:focus\:scale-x-75:focus {
+    --tw-scale-x: .75;
+  }
+
+  .lg\:focus\:scale-x-90:focus {
+    --tw-scale-x: .9;
+  }
+
+  .lg\:focus\:scale-x-95:focus {
+    --tw-scale-x: .95;
+  }
+
+  .lg\:focus\:scale-x-100:focus {
+    --tw-scale-x: 1;
+  }
+
+  .lg\:focus\:scale-x-105:focus {
+    --tw-scale-x: 1.05;
+  }
+
+  .lg\:focus\:scale-x-110:focus {
+    --tw-scale-x: 1.1;
+  }
+
+  .lg\:focus\:scale-x-125:focus {
+    --tw-scale-x: 1.25;
+  }
+
+  .lg\:focus\:scale-x-150:focus {
+    --tw-scale-x: 1.5;
+  }
+
+  .lg\:focus\:scale-y-0:focus {
+    --tw-scale-y: 0;
+  }
+
+  .lg\:focus\:scale-y-50:focus {
+    --tw-scale-y: .5;
+  }
+
+  .lg\:focus\:scale-y-75:focus {
+    --tw-scale-y: .75;
+  }
+
+  .lg\:focus\:scale-y-90:focus {
+    --tw-scale-y: .9;
+  }
+
+  .lg\:focus\:scale-y-95:focus {
+    --tw-scale-y: .95;
+  }
+
+  .lg\:focus\:scale-y-100:focus {
+    --tw-scale-y: 1;
+  }
+
+  .lg\:focus\:scale-y-105:focus {
+    --tw-scale-y: 1.05;
+  }
+
+  .lg\:focus\:scale-y-110:focus {
+    --tw-scale-y: 1.1;
+  }
+
+  .lg\:focus\:scale-y-125:focus {
+    --tw-scale-y: 1.25;
+  }
+
+  .lg\:focus\:scale-y-150:focus {
+    --tw-scale-y: 1.5;
+  }
+
+  .lg\:rotate-0 {
+    --tw-rotate: 0deg;
+  }
+
+  .lg\:rotate-1 {
+    --tw-rotate: 1deg;
+  }
+
+  .lg\:rotate-2 {
+    --tw-rotate: 2deg;
+  }
+
+  .lg\:rotate-3 {
+    --tw-rotate: 3deg;
+  }
+
+  .lg\:rotate-6 {
+    --tw-rotate: 6deg;
+  }
+
+  .lg\:rotate-12 {
+    --tw-rotate: 12deg;
+  }
+
+  .lg\:rotate-45 {
+    --tw-rotate: 45deg;
+  }
+
+  .lg\:rotate-90 {
+    --tw-rotate: 90deg;
+  }
+
+  .lg\:rotate-180 {
+    --tw-rotate: 180deg;
+  }
+
+  .lg\:-rotate-180 {
+    --tw-rotate: -180deg;
+  }
+
+  .lg\:-rotate-90 {
+    --tw-rotate: -90deg;
+  }
+
+  .lg\:-rotate-45 {
+    --tw-rotate: -45deg;
+  }
+
+  .lg\:-rotate-12 {
+    --tw-rotate: -12deg;
+  }
+
+  .lg\:-rotate-6 {
+    --tw-rotate: -6deg;
+  }
+
+  .lg\:-rotate-3 {
+    --tw-rotate: -3deg;
+  }
+
+  .lg\:-rotate-2 {
+    --tw-rotate: -2deg;
+  }
+
+  .lg\:-rotate-1 {
+    --tw-rotate: -1deg;
+  }
+
+  .lg\:hover\:rotate-0:hover {
+    --tw-rotate: 0deg;
+  }
+
+  .lg\:hover\:rotate-1:hover {
+    --tw-rotate: 1deg;
+  }
+
+  .lg\:hover\:rotate-2:hover {
+    --tw-rotate: 2deg;
+  }
+
+  .lg\:hover\:rotate-3:hover {
+    --tw-rotate: 3deg;
+  }
+
+  .lg\:hover\:rotate-6:hover {
+    --tw-rotate: 6deg;
+  }
+
+  .lg\:hover\:rotate-12:hover {
+    --tw-rotate: 12deg;
+  }
+
+  .lg\:hover\:rotate-45:hover {
+    --tw-rotate: 45deg;
+  }
+
+  .lg\:hover\:rotate-90:hover {
+    --tw-rotate: 90deg;
+  }
+
+  .lg\:hover\:rotate-180:hover {
+    --tw-rotate: 180deg;
+  }
+
+  .lg\:hover\:-rotate-180:hover {
+    --tw-rotate: -180deg;
+  }
+
+  .lg\:hover\:-rotate-90:hover {
+    --tw-rotate: -90deg;
+  }
+
+  .lg\:hover\:-rotate-45:hover {
+    --tw-rotate: -45deg;
+  }
+
+  .lg\:hover\:-rotate-12:hover {
+    --tw-rotate: -12deg;
+  }
+
+  .lg\:hover\:-rotate-6:hover {
+    --tw-rotate: -6deg;
+  }
+
+  .lg\:hover\:-rotate-3:hover {
+    --tw-rotate: -3deg;
+  }
+
+  .lg\:hover\:-rotate-2:hover {
+    --tw-rotate: -2deg;
+  }
+
+  .lg\:hover\:-rotate-1:hover {
+    --tw-rotate: -1deg;
+  }
+
+  .lg\:focus\:rotate-0:focus {
+    --tw-rotate: 0deg;
+  }
+
+  .lg\:focus\:rotate-1:focus {
+    --tw-rotate: 1deg;
+  }
+
+  .lg\:focus\:rotate-2:focus {
+    --tw-rotate: 2deg;
+  }
+
+  .lg\:focus\:rotate-3:focus {
+    --tw-rotate: 3deg;
+  }
+
+  .lg\:focus\:rotate-6:focus {
+    --tw-rotate: 6deg;
+  }
+
+  .lg\:focus\:rotate-12:focus {
+    --tw-rotate: 12deg;
+  }
+
+  .lg\:focus\:rotate-45:focus {
+    --tw-rotate: 45deg;
+  }
+
+  .lg\:focus\:rotate-90:focus {
+    --tw-rotate: 90deg;
+  }
+
+  .lg\:focus\:rotate-180:focus {
+    --tw-rotate: 180deg;
+  }
+
+  .lg\:focus\:-rotate-180:focus {
+    --tw-rotate: -180deg;
+  }
+
+  .lg\:focus\:-rotate-90:focus {
+    --tw-rotate: -90deg;
+  }
+
+  .lg\:focus\:-rotate-45:focus {
+    --tw-rotate: -45deg;
+  }
+
+  .lg\:focus\:-rotate-12:focus {
+    --tw-rotate: -12deg;
+  }
+
+  .lg\:focus\:-rotate-6:focus {
+    --tw-rotate: -6deg;
+  }
+
+  .lg\:focus\:-rotate-3:focus {
+    --tw-rotate: -3deg;
+  }
+
+  .lg\:focus\:-rotate-2:focus {
+    --tw-rotate: -2deg;
+  }
+
+  .lg\:focus\:-rotate-1:focus {
+    --tw-rotate: -1deg;
+  }
+
+  .lg\:translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .lg\:translate-x-1 {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .lg\:translate-x-2 {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .lg\:translate-x-3 {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .lg\:translate-x-4 {
+    --tw-translate-x: 1rem;
+  }
+
+  .lg\:translate-x-5 {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .lg\:translate-x-6 {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .lg\:translate-x-7 {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .lg\:translate-x-8 {
+    --tw-translate-x: 2rem;
+  }
+
+  .lg\:translate-x-9 {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .lg\:translate-x-10 {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .lg\:translate-x-11 {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .lg\:translate-x-12 {
+    --tw-translate-x: 3rem;
+  }
+
+  .lg\:translate-x-14 {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .lg\:translate-x-16 {
+    --tw-translate-x: 4rem;
+  }
+
+  .lg\:translate-x-20 {
+    --tw-translate-x: 5rem;
+  }
+
+  .lg\:translate-x-24 {
+    --tw-translate-x: 6rem;
+  }
+
+  .lg\:translate-x-28 {
+    --tw-translate-x: 7rem;
+  }
+
+  .lg\:translate-x-32 {
+    --tw-translate-x: 8rem;
+  }
+
+  .lg\:translate-x-36 {
+    --tw-translate-x: 9rem;
+  }
+
+  .lg\:translate-x-40 {
+    --tw-translate-x: 10rem;
+  }
+
+  .lg\:translate-x-44 {
+    --tw-translate-x: 11rem;
+  }
+
+  .lg\:translate-x-48 {
+    --tw-translate-x: 12rem;
+  }
+
+  .lg\:translate-x-52 {
+    --tw-translate-x: 13rem;
+  }
+
+  .lg\:translate-x-56 {
+    --tw-translate-x: 14rem;
+  }
+
+  .lg\:translate-x-60 {
+    --tw-translate-x: 15rem;
+  }
+
+  .lg\:translate-x-64 {
+    --tw-translate-x: 16rem;
+  }
+
+  .lg\:translate-x-72 {
+    --tw-translate-x: 18rem;
+  }
+
+  .lg\:translate-x-80 {
+    --tw-translate-x: 20rem;
+  }
+
+  .lg\:translate-x-96 {
+    --tw-translate-x: 24rem;
+  }
+
+  .lg\:translate-x-px {
+    --tw-translate-x: 1px;
+  }
+
+  .lg\:translate-x-0\.5 {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .lg\:translate-x-1\.5 {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .lg\:translate-x-2\.5 {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .lg\:translate-x-3\.5 {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .lg\:-translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .lg\:-translate-x-1 {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .lg\:-translate-x-2 {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .lg\:-translate-x-3 {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .lg\:-translate-x-4 {
+    --tw-translate-x: -1rem;
+  }
+
+  .lg\:-translate-x-5 {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .lg\:-translate-x-6 {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .lg\:-translate-x-7 {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .lg\:-translate-x-8 {
+    --tw-translate-x: -2rem;
+  }
+
+  .lg\:-translate-x-9 {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .lg\:-translate-x-10 {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .lg\:-translate-x-11 {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .lg\:-translate-x-12 {
+    --tw-translate-x: -3rem;
+  }
+
+  .lg\:-translate-x-14 {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .lg\:-translate-x-16 {
+    --tw-translate-x: -4rem;
+  }
+
+  .lg\:-translate-x-20 {
+    --tw-translate-x: -5rem;
+  }
+
+  .lg\:-translate-x-24 {
+    --tw-translate-x: -6rem;
+  }
+
+  .lg\:-translate-x-28 {
+    --tw-translate-x: -7rem;
+  }
+
+  .lg\:-translate-x-32 {
+    --tw-translate-x: -8rem;
+  }
+
+  .lg\:-translate-x-36 {
+    --tw-translate-x: -9rem;
+  }
+
+  .lg\:-translate-x-40 {
+    --tw-translate-x: -10rem;
+  }
+
+  .lg\:-translate-x-44 {
+    --tw-translate-x: -11rem;
+  }
+
+  .lg\:-translate-x-48 {
+    --tw-translate-x: -12rem;
+  }
+
+  .lg\:-translate-x-52 {
+    --tw-translate-x: -13rem;
+  }
+
+  .lg\:-translate-x-56 {
+    --tw-translate-x: -14rem;
+  }
+
+  .lg\:-translate-x-60 {
+    --tw-translate-x: -15rem;
+  }
+
+  .lg\:-translate-x-64 {
+    --tw-translate-x: -16rem;
+  }
+
+  .lg\:-translate-x-72 {
+    --tw-translate-x: -18rem;
+  }
+
+  .lg\:-translate-x-80 {
+    --tw-translate-x: -20rem;
+  }
+
+  .lg\:-translate-x-96 {
+    --tw-translate-x: -24rem;
+  }
+
+  .lg\:-translate-x-px {
+    --tw-translate-x: -1px;
+  }
+
+  .lg\:-translate-x-0\.5 {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .lg\:-translate-x-1\.5 {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .lg\:-translate-x-2\.5 {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .lg\:-translate-x-3\.5 {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .lg\:translate-x-1\/2 {
+    --tw-translate-x: 50%;
+  }
+
+  .lg\:translate-x-1\/3 {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .lg\:translate-x-2\/3 {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .lg\:translate-x-1\/4 {
+    --tw-translate-x: 25%;
+  }
+
+  .lg\:translate-x-2\/4 {
+    --tw-translate-x: 50%;
+  }
+
+  .lg\:translate-x-3\/4 {
+    --tw-translate-x: 75%;
+  }
+
+  .lg\:translate-x-full {
+    --tw-translate-x: 100%;
+  }
+
+  .lg\:-translate-x-1\/2 {
+    --tw-translate-x: -50%;
+  }
+
+  .lg\:-translate-x-1\/3 {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .lg\:-translate-x-2\/3 {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .lg\:-translate-x-1\/4 {
+    --tw-translate-x: -25%;
+  }
+
+  .lg\:-translate-x-2\/4 {
+    --tw-translate-x: -50%;
+  }
+
+  .lg\:-translate-x-3\/4 {
+    --tw-translate-x: -75%;
+  }
+
+  .lg\:-translate-x-full {
+    --tw-translate-x: -100%;
+  }
+
+  .lg\:translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .lg\:translate-y-1 {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .lg\:translate-y-2 {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .lg\:translate-y-3 {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .lg\:translate-y-4 {
+    --tw-translate-y: 1rem;
+  }
+
+  .lg\:translate-y-5 {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .lg\:translate-y-6 {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .lg\:translate-y-7 {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .lg\:translate-y-8 {
+    --tw-translate-y: 2rem;
+  }
+
+  .lg\:translate-y-9 {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .lg\:translate-y-10 {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .lg\:translate-y-11 {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .lg\:translate-y-12 {
+    --tw-translate-y: 3rem;
+  }
+
+  .lg\:translate-y-14 {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .lg\:translate-y-16 {
+    --tw-translate-y: 4rem;
+  }
+
+  .lg\:translate-y-20 {
+    --tw-translate-y: 5rem;
+  }
+
+  .lg\:translate-y-24 {
+    --tw-translate-y: 6rem;
+  }
+
+  .lg\:translate-y-28 {
+    --tw-translate-y: 7rem;
+  }
+
+  .lg\:translate-y-32 {
+    --tw-translate-y: 8rem;
+  }
+
+  .lg\:translate-y-36 {
+    --tw-translate-y: 9rem;
+  }
+
+  .lg\:translate-y-40 {
+    --tw-translate-y: 10rem;
+  }
+
+  .lg\:translate-y-44 {
+    --tw-translate-y: 11rem;
+  }
+
+  .lg\:translate-y-48 {
+    --tw-translate-y: 12rem;
+  }
+
+  .lg\:translate-y-52 {
+    --tw-translate-y: 13rem;
+  }
+
+  .lg\:translate-y-56 {
+    --tw-translate-y: 14rem;
+  }
+
+  .lg\:translate-y-60 {
+    --tw-translate-y: 15rem;
+  }
+
+  .lg\:translate-y-64 {
+    --tw-translate-y: 16rem;
+  }
+
+  .lg\:translate-y-72 {
+    --tw-translate-y: 18rem;
+  }
+
+  .lg\:translate-y-80 {
+    --tw-translate-y: 20rem;
+  }
+
+  .lg\:translate-y-96 {
+    --tw-translate-y: 24rem;
+  }
+
+  .lg\:translate-y-px {
+    --tw-translate-y: 1px;
+  }
+
+  .lg\:translate-y-0\.5 {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .lg\:translate-y-1\.5 {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .lg\:translate-y-2\.5 {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .lg\:translate-y-3\.5 {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .lg\:-translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .lg\:-translate-y-1 {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .lg\:-translate-y-2 {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .lg\:-translate-y-3 {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .lg\:-translate-y-4 {
+    --tw-translate-y: -1rem;
+  }
+
+  .lg\:-translate-y-5 {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .lg\:-translate-y-6 {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .lg\:-translate-y-7 {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .lg\:-translate-y-8 {
+    --tw-translate-y: -2rem;
+  }
+
+  .lg\:-translate-y-9 {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .lg\:-translate-y-10 {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .lg\:-translate-y-11 {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .lg\:-translate-y-12 {
+    --tw-translate-y: -3rem;
+  }
+
+  .lg\:-translate-y-14 {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .lg\:-translate-y-16 {
+    --tw-translate-y: -4rem;
+  }
+
+  .lg\:-translate-y-20 {
+    --tw-translate-y: -5rem;
+  }
+
+  .lg\:-translate-y-24 {
+    --tw-translate-y: -6rem;
+  }
+
+  .lg\:-translate-y-28 {
+    --tw-translate-y: -7rem;
+  }
+
+  .lg\:-translate-y-32 {
+    --tw-translate-y: -8rem;
+  }
+
+  .lg\:-translate-y-36 {
+    --tw-translate-y: -9rem;
+  }
+
+  .lg\:-translate-y-40 {
+    --tw-translate-y: -10rem;
+  }
+
+  .lg\:-translate-y-44 {
+    --tw-translate-y: -11rem;
+  }
+
+  .lg\:-translate-y-48 {
+    --tw-translate-y: -12rem;
+  }
+
+  .lg\:-translate-y-52 {
+    --tw-translate-y: -13rem;
+  }
+
+  .lg\:-translate-y-56 {
+    --tw-translate-y: -14rem;
+  }
+
+  .lg\:-translate-y-60 {
+    --tw-translate-y: -15rem;
+  }
+
+  .lg\:-translate-y-64 {
+    --tw-translate-y: -16rem;
+  }
+
+  .lg\:-translate-y-72 {
+    --tw-translate-y: -18rem;
+  }
+
+  .lg\:-translate-y-80 {
+    --tw-translate-y: -20rem;
+  }
+
+  .lg\:-translate-y-96 {
+    --tw-translate-y: -24rem;
+  }
+
+  .lg\:-translate-y-px {
+    --tw-translate-y: -1px;
+  }
+
+  .lg\:-translate-y-0\.5 {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .lg\:-translate-y-1\.5 {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .lg\:-translate-y-2\.5 {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .lg\:-translate-y-3\.5 {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .lg\:translate-y-1\/2 {
+    --tw-translate-y: 50%;
+  }
+
+  .lg\:translate-y-1\/3 {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .lg\:translate-y-2\/3 {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .lg\:translate-y-1\/4 {
+    --tw-translate-y: 25%;
+  }
+
+  .lg\:translate-y-2\/4 {
+    --tw-translate-y: 50%;
+  }
+
+  .lg\:translate-y-3\/4 {
+    --tw-translate-y: 75%;
+  }
+
+  .lg\:translate-y-full {
+    --tw-translate-y: 100%;
+  }
+
+  .lg\:-translate-y-1\/2 {
+    --tw-translate-y: -50%;
+  }
+
+  .lg\:-translate-y-1\/3 {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .lg\:-translate-y-2\/3 {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .lg\:-translate-y-1\/4 {
+    --tw-translate-y: -25%;
+  }
+
+  .lg\:-translate-y-2\/4 {
+    --tw-translate-y: -50%;
+  }
+
+  .lg\:-translate-y-3\/4 {
+    --tw-translate-y: -75%;
+  }
+
+  .lg\:-translate-y-full {
+    --tw-translate-y: -100%;
+  }
+
+  .lg\:hover\:translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .lg\:hover\:translate-x-1:hover {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .lg\:hover\:translate-x-2:hover {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .lg\:hover\:translate-x-3:hover {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .lg\:hover\:translate-x-4:hover {
+    --tw-translate-x: 1rem;
+  }
+
+  .lg\:hover\:translate-x-5:hover {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .lg\:hover\:translate-x-6:hover {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .lg\:hover\:translate-x-7:hover {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .lg\:hover\:translate-x-8:hover {
+    --tw-translate-x: 2rem;
+  }
+
+  .lg\:hover\:translate-x-9:hover {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .lg\:hover\:translate-x-10:hover {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .lg\:hover\:translate-x-11:hover {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .lg\:hover\:translate-x-12:hover {
+    --tw-translate-x: 3rem;
+  }
+
+  .lg\:hover\:translate-x-14:hover {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .lg\:hover\:translate-x-16:hover {
+    --tw-translate-x: 4rem;
+  }
+
+  .lg\:hover\:translate-x-20:hover {
+    --tw-translate-x: 5rem;
+  }
+
+  .lg\:hover\:translate-x-24:hover {
+    --tw-translate-x: 6rem;
+  }
+
+  .lg\:hover\:translate-x-28:hover {
+    --tw-translate-x: 7rem;
+  }
+
+  .lg\:hover\:translate-x-32:hover {
+    --tw-translate-x: 8rem;
+  }
+
+  .lg\:hover\:translate-x-36:hover {
+    --tw-translate-x: 9rem;
+  }
+
+  .lg\:hover\:translate-x-40:hover {
+    --tw-translate-x: 10rem;
+  }
+
+  .lg\:hover\:translate-x-44:hover {
+    --tw-translate-x: 11rem;
+  }
+
+  .lg\:hover\:translate-x-48:hover {
+    --tw-translate-x: 12rem;
+  }
+
+  .lg\:hover\:translate-x-52:hover {
+    --tw-translate-x: 13rem;
+  }
+
+  .lg\:hover\:translate-x-56:hover {
+    --tw-translate-x: 14rem;
+  }
+
+  .lg\:hover\:translate-x-60:hover {
+    --tw-translate-x: 15rem;
+  }
+
+  .lg\:hover\:translate-x-64:hover {
+    --tw-translate-x: 16rem;
+  }
+
+  .lg\:hover\:translate-x-72:hover {
+    --tw-translate-x: 18rem;
+  }
+
+  .lg\:hover\:translate-x-80:hover {
+    --tw-translate-x: 20rem;
+  }
+
+  .lg\:hover\:translate-x-96:hover {
+    --tw-translate-x: 24rem;
+  }
+
+  .lg\:hover\:translate-x-px:hover {
+    --tw-translate-x: 1px;
+  }
+
+  .lg\:hover\:translate-x-0\.5:hover {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .lg\:hover\:translate-x-1\.5:hover {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .lg\:hover\:translate-x-2\.5:hover {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .lg\:hover\:translate-x-3\.5:hover {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .lg\:hover\:-translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .lg\:hover\:-translate-x-1:hover {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .lg\:hover\:-translate-x-2:hover {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .lg\:hover\:-translate-x-3:hover {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .lg\:hover\:-translate-x-4:hover {
+    --tw-translate-x: -1rem;
+  }
+
+  .lg\:hover\:-translate-x-5:hover {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .lg\:hover\:-translate-x-6:hover {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .lg\:hover\:-translate-x-7:hover {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .lg\:hover\:-translate-x-8:hover {
+    --tw-translate-x: -2rem;
+  }
+
+  .lg\:hover\:-translate-x-9:hover {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .lg\:hover\:-translate-x-10:hover {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .lg\:hover\:-translate-x-11:hover {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .lg\:hover\:-translate-x-12:hover {
+    --tw-translate-x: -3rem;
+  }
+
+  .lg\:hover\:-translate-x-14:hover {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .lg\:hover\:-translate-x-16:hover {
+    --tw-translate-x: -4rem;
+  }
+
+  .lg\:hover\:-translate-x-20:hover {
+    --tw-translate-x: -5rem;
+  }
+
+  .lg\:hover\:-translate-x-24:hover {
+    --tw-translate-x: -6rem;
+  }
+
+  .lg\:hover\:-translate-x-28:hover {
+    --tw-translate-x: -7rem;
+  }
+
+  .lg\:hover\:-translate-x-32:hover {
+    --tw-translate-x: -8rem;
+  }
+
+  .lg\:hover\:-translate-x-36:hover {
+    --tw-translate-x: -9rem;
+  }
+
+  .lg\:hover\:-translate-x-40:hover {
+    --tw-translate-x: -10rem;
+  }
+
+  .lg\:hover\:-translate-x-44:hover {
+    --tw-translate-x: -11rem;
+  }
+
+  .lg\:hover\:-translate-x-48:hover {
+    --tw-translate-x: -12rem;
+  }
+
+  .lg\:hover\:-translate-x-52:hover {
+    --tw-translate-x: -13rem;
+  }
+
+  .lg\:hover\:-translate-x-56:hover {
+    --tw-translate-x: -14rem;
+  }
+
+  .lg\:hover\:-translate-x-60:hover {
+    --tw-translate-x: -15rem;
+  }
+
+  .lg\:hover\:-translate-x-64:hover {
+    --tw-translate-x: -16rem;
+  }
+
+  .lg\:hover\:-translate-x-72:hover {
+    --tw-translate-x: -18rem;
+  }
+
+  .lg\:hover\:-translate-x-80:hover {
+    --tw-translate-x: -20rem;
+  }
+
+  .lg\:hover\:-translate-x-96:hover {
+    --tw-translate-x: -24rem;
+  }
+
+  .lg\:hover\:-translate-x-px:hover {
+    --tw-translate-x: -1px;
+  }
+
+  .lg\:hover\:-translate-x-0\.5:hover {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .lg\:hover\:-translate-x-1\.5:hover {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .lg\:hover\:-translate-x-2\.5:hover {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .lg\:hover\:-translate-x-3\.5:hover {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .lg\:hover\:translate-x-1\/2:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .lg\:hover\:translate-x-1\/3:hover {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .lg\:hover\:translate-x-2\/3:hover {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .lg\:hover\:translate-x-1\/4:hover {
+    --tw-translate-x: 25%;
+  }
+
+  .lg\:hover\:translate-x-2\/4:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .lg\:hover\:translate-x-3\/4:hover {
+    --tw-translate-x: 75%;
+  }
+
+  .lg\:hover\:translate-x-full:hover {
+    --tw-translate-x: 100%;
+  }
+
+  .lg\:hover\:-translate-x-1\/2:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .lg\:hover\:-translate-x-1\/3:hover {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .lg\:hover\:-translate-x-2\/3:hover {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .lg\:hover\:-translate-x-1\/4:hover {
+    --tw-translate-x: -25%;
+  }
+
+  .lg\:hover\:-translate-x-2\/4:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .lg\:hover\:-translate-x-3\/4:hover {
+    --tw-translate-x: -75%;
+  }
+
+  .lg\:hover\:-translate-x-full:hover {
+    --tw-translate-x: -100%;
+  }
+
+  .lg\:hover\:translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .lg\:hover\:translate-y-1:hover {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .lg\:hover\:translate-y-2:hover {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .lg\:hover\:translate-y-3:hover {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .lg\:hover\:translate-y-4:hover {
+    --tw-translate-y: 1rem;
+  }
+
+  .lg\:hover\:translate-y-5:hover {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .lg\:hover\:translate-y-6:hover {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .lg\:hover\:translate-y-7:hover {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .lg\:hover\:translate-y-8:hover {
+    --tw-translate-y: 2rem;
+  }
+
+  .lg\:hover\:translate-y-9:hover {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .lg\:hover\:translate-y-10:hover {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .lg\:hover\:translate-y-11:hover {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .lg\:hover\:translate-y-12:hover {
+    --tw-translate-y: 3rem;
+  }
+
+  .lg\:hover\:translate-y-14:hover {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .lg\:hover\:translate-y-16:hover {
+    --tw-translate-y: 4rem;
+  }
+
+  .lg\:hover\:translate-y-20:hover {
+    --tw-translate-y: 5rem;
+  }
+
+  .lg\:hover\:translate-y-24:hover {
+    --tw-translate-y: 6rem;
+  }
+
+  .lg\:hover\:translate-y-28:hover {
+    --tw-translate-y: 7rem;
+  }
+
+  .lg\:hover\:translate-y-32:hover {
+    --tw-translate-y: 8rem;
+  }
+
+  .lg\:hover\:translate-y-36:hover {
+    --tw-translate-y: 9rem;
+  }
+
+  .lg\:hover\:translate-y-40:hover {
+    --tw-translate-y: 10rem;
+  }
+
+  .lg\:hover\:translate-y-44:hover {
+    --tw-translate-y: 11rem;
+  }
+
+  .lg\:hover\:translate-y-48:hover {
+    --tw-translate-y: 12rem;
+  }
+
+  .lg\:hover\:translate-y-52:hover {
+    --tw-translate-y: 13rem;
+  }
+
+  .lg\:hover\:translate-y-56:hover {
+    --tw-translate-y: 14rem;
+  }
+
+  .lg\:hover\:translate-y-60:hover {
+    --tw-translate-y: 15rem;
+  }
+
+  .lg\:hover\:translate-y-64:hover {
+    --tw-translate-y: 16rem;
+  }
+
+  .lg\:hover\:translate-y-72:hover {
+    --tw-translate-y: 18rem;
+  }
+
+  .lg\:hover\:translate-y-80:hover {
+    --tw-translate-y: 20rem;
+  }
+
+  .lg\:hover\:translate-y-96:hover {
+    --tw-translate-y: 24rem;
+  }
+
+  .lg\:hover\:translate-y-px:hover {
+    --tw-translate-y: 1px;
+  }
+
+  .lg\:hover\:translate-y-0\.5:hover {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .lg\:hover\:translate-y-1\.5:hover {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .lg\:hover\:translate-y-2\.5:hover {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .lg\:hover\:translate-y-3\.5:hover {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .lg\:hover\:-translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .lg\:hover\:-translate-y-1:hover {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .lg\:hover\:-translate-y-2:hover {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .lg\:hover\:-translate-y-3:hover {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .lg\:hover\:-translate-y-4:hover {
+    --tw-translate-y: -1rem;
+  }
+
+  .lg\:hover\:-translate-y-5:hover {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .lg\:hover\:-translate-y-6:hover {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .lg\:hover\:-translate-y-7:hover {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .lg\:hover\:-translate-y-8:hover {
+    --tw-translate-y: -2rem;
+  }
+
+  .lg\:hover\:-translate-y-9:hover {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .lg\:hover\:-translate-y-10:hover {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .lg\:hover\:-translate-y-11:hover {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .lg\:hover\:-translate-y-12:hover {
+    --tw-translate-y: -3rem;
+  }
+
+  .lg\:hover\:-translate-y-14:hover {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .lg\:hover\:-translate-y-16:hover {
+    --tw-translate-y: -4rem;
+  }
+
+  .lg\:hover\:-translate-y-20:hover {
+    --tw-translate-y: -5rem;
+  }
+
+  .lg\:hover\:-translate-y-24:hover {
+    --tw-translate-y: -6rem;
+  }
+
+  .lg\:hover\:-translate-y-28:hover {
+    --tw-translate-y: -7rem;
+  }
+
+  .lg\:hover\:-translate-y-32:hover {
+    --tw-translate-y: -8rem;
+  }
+
+  .lg\:hover\:-translate-y-36:hover {
+    --tw-translate-y: -9rem;
+  }
+
+  .lg\:hover\:-translate-y-40:hover {
+    --tw-translate-y: -10rem;
+  }
+
+  .lg\:hover\:-translate-y-44:hover {
+    --tw-translate-y: -11rem;
+  }
+
+  .lg\:hover\:-translate-y-48:hover {
+    --tw-translate-y: -12rem;
+  }
+
+  .lg\:hover\:-translate-y-52:hover {
+    --tw-translate-y: -13rem;
+  }
+
+  .lg\:hover\:-translate-y-56:hover {
+    --tw-translate-y: -14rem;
+  }
+
+  .lg\:hover\:-translate-y-60:hover {
+    --tw-translate-y: -15rem;
+  }
+
+  .lg\:hover\:-translate-y-64:hover {
+    --tw-translate-y: -16rem;
+  }
+
+  .lg\:hover\:-translate-y-72:hover {
+    --tw-translate-y: -18rem;
+  }
+
+  .lg\:hover\:-translate-y-80:hover {
+    --tw-translate-y: -20rem;
+  }
+
+  .lg\:hover\:-translate-y-96:hover {
+    --tw-translate-y: -24rem;
+  }
+
+  .lg\:hover\:-translate-y-px:hover {
+    --tw-translate-y: -1px;
+  }
+
+  .lg\:hover\:-translate-y-0\.5:hover {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .lg\:hover\:-translate-y-1\.5:hover {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .lg\:hover\:-translate-y-2\.5:hover {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .lg\:hover\:-translate-y-3\.5:hover {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .lg\:hover\:translate-y-1\/2:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .lg\:hover\:translate-y-1\/3:hover {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .lg\:hover\:translate-y-2\/3:hover {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .lg\:hover\:translate-y-1\/4:hover {
+    --tw-translate-y: 25%;
+  }
+
+  .lg\:hover\:translate-y-2\/4:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .lg\:hover\:translate-y-3\/4:hover {
+    --tw-translate-y: 75%;
+  }
+
+  .lg\:hover\:translate-y-full:hover {
+    --tw-translate-y: 100%;
+  }
+
+  .lg\:hover\:-translate-y-1\/2:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .lg\:hover\:-translate-y-1\/3:hover {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .lg\:hover\:-translate-y-2\/3:hover {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .lg\:hover\:-translate-y-1\/4:hover {
+    --tw-translate-y: -25%;
+  }
+
+  .lg\:hover\:-translate-y-2\/4:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .lg\:hover\:-translate-y-3\/4:hover {
+    --tw-translate-y: -75%;
+  }
+
+  .lg\:hover\:-translate-y-full:hover {
+    --tw-translate-y: -100%;
+  }
+
+  .lg\:focus\:translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .lg\:focus\:translate-x-1:focus {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .lg\:focus\:translate-x-2:focus {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .lg\:focus\:translate-x-3:focus {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .lg\:focus\:translate-x-4:focus {
+    --tw-translate-x: 1rem;
+  }
+
+  .lg\:focus\:translate-x-5:focus {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .lg\:focus\:translate-x-6:focus {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .lg\:focus\:translate-x-7:focus {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .lg\:focus\:translate-x-8:focus {
+    --tw-translate-x: 2rem;
+  }
+
+  .lg\:focus\:translate-x-9:focus {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .lg\:focus\:translate-x-10:focus {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .lg\:focus\:translate-x-11:focus {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .lg\:focus\:translate-x-12:focus {
+    --tw-translate-x: 3rem;
+  }
+
+  .lg\:focus\:translate-x-14:focus {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .lg\:focus\:translate-x-16:focus {
+    --tw-translate-x: 4rem;
+  }
+
+  .lg\:focus\:translate-x-20:focus {
+    --tw-translate-x: 5rem;
+  }
+
+  .lg\:focus\:translate-x-24:focus {
+    --tw-translate-x: 6rem;
+  }
+
+  .lg\:focus\:translate-x-28:focus {
+    --tw-translate-x: 7rem;
+  }
+
+  .lg\:focus\:translate-x-32:focus {
+    --tw-translate-x: 8rem;
+  }
+
+  .lg\:focus\:translate-x-36:focus {
+    --tw-translate-x: 9rem;
+  }
+
+  .lg\:focus\:translate-x-40:focus {
+    --tw-translate-x: 10rem;
+  }
+
+  .lg\:focus\:translate-x-44:focus {
+    --tw-translate-x: 11rem;
+  }
+
+  .lg\:focus\:translate-x-48:focus {
+    --tw-translate-x: 12rem;
+  }
+
+  .lg\:focus\:translate-x-52:focus {
+    --tw-translate-x: 13rem;
+  }
+
+  .lg\:focus\:translate-x-56:focus {
+    --tw-translate-x: 14rem;
+  }
+
+  .lg\:focus\:translate-x-60:focus {
+    --tw-translate-x: 15rem;
+  }
+
+  .lg\:focus\:translate-x-64:focus {
+    --tw-translate-x: 16rem;
+  }
+
+  .lg\:focus\:translate-x-72:focus {
+    --tw-translate-x: 18rem;
+  }
+
+  .lg\:focus\:translate-x-80:focus {
+    --tw-translate-x: 20rem;
+  }
+
+  .lg\:focus\:translate-x-96:focus {
+    --tw-translate-x: 24rem;
+  }
+
+  .lg\:focus\:translate-x-px:focus {
+    --tw-translate-x: 1px;
+  }
+
+  .lg\:focus\:translate-x-0\.5:focus {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .lg\:focus\:translate-x-1\.5:focus {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .lg\:focus\:translate-x-2\.5:focus {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .lg\:focus\:translate-x-3\.5:focus {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .lg\:focus\:-translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .lg\:focus\:-translate-x-1:focus {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .lg\:focus\:-translate-x-2:focus {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .lg\:focus\:-translate-x-3:focus {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .lg\:focus\:-translate-x-4:focus {
+    --tw-translate-x: -1rem;
+  }
+
+  .lg\:focus\:-translate-x-5:focus {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .lg\:focus\:-translate-x-6:focus {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .lg\:focus\:-translate-x-7:focus {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .lg\:focus\:-translate-x-8:focus {
+    --tw-translate-x: -2rem;
+  }
+
+  .lg\:focus\:-translate-x-9:focus {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .lg\:focus\:-translate-x-10:focus {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .lg\:focus\:-translate-x-11:focus {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .lg\:focus\:-translate-x-12:focus {
+    --tw-translate-x: -3rem;
+  }
+
+  .lg\:focus\:-translate-x-14:focus {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .lg\:focus\:-translate-x-16:focus {
+    --tw-translate-x: -4rem;
+  }
+
+  .lg\:focus\:-translate-x-20:focus {
+    --tw-translate-x: -5rem;
+  }
+
+  .lg\:focus\:-translate-x-24:focus {
+    --tw-translate-x: -6rem;
+  }
+
+  .lg\:focus\:-translate-x-28:focus {
+    --tw-translate-x: -7rem;
+  }
+
+  .lg\:focus\:-translate-x-32:focus {
+    --tw-translate-x: -8rem;
+  }
+
+  .lg\:focus\:-translate-x-36:focus {
+    --tw-translate-x: -9rem;
+  }
+
+  .lg\:focus\:-translate-x-40:focus {
+    --tw-translate-x: -10rem;
+  }
+
+  .lg\:focus\:-translate-x-44:focus {
+    --tw-translate-x: -11rem;
+  }
+
+  .lg\:focus\:-translate-x-48:focus {
+    --tw-translate-x: -12rem;
+  }
+
+  .lg\:focus\:-translate-x-52:focus {
+    --tw-translate-x: -13rem;
+  }
+
+  .lg\:focus\:-translate-x-56:focus {
+    --tw-translate-x: -14rem;
+  }
+
+  .lg\:focus\:-translate-x-60:focus {
+    --tw-translate-x: -15rem;
+  }
+
+  .lg\:focus\:-translate-x-64:focus {
+    --tw-translate-x: -16rem;
+  }
+
+  .lg\:focus\:-translate-x-72:focus {
+    --tw-translate-x: -18rem;
+  }
+
+  .lg\:focus\:-translate-x-80:focus {
+    --tw-translate-x: -20rem;
+  }
+
+  .lg\:focus\:-translate-x-96:focus {
+    --tw-translate-x: -24rem;
+  }
+
+  .lg\:focus\:-translate-x-px:focus {
+    --tw-translate-x: -1px;
+  }
+
+  .lg\:focus\:-translate-x-0\.5:focus {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .lg\:focus\:-translate-x-1\.5:focus {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .lg\:focus\:-translate-x-2\.5:focus {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .lg\:focus\:-translate-x-3\.5:focus {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .lg\:focus\:translate-x-1\/2:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .lg\:focus\:translate-x-1\/3:focus {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .lg\:focus\:translate-x-2\/3:focus {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .lg\:focus\:translate-x-1\/4:focus {
+    --tw-translate-x: 25%;
+  }
+
+  .lg\:focus\:translate-x-2\/4:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .lg\:focus\:translate-x-3\/4:focus {
+    --tw-translate-x: 75%;
+  }
+
+  .lg\:focus\:translate-x-full:focus {
+    --tw-translate-x: 100%;
+  }
+
+  .lg\:focus\:-translate-x-1\/2:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .lg\:focus\:-translate-x-1\/3:focus {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .lg\:focus\:-translate-x-2\/3:focus {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .lg\:focus\:-translate-x-1\/4:focus {
+    --tw-translate-x: -25%;
+  }
+
+  .lg\:focus\:-translate-x-2\/4:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .lg\:focus\:-translate-x-3\/4:focus {
+    --tw-translate-x: -75%;
+  }
+
+  .lg\:focus\:-translate-x-full:focus {
+    --tw-translate-x: -100%;
+  }
+
+  .lg\:focus\:translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .lg\:focus\:translate-y-1:focus {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .lg\:focus\:translate-y-2:focus {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .lg\:focus\:translate-y-3:focus {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .lg\:focus\:translate-y-4:focus {
+    --tw-translate-y: 1rem;
+  }
+
+  .lg\:focus\:translate-y-5:focus {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .lg\:focus\:translate-y-6:focus {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .lg\:focus\:translate-y-7:focus {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .lg\:focus\:translate-y-8:focus {
+    --tw-translate-y: 2rem;
+  }
+
+  .lg\:focus\:translate-y-9:focus {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .lg\:focus\:translate-y-10:focus {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .lg\:focus\:translate-y-11:focus {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .lg\:focus\:translate-y-12:focus {
+    --tw-translate-y: 3rem;
+  }
+
+  .lg\:focus\:translate-y-14:focus {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .lg\:focus\:translate-y-16:focus {
+    --tw-translate-y: 4rem;
+  }
+
+  .lg\:focus\:translate-y-20:focus {
+    --tw-translate-y: 5rem;
+  }
+
+  .lg\:focus\:translate-y-24:focus {
+    --tw-translate-y: 6rem;
+  }
+
+  .lg\:focus\:translate-y-28:focus {
+    --tw-translate-y: 7rem;
+  }
+
+  .lg\:focus\:translate-y-32:focus {
+    --tw-translate-y: 8rem;
+  }
+
+  .lg\:focus\:translate-y-36:focus {
+    --tw-translate-y: 9rem;
+  }
+
+  .lg\:focus\:translate-y-40:focus {
+    --tw-translate-y: 10rem;
+  }
+
+  .lg\:focus\:translate-y-44:focus {
+    --tw-translate-y: 11rem;
+  }
+
+  .lg\:focus\:translate-y-48:focus {
+    --tw-translate-y: 12rem;
+  }
+
+  .lg\:focus\:translate-y-52:focus {
+    --tw-translate-y: 13rem;
+  }
+
+  .lg\:focus\:translate-y-56:focus {
+    --tw-translate-y: 14rem;
+  }
+
+  .lg\:focus\:translate-y-60:focus {
+    --tw-translate-y: 15rem;
+  }
+
+  .lg\:focus\:translate-y-64:focus {
+    --tw-translate-y: 16rem;
+  }
+
+  .lg\:focus\:translate-y-72:focus {
+    --tw-translate-y: 18rem;
+  }
+
+  .lg\:focus\:translate-y-80:focus {
+    --tw-translate-y: 20rem;
+  }
+
+  .lg\:focus\:translate-y-96:focus {
+    --tw-translate-y: 24rem;
+  }
+
+  .lg\:focus\:translate-y-px:focus {
+    --tw-translate-y: 1px;
+  }
+
+  .lg\:focus\:translate-y-0\.5:focus {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .lg\:focus\:translate-y-1\.5:focus {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .lg\:focus\:translate-y-2\.5:focus {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .lg\:focus\:translate-y-3\.5:focus {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .lg\:focus\:-translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .lg\:focus\:-translate-y-1:focus {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .lg\:focus\:-translate-y-2:focus {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .lg\:focus\:-translate-y-3:focus {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .lg\:focus\:-translate-y-4:focus {
+    --tw-translate-y: -1rem;
+  }
+
+  .lg\:focus\:-translate-y-5:focus {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .lg\:focus\:-translate-y-6:focus {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .lg\:focus\:-translate-y-7:focus {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .lg\:focus\:-translate-y-8:focus {
+    --tw-translate-y: -2rem;
+  }
+
+  .lg\:focus\:-translate-y-9:focus {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .lg\:focus\:-translate-y-10:focus {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .lg\:focus\:-translate-y-11:focus {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .lg\:focus\:-translate-y-12:focus {
+    --tw-translate-y: -3rem;
+  }
+
+  .lg\:focus\:-translate-y-14:focus {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .lg\:focus\:-translate-y-16:focus {
+    --tw-translate-y: -4rem;
+  }
+
+  .lg\:focus\:-translate-y-20:focus {
+    --tw-translate-y: -5rem;
+  }
+
+  .lg\:focus\:-translate-y-24:focus {
+    --tw-translate-y: -6rem;
+  }
+
+  .lg\:focus\:-translate-y-28:focus {
+    --tw-translate-y: -7rem;
+  }
+
+  .lg\:focus\:-translate-y-32:focus {
+    --tw-translate-y: -8rem;
+  }
+
+  .lg\:focus\:-translate-y-36:focus {
+    --tw-translate-y: -9rem;
+  }
+
+  .lg\:focus\:-translate-y-40:focus {
+    --tw-translate-y: -10rem;
+  }
+
+  .lg\:focus\:-translate-y-44:focus {
+    --tw-translate-y: -11rem;
+  }
+
+  .lg\:focus\:-translate-y-48:focus {
+    --tw-translate-y: -12rem;
+  }
+
+  .lg\:focus\:-translate-y-52:focus {
+    --tw-translate-y: -13rem;
+  }
+
+  .lg\:focus\:-translate-y-56:focus {
+    --tw-translate-y: -14rem;
+  }
+
+  .lg\:focus\:-translate-y-60:focus {
+    --tw-translate-y: -15rem;
+  }
+
+  .lg\:focus\:-translate-y-64:focus {
+    --tw-translate-y: -16rem;
+  }
+
+  .lg\:focus\:-translate-y-72:focus {
+    --tw-translate-y: -18rem;
+  }
+
+  .lg\:focus\:-translate-y-80:focus {
+    --tw-translate-y: -20rem;
+  }
+
+  .lg\:focus\:-translate-y-96:focus {
+    --tw-translate-y: -24rem;
+  }
+
+  .lg\:focus\:-translate-y-px:focus {
+    --tw-translate-y: -1px;
+  }
+
+  .lg\:focus\:-translate-y-0\.5:focus {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .lg\:focus\:-translate-y-1\.5:focus {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .lg\:focus\:-translate-y-2\.5:focus {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .lg\:focus\:-translate-y-3\.5:focus {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .lg\:focus\:translate-y-1\/2:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .lg\:focus\:translate-y-1\/3:focus {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .lg\:focus\:translate-y-2\/3:focus {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .lg\:focus\:translate-y-1\/4:focus {
+    --tw-translate-y: 25%;
+  }
+
+  .lg\:focus\:translate-y-2\/4:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .lg\:focus\:translate-y-3\/4:focus {
+    --tw-translate-y: 75%;
+  }
+
+  .lg\:focus\:translate-y-full:focus {
+    --tw-translate-y: 100%;
+  }
+
+  .lg\:focus\:-translate-y-1\/2:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .lg\:focus\:-translate-y-1\/3:focus {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .lg\:focus\:-translate-y-2\/3:focus {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .lg\:focus\:-translate-y-1\/4:focus {
+    --tw-translate-y: -25%;
+  }
+
+  .lg\:focus\:-translate-y-2\/4:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .lg\:focus\:-translate-y-3\/4:focus {
+    --tw-translate-y: -75%;
+  }
+
+  .lg\:focus\:-translate-y-full:focus {
+    --tw-translate-y: -100%;
+  }
+
+  .lg\:skew-x-0 {
+    --tw-skew-x: 0deg;
+  }
+
+  .lg\:skew-x-1 {
+    --tw-skew-x: 1deg;
+  }
+
+  .lg\:skew-x-2 {
+    --tw-skew-x: 2deg;
+  }
+
+  .lg\:skew-x-3 {
+    --tw-skew-x: 3deg;
+  }
+
+  .lg\:skew-x-6 {
+    --tw-skew-x: 6deg;
+  }
+
+  .lg\:skew-x-12 {
+    --tw-skew-x: 12deg;
+  }
+
+  .lg\:-skew-x-12 {
+    --tw-skew-x: -12deg;
+  }
+
+  .lg\:-skew-x-6 {
+    --tw-skew-x: -6deg;
+  }
+
+  .lg\:-skew-x-3 {
+    --tw-skew-x: -3deg;
+  }
+
+  .lg\:-skew-x-2 {
+    --tw-skew-x: -2deg;
+  }
+
+  .lg\:-skew-x-1 {
+    --tw-skew-x: -1deg;
+  }
+
+  .lg\:skew-y-0 {
+    --tw-skew-y: 0deg;
+  }
+
+  .lg\:skew-y-1 {
+    --tw-skew-y: 1deg;
+  }
+
+  .lg\:skew-y-2 {
+    --tw-skew-y: 2deg;
+  }
+
+  .lg\:skew-y-3 {
+    --tw-skew-y: 3deg;
+  }
+
+  .lg\:skew-y-6 {
+    --tw-skew-y: 6deg;
+  }
+
+  .lg\:skew-y-12 {
+    --tw-skew-y: 12deg;
+  }
+
+  .lg\:-skew-y-12 {
+    --tw-skew-y: -12deg;
+  }
+
+  .lg\:-skew-y-6 {
+    --tw-skew-y: -6deg;
+  }
+
+  .lg\:-skew-y-3 {
+    --tw-skew-y: -3deg;
+  }
+
+  .lg\:-skew-y-2 {
+    --tw-skew-y: -2deg;
+  }
+
+  .lg\:-skew-y-1 {
+    --tw-skew-y: -1deg;
+  }
+
+  .lg\:hover\:skew-x-0:hover {
+    --tw-skew-x: 0deg;
+  }
+
+  .lg\:hover\:skew-x-1:hover {
+    --tw-skew-x: 1deg;
+  }
+
+  .lg\:hover\:skew-x-2:hover {
+    --tw-skew-x: 2deg;
+  }
+
+  .lg\:hover\:skew-x-3:hover {
+    --tw-skew-x: 3deg;
+  }
+
+  .lg\:hover\:skew-x-6:hover {
+    --tw-skew-x: 6deg;
+  }
+
+  .lg\:hover\:skew-x-12:hover {
+    --tw-skew-x: 12deg;
+  }
+
+  .lg\:hover\:-skew-x-12:hover {
+    --tw-skew-x: -12deg;
+  }
+
+  .lg\:hover\:-skew-x-6:hover {
+    --tw-skew-x: -6deg;
+  }
+
+  .lg\:hover\:-skew-x-3:hover {
+    --tw-skew-x: -3deg;
+  }
+
+  .lg\:hover\:-skew-x-2:hover {
+    --tw-skew-x: -2deg;
+  }
+
+  .lg\:hover\:-skew-x-1:hover {
+    --tw-skew-x: -1deg;
+  }
+
+  .lg\:hover\:skew-y-0:hover {
+    --tw-skew-y: 0deg;
+  }
+
+  .lg\:hover\:skew-y-1:hover {
+    --tw-skew-y: 1deg;
+  }
+
+  .lg\:hover\:skew-y-2:hover {
+    --tw-skew-y: 2deg;
+  }
+
+  .lg\:hover\:skew-y-3:hover {
+    --tw-skew-y: 3deg;
+  }
+
+  .lg\:hover\:skew-y-6:hover {
+    --tw-skew-y: 6deg;
+  }
+
+  .lg\:hover\:skew-y-12:hover {
+    --tw-skew-y: 12deg;
+  }
+
+  .lg\:hover\:-skew-y-12:hover {
+    --tw-skew-y: -12deg;
+  }
+
+  .lg\:hover\:-skew-y-6:hover {
+    --tw-skew-y: -6deg;
+  }
+
+  .lg\:hover\:-skew-y-3:hover {
+    --tw-skew-y: -3deg;
+  }
+
+  .lg\:hover\:-skew-y-2:hover {
+    --tw-skew-y: -2deg;
+  }
+
+  .lg\:hover\:-skew-y-1:hover {
+    --tw-skew-y: -1deg;
+  }
+
+  .lg\:focus\:skew-x-0:focus {
+    --tw-skew-x: 0deg;
+  }
+
+  .lg\:focus\:skew-x-1:focus {
+    --tw-skew-x: 1deg;
+  }
+
+  .lg\:focus\:skew-x-2:focus {
+    --tw-skew-x: 2deg;
+  }
+
+  .lg\:focus\:skew-x-3:focus {
+    --tw-skew-x: 3deg;
+  }
+
+  .lg\:focus\:skew-x-6:focus {
+    --tw-skew-x: 6deg;
+  }
+
+  .lg\:focus\:skew-x-12:focus {
+    --tw-skew-x: 12deg;
+  }
+
+  .lg\:focus\:-skew-x-12:focus {
+    --tw-skew-x: -12deg;
+  }
+
+  .lg\:focus\:-skew-x-6:focus {
+    --tw-skew-x: -6deg;
+  }
+
+  .lg\:focus\:-skew-x-3:focus {
+    --tw-skew-x: -3deg;
+  }
+
+  .lg\:focus\:-skew-x-2:focus {
+    --tw-skew-x: -2deg;
+  }
+
+  .lg\:focus\:-skew-x-1:focus {
+    --tw-skew-x: -1deg;
+  }
+
+  .lg\:focus\:skew-y-0:focus {
+    --tw-skew-y: 0deg;
+  }
+
+  .lg\:focus\:skew-y-1:focus {
+    --tw-skew-y: 1deg;
+  }
+
+  .lg\:focus\:skew-y-2:focus {
+    --tw-skew-y: 2deg;
+  }
+
+  .lg\:focus\:skew-y-3:focus {
+    --tw-skew-y: 3deg;
+  }
+
+  .lg\:focus\:skew-y-6:focus {
+    --tw-skew-y: 6deg;
+  }
+
+  .lg\:focus\:skew-y-12:focus {
+    --tw-skew-y: 12deg;
+  }
+
+  .lg\:focus\:-skew-y-12:focus {
+    --tw-skew-y: -12deg;
+  }
+
+  .lg\:focus\:-skew-y-6:focus {
+    --tw-skew-y: -6deg;
+  }
+
+  .lg\:focus\:-skew-y-3:focus {
+    --tw-skew-y: -3deg;
+  }
+
+  .lg\:focus\:-skew-y-2:focus {
+    --tw-skew-y: -2deg;
+  }
+
+  .lg\:focus\:-skew-y-1:focus {
+    --tw-skew-y: -1deg;
+  }
+
+  .lg\:transition-none {
+    transition-property: none;
+  }
+
+  .lg\:transition-all {
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .lg\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .lg\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .lg\:transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .lg\:transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .lg\:transition-transform {
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .lg\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .lg\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .lg\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .lg\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .lg\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .lg\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .lg\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .lg\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .lg\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .lg\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .lg\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .lg\:duration-1000 {
+    transition-duration: 1000ms;
+  }
+
+  .lg\:delay-75 {
+    transition-delay: 75ms;
+  }
+
+  .lg\:delay-100 {
+    transition-delay: 100ms;
+  }
+
+  .lg\:delay-150 {
+    transition-delay: 150ms;
+  }
+
+  .lg\:delay-200 {
+    transition-delay: 200ms;
+  }
+
+  .lg\:delay-300 {
+    transition-delay: 300ms;
+  }
+
+  .lg\:delay-500 {
+    transition-delay: 500ms;
+  }
+
+  .lg\:delay-700 {
+    transition-delay: 700ms;
+  }
+
+  .lg\:delay-1000 {
+    transition-delay: 1000ms;
+  }
+
+  .lg\:animate-none {
+    animation: none;
+  }
+
+  .lg\:animate-spin {
+    animation: spin 1s linear infinite;
+  }
+
+  .lg\:animate-ping {
+    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .lg\:animate-pulse {
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .lg\:animate-bounce {
+    animation: bounce 1s infinite;
+  }
+}
+
+@media (min-width: 1280px) {
+  .xl\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .xl\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .xl\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .xl\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .xl\:container {
+      max-width: 1280px;
+    }
+  }
+
+  @media (min-width: 1536px) {
+    .xl\:container {
+      max-width: 1536px;
+    }
+  }
+
+  .xl\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1rem * var(--tw-space-x-reverse));
+    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2rem * var(--tw-space-x-reverse));
+    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3rem * var(--tw-space-x-reverse));
+    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(4rem * var(--tw-space-x-reverse));
+    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(5rem * var(--tw-space-x-reverse));
+    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(6rem * var(--tw-space-x-reverse));
+    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(7rem * var(--tw-space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(8rem * var(--tw-space-x-reverse));
+    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(9rem * var(--tw-space-x-reverse));
+    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(10rem * var(--tw-space-x-reverse));
+    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(11rem * var(--tw-space-x-reverse));
+    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(12rem * var(--tw-space-x-reverse));
+    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(13rem * var(--tw-space-x-reverse));
+    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(14rem * var(--tw-space-x-reverse));
+    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(15rem * var(--tw-space-x-reverse));
+    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(16rem * var(--tw-space-x-reverse));
+    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(18rem * var(--tw-space-x-reverse));
+    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(20rem * var(--tw-space-x-reverse));
+    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(24rem * var(--tw-space-x-reverse));
+    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1px * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1px * var(--tw-space-x-reverse));
+    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-4rem * var(--tw-space-x-reverse));
+    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-6rem * var(--tw-space-x-reverse));
+    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-7rem * var(--tw-space-x-reverse));
+    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-8rem * var(--tw-space-x-reverse));
+    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-9rem * var(--tw-space-x-reverse));
+    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-10rem * var(--tw-space-x-reverse));
+    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--tw-space-x-reverse));
+    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-12rem * var(--tw-space-x-reverse));
+    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-13rem * var(--tw-space-x-reverse));
+    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-14rem * var(--tw-space-x-reverse));
+    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-15rem * var(--tw-space-x-reverse));
+    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-16rem * var(--tw-space-x-reverse));
+    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-18rem * var(--tw-space-x-reverse));
+    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-20rem * var(--tw-space-x-reverse));
+    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-24rem * var(--tw-space-x-reverse));
+    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1px * var(--tw-space-x-reverse));
+    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 1;
+  }
+
+  .xl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 1;
+  }
+
+  .xl\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+  }
+
+  .xl\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(0px * var(--tw-divide-x-reverse));
+    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .xl\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
+  }
+
+  .xl\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(2px * var(--tw-divide-x-reverse));
+    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .xl\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
+  }
+
+  .xl\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(4px * var(--tw-divide-x-reverse));
+    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .xl\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
+  }
+
+  .xl\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(8px * var(--tw-divide-x-reverse));
+    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .xl\:divide-y > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+  }
+
+  .xl\:divide-x > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .xl\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 1;
+  }
+
+  .xl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 1;
+  }
+
+  .xl\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+    border-color: transparent;
+  }
+
+  .xl\:divide-current > :not([hidden]) ~ :not([hidden]) {
+    border-color: currentColor;
+  }
+
+  .xl\:divide-black > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-white > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-solid > :not([hidden]) ~ :not([hidden]) {
+    border-style: solid;
+  }
+
+  .xl\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
+    border-style: dashed;
+  }
+
+  .xl\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
+    border-style: dotted;
+  }
+
+  .xl\:divide-double > :not([hidden]) ~ :not([hidden]) {
+    border-style: double;
+  }
+
+  .xl\:divide-none > :not([hidden]) ~ :not([hidden]) {
+    border-style: none;
+  }
+
+  .xl\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0;
+  }
+
+  .xl\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.05;
+  }
+
+  .xl\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.1;
+  }
+
+  .xl\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.2;
+  }
+
+  .xl\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.25;
+  }
+
+  .xl\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.3;
+  }
+
+  .xl\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.4;
+  }
+
+  .xl\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.5;
+  }
+
+  .xl\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.6;
+  }
+
+  .xl\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.7;
+  }
+
+  .xl\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.75;
+  }
+
+  .xl\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.8;
+  }
+
+  .xl\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.9;
+  }
+
+  .xl\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.95;
+  }
+
+  .xl\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+  }
+
+  .xl\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .xl\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .xl\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .xl\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .xl\:focus\:sr-only:focus {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .xl\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .xl\:appearance-none {
+    -webkit-appearance: none;
+            appearance: none;
+  }
+
+  .xl\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .xl\:bg-local {
+    background-attachment: local;
+  }
+
+  .xl\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .xl\:bg-clip-border {
+    background-clip: border-box;
+  }
+
+  .xl\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .xl\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .xl\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .xl\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .xl\:bg-current {
+    background-color: currentColor;
+  }
+
+  .xl\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:hover .xl\:group-hover\:bg-current {
+    background-color: currentColor;
+  }
+
+  .group:hover .xl\:group-hover\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .xl\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .xl\:focus-within\:bg-black:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-white:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .xl\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .xl\:hover\:bg-black:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .xl\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .xl\:focus\:bg-black:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-white:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-none {
+    background-image: none;
+  }
+
+  .xl\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--tw-gradient-stops));
+  }
+
+  .xl\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
+  }
+
+  .xl\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--tw-gradient-stops));
+  }
+
+  .xl\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+  }
+
+  .xl\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+  }
+
+  .xl\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
+  }
+
+  .xl\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--tw-gradient-stops));
+  }
+
+  .xl\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
+  }
+
+  .xl\:from-transparent {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:from-current {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:from-black {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:from-white {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:from-gray-50 {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:from-gray-100 {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .xl\:from-gray-200 {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:from-gray-300 {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .xl\:from-gray-400 {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .xl\:from-gray-500 {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:from-gray-600 {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:from-gray-700 {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:from-gray-800 {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .xl\:from-gray-900 {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .xl\:from-red-50 {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .xl\:from-red-100 {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .xl\:from-red-200 {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .xl\:from-red-300 {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .xl\:from-red-400 {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .xl\:from-red-500 {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .xl\:from-red-600 {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .xl\:from-red-700 {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .xl\:from-red-800 {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .xl\:from-red-900 {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .xl\:from-yellow-50 {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .xl\:from-yellow-100 {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .xl\:from-yellow-200 {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .xl\:from-yellow-300 {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .xl\:from-yellow-400 {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .xl\:from-yellow-500 {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .xl\:from-yellow-600 {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .xl\:from-yellow-700 {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .xl\:from-yellow-800 {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .xl\:from-yellow-900 {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .xl\:from-green-50 {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .xl\:from-green-100 {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .xl\:from-green-200 {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .xl\:from-green-300 {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .xl\:from-green-400 {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .xl\:from-green-500 {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .xl\:from-green-600 {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .xl\:from-green-700 {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .xl\:from-green-800 {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .xl\:from-green-900 {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .xl\:from-blue-50 {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .xl\:from-blue-100 {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .xl\:from-blue-200 {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .xl\:from-blue-300 {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .xl\:from-blue-400 {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .xl\:from-blue-500 {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .xl\:from-blue-600 {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .xl\:from-blue-700 {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .xl\:from-blue-800 {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .xl\:from-blue-900 {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .xl\:from-indigo-50 {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .xl\:from-indigo-100 {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .xl\:from-indigo-200 {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .xl\:from-indigo-300 {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .xl\:from-indigo-400 {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .xl\:from-indigo-500 {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .xl\:from-indigo-600 {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .xl\:from-indigo-700 {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .xl\:from-indigo-800 {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .xl\:from-indigo-900 {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .xl\:from-purple-50 {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .xl\:from-purple-100 {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .xl\:from-purple-200 {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .xl\:from-purple-300 {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .xl\:from-purple-400 {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .xl\:from-purple-500 {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .xl\:from-purple-600 {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .xl\:from-purple-700 {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .xl\:from-purple-800 {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .xl\:from-purple-900 {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .xl\:from-pink-50 {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:from-pink-100 {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .xl\:from-pink-200 {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .xl\:from-pink-300 {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .xl\:from-pink-400 {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .xl\:from-pink-500 {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .xl\:from-pink-600 {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .xl\:from-pink-700 {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .xl\:from-pink-800 {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .xl\:from-pink-900 {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .xl\:via-transparent {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:via-current {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:via-black {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:via-white {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:via-gray-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .xl\:via-gray-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:via-gray-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .xl\:via-gray-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .xl\:via-gray-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:via-gray-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:via-gray-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:via-gray-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .xl\:via-gray-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .xl\:via-red-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .xl\:via-red-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .xl\:via-red-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .xl\:via-red-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .xl\:via-red-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .xl\:via-red-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .xl\:via-red-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .xl\:via-red-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .xl\:via-red-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .xl\:via-red-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .xl\:via-yellow-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .xl\:via-yellow-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .xl\:via-yellow-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .xl\:via-yellow-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .xl\:via-yellow-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .xl\:via-yellow-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .xl\:via-yellow-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .xl\:via-yellow-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .xl\:via-yellow-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .xl\:via-yellow-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .xl\:via-green-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .xl\:via-green-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .xl\:via-green-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .xl\:via-green-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .xl\:via-green-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .xl\:via-green-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .xl\:via-green-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .xl\:via-green-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .xl\:via-green-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .xl\:via-green-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .xl\:via-blue-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .xl\:via-blue-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .xl\:via-blue-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .xl\:via-blue-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .xl\:via-blue-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .xl\:via-blue-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .xl\:via-blue-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .xl\:via-blue-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .xl\:via-blue-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .xl\:via-blue-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .xl\:via-indigo-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .xl\:via-indigo-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .xl\:via-indigo-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .xl\:via-indigo-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .xl\:via-indigo-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .xl\:via-indigo-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .xl\:via-indigo-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .xl\:via-indigo-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .xl\:via-indigo-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .xl\:via-indigo-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .xl\:via-purple-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .xl\:via-purple-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .xl\:via-purple-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .xl\:via-purple-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .xl\:via-purple-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .xl\:via-purple-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .xl\:via-purple-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .xl\:via-purple-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .xl\:via-purple-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .xl\:via-purple-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .xl\:via-pink-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:via-pink-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .xl\:via-pink-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .xl\:via-pink-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .xl\:via-pink-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .xl\:via-pink-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .xl\:via-pink-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .xl\:via-pink-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .xl\:via-pink-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .xl\:via-pink-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .xl\:to-transparent {
+    --tw-gradient-to: transparent;
+  }
+
+  .xl\:to-current {
+    --tw-gradient-to: currentColor;
+  }
+
+  .xl\:to-black {
+    --tw-gradient-to: #000;
+  }
+
+  .xl\:to-white {
+    --tw-gradient-to: #fff;
+  }
+
+  .xl\:to-gray-50 {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .xl\:to-gray-100 {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .xl\:to-gray-200 {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .xl\:to-gray-300 {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .xl\:to-gray-400 {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .xl\:to-gray-500 {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .xl\:to-gray-600 {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .xl\:to-gray-700 {
+    --tw-gradient-to: #374151;
+  }
+
+  .xl\:to-gray-800 {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .xl\:to-gray-900 {
+    --tw-gradient-to: #111827;
+  }
+
+  .xl\:to-red-50 {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .xl\:to-red-100 {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .xl\:to-red-200 {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .xl\:to-red-300 {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .xl\:to-red-400 {
+    --tw-gradient-to: #f87171;
+  }
+
+  .xl\:to-red-500 {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .xl\:to-red-600 {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .xl\:to-red-700 {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .xl\:to-red-800 {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .xl\:to-red-900 {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .xl\:to-yellow-50 {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .xl\:to-yellow-100 {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .xl\:to-yellow-200 {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .xl\:to-yellow-300 {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .xl\:to-yellow-400 {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .xl\:to-yellow-500 {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .xl\:to-yellow-600 {
+    --tw-gradient-to: #d97706;
+  }
+
+  .xl\:to-yellow-700 {
+    --tw-gradient-to: #b45309;
+  }
+
+  .xl\:to-yellow-800 {
+    --tw-gradient-to: #92400e;
+  }
+
+  .xl\:to-yellow-900 {
+    --tw-gradient-to: #78350f;
+  }
+
+  .xl\:to-green-50 {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .xl\:to-green-100 {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .xl\:to-green-200 {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .xl\:to-green-300 {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .xl\:to-green-400 {
+    --tw-gradient-to: #34d399;
+  }
+
+  .xl\:to-green-500 {
+    --tw-gradient-to: #10b981;
+  }
+
+  .xl\:to-green-600 {
+    --tw-gradient-to: #059669;
+  }
+
+  .xl\:to-green-700 {
+    --tw-gradient-to: #047857;
+  }
+
+  .xl\:to-green-800 {
+    --tw-gradient-to: #065f46;
+  }
+
+  .xl\:to-green-900 {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .xl\:to-blue-50 {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .xl\:to-blue-100 {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .xl\:to-blue-200 {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .xl\:to-blue-300 {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .xl\:to-blue-400 {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .xl\:to-blue-500 {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .xl\:to-blue-600 {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .xl\:to-blue-700 {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .xl\:to-blue-800 {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .xl\:to-blue-900 {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .xl\:to-indigo-50 {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .xl\:to-indigo-100 {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .xl\:to-indigo-200 {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .xl\:to-indigo-300 {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .xl\:to-indigo-400 {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .xl\:to-indigo-500 {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .xl\:to-indigo-600 {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .xl\:to-indigo-700 {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .xl\:to-indigo-800 {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .xl\:to-indigo-900 {
+    --tw-gradient-to: #312e81;
+  }
+
+  .xl\:to-purple-50 {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .xl\:to-purple-100 {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .xl\:to-purple-200 {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .xl\:to-purple-300 {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .xl\:to-purple-400 {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .xl\:to-purple-500 {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .xl\:to-purple-600 {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .xl\:to-purple-700 {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .xl\:to-purple-800 {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .xl\:to-purple-900 {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .xl\:to-pink-50 {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .xl\:to-pink-100 {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .xl\:to-pink-200 {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .xl\:to-pink-300 {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .xl\:to-pink-400 {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .xl\:to-pink-500 {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .xl\:to-pink-600 {
+    --tw-gradient-to: #db2777;
+  }
+
+  .xl\:to-pink-700 {
+    --tw-gradient-to: #be185d;
+  }
+
+  .xl\:to-pink-800 {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .xl\:to-pink-900 {
+    --tw-gradient-to: #831843;
+  }
+
+  .xl\:hover\:from-transparent:hover {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:hover\:from-current:hover {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:hover\:from-black:hover {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:hover\:from-white:hover {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:hover\:from-gray-100:hover {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .xl\:hover\:from-gray-200:hover {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:hover\:from-gray-300:hover {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .xl\:hover\:from-gray-400:hover {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .xl\:hover\:from-gray-500:hover {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:hover\:from-gray-600:hover {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:hover\:from-gray-700:hover {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:hover\:from-gray-800:hover {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .xl\:hover\:from-gray-900:hover {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .xl\:hover\:from-red-50:hover {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .xl\:hover\:from-red-100:hover {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .xl\:hover\:from-red-200:hover {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .xl\:hover\:from-red-300:hover {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .xl\:hover\:from-red-400:hover {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .xl\:hover\:from-red-500:hover {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .xl\:hover\:from-red-600:hover {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .xl\:hover\:from-red-700:hover {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .xl\:hover\:from-red-800:hover {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .xl\:hover\:from-red-900:hover {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .xl\:hover\:from-yellow-50:hover {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .xl\:hover\:from-yellow-100:hover {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .xl\:hover\:from-yellow-200:hover {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .xl\:hover\:from-yellow-300:hover {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .xl\:hover\:from-yellow-400:hover {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .xl\:hover\:from-yellow-500:hover {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .xl\:hover\:from-yellow-600:hover {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .xl\:hover\:from-yellow-700:hover {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .xl\:hover\:from-yellow-800:hover {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .xl\:hover\:from-yellow-900:hover {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .xl\:hover\:from-green-50:hover {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .xl\:hover\:from-green-100:hover {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .xl\:hover\:from-green-200:hover {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .xl\:hover\:from-green-300:hover {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .xl\:hover\:from-green-400:hover {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .xl\:hover\:from-green-500:hover {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .xl\:hover\:from-green-600:hover {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .xl\:hover\:from-green-700:hover {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .xl\:hover\:from-green-800:hover {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .xl\:hover\:from-green-900:hover {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .xl\:hover\:from-blue-50:hover {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .xl\:hover\:from-blue-100:hover {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .xl\:hover\:from-blue-200:hover {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .xl\:hover\:from-blue-300:hover {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .xl\:hover\:from-blue-400:hover {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .xl\:hover\:from-blue-500:hover {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .xl\:hover\:from-blue-600:hover {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .xl\:hover\:from-blue-700:hover {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .xl\:hover\:from-blue-800:hover {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .xl\:hover\:from-blue-900:hover {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .xl\:hover\:from-indigo-50:hover {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .xl\:hover\:from-indigo-100:hover {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .xl\:hover\:from-indigo-200:hover {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .xl\:hover\:from-indigo-300:hover {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .xl\:hover\:from-indigo-400:hover {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .xl\:hover\:from-indigo-500:hover {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .xl\:hover\:from-indigo-600:hover {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .xl\:hover\:from-indigo-700:hover {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .xl\:hover\:from-indigo-800:hover {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .xl\:hover\:from-indigo-900:hover {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .xl\:hover\:from-purple-50:hover {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .xl\:hover\:from-purple-100:hover {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .xl\:hover\:from-purple-200:hover {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .xl\:hover\:from-purple-300:hover {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .xl\:hover\:from-purple-400:hover {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .xl\:hover\:from-purple-500:hover {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .xl\:hover\:from-purple-600:hover {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .xl\:hover\:from-purple-700:hover {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .xl\:hover\:from-purple-800:hover {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .xl\:hover\:from-purple-900:hover {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .xl\:hover\:from-pink-50:hover {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:hover\:from-pink-100:hover {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .xl\:hover\:from-pink-200:hover {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .xl\:hover\:from-pink-300:hover {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .xl\:hover\:from-pink-400:hover {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .xl\:hover\:from-pink-500:hover {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .xl\:hover\:from-pink-600:hover {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .xl\:hover\:from-pink-700:hover {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .xl\:hover\:from-pink-800:hover {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .xl\:hover\:from-pink-900:hover {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .xl\:hover\:via-transparent:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:hover\:via-current:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:hover\:via-black:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:hover\:via-white:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:hover\:via-gray-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .xl\:hover\:via-gray-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:hover\:via-gray-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .xl\:hover\:via-gray-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .xl\:hover\:via-gray-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:hover\:via-gray-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:hover\:via-gray-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:hover\:via-gray-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .xl\:hover\:via-gray-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .xl\:hover\:via-red-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .xl\:hover\:via-red-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .xl\:hover\:via-red-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .xl\:hover\:via-red-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .xl\:hover\:via-red-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .xl\:hover\:via-red-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .xl\:hover\:via-red-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .xl\:hover\:via-red-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .xl\:hover\:via-red-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .xl\:hover\:via-red-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .xl\:hover\:via-yellow-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .xl\:hover\:via-yellow-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .xl\:hover\:via-yellow-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .xl\:hover\:via-yellow-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .xl\:hover\:via-yellow-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .xl\:hover\:via-yellow-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .xl\:hover\:via-yellow-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .xl\:hover\:via-yellow-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .xl\:hover\:via-yellow-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .xl\:hover\:via-yellow-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .xl\:hover\:via-green-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .xl\:hover\:via-green-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .xl\:hover\:via-green-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .xl\:hover\:via-green-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .xl\:hover\:via-green-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .xl\:hover\:via-green-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .xl\:hover\:via-green-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .xl\:hover\:via-green-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .xl\:hover\:via-green-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .xl\:hover\:via-green-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .xl\:hover\:via-blue-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .xl\:hover\:via-blue-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .xl\:hover\:via-blue-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .xl\:hover\:via-blue-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .xl\:hover\:via-blue-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .xl\:hover\:via-blue-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .xl\:hover\:via-blue-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .xl\:hover\:via-blue-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .xl\:hover\:via-blue-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .xl\:hover\:via-blue-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .xl\:hover\:via-indigo-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .xl\:hover\:via-indigo-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .xl\:hover\:via-indigo-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .xl\:hover\:via-indigo-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .xl\:hover\:via-indigo-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .xl\:hover\:via-indigo-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .xl\:hover\:via-indigo-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .xl\:hover\:via-indigo-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .xl\:hover\:via-indigo-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .xl\:hover\:via-indigo-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .xl\:hover\:via-purple-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .xl\:hover\:via-purple-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .xl\:hover\:via-purple-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .xl\:hover\:via-purple-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .xl\:hover\:via-purple-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .xl\:hover\:via-purple-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .xl\:hover\:via-purple-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .xl\:hover\:via-purple-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .xl\:hover\:via-purple-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .xl\:hover\:via-purple-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .xl\:hover\:via-pink-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:hover\:via-pink-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .xl\:hover\:via-pink-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .xl\:hover\:via-pink-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .xl\:hover\:via-pink-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .xl\:hover\:via-pink-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .xl\:hover\:via-pink-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .xl\:hover\:via-pink-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .xl\:hover\:via-pink-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .xl\:hover\:via-pink-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .xl\:hover\:to-transparent:hover {
+    --tw-gradient-to: transparent;
+  }
+
+  .xl\:hover\:to-current:hover {
+    --tw-gradient-to: currentColor;
+  }
+
+  .xl\:hover\:to-black:hover {
+    --tw-gradient-to: #000;
+  }
+
+  .xl\:hover\:to-white:hover {
+    --tw-gradient-to: #fff;
+  }
+
+  .xl\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .xl\:hover\:to-gray-100:hover {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .xl\:hover\:to-gray-200:hover {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .xl\:hover\:to-gray-300:hover {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .xl\:hover\:to-gray-400:hover {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .xl\:hover\:to-gray-500:hover {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .xl\:hover\:to-gray-600:hover {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .xl\:hover\:to-gray-700:hover {
+    --tw-gradient-to: #374151;
+  }
+
+  .xl\:hover\:to-gray-800:hover {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .xl\:hover\:to-gray-900:hover {
+    --tw-gradient-to: #111827;
+  }
+
+  .xl\:hover\:to-red-50:hover {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .xl\:hover\:to-red-100:hover {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .xl\:hover\:to-red-200:hover {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .xl\:hover\:to-red-300:hover {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .xl\:hover\:to-red-400:hover {
+    --tw-gradient-to: #f87171;
+  }
+
+  .xl\:hover\:to-red-500:hover {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .xl\:hover\:to-red-600:hover {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .xl\:hover\:to-red-700:hover {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .xl\:hover\:to-red-800:hover {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .xl\:hover\:to-red-900:hover {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .xl\:hover\:to-yellow-50:hover {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .xl\:hover\:to-yellow-100:hover {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .xl\:hover\:to-yellow-200:hover {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .xl\:hover\:to-yellow-300:hover {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .xl\:hover\:to-yellow-400:hover {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .xl\:hover\:to-yellow-500:hover {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .xl\:hover\:to-yellow-600:hover {
+    --tw-gradient-to: #d97706;
+  }
+
+  .xl\:hover\:to-yellow-700:hover {
+    --tw-gradient-to: #b45309;
+  }
+
+  .xl\:hover\:to-yellow-800:hover {
+    --tw-gradient-to: #92400e;
+  }
+
+  .xl\:hover\:to-yellow-900:hover {
+    --tw-gradient-to: #78350f;
+  }
+
+  .xl\:hover\:to-green-50:hover {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .xl\:hover\:to-green-100:hover {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .xl\:hover\:to-green-200:hover {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .xl\:hover\:to-green-300:hover {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .xl\:hover\:to-green-400:hover {
+    --tw-gradient-to: #34d399;
+  }
+
+  .xl\:hover\:to-green-500:hover {
+    --tw-gradient-to: #10b981;
+  }
+
+  .xl\:hover\:to-green-600:hover {
+    --tw-gradient-to: #059669;
+  }
+
+  .xl\:hover\:to-green-700:hover {
+    --tw-gradient-to: #047857;
+  }
+
+  .xl\:hover\:to-green-800:hover {
+    --tw-gradient-to: #065f46;
+  }
+
+  .xl\:hover\:to-green-900:hover {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .xl\:hover\:to-blue-50:hover {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .xl\:hover\:to-blue-100:hover {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .xl\:hover\:to-blue-200:hover {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .xl\:hover\:to-blue-300:hover {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .xl\:hover\:to-blue-400:hover {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .xl\:hover\:to-blue-500:hover {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .xl\:hover\:to-blue-600:hover {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .xl\:hover\:to-blue-700:hover {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .xl\:hover\:to-blue-800:hover {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .xl\:hover\:to-blue-900:hover {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .xl\:hover\:to-indigo-50:hover {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .xl\:hover\:to-indigo-100:hover {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .xl\:hover\:to-indigo-200:hover {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .xl\:hover\:to-indigo-300:hover {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .xl\:hover\:to-indigo-400:hover {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .xl\:hover\:to-indigo-500:hover {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .xl\:hover\:to-indigo-600:hover {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .xl\:hover\:to-indigo-700:hover {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .xl\:hover\:to-indigo-800:hover {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .xl\:hover\:to-indigo-900:hover {
+    --tw-gradient-to: #312e81;
+  }
+
+  .xl\:hover\:to-purple-50:hover {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .xl\:hover\:to-purple-100:hover {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .xl\:hover\:to-purple-200:hover {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .xl\:hover\:to-purple-300:hover {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .xl\:hover\:to-purple-400:hover {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .xl\:hover\:to-purple-500:hover {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .xl\:hover\:to-purple-600:hover {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .xl\:hover\:to-purple-700:hover {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .xl\:hover\:to-purple-800:hover {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .xl\:hover\:to-purple-900:hover {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .xl\:hover\:to-pink-50:hover {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .xl\:hover\:to-pink-100:hover {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .xl\:hover\:to-pink-200:hover {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .xl\:hover\:to-pink-300:hover {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .xl\:hover\:to-pink-400:hover {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .xl\:hover\:to-pink-500:hover {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .xl\:hover\:to-pink-600:hover {
+    --tw-gradient-to: #db2777;
+  }
+
+  .xl\:hover\:to-pink-700:hover {
+    --tw-gradient-to: #be185d;
+  }
+
+  .xl\:hover\:to-pink-800:hover {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .xl\:hover\:to-pink-900:hover {
+    --tw-gradient-to: #831843;
+  }
+
+  .xl\:focus\:from-transparent:focus {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:focus\:from-current:focus {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:focus\:from-black:focus {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:focus\:from-white:focus {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:focus\:from-gray-100:focus {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .xl\:focus\:from-gray-200:focus {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:focus\:from-gray-300:focus {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .xl\:focus\:from-gray-400:focus {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .xl\:focus\:from-gray-500:focus {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:focus\:from-gray-600:focus {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:focus\:from-gray-700:focus {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:focus\:from-gray-800:focus {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .xl\:focus\:from-gray-900:focus {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .xl\:focus\:from-red-50:focus {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .xl\:focus\:from-red-100:focus {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .xl\:focus\:from-red-200:focus {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .xl\:focus\:from-red-300:focus {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .xl\:focus\:from-red-400:focus {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .xl\:focus\:from-red-500:focus {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .xl\:focus\:from-red-600:focus {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .xl\:focus\:from-red-700:focus {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .xl\:focus\:from-red-800:focus {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .xl\:focus\:from-red-900:focus {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .xl\:focus\:from-yellow-50:focus {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .xl\:focus\:from-yellow-100:focus {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .xl\:focus\:from-yellow-200:focus {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .xl\:focus\:from-yellow-300:focus {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .xl\:focus\:from-yellow-400:focus {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .xl\:focus\:from-yellow-500:focus {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .xl\:focus\:from-yellow-600:focus {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .xl\:focus\:from-yellow-700:focus {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .xl\:focus\:from-yellow-800:focus {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .xl\:focus\:from-yellow-900:focus {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .xl\:focus\:from-green-50:focus {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .xl\:focus\:from-green-100:focus {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .xl\:focus\:from-green-200:focus {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .xl\:focus\:from-green-300:focus {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .xl\:focus\:from-green-400:focus {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .xl\:focus\:from-green-500:focus {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .xl\:focus\:from-green-600:focus {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .xl\:focus\:from-green-700:focus {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .xl\:focus\:from-green-800:focus {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .xl\:focus\:from-green-900:focus {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .xl\:focus\:from-blue-50:focus {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .xl\:focus\:from-blue-100:focus {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .xl\:focus\:from-blue-200:focus {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .xl\:focus\:from-blue-300:focus {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .xl\:focus\:from-blue-400:focus {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .xl\:focus\:from-blue-500:focus {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .xl\:focus\:from-blue-600:focus {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .xl\:focus\:from-blue-700:focus {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .xl\:focus\:from-blue-800:focus {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .xl\:focus\:from-blue-900:focus {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .xl\:focus\:from-indigo-50:focus {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .xl\:focus\:from-indigo-100:focus {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .xl\:focus\:from-indigo-200:focus {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .xl\:focus\:from-indigo-300:focus {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .xl\:focus\:from-indigo-400:focus {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .xl\:focus\:from-indigo-500:focus {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .xl\:focus\:from-indigo-600:focus {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .xl\:focus\:from-indigo-700:focus {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .xl\:focus\:from-indigo-800:focus {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .xl\:focus\:from-indigo-900:focus {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .xl\:focus\:from-purple-50:focus {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .xl\:focus\:from-purple-100:focus {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .xl\:focus\:from-purple-200:focus {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .xl\:focus\:from-purple-300:focus {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .xl\:focus\:from-purple-400:focus {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .xl\:focus\:from-purple-500:focus {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .xl\:focus\:from-purple-600:focus {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .xl\:focus\:from-purple-700:focus {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .xl\:focus\:from-purple-800:focus {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .xl\:focus\:from-purple-900:focus {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .xl\:focus\:from-pink-50:focus {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:focus\:from-pink-100:focus {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .xl\:focus\:from-pink-200:focus {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .xl\:focus\:from-pink-300:focus {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .xl\:focus\:from-pink-400:focus {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .xl\:focus\:from-pink-500:focus {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .xl\:focus\:from-pink-600:focus {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .xl\:focus\:from-pink-700:focus {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .xl\:focus\:from-pink-800:focus {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .xl\:focus\:from-pink-900:focus {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .xl\:focus\:via-transparent:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:focus\:via-current:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:focus\:via-black:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:focus\:via-white:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:focus\:via-gray-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .xl\:focus\:via-gray-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:focus\:via-gray-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .xl\:focus\:via-gray-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .xl\:focus\:via-gray-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:focus\:via-gray-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:focus\:via-gray-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:focus\:via-gray-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .xl\:focus\:via-gray-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .xl\:focus\:via-red-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .xl\:focus\:via-red-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .xl\:focus\:via-red-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .xl\:focus\:via-red-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .xl\:focus\:via-red-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .xl\:focus\:via-red-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .xl\:focus\:via-red-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .xl\:focus\:via-red-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .xl\:focus\:via-red-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .xl\:focus\:via-red-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .xl\:focus\:via-yellow-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .xl\:focus\:via-yellow-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .xl\:focus\:via-yellow-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .xl\:focus\:via-yellow-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .xl\:focus\:via-yellow-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .xl\:focus\:via-yellow-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .xl\:focus\:via-yellow-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .xl\:focus\:via-yellow-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .xl\:focus\:via-yellow-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .xl\:focus\:via-yellow-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .xl\:focus\:via-green-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .xl\:focus\:via-green-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .xl\:focus\:via-green-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .xl\:focus\:via-green-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .xl\:focus\:via-green-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .xl\:focus\:via-green-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .xl\:focus\:via-green-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .xl\:focus\:via-green-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .xl\:focus\:via-green-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .xl\:focus\:via-green-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .xl\:focus\:via-blue-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .xl\:focus\:via-blue-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .xl\:focus\:via-blue-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .xl\:focus\:via-blue-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .xl\:focus\:via-blue-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .xl\:focus\:via-blue-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .xl\:focus\:via-blue-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .xl\:focus\:via-blue-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .xl\:focus\:via-blue-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .xl\:focus\:via-blue-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .xl\:focus\:via-indigo-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .xl\:focus\:via-indigo-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .xl\:focus\:via-indigo-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .xl\:focus\:via-indigo-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .xl\:focus\:via-indigo-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .xl\:focus\:via-indigo-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .xl\:focus\:via-indigo-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .xl\:focus\:via-indigo-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .xl\:focus\:via-indigo-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .xl\:focus\:via-indigo-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .xl\:focus\:via-purple-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .xl\:focus\:via-purple-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .xl\:focus\:via-purple-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .xl\:focus\:via-purple-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .xl\:focus\:via-purple-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .xl\:focus\:via-purple-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .xl\:focus\:via-purple-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .xl\:focus\:via-purple-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .xl\:focus\:via-purple-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .xl\:focus\:via-purple-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .xl\:focus\:via-pink-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:focus\:via-pink-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .xl\:focus\:via-pink-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .xl\:focus\:via-pink-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .xl\:focus\:via-pink-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .xl\:focus\:via-pink-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .xl\:focus\:via-pink-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .xl\:focus\:via-pink-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .xl\:focus\:via-pink-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .xl\:focus\:via-pink-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .xl\:focus\:to-transparent:focus {
+    --tw-gradient-to: transparent;
+  }
+
+  .xl\:focus\:to-current:focus {
+    --tw-gradient-to: currentColor;
+  }
+
+  .xl\:focus\:to-black:focus {
+    --tw-gradient-to: #000;
+  }
+
+  .xl\:focus\:to-white:focus {
+    --tw-gradient-to: #fff;
+  }
+
+  .xl\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .xl\:focus\:to-gray-100:focus {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .xl\:focus\:to-gray-200:focus {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .xl\:focus\:to-gray-300:focus {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .xl\:focus\:to-gray-400:focus {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .xl\:focus\:to-gray-500:focus {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .xl\:focus\:to-gray-600:focus {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .xl\:focus\:to-gray-700:focus {
+    --tw-gradient-to: #374151;
+  }
+
+  .xl\:focus\:to-gray-800:focus {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .xl\:focus\:to-gray-900:focus {
+    --tw-gradient-to: #111827;
+  }
+
+  .xl\:focus\:to-red-50:focus {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .xl\:focus\:to-red-100:focus {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .xl\:focus\:to-red-200:focus {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .xl\:focus\:to-red-300:focus {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .xl\:focus\:to-red-400:focus {
+    --tw-gradient-to: #f87171;
+  }
+
+  .xl\:focus\:to-red-500:focus {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .xl\:focus\:to-red-600:focus {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .xl\:focus\:to-red-700:focus {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .xl\:focus\:to-red-800:focus {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .xl\:focus\:to-red-900:focus {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .xl\:focus\:to-yellow-50:focus {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .xl\:focus\:to-yellow-100:focus {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .xl\:focus\:to-yellow-200:focus {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .xl\:focus\:to-yellow-300:focus {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .xl\:focus\:to-yellow-400:focus {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .xl\:focus\:to-yellow-500:focus {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .xl\:focus\:to-yellow-600:focus {
+    --tw-gradient-to: #d97706;
+  }
+
+  .xl\:focus\:to-yellow-700:focus {
+    --tw-gradient-to: #b45309;
+  }
+
+  .xl\:focus\:to-yellow-800:focus {
+    --tw-gradient-to: #92400e;
+  }
+
+  .xl\:focus\:to-yellow-900:focus {
+    --tw-gradient-to: #78350f;
+  }
+
+  .xl\:focus\:to-green-50:focus {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .xl\:focus\:to-green-100:focus {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .xl\:focus\:to-green-200:focus {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .xl\:focus\:to-green-300:focus {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .xl\:focus\:to-green-400:focus {
+    --tw-gradient-to: #34d399;
+  }
+
+  .xl\:focus\:to-green-500:focus {
+    --tw-gradient-to: #10b981;
+  }
+
+  .xl\:focus\:to-green-600:focus {
+    --tw-gradient-to: #059669;
+  }
+
+  .xl\:focus\:to-green-700:focus {
+    --tw-gradient-to: #047857;
+  }
+
+  .xl\:focus\:to-green-800:focus {
+    --tw-gradient-to: #065f46;
+  }
+
+  .xl\:focus\:to-green-900:focus {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .xl\:focus\:to-blue-50:focus {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .xl\:focus\:to-blue-100:focus {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .xl\:focus\:to-blue-200:focus {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .xl\:focus\:to-blue-300:focus {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .xl\:focus\:to-blue-400:focus {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .xl\:focus\:to-blue-500:focus {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .xl\:focus\:to-blue-600:focus {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .xl\:focus\:to-blue-700:focus {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .xl\:focus\:to-blue-800:focus {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .xl\:focus\:to-blue-900:focus {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .xl\:focus\:to-indigo-50:focus {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .xl\:focus\:to-indigo-100:focus {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .xl\:focus\:to-indigo-200:focus {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .xl\:focus\:to-indigo-300:focus {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .xl\:focus\:to-indigo-400:focus {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .xl\:focus\:to-indigo-500:focus {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .xl\:focus\:to-indigo-600:focus {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .xl\:focus\:to-indigo-700:focus {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .xl\:focus\:to-indigo-800:focus {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .xl\:focus\:to-indigo-900:focus {
+    --tw-gradient-to: #312e81;
+  }
+
+  .xl\:focus\:to-purple-50:focus {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .xl\:focus\:to-purple-100:focus {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .xl\:focus\:to-purple-200:focus {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .xl\:focus\:to-purple-300:focus {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .xl\:focus\:to-purple-400:focus {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .xl\:focus\:to-purple-500:focus {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .xl\:focus\:to-purple-600:focus {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .xl\:focus\:to-purple-700:focus {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .xl\:focus\:to-purple-800:focus {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .xl\:focus\:to-purple-900:focus {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .xl\:focus\:to-pink-50:focus {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .xl\:focus\:to-pink-100:focus {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .xl\:focus\:to-pink-200:focus {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .xl\:focus\:to-pink-300:focus {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .xl\:focus\:to-pink-400:focus {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .xl\:focus\:to-pink-500:focus {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .xl\:focus\:to-pink-600:focus {
+    --tw-gradient-to: #db2777;
+  }
+
+  .xl\:focus\:to-pink-700:focus {
+    --tw-gradient-to: #be185d;
+  }
+
+  .xl\:focus\:to-pink-800:focus {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .xl\:focus\:to-pink-900:focus {
+    --tw-gradient-to: #831843;
+  }
+
+  .xl\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .xl\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .xl\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .xl\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .xl\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .xl\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .xl\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .xl\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .xl\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .xl\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .xl\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .xl\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .xl\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .xl\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .xl\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .xl\:focus-within\:bg-opacity-0:focus-within {
+    --tw-bg-opacity: 0;
+  }
+
+  .xl\:focus-within\:bg-opacity-5:focus-within {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .xl\:focus-within\:bg-opacity-10:focus-within {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .xl\:focus-within\:bg-opacity-20:focus-within {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .xl\:focus-within\:bg-opacity-25:focus-within {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .xl\:focus-within\:bg-opacity-30:focus-within {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .xl\:focus-within\:bg-opacity-40:focus-within {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .xl\:focus-within\:bg-opacity-50:focus-within {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .xl\:focus-within\:bg-opacity-60:focus-within {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .xl\:focus-within\:bg-opacity-70:focus-within {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .xl\:focus-within\:bg-opacity-75:focus-within {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .xl\:focus-within\:bg-opacity-80:focus-within {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .xl\:focus-within\:bg-opacity-90:focus-within {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .xl\:focus-within\:bg-opacity-95:focus-within {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .xl\:focus-within\:bg-opacity-100:focus-within {
+    --tw-bg-opacity: 1;
+  }
+
+  .xl\:hover\:bg-opacity-0:hover {
+    --tw-bg-opacity: 0;
+  }
+
+  .xl\:hover\:bg-opacity-5:hover {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .xl\:hover\:bg-opacity-10:hover {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .xl\:hover\:bg-opacity-20:hover {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .xl\:hover\:bg-opacity-25:hover {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .xl\:hover\:bg-opacity-30:hover {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .xl\:hover\:bg-opacity-40:hover {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .xl\:hover\:bg-opacity-50:hover {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .xl\:hover\:bg-opacity-60:hover {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .xl\:hover\:bg-opacity-70:hover {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .xl\:hover\:bg-opacity-75:hover {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .xl\:hover\:bg-opacity-80:hover {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .xl\:hover\:bg-opacity-90:hover {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .xl\:hover\:bg-opacity-95:hover {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .xl\:hover\:bg-opacity-100:hover {
+    --tw-bg-opacity: 1;
+  }
+
+  .xl\:focus\:bg-opacity-0:focus {
+    --tw-bg-opacity: 0;
+  }
+
+  .xl\:focus\:bg-opacity-5:focus {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .xl\:focus\:bg-opacity-10:focus {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .xl\:focus\:bg-opacity-20:focus {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .xl\:focus\:bg-opacity-25:focus {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .xl\:focus\:bg-opacity-30:focus {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .xl\:focus\:bg-opacity-40:focus {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .xl\:focus\:bg-opacity-50:focus {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .xl\:focus\:bg-opacity-60:focus {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .xl\:focus\:bg-opacity-70:focus {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .xl\:focus\:bg-opacity-75:focus {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .xl\:focus\:bg-opacity-80:focus {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .xl\:focus\:bg-opacity-90:focus {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .xl\:focus\:bg-opacity-95:focus {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .xl\:focus\:bg-opacity-100:focus {
+    --tw-bg-opacity: 1;
+  }
+
+  .xl\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .xl\:bg-center {
+    background-position: center;
+  }
+
+  .xl\:bg-left {
+    background-position: left;
+  }
+
+  .xl\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .xl\:bg-left-top {
+    background-position: left top;
+  }
+
+  .xl\:bg-right {
+    background-position: right;
+  }
+
+  .xl\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .xl\:bg-right-top {
+    background-position: right top;
+  }
+
+  .xl\:bg-top {
+    background-position: top;
+  }
+
+  .xl\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .xl\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .xl\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .xl\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .xl\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .xl\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .xl\:bg-auto {
+    background-size: auto;
+  }
+
+  .xl\:bg-cover {
+    background-size: cover;
+  }
+
+  .xl\:bg-contain {
+    background-size: contain;
+  }
+
+  .xl\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .xl\:border-separate {
+    border-collapse: separate;
+  }
+
+  .xl\:border-transparent {
+    border-color: transparent;
+  }
+
+  .xl\:border-current {
+    border-color: currentColor;
+  }
+
+  .xl\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .xl\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:hover .xl\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  .group:hover .xl\:group-hover\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .xl\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .xl\:focus-within\:border-black:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-white:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .xl\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .xl\:hover\:border-black:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-white:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .xl\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .xl\:focus\:border-black:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-white:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .xl\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .xl\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .xl\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .xl\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .xl\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .xl\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .xl\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .xl\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .xl\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .xl\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .xl\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .xl\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .xl\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .xl\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .xl\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .xl\:focus-within\:border-opacity-0:focus-within {
+    --tw-border-opacity: 0;
+  }
+
+  .xl\:focus-within\:border-opacity-5:focus-within {
+    --tw-border-opacity: 0.05;
+  }
+
+  .xl\:focus-within\:border-opacity-10:focus-within {
+    --tw-border-opacity: 0.1;
+  }
+
+  .xl\:focus-within\:border-opacity-20:focus-within {
+    --tw-border-opacity: 0.2;
+  }
+
+  .xl\:focus-within\:border-opacity-25:focus-within {
+    --tw-border-opacity: 0.25;
+  }
+
+  .xl\:focus-within\:border-opacity-30:focus-within {
+    --tw-border-opacity: 0.3;
+  }
+
+  .xl\:focus-within\:border-opacity-40:focus-within {
+    --tw-border-opacity: 0.4;
+  }
+
+  .xl\:focus-within\:border-opacity-50:focus-within {
+    --tw-border-opacity: 0.5;
+  }
+
+  .xl\:focus-within\:border-opacity-60:focus-within {
+    --tw-border-opacity: 0.6;
+  }
+
+  .xl\:focus-within\:border-opacity-70:focus-within {
+    --tw-border-opacity: 0.7;
+  }
+
+  .xl\:focus-within\:border-opacity-75:focus-within {
+    --tw-border-opacity: 0.75;
+  }
+
+  .xl\:focus-within\:border-opacity-80:focus-within {
+    --tw-border-opacity: 0.8;
+  }
+
+  .xl\:focus-within\:border-opacity-90:focus-within {
+    --tw-border-opacity: 0.9;
+  }
+
+  .xl\:focus-within\:border-opacity-95:focus-within {
+    --tw-border-opacity: 0.95;
+  }
+
+  .xl\:focus-within\:border-opacity-100:focus-within {
+    --tw-border-opacity: 1;
+  }
+
+  .xl\:hover\:border-opacity-0:hover {
+    --tw-border-opacity: 0;
+  }
+
+  .xl\:hover\:border-opacity-5:hover {
+    --tw-border-opacity: 0.05;
+  }
+
+  .xl\:hover\:border-opacity-10:hover {
+    --tw-border-opacity: 0.1;
+  }
+
+  .xl\:hover\:border-opacity-20:hover {
+    --tw-border-opacity: 0.2;
+  }
+
+  .xl\:hover\:border-opacity-25:hover {
+    --tw-border-opacity: 0.25;
+  }
+
+  .xl\:hover\:border-opacity-30:hover {
+    --tw-border-opacity: 0.3;
+  }
+
+  .xl\:hover\:border-opacity-40:hover {
+    --tw-border-opacity: 0.4;
+  }
+
+  .xl\:hover\:border-opacity-50:hover {
+    --tw-border-opacity: 0.5;
+  }
+
+  .xl\:hover\:border-opacity-60:hover {
+    --tw-border-opacity: 0.6;
+  }
+
+  .xl\:hover\:border-opacity-70:hover {
+    --tw-border-opacity: 0.7;
+  }
+
+  .xl\:hover\:border-opacity-75:hover {
+    --tw-border-opacity: 0.75;
+  }
+
+  .xl\:hover\:border-opacity-80:hover {
+    --tw-border-opacity: 0.8;
+  }
+
+  .xl\:hover\:border-opacity-90:hover {
+    --tw-border-opacity: 0.9;
+  }
+
+  .xl\:hover\:border-opacity-95:hover {
+    --tw-border-opacity: 0.95;
+  }
+
+  .xl\:hover\:border-opacity-100:hover {
+    --tw-border-opacity: 1;
+  }
+
+  .xl\:focus\:border-opacity-0:focus {
+    --tw-border-opacity: 0;
+  }
+
+  .xl\:focus\:border-opacity-5:focus {
+    --tw-border-opacity: 0.05;
+  }
+
+  .xl\:focus\:border-opacity-10:focus {
+    --tw-border-opacity: 0.1;
+  }
+
+  .xl\:focus\:border-opacity-20:focus {
+    --tw-border-opacity: 0.2;
+  }
+
+  .xl\:focus\:border-opacity-25:focus {
+    --tw-border-opacity: 0.25;
+  }
+
+  .xl\:focus\:border-opacity-30:focus {
+    --tw-border-opacity: 0.3;
+  }
+
+  .xl\:focus\:border-opacity-40:focus {
+    --tw-border-opacity: 0.4;
+  }
+
+  .xl\:focus\:border-opacity-50:focus {
+    --tw-border-opacity: 0.5;
+  }
+
+  .xl\:focus\:border-opacity-60:focus {
+    --tw-border-opacity: 0.6;
+  }
+
+  .xl\:focus\:border-opacity-70:focus {
+    --tw-border-opacity: 0.7;
+  }
+
+  .xl\:focus\:border-opacity-75:focus {
+    --tw-border-opacity: 0.75;
+  }
+
+  .xl\:focus\:border-opacity-80:focus {
+    --tw-border-opacity: 0.8;
+  }
+
+  .xl\:focus\:border-opacity-90:focus {
+    --tw-border-opacity: 0.9;
+  }
+
+  .xl\:focus\:border-opacity-95:focus {
+    --tw-border-opacity: 0.95;
+  }
+
+  .xl\:focus\:border-opacity-100:focus {
+    --tw-border-opacity: 1;
+  }
+
+  .xl\:rounded-none {
+    border-radius: 0px;
+  }
+
+  .xl\:rounded-sm {
+    border-radius: 0.125rem;
+  }
+
+  .xl\:rounded {
+    border-radius: 0.25rem;
+  }
+
+  .xl\:rounded-md {
+    border-radius: 0.375rem;
+  }
+
+  .xl\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .xl\:rounded-xl {
+    border-radius: 0.75rem;
+  }
+
+  .xl\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .xl\:rounded-3xl {
+    border-radius: 1.5rem;
+  }
+
+  .xl\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .xl\:rounded-t-none {
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+  }
+
+  .xl\:rounded-r-none {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+  }
+
+  .xl\:rounded-b-none {
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .xl\:rounded-l-none {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .xl\:rounded-t-sm {
+    border-top-left-radius: 0.125rem;
+    border-top-right-radius: 0.125rem;
+  }
+
+  .xl\:rounded-r-sm {
+    border-top-right-radius: 0.125rem;
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .xl\:rounded-b-sm {
+    border-bottom-right-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .xl\:rounded-l-sm {
+    border-top-left-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .xl\:rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
+
+  .xl\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .xl\:rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .xl\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .xl\:rounded-t-md {
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+  }
+
+  .xl\:rounded-r-md {
+    border-top-right-radius: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .xl\:rounded-b-md {
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .xl\:rounded-l-md {
+    border-top-left-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .xl\:rounded-t-lg {
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+  }
+
+  .xl\:rounded-r-lg {
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .xl\:rounded-b-lg {
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .xl\:rounded-l-lg {
+    border-top-left-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .xl\:rounded-t-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .xl\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .xl\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .xl\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .xl\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .xl\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .xl\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .xl\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .xl\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .xl\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .xl\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .xl\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .xl\:rounded-t-full {
+    border-top-left-radius: 9999px;
+    border-top-right-radius: 9999px;
+  }
+
+  .xl\:rounded-r-full {
+    border-top-right-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+  }
+
+  .xl\:rounded-b-full {
+    border-bottom-right-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .xl\:rounded-l-full {
+    border-top-left-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .xl\:rounded-tl-none {
+    border-top-left-radius: 0px;
+  }
+
+  .xl\:rounded-tr-none {
+    border-top-right-radius: 0px;
+  }
+
+  .xl\:rounded-br-none {
+    border-bottom-right-radius: 0px;
+  }
+
+  .xl\:rounded-bl-none {
+    border-bottom-left-radius: 0px;
+  }
+
+  .xl\:rounded-tl-sm {
+    border-top-left-radius: 0.125rem;
+  }
+
+  .xl\:rounded-tr-sm {
+    border-top-right-radius: 0.125rem;
+  }
+
+  .xl\:rounded-br-sm {
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .xl\:rounded-bl-sm {
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .xl\:rounded-tl {
+    border-top-left-radius: 0.25rem;
+  }
+
+  .xl\:rounded-tr {
+    border-top-right-radius: 0.25rem;
+  }
+
+  .xl\:rounded-br {
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .xl\:rounded-bl {
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .xl\:rounded-tl-md {
+    border-top-left-radius: 0.375rem;
+  }
+
+  .xl\:rounded-tr-md {
+    border-top-right-radius: 0.375rem;
+  }
+
+  .xl\:rounded-br-md {
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .xl\:rounded-bl-md {
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .xl\:rounded-tl-lg {
+    border-top-left-radius: 0.5rem;
+  }
+
+  .xl\:rounded-tr-lg {
+    border-top-right-radius: 0.5rem;
+  }
+
+  .xl\:rounded-br-lg {
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .xl\:rounded-bl-lg {
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .xl\:rounded-tl-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .xl\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .xl\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .xl\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .xl\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .xl\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .xl\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .xl\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .xl\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .xl\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .xl\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .xl\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .xl\:rounded-tl-full {
+    border-top-left-radius: 9999px;
+  }
+
+  .xl\:rounded-tr-full {
+    border-top-right-radius: 9999px;
+  }
+
+  .xl\:rounded-br-full {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .xl\:rounded-bl-full {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .xl\:border-solid {
+    border-style: solid;
+  }
+
+  .xl\:border-dashed {
+    border-style: dashed;
+  }
+
+  .xl\:border-dotted {
+    border-style: dotted;
+  }
+
+  .xl\:border-double {
+    border-style: double;
+  }
+
+  .xl\:border-none {
+    border-style: none;
+  }
+
+  .xl\:border-0 {
+    border-width: 0px;
+  }
+
+  .xl\:border-2 {
+    border-width: 2px;
+  }
+
+  .xl\:border-4 {
+    border-width: 4px;
+  }
+
+  .xl\:border-8 {
+    border-width: 8px;
+  }
+
+  .xl\:border {
+    border-width: 1px;
+  }
+
+  .xl\:border-t-0 {
+    border-top-width: 0px;
+  }
+
+  .xl\:border-r-0 {
+    border-right-width: 0px;
+  }
+
+  .xl\:border-b-0 {
+    border-bottom-width: 0px;
+  }
+
+  .xl\:border-l-0 {
+    border-left-width: 0px;
+  }
+
+  .xl\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .xl\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .xl\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .xl\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .xl\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .xl\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .xl\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .xl\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .xl\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .xl\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .xl\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .xl\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .xl\:border-t {
+    border-top-width: 1px;
+  }
+
+  .xl\:border-r {
+    border-right-width: 1px;
+  }
+
+  .xl\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .xl\:border-l {
+    border-left-width: 1px;
+  }
+
+  .xl\:box-border {
+    box-sizing: border-box;
+  }
+
+  .xl\:box-content {
+    box-sizing: content-box;
+  }
+
+  .xl\:cursor-auto {
+    cursor: auto;
+  }
+
+  .xl\:cursor-default {
+    cursor: default;
+  }
+
+  .xl\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .xl\:cursor-wait {
+    cursor: wait;
+  }
+
+  .xl\:cursor-text {
+    cursor: text;
+  }
+
+  .xl\:cursor-move {
+    cursor: move;
+  }
+
+  .xl\:cursor-help {
+    cursor: help;
+  }
+
+  .xl\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
+  .xl\:block {
+    display: block;
+  }
+
+  .xl\:inline-block {
+    display: inline-block;
+  }
+
+  .xl\:inline {
+    display: inline;
+  }
+
+  .xl\:flex {
+    display: flex;
+  }
+
+  .xl\:inline-flex {
+    display: inline-flex;
+  }
+
+  .xl\:table {
+    display: table;
+  }
+
+  .xl\:table-caption {
+    display: table-caption;
+  }
+
+  .xl\:table-cell {
+    display: table-cell;
+  }
+
+  .xl\:table-column {
+    display: table-column;
+  }
+
+  .xl\:table-column-group {
+    display: table-column-group;
+  }
+
+  .xl\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .xl\:table-header-group {
+    display: table-header-group;
+  }
+
+  .xl\:table-row-group {
+    display: table-row-group;
+  }
+
+  .xl\:table-row {
+    display: table-row;
+  }
+
+  .xl\:flow-root {
+    display: flow-root;
+  }
+
+  .xl\:grid {
+    display: grid;
+  }
+
+  .xl\:inline-grid {
+    display: inline-grid;
+  }
+
+  .xl\:contents {
+    display: contents;
+  }
+
+  .xl\:hidden {
+    display: none;
+  }
+
+  .xl\:flex-row {
+    flex-direction: row;
+  }
+
+  .xl\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .xl\:flex-col {
+    flex-direction: column;
+  }
+
+  .xl\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .xl\:flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .xl\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
+  .xl\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .xl\:place-items-auto {
+    place-items: auto;
+  }
+
+  .xl\:place-items-start {
+    place-items: start;
+  }
+
+  .xl\:place-items-end {
+    place-items: end;
+  }
+
+  .xl\:place-items-center {
+    place-items: center;
+  }
+
+  .xl\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .xl\:place-content-center {
+    place-content: center;
+  }
+
+  .xl\:place-content-start {
+    place-content: start;
+  }
+
+  .xl\:place-content-end {
+    place-content: end;
+  }
+
+  .xl\:place-content-between {
+    place-content: space-between;
+  }
+
+  .xl\:place-content-around {
+    place-content: space-around;
+  }
+
+  .xl\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .xl\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .xl\:place-self-auto {
+    place-self: auto;
+  }
+
+  .xl\:place-self-start {
+    place-self: start;
+  }
+
+  .xl\:place-self-end {
+    place-self: end;
+  }
+
+  .xl\:place-self-center {
+    place-self: center;
+  }
+
+  .xl\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .xl\:items-start {
+    align-items: flex-start;
+  }
+
+  .xl\:items-end {
+    align-items: flex-end;
+  }
+
+  .xl\:items-center {
+    align-items: center;
+  }
+
+  .xl\:items-baseline {
+    align-items: baseline;
+  }
+
+  .xl\:items-stretch {
+    align-items: stretch;
+  }
+
+  .xl\:content-center {
+    align-content: center;
+  }
+
+  .xl\:content-start {
+    align-content: flex-start;
+  }
+
+  .xl\:content-end {
+    align-content: flex-end;
+  }
+
+  .xl\:content-between {
+    align-content: space-between;
+  }
+
+  .xl\:content-around {
+    align-content: space-around;
+  }
+
+  .xl\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .xl\:self-auto {
+    align-self: auto;
+  }
+
+  .xl\:self-start {
+    align-self: flex-start;
+  }
+
+  .xl\:self-end {
+    align-self: flex-end;
+  }
+
+  .xl\:self-center {
+    align-self: center;
+  }
+
+  .xl\:self-stretch {
+    align-self: stretch;
+  }
+
+  .xl\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .xl\:justify-items-start {
+    justify-items: start;
+  }
+
+  .xl\:justify-items-end {
+    justify-items: end;
+  }
+
+  .xl\:justify-items-center {
+    justify-items: center;
+  }
+
+  .xl\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
+  .xl\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .xl\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .xl\:justify-center {
+    justify-content: center;
+  }
+
+  .xl\:justify-between {
+    justify-content: space-between;
+  }
+
+  .xl\:justify-around {
+    justify-content: space-around;
+  }
+
+  .xl\:justify-evenly {
+    justify-content: space-evenly;
+  }
+
+  .xl\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .xl\:justify-self-start {
+    justify-self: start;
+  }
+
+  .xl\:justify-self-end {
+    justify-self: end;
+  }
+
+  .xl\:justify-self-center {
+    justify-self: center;
+  }
+
+  .xl\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .xl\:flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .xl\:flex-auto {
+    flex: 1 1 auto;
+  }
+
+  .xl\:flex-initial {
+    flex: 0 1 auto;
+  }
+
+  .xl\:flex-none {
+    flex: none;
+  }
+
+  .xl\:flex-grow-0 {
+    flex-grow: 0;
+  }
+
+  .xl\:flex-grow {
+    flex-grow: 1;
+  }
+
+  .xl\:flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .xl\:flex-shrink {
+    flex-shrink: 1;
+  }
+
+  .xl\:order-1 {
+    order: 1;
+  }
+
+  .xl\:order-2 {
+    order: 2;
+  }
+
+  .xl\:order-3 {
+    order: 3;
+  }
+
+  .xl\:order-4 {
+    order: 4;
+  }
+
+  .xl\:order-5 {
+    order: 5;
+  }
+
+  .xl\:order-6 {
+    order: 6;
+  }
+
+  .xl\:order-7 {
+    order: 7;
+  }
+
+  .xl\:order-8 {
+    order: 8;
+  }
+
+  .xl\:order-9 {
+    order: 9;
+  }
+
+  .xl\:order-10 {
+    order: 10;
+  }
+
+  .xl\:order-11 {
+    order: 11;
+  }
+
+  .xl\:order-12 {
+    order: 12;
+  }
+
+  .xl\:order-first {
+    order: -9999;
+  }
+
+  .xl\:order-last {
+    order: 9999;
+  }
+
+  .xl\:order-none {
+    order: 0;
+  }
+
+  .xl\:float-right {
+    float: right;
+  }
+
+  .xl\:float-left {
+    float: left;
+  }
+
+  .xl\:float-none {
+    float: none;
+  }
+
+  .xl\:clear-left {
+    clear: left;
+  }
+
+  .xl\:clear-right {
+    clear: right;
+  }
+
+  .xl\:clear-both {
+    clear: both;
+  }
+
+  .xl\:clear-none {
+    clear: none;
+  }
+
+  .xl\:font-sans {
+    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  }
+
+  .xl\:font-serif {
+    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .xl\:font-mono {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .xl\:font-thin {
+    font-weight: 100;
+  }
+
+  .xl\:font-extralight {
+    font-weight: 200;
+  }
+
+  .xl\:font-light {
+    font-weight: 300;
+  }
+
+  .xl\:font-normal {
+    font-weight: 400;
+  }
+
+  .xl\:font-medium {
+    font-weight: 500;
+  }
+
+  .xl\:font-semibold {
+    font-weight: 600;
+  }
+
+  .xl\:font-bold {
+    font-weight: 700;
+  }
+
+  .xl\:font-extrabold {
+    font-weight: 800;
+  }
+
+  .xl\:font-black {
+    font-weight: 900;
+  }
+
+  .xl\:h-0 {
+    height: 0px;
+  }
+
+  .xl\:h-1 {
+    height: 0.25rem;
+  }
+
+  .xl\:h-2 {
+    height: 0.5rem;
+  }
+
+  .xl\:h-3 {
+    height: 0.75rem;
+  }
+
+  .xl\:h-4 {
+    height: 1rem;
+  }
+
+  .xl\:h-5 {
+    height: 1.25rem;
+  }
+
+  .xl\:h-6 {
+    height: 1.5rem;
+  }
+
+  .xl\:h-7 {
+    height: 1.75rem;
+  }
+
+  .xl\:h-8 {
+    height: 2rem;
+  }
+
+  .xl\:h-9 {
+    height: 2.25rem;
+  }
+
+  .xl\:h-10 {
+    height: 2.5rem;
+  }
+
+  .xl\:h-11 {
+    height: 2.75rem;
+  }
+
+  .xl\:h-12 {
+    height: 3rem;
+  }
+
+  .xl\:h-14 {
+    height: 3.5rem;
+  }
+
+  .xl\:h-16 {
+    height: 4rem;
+  }
+
+  .xl\:h-20 {
+    height: 5rem;
+  }
+
+  .xl\:h-24 {
+    height: 6rem;
+  }
+
+  .xl\:h-28 {
+    height: 7rem;
+  }
+
+  .xl\:h-32 {
+    height: 8rem;
+  }
+
+  .xl\:h-36 {
+    height: 9rem;
+  }
+
+  .xl\:h-40 {
+    height: 10rem;
+  }
+
+  .xl\:h-44 {
+    height: 11rem;
+  }
+
+  .xl\:h-48 {
+    height: 12rem;
+  }
+
+  .xl\:h-52 {
+    height: 13rem;
+  }
+
+  .xl\:h-56 {
+    height: 14rem;
+  }
+
+  .xl\:h-60 {
+    height: 15rem;
+  }
+
+  .xl\:h-64 {
+    height: 16rem;
+  }
+
+  .xl\:h-72 {
+    height: 18rem;
+  }
+
+  .xl\:h-80 {
+    height: 20rem;
+  }
+
+  .xl\:h-96 {
+    height: 24rem;
+  }
+
+  .xl\:h-auto {
+    height: auto;
+  }
+
+  .xl\:h-px {
+    height: 1px;
+  }
+
+  .xl\:h-0\.5 {
+    height: 0.125rem;
+  }
+
+  .xl\:h-1\.5 {
+    height: 0.375rem;
+  }
+
+  .xl\:h-2\.5 {
+    height: 0.625rem;
+  }
+
+  .xl\:h-3\.5 {
+    height: 0.875rem;
+  }
+
+  .xl\:h-1\/2 {
+    height: 50%;
+  }
+
+  .xl\:h-1\/3 {
+    height: 33.333333%;
+  }
+
+  .xl\:h-2\/3 {
+    height: 66.666667%;
+  }
+
+  .xl\:h-1\/4 {
+    height: 25%;
+  }
+
+  .xl\:h-2\/4 {
+    height: 50%;
+  }
+
+  .xl\:h-3\/4 {
+    height: 75%;
+  }
+
+  .xl\:h-1\/5 {
+    height: 20%;
+  }
+
+  .xl\:h-2\/5 {
+    height: 40%;
+  }
+
+  .xl\:h-3\/5 {
+    height: 60%;
+  }
+
+  .xl\:h-4\/5 {
+    height: 80%;
+  }
+
+  .xl\:h-1\/6 {
+    height: 16.666667%;
+  }
+
+  .xl\:h-2\/6 {
+    height: 33.333333%;
+  }
+
+  .xl\:h-3\/6 {
+    height: 50%;
+  }
+
+  .xl\:h-4\/6 {
+    height: 66.666667%;
+  }
+
+  .xl\:h-5\/6 {
+    height: 83.333333%;
+  }
+
+  .xl\:h-full {
+    height: 100%;
+  }
+
+  .xl\:h-screen {
+    height: 100vh;
+  }
+
+  .xl\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .xl\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .xl\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .xl\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .xl\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .xl\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .xl\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .xl\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .xl\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+
+  .xl\:text-6xl {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .xl\:text-7xl {
+    font-size: 4.5rem;
+    line-height: 1;
+  }
+
+  .xl\:text-8xl {
+    font-size: 6rem;
+    line-height: 1;
+  }
+
+  .xl\:text-9xl {
+    font-size: 8rem;
+    line-height: 1;
+  }
+
+  .xl\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .xl\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .xl\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .xl\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .xl\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .xl\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .xl\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .xl\:leading-10 {
+    line-height: 2.5rem;
+  }
+
+  .xl\:leading-none {
+    line-height: 1;
+  }
+
+  .xl\:leading-tight {
+    line-height: 1.25;
+  }
+
+  .xl\:leading-snug {
+    line-height: 1.375;
+  }
+
+  .xl\:leading-normal {
+    line-height: 1.5;
+  }
+
+  .xl\:leading-relaxed {
+    line-height: 1.625;
+  }
+
+  .xl\:leading-loose {
+    line-height: 2;
+  }
+
+  .xl\:list-inside {
+    list-style-position: inside;
+  }
+
+  .xl\:list-outside {
+    list-style-position: outside;
+  }
+
+  .xl\:list-none {
+    list-style-type: none;
+  }
+
+  .xl\:list-disc {
+    list-style-type: disc;
+  }
+
+  .xl\:list-decimal {
+    list-style-type: decimal;
+  }
+
+  .xl\:m-0 {
+    margin: 0px;
+  }
+
+  .xl\:m-1 {
+    margin: 0.25rem;
+  }
+
+  .xl\:m-2 {
+    margin: 0.5rem;
+  }
+
+  .xl\:m-3 {
+    margin: 0.75rem;
+  }
+
+  .xl\:m-4 {
+    margin: 1rem;
+  }
+
+  .xl\:m-5 {
+    margin: 1.25rem;
+  }
+
+  .xl\:m-6 {
+    margin: 1.5rem;
+  }
+
+  .xl\:m-7 {
+    margin: 1.75rem;
+  }
+
+  .xl\:m-8 {
+    margin: 2rem;
+  }
+
+  .xl\:m-9 {
+    margin: 2.25rem;
+  }
+
+  .xl\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .xl\:m-11 {
+    margin: 2.75rem;
+  }
+
+  .xl\:m-12 {
+    margin: 3rem;
+  }
+
+  .xl\:m-14 {
+    margin: 3.5rem;
+  }
+
+  .xl\:m-16 {
+    margin: 4rem;
+  }
+
+  .xl\:m-20 {
+    margin: 5rem;
+  }
+
+  .xl\:m-24 {
+    margin: 6rem;
+  }
+
+  .xl\:m-28 {
+    margin: 7rem;
+  }
+
+  .xl\:m-32 {
+    margin: 8rem;
+  }
+
+  .xl\:m-36 {
+    margin: 9rem;
+  }
+
+  .xl\:m-40 {
+    margin: 10rem;
+  }
+
+  .xl\:m-44 {
+    margin: 11rem;
+  }
+
+  .xl\:m-48 {
+    margin: 12rem;
+  }
+
+  .xl\:m-52 {
+    margin: 13rem;
+  }
+
+  .xl\:m-56 {
+    margin: 14rem;
+  }
+
+  .xl\:m-60 {
+    margin: 15rem;
+  }
+
+  .xl\:m-64 {
+    margin: 16rem;
+  }
+
+  .xl\:m-72 {
+    margin: 18rem;
+  }
+
+  .xl\:m-80 {
+    margin: 20rem;
+  }
+
+  .xl\:m-96 {
+    margin: 24rem;
+  }
+
+  .xl\:m-auto {
+    margin: auto;
+  }
+
+  .xl\:m-px {
+    margin: 1px;
+  }
+
+  .xl\:m-0\.5 {
+    margin: 0.125rem;
+  }
+
+  .xl\:m-1\.5 {
+    margin: 0.375rem;
+  }
+
+  .xl\:m-2\.5 {
+    margin: 0.625rem;
+  }
+
+  .xl\:m-3\.5 {
+    margin: 0.875rem;
+  }
+
+  .xl\:-m-0 {
+    margin: 0px;
+  }
+
+  .xl\:-m-1 {
+    margin: -0.25rem;
+  }
+
+  .xl\:-m-2 {
+    margin: -0.5rem;
+  }
+
+  .xl\:-m-3 {
+    margin: -0.75rem;
+  }
+
+  .xl\:-m-4 {
+    margin: -1rem;
+  }
+
+  .xl\:-m-5 {
+    margin: -1.25rem;
+  }
+
+  .xl\:-m-6 {
+    margin: -1.5rem;
+  }
+
+  .xl\:-m-7 {
+    margin: -1.75rem;
+  }
+
+  .xl\:-m-8 {
+    margin: -2rem;
+  }
+
+  .xl\:-m-9 {
+    margin: -2.25rem;
+  }
+
+  .xl\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .xl\:-m-11 {
+    margin: -2.75rem;
+  }
+
+  .xl\:-m-12 {
+    margin: -3rem;
+  }
+
+  .xl\:-m-14 {
+    margin: -3.5rem;
+  }
+
+  .xl\:-m-16 {
+    margin: -4rem;
+  }
+
+  .xl\:-m-20 {
+    margin: -5rem;
+  }
+
+  .xl\:-m-24 {
+    margin: -6rem;
+  }
+
+  .xl\:-m-28 {
+    margin: -7rem;
+  }
+
+  .xl\:-m-32 {
+    margin: -8rem;
+  }
+
+  .xl\:-m-36 {
+    margin: -9rem;
+  }
+
+  .xl\:-m-40 {
+    margin: -10rem;
+  }
+
+  .xl\:-m-44 {
+    margin: -11rem;
+  }
+
+  .xl\:-m-48 {
+    margin: -12rem;
+  }
+
+  .xl\:-m-52 {
+    margin: -13rem;
+  }
+
+  .xl\:-m-56 {
+    margin: -14rem;
+  }
+
+  .xl\:-m-60 {
+    margin: -15rem;
+  }
+
+  .xl\:-m-64 {
+    margin: -16rem;
+  }
+
+  .xl\:-m-72 {
+    margin: -18rem;
+  }
+
+  .xl\:-m-80 {
+    margin: -20rem;
+  }
+
+  .xl\:-m-96 {
+    margin: -24rem;
+  }
+
+  .xl\:-m-px {
+    margin: -1px;
+  }
+
+  .xl\:-m-0\.5 {
+    margin: -0.125rem;
+  }
+
+  .xl\:-m-1\.5 {
+    margin: -0.375rem;
+  }
+
+  .xl\:-m-2\.5 {
+    margin: -0.625rem;
+  }
+
+  .xl\:-m-3\.5 {
+    margin: -0.875rem;
+  }
+
+  .xl\:my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .xl\:mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .xl\:my-1 {
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
+  }
+
+  .xl\:mx-1 {
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
+  }
+
+  .xl\:my-2 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .xl\:mx-2 {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .xl\:my-3 {
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem;
+  }
+
+  .xl\:mx-3 {
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
+  }
+
+  .xl\:my-4 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
+  .xl\:mx-4 {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
+  .xl\:my-5 {
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+  }
+
+  .xl\:mx-5 {
+    margin-left: 1.25rem;
+    margin-right: 1.25rem;
+  }
+
+  .xl\:my-6 {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .xl\:mx-6 {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+  }
+
+  .xl\:my-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
+  .xl\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
+  .xl\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .xl\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .xl\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
+  }
+
+  .xl\:mx-9 {
+    margin-left: 2.25rem;
+    margin-right: 2.25rem;
+  }
+
+  .xl\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .xl\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .xl\:my-11 {
+    margin-top: 2.75rem;
+    margin-bottom: 2.75rem;
+  }
+
+  .xl\:mx-11 {
+    margin-left: 2.75rem;
+    margin-right: 2.75rem;
+  }
+
+  .xl\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .xl\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .xl\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .xl\:mx-14 {
+    margin-left: 3.5rem;
+    margin-right: 3.5rem;
+  }
+
+  .xl\:my-16 {
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+  }
+
+  .xl\:mx-16 {
+    margin-left: 4rem;
+    margin-right: 4rem;
+  }
+
+  .xl\:my-20 {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
+  }
+
+  .xl\:mx-20 {
+    margin-left: 5rem;
+    margin-right: 5rem;
+  }
+
+  .xl\:my-24 {
+    margin-top: 6rem;
+    margin-bottom: 6rem;
+  }
+
+  .xl\:mx-24 {
+    margin-left: 6rem;
+    margin-right: 6rem;
+  }
+
+  .xl\:my-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+
+  .xl\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+
+  .xl\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .xl\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .xl\:my-36 {
+    margin-top: 9rem;
+    margin-bottom: 9rem;
+  }
+
+  .xl\:mx-36 {
+    margin-left: 9rem;
+    margin-right: 9rem;
+  }
+
+  .xl\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .xl\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .xl\:my-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .xl\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
+  .xl\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .xl\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .xl\:my-52 {
+    margin-top: 13rem;
+    margin-bottom: 13rem;
+  }
+
+  .xl\:mx-52 {
+    margin-left: 13rem;
+    margin-right: 13rem;
+  }
+
+  .xl\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .xl\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .xl\:my-60 {
+    margin-top: 15rem;
+    margin-bottom: 15rem;
+  }
+
+  .xl\:mx-60 {
+    margin-left: 15rem;
+    margin-right: 15rem;
+  }
+
+  .xl\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .xl\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .xl\:my-72 {
+    margin-top: 18rem;
+    margin-bottom: 18rem;
+  }
+
+  .xl\:mx-72 {
+    margin-left: 18rem;
+    margin-right: 18rem;
+  }
+
+  .xl\:my-80 {
+    margin-top: 20rem;
+    margin-bottom: 20rem;
+  }
+
+  .xl\:mx-80 {
+    margin-left: 20rem;
+    margin-right: 20rem;
+  }
+
+  .xl\:my-96 {
+    margin-top: 24rem;
+    margin-bottom: 24rem;
+  }
+
+  .xl\:mx-96 {
+    margin-left: 24rem;
+    margin-right: 24rem;
+  }
+
+  .xl\:my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+
+  .xl\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .xl\:my-px {
+    margin-top: 1px;
+    margin-bottom: 1px;
+  }
+
+  .xl\:mx-px {
+    margin-left: 1px;
+    margin-right: 1px;
+  }
+
+  .xl\:my-0\.5 {
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+  }
+
+  .xl\:mx-0\.5 {
+    margin-left: 0.125rem;
+    margin-right: 0.125rem;
+  }
+
+  .xl\:my-1\.5 {
+    margin-top: 0.375rem;
+    margin-bottom: 0.375rem;
+  }
+
+  .xl\:mx-1\.5 {
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+
+  .xl\:my-2\.5 {
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
+
+  .xl\:mx-2\.5 {
+    margin-left: 0.625rem;
+    margin-right: 0.625rem;
+  }
+
+  .xl\:my-3\.5 {
+    margin-top: 0.875rem;
+    margin-bottom: 0.875rem;
+  }
+
+  .xl\:mx-3\.5 {
+    margin-left: 0.875rem;
+    margin-right: 0.875rem;
+  }
+
+  .xl\:-my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .xl\:-mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .xl\:-my-1 {
+    margin-top: -0.25rem;
+    margin-bottom: -0.25rem;
+  }
+
+  .xl\:-mx-1 {
+    margin-left: -0.25rem;
+    margin-right: -0.25rem;
+  }
+
+  .xl\:-my-2 {
+    margin-top: -0.5rem;
+    margin-bottom: -0.5rem;
+  }
+
+  .xl\:-mx-2 {
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+  }
+
+  .xl\:-my-3 {
+    margin-top: -0.75rem;
+    margin-bottom: -0.75rem;
+  }
+
+  .xl\:-mx-3 {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+  }
+
+  .xl\:-my-4 {
+    margin-top: -1rem;
+    margin-bottom: -1rem;
+  }
+
+  .xl\:-mx-4 {
+    margin-left: -1rem;
+    margin-right: -1rem;
+  }
+
+  .xl\:-my-5 {
+    margin-top: -1.25rem;
+    margin-bottom: -1.25rem;
+  }
+
+  .xl\:-mx-5 {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+  }
+
+  .xl\:-my-6 {
+    margin-top: -1.5rem;
+    margin-bottom: -1.5rem;
+  }
+
+  .xl\:-mx-6 {
+    margin-left: -1.5rem;
+    margin-right: -1.5rem;
+  }
+
+  .xl\:-my-7 {
+    margin-top: -1.75rem;
+    margin-bottom: -1.75rem;
+  }
+
+  .xl\:-mx-7 {
+    margin-left: -1.75rem;
+    margin-right: -1.75rem;
+  }
+
+  .xl\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .xl\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .xl\:-my-9 {
+    margin-top: -2.25rem;
+    margin-bottom: -2.25rem;
+  }
+
+  .xl\:-mx-9 {
+    margin-left: -2.25rem;
+    margin-right: -2.25rem;
+  }
+
+  .xl\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .xl\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .xl\:-my-11 {
+    margin-top: -2.75rem;
+    margin-bottom: -2.75rem;
+  }
+
+  .xl\:-mx-11 {
+    margin-left: -2.75rem;
+    margin-right: -2.75rem;
+  }
+
+  .xl\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .xl\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .xl\:-my-14 {
+    margin-top: -3.5rem;
+    margin-bottom: -3.5rem;
+  }
+
+  .xl\:-mx-14 {
+    margin-left: -3.5rem;
+    margin-right: -3.5rem;
+  }
+
+  .xl\:-my-16 {
+    margin-top: -4rem;
+    margin-bottom: -4rem;
+  }
+
+  .xl\:-mx-16 {
+    margin-left: -4rem;
+    margin-right: -4rem;
+  }
+
+  .xl\:-my-20 {
+    margin-top: -5rem;
+    margin-bottom: -5rem;
+  }
+
+  .xl\:-mx-20 {
+    margin-left: -5rem;
+    margin-right: -5rem;
+  }
+
+  .xl\:-my-24 {
+    margin-top: -6rem;
+    margin-bottom: -6rem;
+  }
+
+  .xl\:-mx-24 {
+    margin-left: -6rem;
+    margin-right: -6rem;
+  }
+
+  .xl\:-my-28 {
+    margin-top: -7rem;
+    margin-bottom: -7rem;
+  }
+
+  .xl\:-mx-28 {
+    margin-left: -7rem;
+    margin-right: -7rem;
+  }
+
+  .xl\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .xl\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .xl\:-my-36 {
+    margin-top: -9rem;
+    margin-bottom: -9rem;
+  }
+
+  .xl\:-mx-36 {
+    margin-left: -9rem;
+    margin-right: -9rem;
+  }
+
+  .xl\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .xl\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .xl\:-my-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .xl\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
+  .xl\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .xl\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .xl\:-my-52 {
+    margin-top: -13rem;
+    margin-bottom: -13rem;
+  }
+
+  .xl\:-mx-52 {
+    margin-left: -13rem;
+    margin-right: -13rem;
+  }
+
+  .xl\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .xl\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .xl\:-my-60 {
+    margin-top: -15rem;
+    margin-bottom: -15rem;
+  }
+
+  .xl\:-mx-60 {
+    margin-left: -15rem;
+    margin-right: -15rem;
+  }
+
+  .xl\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .xl\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .xl\:-my-72 {
+    margin-top: -18rem;
+    margin-bottom: -18rem;
+  }
+
+  .xl\:-mx-72 {
+    margin-left: -18rem;
+    margin-right: -18rem;
+  }
+
+  .xl\:-my-80 {
+    margin-top: -20rem;
+    margin-bottom: -20rem;
+  }
+
+  .xl\:-mx-80 {
+    margin-left: -20rem;
+    margin-right: -20rem;
+  }
+
+  .xl\:-my-96 {
+    margin-top: -24rem;
+    margin-bottom: -24rem;
+  }
+
+  .xl\:-mx-96 {
+    margin-left: -24rem;
+    margin-right: -24rem;
+  }
+
+  .xl\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .xl\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .xl\:-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }
+
+  .xl\:-mx-0\.5 {
+    margin-left: -0.125rem;
+    margin-right: -0.125rem;
+  }
+
+  .xl\:-my-1\.5 {
+    margin-top: -0.375rem;
+    margin-bottom: -0.375rem;
+  }
+
+  .xl\:-mx-1\.5 {
+    margin-left: -0.375rem;
+    margin-right: -0.375rem;
+  }
+
+  .xl\:-my-2\.5 {
+    margin-top: -0.625rem;
+    margin-bottom: -0.625rem;
+  }
+
+  .xl\:-mx-2\.5 {
+    margin-left: -0.625rem;
+    margin-right: -0.625rem;
+  }
+
+  .xl\:-my-3\.5 {
+    margin-top: -0.875rem;
+    margin-bottom: -0.875rem;
+  }
+
+  .xl\:-mx-3\.5 {
+    margin-left: -0.875rem;
+    margin-right: -0.875rem;
+  }
+
+  .xl\:mt-0 {
+    margin-top: 0px;
+  }
+
+  .xl\:mr-0 {
+    margin-right: 0px;
+  }
+
+  .xl\:mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .xl\:ml-0 {
+    margin-left: 0px;
+  }
+
+  .xl\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
+  .xl\:mr-1 {
+    margin-right: 0.25rem;
+  }
+
+  .xl\:mb-1 {
+    margin-bottom: 0.25rem;
+  }
+
+  .xl\:ml-1 {
+    margin-left: 0.25rem;
+  }
+
+  .xl\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
+  .xl\:mr-2 {
+    margin-right: 0.5rem;
+  }
+
+  .xl\:mb-2 {
+    margin-bottom: 0.5rem;
+  }
+
+  .xl\:ml-2 {
+    margin-left: 0.5rem;
+  }
+
+  .xl\:mt-3 {
+    margin-top: 0.75rem;
+  }
+
+  .xl\:mr-3 {
+    margin-right: 0.75rem;
+  }
+
+  .xl\:mb-3 {
+    margin-bottom: 0.75rem;
+  }
+
+  .xl\:ml-3 {
+    margin-left: 0.75rem;
+  }
+
+  .xl\:mt-4 {
+    margin-top: 1rem;
+  }
+
+  .xl\:mr-4 {
+    margin-right: 1rem;
+  }
+
+  .xl\:mb-4 {
+    margin-bottom: 1rem;
+  }
+
+  .xl\:ml-4 {
+    margin-left: 1rem;
+  }
+
+  .xl\:mt-5 {
+    margin-top: 1.25rem;
+  }
+
+  .xl\:mr-5 {
+    margin-right: 1.25rem;
+  }
+
+  .xl\:mb-5 {
+    margin-bottom: 1.25rem;
+  }
+
+  .xl\:ml-5 {
+    margin-left: 1.25rem;
+  }
+
+  .xl\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .xl\:mr-6 {
+    margin-right: 1.5rem;
+  }
+
+  .xl\:mb-6 {
+    margin-bottom: 1.5rem;
+  }
+
+  .xl\:ml-6 {
+    margin-left: 1.5rem;
+  }
+
+  .xl\:mt-7 {
+    margin-top: 1.75rem;
+  }
+
+  .xl\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .xl\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
+  .xl\:ml-7 {
+    margin-left: 1.75rem;
+  }
+
+  .xl\:mt-8 {
+    margin-top: 2rem;
+  }
+
+  .xl\:mr-8 {
+    margin-right: 2rem;
+  }
+
+  .xl\:mb-8 {
+    margin-bottom: 2rem;
+  }
+
+  .xl\:ml-8 {
+    margin-left: 2rem;
+  }
+
+  .xl\:mt-9 {
+    margin-top: 2.25rem;
+  }
+
+  .xl\:mr-9 {
+    margin-right: 2.25rem;
+  }
+
+  .xl\:mb-9 {
+    margin-bottom: 2.25rem;
+  }
+
+  .xl\:ml-9 {
+    margin-left: 2.25rem;
+  }
+
+  .xl\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
+  .xl\:mr-10 {
+    margin-right: 2.5rem;
+  }
+
+  .xl\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
+  .xl\:ml-10 {
+    margin-left: 2.5rem;
+  }
+
+  .xl\:mt-11 {
+    margin-top: 2.75rem;
+  }
+
+  .xl\:mr-11 {
+    margin-right: 2.75rem;
+  }
+
+  .xl\:mb-11 {
+    margin-bottom: 2.75rem;
+  }
+
+  .xl\:ml-11 {
+    margin-left: 2.75rem;
+  }
+
+  .xl\:mt-12 {
+    margin-top: 3rem;
+  }
+
+  .xl\:mr-12 {
+    margin-right: 3rem;
+  }
+
+  .xl\:mb-12 {
+    margin-bottom: 3rem;
+  }
+
+  .xl\:ml-12 {
+    margin-left: 3rem;
+  }
+
+  .xl\:mt-14 {
+    margin-top: 3.5rem;
+  }
+
+  .xl\:mr-14 {
+    margin-right: 3.5rem;
+  }
+
+  .xl\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .xl\:ml-14 {
+    margin-left: 3.5rem;
+  }
+
+  .xl\:mt-16 {
+    margin-top: 4rem;
+  }
+
+  .xl\:mr-16 {
+    margin-right: 4rem;
+  }
+
+  .xl\:mb-16 {
+    margin-bottom: 4rem;
+  }
+
+  .xl\:ml-16 {
+    margin-left: 4rem;
+  }
+
+  .xl\:mt-20 {
+    margin-top: 5rem;
+  }
+
+  .xl\:mr-20 {
+    margin-right: 5rem;
+  }
+
+  .xl\:mb-20 {
+    margin-bottom: 5rem;
+  }
+
+  .xl\:ml-20 {
+    margin-left: 5rem;
+  }
+
+  .xl\:mt-24 {
+    margin-top: 6rem;
+  }
+
+  .xl\:mr-24 {
+    margin-right: 6rem;
+  }
+
+  .xl\:mb-24 {
+    margin-bottom: 6rem;
+  }
+
+  .xl\:ml-24 {
+    margin-left: 6rem;
+  }
+
+  .xl\:mt-28 {
+    margin-top: 7rem;
+  }
+
+  .xl\:mr-28 {
+    margin-right: 7rem;
+  }
+
+  .xl\:mb-28 {
+    margin-bottom: 7rem;
+  }
+
+  .xl\:ml-28 {
+    margin-left: 7rem;
+  }
+
+  .xl\:mt-32 {
+    margin-top: 8rem;
+  }
+
+  .xl\:mr-32 {
+    margin-right: 8rem;
+  }
+
+  .xl\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
+  .xl\:ml-32 {
+    margin-left: 8rem;
+  }
+
+  .xl\:mt-36 {
+    margin-top: 9rem;
+  }
+
+  .xl\:mr-36 {
+    margin-right: 9rem;
+  }
+
+  .xl\:mb-36 {
+    margin-bottom: 9rem;
+  }
+
+  .xl\:ml-36 {
+    margin-left: 9rem;
+  }
+
+  .xl\:mt-40 {
+    margin-top: 10rem;
+  }
+
+  .xl\:mr-40 {
+    margin-right: 10rem;
+  }
+
+  .xl\:mb-40 {
+    margin-bottom: 10rem;
+  }
+
+  .xl\:ml-40 {
+    margin-left: 10rem;
+  }
+
+  .xl\:mt-44 {
+    margin-top: 11rem;
+  }
+
+  .xl\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .xl\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .xl\:ml-44 {
+    margin-left: 11rem;
+  }
+
+  .xl\:mt-48 {
+    margin-top: 12rem;
+  }
+
+  .xl\:mr-48 {
+    margin-right: 12rem;
+  }
+
+  .xl\:mb-48 {
+    margin-bottom: 12rem;
+  }
+
+  .xl\:ml-48 {
+    margin-left: 12rem;
+  }
+
+  .xl\:mt-52 {
+    margin-top: 13rem;
+  }
+
+  .xl\:mr-52 {
+    margin-right: 13rem;
+  }
+
+  .xl\:mb-52 {
+    margin-bottom: 13rem;
+  }
+
+  .xl\:ml-52 {
+    margin-left: 13rem;
+  }
+
+  .xl\:mt-56 {
+    margin-top: 14rem;
+  }
+
+  .xl\:mr-56 {
+    margin-right: 14rem;
+  }
+
+  .xl\:mb-56 {
+    margin-bottom: 14rem;
+  }
+
+  .xl\:ml-56 {
+    margin-left: 14rem;
+  }
+
+  .xl\:mt-60 {
+    margin-top: 15rem;
+  }
+
+  .xl\:mr-60 {
+    margin-right: 15rem;
+  }
+
+  .xl\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .xl\:ml-60 {
+    margin-left: 15rem;
+  }
+
+  .xl\:mt-64 {
+    margin-top: 16rem;
+  }
+
+  .xl\:mr-64 {
+    margin-right: 16rem;
+  }
+
+  .xl\:mb-64 {
+    margin-bottom: 16rem;
+  }
+
+  .xl\:ml-64 {
+    margin-left: 16rem;
+  }
+
+  .xl\:mt-72 {
+    margin-top: 18rem;
+  }
+
+  .xl\:mr-72 {
+    margin-right: 18rem;
+  }
+
+  .xl\:mb-72 {
+    margin-bottom: 18rem;
+  }
+
+  .xl\:ml-72 {
+    margin-left: 18rem;
+  }
+
+  .xl\:mt-80 {
+    margin-top: 20rem;
+  }
+
+  .xl\:mr-80 {
+    margin-right: 20rem;
+  }
+
+  .xl\:mb-80 {
+    margin-bottom: 20rem;
+  }
+
+  .xl\:ml-80 {
+    margin-left: 20rem;
+  }
+
+  .xl\:mt-96 {
+    margin-top: 24rem;
+  }
+
+  .xl\:mr-96 {
+    margin-right: 24rem;
+  }
+
+  .xl\:mb-96 {
+    margin-bottom: 24rem;
+  }
+
+  .xl\:ml-96 {
+    margin-left: 24rem;
+  }
+
+  .xl\:mt-auto {
+    margin-top: auto;
+  }
+
+  .xl\:mr-auto {
+    margin-right: auto;
+  }
+
+  .xl\:mb-auto {
+    margin-bottom: auto;
+  }
+
+  .xl\:ml-auto {
+    margin-left: auto;
+  }
+
+  .xl\:mt-px {
+    margin-top: 1px;
+  }
+
+  .xl\:mr-px {
+    margin-right: 1px;
+  }
+
+  .xl\:mb-px {
+    margin-bottom: 1px;
+  }
+
+  .xl\:ml-px {
+    margin-left: 1px;
+  }
+
+  .xl\:mt-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .xl\:mr-0\.5 {
+    margin-right: 0.125rem;
+  }
+
+  .xl\:mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }
+
+  .xl\:ml-0\.5 {
+    margin-left: 0.125rem;
+  }
+
+  .xl\:mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .xl\:mr-1\.5 {
+    margin-right: 0.375rem;
+  }
+
+  .xl\:mb-1\.5 {
+    margin-bottom: 0.375rem;
+  }
+
+  .xl\:ml-1\.5 {
+    margin-left: 0.375rem;
+  }
+
+  .xl\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
+  .xl\:mr-2\.5 {
+    margin-right: 0.625rem;
+  }
+
+  .xl\:mb-2\.5 {
+    margin-bottom: 0.625rem;
+  }
+
+  .xl\:ml-2\.5 {
+    margin-left: 0.625rem;
+  }
+
+  .xl\:mt-3\.5 {
+    margin-top: 0.875rem;
+  }
+
+  .xl\:mr-3\.5 {
+    margin-right: 0.875rem;
+  }
+
+  .xl\:mb-3\.5 {
+    margin-bottom: 0.875rem;
+  }
+
+  .xl\:ml-3\.5 {
+    margin-left: 0.875rem;
+  }
+
+  .xl\:-mt-0 {
+    margin-top: 0px;
+  }
+
+  .xl\:-mr-0 {
+    margin-right: 0px;
+  }
+
+  .xl\:-mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .xl\:-ml-0 {
+    margin-left: 0px;
+  }
+
+  .xl\:-mt-1 {
+    margin-top: -0.25rem;
+  }
+
+  .xl\:-mr-1 {
+    margin-right: -0.25rem;
+  }
+
+  .xl\:-mb-1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .xl\:-ml-1 {
+    margin-left: -0.25rem;
+  }
+
+  .xl\:-mt-2 {
+    margin-top: -0.5rem;
+  }
+
+  .xl\:-mr-2 {
+    margin-right: -0.5rem;
+  }
+
+  .xl\:-mb-2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .xl\:-ml-2 {
+    margin-left: -0.5rem;
+  }
+
+  .xl\:-mt-3 {
+    margin-top: -0.75rem;
+  }
+
+  .xl\:-mr-3 {
+    margin-right: -0.75rem;
+  }
+
+  .xl\:-mb-3 {
+    margin-bottom: -0.75rem;
+  }
+
+  .xl\:-ml-3 {
+    margin-left: -0.75rem;
+  }
+
+  .xl\:-mt-4 {
+    margin-top: -1rem;
+  }
+
+  .xl\:-mr-4 {
+    margin-right: -1rem;
+  }
+
+  .xl\:-mb-4 {
+    margin-bottom: -1rem;
+  }
+
+  .xl\:-ml-4 {
+    margin-left: -1rem;
+  }
+
+  .xl\:-mt-5 {
+    margin-top: -1.25rem;
+  }
+
+  .xl\:-mr-5 {
+    margin-right: -1.25rem;
+  }
+
+  .xl\:-mb-5 {
+    margin-bottom: -1.25rem;
+  }
+
+  .xl\:-ml-5 {
+    margin-left: -1.25rem;
+  }
+
+  .xl\:-mt-6 {
+    margin-top: -1.5rem;
+  }
+
+  .xl\:-mr-6 {
+    margin-right: -1.5rem;
+  }
+
+  .xl\:-mb-6 {
+    margin-bottom: -1.5rem;
+  }
+
+  .xl\:-ml-6 {
+    margin-left: -1.5rem;
+  }
+
+  .xl\:-mt-7 {
+    margin-top: -1.75rem;
+  }
+
+  .xl\:-mr-7 {
+    margin-right: -1.75rem;
+  }
+
+  .xl\:-mb-7 {
+    margin-bottom: -1.75rem;
+  }
+
+  .xl\:-ml-7 {
+    margin-left: -1.75rem;
+  }
+
+  .xl\:-mt-8 {
+    margin-top: -2rem;
+  }
+
+  .xl\:-mr-8 {
+    margin-right: -2rem;
+  }
+
+  .xl\:-mb-8 {
+    margin-bottom: -2rem;
+  }
+
+  .xl\:-ml-8 {
+    margin-left: -2rem;
+  }
+
+  .xl\:-mt-9 {
+    margin-top: -2.25rem;
+  }
+
+  .xl\:-mr-9 {
+    margin-right: -2.25rem;
+  }
+
+  .xl\:-mb-9 {
+    margin-bottom: -2.25rem;
+  }
+
+  .xl\:-ml-9 {
+    margin-left: -2.25rem;
+  }
+
+  .xl\:-mt-10 {
+    margin-top: -2.5rem;
+  }
+
+  .xl\:-mr-10 {
+    margin-right: -2.5rem;
+  }
+
+  .xl\:-mb-10 {
+    margin-bottom: -2.5rem;
+  }
+
+  .xl\:-ml-10 {
+    margin-left: -2.5rem;
+  }
+
+  .xl\:-mt-11 {
+    margin-top: -2.75rem;
+  }
+
+  .xl\:-mr-11 {
+    margin-right: -2.75rem;
+  }
+
+  .xl\:-mb-11 {
+    margin-bottom: -2.75rem;
+  }
+
+  .xl\:-ml-11 {
+    margin-left: -2.75rem;
+  }
+
+  .xl\:-mt-12 {
+    margin-top: -3rem;
+  }
+
+  .xl\:-mr-12 {
+    margin-right: -3rem;
+  }
+
+  .xl\:-mb-12 {
+    margin-bottom: -3rem;
+  }
+
+  .xl\:-ml-12 {
+    margin-left: -3rem;
+  }
+
+  .xl\:-mt-14 {
+    margin-top: -3.5rem;
+  }
+
+  .xl\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+
+  .xl\:-mb-14 {
+    margin-bottom: -3.5rem;
+  }
+
+  .xl\:-ml-14 {
+    margin-left: -3.5rem;
+  }
+
+  .xl\:-mt-16 {
+    margin-top: -4rem;
+  }
+
+  .xl\:-mr-16 {
+    margin-right: -4rem;
+  }
+
+  .xl\:-mb-16 {
+    margin-bottom: -4rem;
+  }
+
+  .xl\:-ml-16 {
+    margin-left: -4rem;
+  }
+
+  .xl\:-mt-20 {
+    margin-top: -5rem;
+  }
+
+  .xl\:-mr-20 {
+    margin-right: -5rem;
+  }
+
+  .xl\:-mb-20 {
+    margin-bottom: -5rem;
+  }
+
+  .xl\:-ml-20 {
+    margin-left: -5rem;
+  }
+
+  .xl\:-mt-24 {
+    margin-top: -6rem;
+  }
+
+  .xl\:-mr-24 {
+    margin-right: -6rem;
+  }
+
+  .xl\:-mb-24 {
+    margin-bottom: -6rem;
+  }
+
+  .xl\:-ml-24 {
+    margin-left: -6rem;
+  }
+
+  .xl\:-mt-28 {
+    margin-top: -7rem;
+  }
+
+  .xl\:-mr-28 {
+    margin-right: -7rem;
+  }
+
+  .xl\:-mb-28 {
+    margin-bottom: -7rem;
+  }
+
+  .xl\:-ml-28 {
+    margin-left: -7rem;
+  }
+
+  .xl\:-mt-32 {
+    margin-top: -8rem;
+  }
+
+  .xl\:-mr-32 {
+    margin-right: -8rem;
+  }
+
+  .xl\:-mb-32 {
+    margin-bottom: -8rem;
+  }
+
+  .xl\:-ml-32 {
+    margin-left: -8rem;
+  }
+
+  .xl\:-mt-36 {
+    margin-top: -9rem;
+  }
+
+  .xl\:-mr-36 {
+    margin-right: -9rem;
+  }
+
+  .xl\:-mb-36 {
+    margin-bottom: -9rem;
+  }
+
+  .xl\:-ml-36 {
+    margin-left: -9rem;
+  }
+
+  .xl\:-mt-40 {
+    margin-top: -10rem;
+  }
+
+  .xl\:-mr-40 {
+    margin-right: -10rem;
+  }
+
+  .xl\:-mb-40 {
+    margin-bottom: -10rem;
+  }
+
+  .xl\:-ml-40 {
+    margin-left: -10rem;
+  }
+
+  .xl\:-mt-44 {
+    margin-top: -11rem;
+  }
+
+  .xl\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .xl\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .xl\:-ml-44 {
+    margin-left: -11rem;
+  }
+
+  .xl\:-mt-48 {
+    margin-top: -12rem;
+  }
+
+  .xl\:-mr-48 {
+    margin-right: -12rem;
+  }
+
+  .xl\:-mb-48 {
+    margin-bottom: -12rem;
+  }
+
+  .xl\:-ml-48 {
+    margin-left: -12rem;
+  }
+
+  .xl\:-mt-52 {
+    margin-top: -13rem;
+  }
+
+  .xl\:-mr-52 {
+    margin-right: -13rem;
+  }
+
+  .xl\:-mb-52 {
+    margin-bottom: -13rem;
+  }
+
+  .xl\:-ml-52 {
+    margin-left: -13rem;
+  }
+
+  .xl\:-mt-56 {
+    margin-top: -14rem;
+  }
+
+  .xl\:-mr-56 {
+    margin-right: -14rem;
+  }
+
+  .xl\:-mb-56 {
+    margin-bottom: -14rem;
+  }
+
+  .xl\:-ml-56 {
+    margin-left: -14rem;
+  }
+
+  .xl\:-mt-60 {
+    margin-top: -15rem;
+  }
+
+  .xl\:-mr-60 {
+    margin-right: -15rem;
+  }
+
+  .xl\:-mb-60 {
+    margin-bottom: -15rem;
+  }
+
+  .xl\:-ml-60 {
+    margin-left: -15rem;
+  }
+
+  .xl\:-mt-64 {
+    margin-top: -16rem;
+  }
+
+  .xl\:-mr-64 {
+    margin-right: -16rem;
+  }
+
+  .xl\:-mb-64 {
+    margin-bottom: -16rem;
+  }
+
+  .xl\:-ml-64 {
+    margin-left: -16rem;
+  }
+
+  .xl\:-mt-72 {
+    margin-top: -18rem;
+  }
+
+  .xl\:-mr-72 {
+    margin-right: -18rem;
+  }
+
+  .xl\:-mb-72 {
+    margin-bottom: -18rem;
+  }
+
+  .xl\:-ml-72 {
+    margin-left: -18rem;
+  }
+
+  .xl\:-mt-80 {
+    margin-top: -20rem;
+  }
+
+  .xl\:-mr-80 {
+    margin-right: -20rem;
+  }
+
+  .xl\:-mb-80 {
+    margin-bottom: -20rem;
+  }
+
+  .xl\:-ml-80 {
+    margin-left: -20rem;
+  }
+
+  .xl\:-mt-96 {
+    margin-top: -24rem;
+  }
+
+  .xl\:-mr-96 {
+    margin-right: -24rem;
+  }
+
+  .xl\:-mb-96 {
+    margin-bottom: -24rem;
+  }
+
+  .xl\:-ml-96 {
+    margin-left: -24rem;
+  }
+
+  .xl\:-mt-px {
+    margin-top: -1px;
+  }
+
+  .xl\:-mr-px {
+    margin-right: -1px;
+  }
+
+  .xl\:-mb-px {
+    margin-bottom: -1px;
+  }
+
+  .xl\:-ml-px {
+    margin-left: -1px;
+  }
+
+  .xl\:-mt-0\.5 {
+    margin-top: -0.125rem;
+  }
+
+  .xl\:-mr-0\.5 {
+    margin-right: -0.125rem;
+  }
+
+  .xl\:-mb-0\.5 {
+    margin-bottom: -0.125rem;
+  }
+
+  .xl\:-ml-0\.5 {
+    margin-left: -0.125rem;
+  }
+
+  .xl\:-mt-1\.5 {
+    margin-top: -0.375rem;
+  }
+
+  .xl\:-mr-1\.5 {
+    margin-right: -0.375rem;
+  }
+
+  .xl\:-mb-1\.5 {
+    margin-bottom: -0.375rem;
+  }
+
+  .xl\:-ml-1\.5 {
+    margin-left: -0.375rem;
+  }
+
+  .xl\:-mt-2\.5 {
+    margin-top: -0.625rem;
+  }
+
+  .xl\:-mr-2\.5 {
+    margin-right: -0.625rem;
+  }
+
+  .xl\:-mb-2\.5 {
+    margin-bottom: -0.625rem;
+  }
+
+  .xl\:-ml-2\.5 {
+    margin-left: -0.625rem;
+  }
+
+  .xl\:-mt-3\.5 {
+    margin-top: -0.875rem;
+  }
+
+  .xl\:-mr-3\.5 {
+    margin-right: -0.875rem;
+  }
+
+  .xl\:-mb-3\.5 {
+    margin-bottom: -0.875rem;
+  }
+
+  .xl\:-ml-3\.5 {
+    margin-left: -0.875rem;
+  }
+
+  .xl\:max-h-0 {
+    max-height: 0px;
+  }
+
+  .xl\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .xl\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .xl\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .xl\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .xl\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .xl\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .xl\:max-h-7 {
+    max-height: 1.75rem;
+  }
+
+  .xl\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .xl\:max-h-9 {
+    max-height: 2.25rem;
+  }
+
+  .xl\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .xl\:max-h-11 {
+    max-height: 2.75rem;
+  }
+
+  .xl\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .xl\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .xl\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .xl\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .xl\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .xl\:max-h-28 {
+    max-height: 7rem;
+  }
+
+  .xl\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .xl\:max-h-36 {
+    max-height: 9rem;
+  }
+
+  .xl\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .xl\:max-h-44 {
+    max-height: 11rem;
+  }
+
+  .xl\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .xl\:max-h-52 {
+    max-height: 13rem;
+  }
+
+  .xl\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .xl\:max-h-60 {
+    max-height: 15rem;
+  }
+
+  .xl\:max-h-64 {
+    max-height: 16rem;
+  }
+
+  .xl\:max-h-72 {
+    max-height: 18rem;
+  }
+
+  .xl\:max-h-80 {
+    max-height: 20rem;
+  }
+
+  .xl\:max-h-96 {
+    max-height: 24rem;
+  }
+
+  .xl\:max-h-px {
+    max-height: 1px;
+  }
+
+  .xl\:max-h-0\.5 {
+    max-height: 0.125rem;
+  }
+
+  .xl\:max-h-1\.5 {
+    max-height: 0.375rem;
+  }
+
+  .xl\:max-h-2\.5 {
+    max-height: 0.625rem;
+  }
+
+  .xl\:max-h-3\.5 {
+    max-height: 0.875rem;
+  }
+
+  .xl\:max-h-full {
+    max-height: 100%;
+  }
+
+  .xl\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .xl\:max-w-0 {
+    max-width: 0rem;
+  }
+
+  .xl\:max-w-none {
+    max-width: none;
+  }
+
+  .xl\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .xl\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .xl\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .xl\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .xl\:max-w-xl {
+    max-width: 36rem;
+  }
+
+  .xl\:max-w-2xl {
+    max-width: 42rem;
+  }
+
+  .xl\:max-w-3xl {
+    max-width: 48rem;
+  }
+
+  .xl\:max-w-4xl {
+    max-width: 56rem;
+  }
+
+  .xl\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .xl\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .xl\:max-w-7xl {
+    max-width: 80rem;
+  }
+
+  .xl\:max-w-full {
+    max-width: 100%;
+  }
+
+  .xl\:max-w-min {
+    max-width: -webkit-min-content;
+    max-width: min-content;
+  }
+
+  .xl\:max-w-max {
+    max-width: -webkit-max-content;
+    max-width: max-content;
+  }
+
+  .xl\:max-w-prose {
+    max-width: 65ch;
+  }
+
+  .xl\:max-w-screen-sm {
+    max-width: 640px;
+  }
+
+  .xl\:max-w-screen-md {
+    max-width: 768px;
+  }
+
+  .xl\:max-w-screen-lg {
+    max-width: 1024px;
+  }
+
+  .xl\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+
+  .xl\:max-w-screen-2xl {
+    max-width: 1536px;
+  }
+
+  .xl\:min-h-0 {
+    min-height: 0px;
+  }
+
+  .xl\:min-h-full {
+    min-height: 100%;
+  }
+
+  .xl\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .xl\:min-w-0 {
+    min-width: 0px;
+  }
+
+  .xl\:min-w-full {
+    min-width: 100%;
+  }
+
+  .xl\:min-w-min {
+    min-width: -webkit-min-content;
+    min-width: min-content;
+  }
+
+  .xl\:min-w-max {
+    min-width: -webkit-max-content;
+    min-width: max-content;
+  }
+
+  .xl\:object-contain {
+    object-fit: contain;
+  }
+
+  .xl\:object-cover {
+    object-fit: cover;
+  }
+
+  .xl\:object-fill {
+    object-fit: fill;
+  }
+
+  .xl\:object-none {
+    object-fit: none;
+  }
+
+  .xl\:object-scale-down {
+    object-fit: scale-down;
+  }
+
+  .xl\:object-bottom {
+    object-position: bottom;
+  }
+
+  .xl\:object-center {
+    object-position: center;
+  }
+
+  .xl\:object-left {
+    object-position: left;
+  }
+
+  .xl\:object-left-bottom {
+    object-position: left bottom;
+  }
+
+  .xl\:object-left-top {
+    object-position: left top;
+  }
+
+  .xl\:object-right {
+    object-position: right;
+  }
+
+  .xl\:object-right-bottom {
+    object-position: right bottom;
+  }
+
+  .xl\:object-right-top {
+    object-position: right top;
+  }
+
+  .xl\:object-top {
+    object-position: top;
+  }
+
+  .xl\:opacity-0 {
+    opacity: 0;
+  }
+
+  .xl\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .xl\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .xl\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .xl\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .xl\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .xl\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .xl\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .xl\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .xl\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .xl\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .xl\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .xl\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .xl\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .xl\:opacity-100 {
+    opacity: 1;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-100 {
+    opacity: 1;
+  }
+
+  .xl\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .xl\:focus-within\:opacity-5:focus-within {
+    opacity: 0.05;
+  }
+
+  .xl\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .xl\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .xl\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .xl\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .xl\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .xl\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .xl\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .xl\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .xl\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .xl\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .xl\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .xl\:focus-within\:opacity-95:focus-within {
+    opacity: 0.95;
+  }
+
+  .xl\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
+  .xl\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .xl\:hover\:opacity-5:hover {
+    opacity: 0.05;
+  }
+
+  .xl\:hover\:opacity-10:hover {
+    opacity: 0.1;
+  }
+
+  .xl\:hover\:opacity-20:hover {
+    opacity: 0.2;
+  }
+
+  .xl\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .xl\:hover\:opacity-30:hover {
+    opacity: 0.3;
+  }
+
+  .xl\:hover\:opacity-40:hover {
+    opacity: 0.4;
+  }
+
+  .xl\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .xl\:hover\:opacity-60:hover {
+    opacity: 0.6;
+  }
+
+  .xl\:hover\:opacity-70:hover {
+    opacity: 0.7;
+  }
+
+  .xl\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .xl\:hover\:opacity-80:hover {
+    opacity: 0.8;
+  }
+
+  .xl\:hover\:opacity-90:hover {
+    opacity: 0.9;
+  }
+
+  .xl\:hover\:opacity-95:hover {
+    opacity: 0.95;
+  }
+
+  .xl\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .xl\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .xl\:focus\:opacity-5:focus {
+    opacity: 0.05;
+  }
+
+  .xl\:focus\:opacity-10:focus {
+    opacity: 0.1;
+  }
+
+  .xl\:focus\:opacity-20:focus {
+    opacity: 0.2;
+  }
+
+  .xl\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .xl\:focus\:opacity-30:focus {
+    opacity: 0.3;
+  }
+
+  .xl\:focus\:opacity-40:focus {
+    opacity: 0.4;
+  }
+
+  .xl\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .xl\:focus\:opacity-60:focus {
+    opacity: 0.6;
+  }
+
+  .xl\:focus\:opacity-70:focus {
+    opacity: 0.7;
+  }
+
+  .xl\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .xl\:focus\:opacity-80:focus {
+    opacity: 0.8;
+  }
+
+  .xl\:focus\:opacity-90:focus {
+    opacity: 0.9;
+  }
+
+  .xl\:focus\:opacity-95:focus {
+    opacity: 0.95;
+  }
+
+  .xl\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .xl\:outline-none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .xl\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .xl\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus-within\:outline-none:focus-within {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus-within\:outline-white:focus-within {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus-within\:outline-black:focus-within {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .xl\:overflow-auto {
+    overflow: auto;
+  }
+
+  .xl\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .xl\:overflow-visible {
+    overflow: visible;
+  }
+
+  .xl\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .xl\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .xl\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .xl\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .xl\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .xl\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .xl\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .xl\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .xl\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .xl\:overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .xl\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .xl\:overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .xl\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .xl\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .xl\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .xl\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .xl\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .xl\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .xl\:p-0 {
+    padding: 0px;
+  }
+
+  .xl\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .xl\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .xl\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .xl\:p-4 {
+    padding: 1rem;
+  }
+
+  .xl\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .xl\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .xl\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .xl\:p-8 {
+    padding: 2rem;
+  }
+
+  .xl\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .xl\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .xl\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .xl\:p-12 {
+    padding: 3rem;
+  }
+
+  .xl\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .xl\:p-16 {
+    padding: 4rem;
+  }
+
+  .xl\:p-20 {
+    padding: 5rem;
+  }
+
+  .xl\:p-24 {
+    padding: 6rem;
+  }
+
+  .xl\:p-28 {
+    padding: 7rem;
+  }
+
+  .xl\:p-32 {
+    padding: 8rem;
+  }
+
+  .xl\:p-36 {
+    padding: 9rem;
+  }
+
+  .xl\:p-40 {
+    padding: 10rem;
+  }
+
+  .xl\:p-44 {
+    padding: 11rem;
+  }
+
+  .xl\:p-48 {
+    padding: 12rem;
+  }
+
+  .xl\:p-52 {
+    padding: 13rem;
+  }
+
+  .xl\:p-56 {
+    padding: 14rem;
+  }
+
+  .xl\:p-60 {
+    padding: 15rem;
+  }
+
+  .xl\:p-64 {
+    padding: 16rem;
+  }
+
+  .xl\:p-72 {
+    padding: 18rem;
+  }
+
+  .xl\:p-80 {
+    padding: 20rem;
+  }
+
+  .xl\:p-96 {
+    padding: 24rem;
+  }
+
+  .xl\:p-px {
+    padding: 1px;
+  }
+
+  .xl\:p-0\.5 {
+    padding: 0.125rem;
+  }
+
+  .xl\:p-1\.5 {
+    padding: 0.375rem;
+  }
+
+  .xl\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
+  .xl\:p-3\.5 {
+    padding: 0.875rem;
+  }
+
+  .xl\:py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .xl\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .xl\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .xl\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .xl\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .xl\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .xl\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .xl\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .xl\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .xl\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .xl\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .xl\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .xl\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .xl\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .xl\:py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
+  .xl\:px-7 {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+
+  .xl\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .xl\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .xl\:py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .xl\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .xl\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .xl\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .xl\:py-11 {
+    padding-top: 2.75rem;
+    padding-bottom: 2.75rem;
+  }
+
+  .xl\:px-11 {
+    padding-left: 2.75rem;
+    padding-right: 2.75rem;
+  }
+
+  .xl\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .xl\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .xl\:py-14 {
+    padding-top: 3.5rem;
+    padding-bottom: 3.5rem;
+  }
+
+  .xl\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+
+  .xl\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .xl\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
+  .xl\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+
+  .xl\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
+  .xl\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
+
+  .xl\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
+
+  .xl\:py-28 {
+    padding-top: 7rem;
+    padding-bottom: 7rem;
+  }
+
+  .xl\:px-28 {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .xl\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .xl\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .xl\:py-36 {
+    padding-top: 9rem;
+    padding-bottom: 9rem;
+  }
+
+  .xl\:px-36 {
+    padding-left: 9rem;
+    padding-right: 9rem;
+  }
+
+  .xl\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .xl\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .xl\:py-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .xl\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
+  .xl\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .xl\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .xl\:py-52 {
+    padding-top: 13rem;
+    padding-bottom: 13rem;
+  }
+
+  .xl\:px-52 {
+    padding-left: 13rem;
+    padding-right: 13rem;
+  }
+
+  .xl\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .xl\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .xl\:py-60 {
+    padding-top: 15rem;
+    padding-bottom: 15rem;
+  }
+
+  .xl\:px-60 {
+    padding-left: 15rem;
+    padding-right: 15rem;
+  }
+
+  .xl\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .xl\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .xl\:py-72 {
+    padding-top: 18rem;
+    padding-bottom: 18rem;
+  }
+
+  .xl\:px-72 {
+    padding-left: 18rem;
+    padding-right: 18rem;
+  }
+
+  .xl\:py-80 {
+    padding-top: 20rem;
+    padding-bottom: 20rem;
+  }
+
+  .xl\:px-80 {
+    padding-left: 20rem;
+    padding-right: 20rem;
+  }
+
+  .xl\:py-96 {
+    padding-top: 24rem;
+    padding-bottom: 24rem;
+  }
+
+  .xl\:px-96 {
+    padding-left: 24rem;
+    padding-right: 24rem;
+  }
+
+  .xl\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .xl\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .xl\:py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+
+  .xl\:px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }
+
+  .xl\:py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }
+
+  .xl\:px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
+  .xl\:py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .xl\:px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }
+
+  .xl\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .xl\:px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }
+
+  .xl\:pt-0 {
+    padding-top: 0px;
+  }
+
+  .xl\:pr-0 {
+    padding-right: 0px;
+  }
+
+  .xl\:pb-0 {
+    padding-bottom: 0px;
+  }
+
+  .xl\:pl-0 {
+    padding-left: 0px;
+  }
+
+  .xl\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .xl\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .xl\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .xl\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .xl\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .xl\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .xl\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .xl\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .xl\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .xl\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .xl\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .xl\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .xl\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .xl\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .xl\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .xl\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .xl\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .xl\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .xl\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .xl\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .xl\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .xl\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .xl\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .xl\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .xl\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
+  .xl\:pr-7 {
+    padding-right: 1.75rem;
+  }
+
+  .xl\:pb-7 {
+    padding-bottom: 1.75rem;
+  }
+
+  .xl\:pl-7 {
+    padding-left: 1.75rem;
+  }
+
+  .xl\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .xl\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .xl\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .xl\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .xl\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
+  .xl\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .xl\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .xl\:pl-9 {
+    padding-left: 2.25rem;
+  }
+
+  .xl\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .xl\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .xl\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .xl\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .xl\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
+  .xl\:pr-11 {
+    padding-right: 2.75rem;
+  }
+
+  .xl\:pb-11 {
+    padding-bottom: 2.75rem;
+  }
+
+  .xl\:pl-11 {
+    padding-left: 2.75rem;
+  }
+
+  .xl\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .xl\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .xl\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .xl\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .xl\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .xl\:pr-14 {
+    padding-right: 3.5rem;
+  }
+
+  .xl\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
+  .xl\:pl-14 {
+    padding-left: 3.5rem;
+  }
+
+  .xl\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .xl\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .xl\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .xl\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .xl\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .xl\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .xl\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .xl\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .xl\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .xl\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .xl\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .xl\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .xl\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .xl\:pr-28 {
+    padding-right: 7rem;
+  }
+
+  .xl\:pb-28 {
+    padding-bottom: 7rem;
+  }
+
+  .xl\:pl-28 {
+    padding-left: 7rem;
+  }
+
+  .xl\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .xl\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .xl\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .xl\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .xl\:pt-36 {
+    padding-top: 9rem;
+  }
+
+  .xl\:pr-36 {
+    padding-right: 9rem;
+  }
+
+  .xl\:pb-36 {
+    padding-bottom: 9rem;
+  }
+
+  .xl\:pl-36 {
+    padding-left: 9rem;
+  }
+
+  .xl\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .xl\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .xl\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .xl\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .xl\:pt-44 {
+    padding-top: 11rem;
+  }
+
+  .xl\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .xl\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .xl\:pl-44 {
+    padding-left: 11rem;
+  }
+
+  .xl\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .xl\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .xl\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .xl\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .xl\:pt-52 {
+    padding-top: 13rem;
+  }
+
+  .xl\:pr-52 {
+    padding-right: 13rem;
+  }
+
+  .xl\:pb-52 {
+    padding-bottom: 13rem;
+  }
+
+  .xl\:pl-52 {
+    padding-left: 13rem;
+  }
+
+  .xl\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .xl\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .xl\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .xl\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .xl\:pt-60 {
+    padding-top: 15rem;
+  }
+
+  .xl\:pr-60 {
+    padding-right: 15rem;
+  }
+
+  .xl\:pb-60 {
+    padding-bottom: 15rem;
+  }
+
+  .xl\:pl-60 {
+    padding-left: 15rem;
+  }
+
+  .xl\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .xl\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .xl\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .xl\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .xl\:pt-72 {
+    padding-top: 18rem;
+  }
+
+  .xl\:pr-72 {
+    padding-right: 18rem;
+  }
+
+  .xl\:pb-72 {
+    padding-bottom: 18rem;
+  }
+
+  .xl\:pl-72 {
+    padding-left: 18rem;
+  }
+
+  .xl\:pt-80 {
+    padding-top: 20rem;
+  }
+
+  .xl\:pr-80 {
+    padding-right: 20rem;
+  }
+
+  .xl\:pb-80 {
+    padding-bottom: 20rem;
+  }
+
+  .xl\:pl-80 {
+    padding-left: 20rem;
+  }
+
+  .xl\:pt-96 {
+    padding-top: 24rem;
+  }
+
+  .xl\:pr-96 {
+    padding-right: 24rem;
+  }
+
+  .xl\:pb-96 {
+    padding-bottom: 24rem;
+  }
+
+  .xl\:pl-96 {
+    padding-left: 24rem;
+  }
+
+  .xl\:pt-px {
+    padding-top: 1px;
+  }
+
+  .xl\:pr-px {
+    padding-right: 1px;
+  }
+
+  .xl\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .xl\:pl-px {
+    padding-left: 1px;
+  }
+
+  .xl\:pt-0\.5 {
+    padding-top: 0.125rem;
+  }
+
+  .xl\:pr-0\.5 {
+    padding-right: 0.125rem;
+  }
+
+  .xl\:pb-0\.5 {
+    padding-bottom: 0.125rem;
+  }
+
+  .xl\:pl-0\.5 {
+    padding-left: 0.125rem;
+  }
+
+  .xl\:pt-1\.5 {
+    padding-top: 0.375rem;
+  }
+
+  .xl\:pr-1\.5 {
+    padding-right: 0.375rem;
+  }
+
+  .xl\:pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }
+
+  .xl\:pl-1\.5 {
+    padding-left: 0.375rem;
+  }
+
+  .xl\:pt-2\.5 {
+    padding-top: 0.625rem;
+  }
+
+  .xl\:pr-2\.5 {
+    padding-right: 0.625rem;
+  }
+
+  .xl\:pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+
+  .xl\:pl-2\.5 {
+    padding-left: 0.625rem;
+  }
+
+  .xl\:pt-3\.5 {
+    padding-top: 0.875rem;
+  }
+
+  .xl\:pr-3\.5 {
+    padding-right: 0.875rem;
+  }
+
+  .xl\:pb-3\.5 {
+    padding-bottom: 0.875rem;
+  }
+
+  .xl\:pl-3\.5 {
+    padding-left: 0.875rem;
+  }
+
+  .xl\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .xl\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .xl\:placeholder-black::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-white::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .xl\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .xl\:focus\:placeholder-black:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-white:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-opacity-0::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .xl\:placeholder-opacity-5::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .xl\:placeholder-opacity-10::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .xl\:placeholder-opacity-20::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .xl\:placeholder-opacity-25::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .xl\:placeholder-opacity-30::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .xl\:placeholder-opacity-40::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .xl\:placeholder-opacity-50::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .xl\:placeholder-opacity-60::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .xl\:placeholder-opacity-70::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .xl\:placeholder-opacity-75::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .xl\:placeholder-opacity-80::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .xl\:placeholder-opacity-90::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .xl\:placeholder-opacity-95::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .xl\:placeholder-opacity-100::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .xl\:focus\:placeholder-opacity-0:focus::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .xl\:focus\:placeholder-opacity-5:focus::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .xl\:focus\:placeholder-opacity-10:focus::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .xl\:focus\:placeholder-opacity-20:focus::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .xl\:focus\:placeholder-opacity-25:focus::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .xl\:focus\:placeholder-opacity-30:focus::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .xl\:focus\:placeholder-opacity-40:focus::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .xl\:focus\:placeholder-opacity-50:focus::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .xl\:focus\:placeholder-opacity-60:focus::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .xl\:focus\:placeholder-opacity-70:focus::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .xl\:focus\:placeholder-opacity-75:focus::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .xl\:focus\:placeholder-opacity-80:focus::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .xl\:focus\:placeholder-opacity-90:focus::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .xl\:focus\:placeholder-opacity-95:focus::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .xl\:focus\:placeholder-opacity-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .xl\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .xl\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .xl\:static {
+    position: static;
+  }
+
+  .xl\:fixed {
+    position: fixed;
+  }
+
+  .xl\:absolute {
+    position: absolute;
+  }
+
+  .xl\:relative {
+    position: relative;
+  }
+
+  .xl\:sticky {
+    position: -webkit-sticky;
+    position: sticky;
+  }
+
+  .xl\:inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .xl\:inset-1 {
+    top: 0.25rem;
+    right: 0.25rem;
+    bottom: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .xl\:inset-2 {
+    top: 0.5rem;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .xl\:inset-3 {
+    top: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .xl\:inset-4 {
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  .xl\:inset-5 {
+    top: 1.25rem;
+    right: 1.25rem;
+    bottom: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .xl\:inset-6 {
+    top: 1.5rem;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .xl\:inset-7 {
+    top: 1.75rem;
+    right: 1.75rem;
+    bottom: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .xl\:inset-8 {
+    top: 2rem;
+    right: 2rem;
+    bottom: 2rem;
+    left: 2rem;
+  }
+
+  .xl\:inset-9 {
+    top: 2.25rem;
+    right: 2.25rem;
+    bottom: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .xl\:inset-10 {
+    top: 2.5rem;
+    right: 2.5rem;
+    bottom: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .xl\:inset-11 {
+    top: 2.75rem;
+    right: 2.75rem;
+    bottom: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .xl\:inset-12 {
+    top: 3rem;
+    right: 3rem;
+    bottom: 3rem;
+    left: 3rem;
+  }
+
+  .xl\:inset-14 {
+    top: 3.5rem;
+    right: 3.5rem;
+    bottom: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .xl\:inset-16 {
+    top: 4rem;
+    right: 4rem;
+    bottom: 4rem;
+    left: 4rem;
+  }
+
+  .xl\:inset-20 {
+    top: 5rem;
+    right: 5rem;
+    bottom: 5rem;
+    left: 5rem;
+  }
+
+  .xl\:inset-24 {
+    top: 6rem;
+    right: 6rem;
+    bottom: 6rem;
+    left: 6rem;
+  }
+
+  .xl\:inset-28 {
+    top: 7rem;
+    right: 7rem;
+    bottom: 7rem;
+    left: 7rem;
+  }
+
+  .xl\:inset-32 {
+    top: 8rem;
+    right: 8rem;
+    bottom: 8rem;
+    left: 8rem;
+  }
+
+  .xl\:inset-36 {
+    top: 9rem;
+    right: 9rem;
+    bottom: 9rem;
+    left: 9rem;
+  }
+
+  .xl\:inset-40 {
+    top: 10rem;
+    right: 10rem;
+    bottom: 10rem;
+    left: 10rem;
+  }
+
+  .xl\:inset-44 {
+    top: 11rem;
+    right: 11rem;
+    bottom: 11rem;
+    left: 11rem;
+  }
+
+  .xl\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .xl\:inset-52 {
+    top: 13rem;
+    right: 13rem;
+    bottom: 13rem;
+    left: 13rem;
+  }
+
+  .xl\:inset-56 {
+    top: 14rem;
+    right: 14rem;
+    bottom: 14rem;
+    left: 14rem;
+  }
+
+  .xl\:inset-60 {
+    top: 15rem;
+    right: 15rem;
+    bottom: 15rem;
+    left: 15rem;
+  }
+
+  .xl\:inset-64 {
+    top: 16rem;
+    right: 16rem;
+    bottom: 16rem;
+    left: 16rem;
+  }
+
+  .xl\:inset-72 {
+    top: 18rem;
+    right: 18rem;
+    bottom: 18rem;
+    left: 18rem;
+  }
+
+  .xl\:inset-80 {
+    top: 20rem;
+    right: 20rem;
+    bottom: 20rem;
+    left: 20rem;
+  }
+
+  .xl\:inset-96 {
+    top: 24rem;
+    right: 24rem;
+    bottom: 24rem;
+    left: 24rem;
+  }
+
+  .xl\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .xl\:inset-px {
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+  }
+
+  .xl\:inset-0\.5 {
+    top: 0.125rem;
+    right: 0.125rem;
+    bottom: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .xl\:inset-1\.5 {
+    top: 0.375rem;
+    right: 0.375rem;
+    bottom: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .xl\:inset-2\.5 {
+    top: 0.625rem;
+    right: 0.625rem;
+    bottom: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .xl\:inset-3\.5 {
+    top: 0.875rem;
+    right: 0.875rem;
+    bottom: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .xl\:-inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .xl\:-inset-1 {
+    top: -0.25rem;
+    right: -0.25rem;
+    bottom: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .xl\:-inset-2 {
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .xl\:-inset-3 {
+    top: -0.75rem;
+    right: -0.75rem;
+    bottom: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .xl\:-inset-4 {
+    top: -1rem;
+    right: -1rem;
+    bottom: -1rem;
+    left: -1rem;
+  }
+
+  .xl\:-inset-5 {
+    top: -1.25rem;
+    right: -1.25rem;
+    bottom: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .xl\:-inset-6 {
+    top: -1.5rem;
+    right: -1.5rem;
+    bottom: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .xl\:-inset-7 {
+    top: -1.75rem;
+    right: -1.75rem;
+    bottom: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .xl\:-inset-8 {
+    top: -2rem;
+    right: -2rem;
+    bottom: -2rem;
+    left: -2rem;
+  }
+
+  .xl\:-inset-9 {
+    top: -2.25rem;
+    right: -2.25rem;
+    bottom: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .xl\:-inset-10 {
+    top: -2.5rem;
+    right: -2.5rem;
+    bottom: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .xl\:-inset-11 {
+    top: -2.75rem;
+    right: -2.75rem;
+    bottom: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .xl\:-inset-12 {
+    top: -3rem;
+    right: -3rem;
+    bottom: -3rem;
+    left: -3rem;
+  }
+
+  .xl\:-inset-14 {
+    top: -3.5rem;
+    right: -3.5rem;
+    bottom: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .xl\:-inset-16 {
+    top: -4rem;
+    right: -4rem;
+    bottom: -4rem;
+    left: -4rem;
+  }
+
+  .xl\:-inset-20 {
+    top: -5rem;
+    right: -5rem;
+    bottom: -5rem;
+    left: -5rem;
+  }
+
+  .xl\:-inset-24 {
+    top: -6rem;
+    right: -6rem;
+    bottom: -6rem;
+    left: -6rem;
+  }
+
+  .xl\:-inset-28 {
+    top: -7rem;
+    right: -7rem;
+    bottom: -7rem;
+    left: -7rem;
+  }
+
+  .xl\:-inset-32 {
+    top: -8rem;
+    right: -8rem;
+    bottom: -8rem;
+    left: -8rem;
+  }
+
+  .xl\:-inset-36 {
+    top: -9rem;
+    right: -9rem;
+    bottom: -9rem;
+    left: -9rem;
+  }
+
+  .xl\:-inset-40 {
+    top: -10rem;
+    right: -10rem;
+    bottom: -10rem;
+    left: -10rem;
+  }
+
+  .xl\:-inset-44 {
+    top: -11rem;
+    right: -11rem;
+    bottom: -11rem;
+    left: -11rem;
+  }
+
+  .xl\:-inset-48 {
+    top: -12rem;
+    right: -12rem;
+    bottom: -12rem;
+    left: -12rem;
+  }
+
+  .xl\:-inset-52 {
+    top: -13rem;
+    right: -13rem;
+    bottom: -13rem;
+    left: -13rem;
+  }
+
+  .xl\:-inset-56 {
+    top: -14rem;
+    right: -14rem;
+    bottom: -14rem;
+    left: -14rem;
+  }
+
+  .xl\:-inset-60 {
+    top: -15rem;
+    right: -15rem;
+    bottom: -15rem;
+    left: -15rem;
+  }
+
+  .xl\:-inset-64 {
+    top: -16rem;
+    right: -16rem;
+    bottom: -16rem;
+    left: -16rem;
+  }
+
+  .xl\:-inset-72 {
+    top: -18rem;
+    right: -18rem;
+    bottom: -18rem;
+    left: -18rem;
+  }
+
+  .xl\:-inset-80 {
+    top: -20rem;
+    right: -20rem;
+    bottom: -20rem;
+    left: -20rem;
+  }
+
+  .xl\:-inset-96 {
+    top: -24rem;
+    right: -24rem;
+    bottom: -24rem;
+    left: -24rem;
+  }
+
+  .xl\:-inset-px {
+    top: -1px;
+    right: -1px;
+    bottom: -1px;
+    left: -1px;
+  }
+
+  .xl\:-inset-0\.5 {
+    top: -0.125rem;
+    right: -0.125rem;
+    bottom: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .xl\:-inset-1\.5 {
+    top: -0.375rem;
+    right: -0.375rem;
+    bottom: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .xl\:-inset-2\.5 {
+    top: -0.625rem;
+    right: -0.625rem;
+    bottom: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .xl\:-inset-3\.5 {
+    top: -0.875rem;
+    right: -0.875rem;
+    bottom: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .xl\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-1\/3 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .xl\:inset-2\/3 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .xl\:inset-1\/4 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .xl\:inset-2\/4 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-3\/4 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .xl\:inset-full {
+    top: 100%;
+    right: 100%;
+    bottom: 100%;
+    left: 100%;
+  }
+
+  .xl\:-inset-1\/2 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .xl\:-inset-1\/3 {
+    top: -33.333333%;
+    right: -33.333333%;
+    bottom: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .xl\:-inset-2\/3 {
+    top: -66.666667%;
+    right: -66.666667%;
+    bottom: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .xl\:-inset-1\/4 {
+    top: -25%;
+    right: -25%;
+    bottom: -25%;
+    left: -25%;
+  }
+
+  .xl\:-inset-2\/4 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .xl\:-inset-3\/4 {
+    top: -75%;
+    right: -75%;
+    bottom: -75%;
+    left: -75%;
+  }
+
+  .xl\:-inset-full {
+    top: -100%;
+    right: -100%;
+    bottom: -100%;
+    left: -100%;
+  }
+
+  .xl\:inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .xl\:inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .xl\:inset-y-1 {
+    top: 0.25rem;
+    bottom: 0.25rem;
+  }
+
+  .xl\:inset-x-1 {
+    right: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .xl\:inset-y-2 {
+    top: 0.5rem;
+    bottom: 0.5rem;
+  }
+
+  .xl\:inset-x-2 {
+    right: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .xl\:inset-y-3 {
+    top: 0.75rem;
+    bottom: 0.75rem;
+  }
+
+  .xl\:inset-x-3 {
+    right: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .xl\:inset-y-4 {
+    top: 1rem;
+    bottom: 1rem;
+  }
+
+  .xl\:inset-x-4 {
+    right: 1rem;
+    left: 1rem;
+  }
+
+  .xl\:inset-y-5 {
+    top: 1.25rem;
+    bottom: 1.25rem;
+  }
+
+  .xl\:inset-x-5 {
+    right: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .xl\:inset-y-6 {
+    top: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .xl\:inset-x-6 {
+    right: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .xl\:inset-y-7 {
+    top: 1.75rem;
+    bottom: 1.75rem;
+  }
+
+  .xl\:inset-x-7 {
+    right: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .xl\:inset-y-8 {
+    top: 2rem;
+    bottom: 2rem;
+  }
+
+  .xl\:inset-x-8 {
+    right: 2rem;
+    left: 2rem;
+  }
+
+  .xl\:inset-y-9 {
+    top: 2.25rem;
+    bottom: 2.25rem;
+  }
+
+  .xl\:inset-x-9 {
+    right: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .xl\:inset-y-10 {
+    top: 2.5rem;
+    bottom: 2.5rem;
+  }
+
+  .xl\:inset-x-10 {
+    right: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .xl\:inset-y-11 {
+    top: 2.75rem;
+    bottom: 2.75rem;
+  }
+
+  .xl\:inset-x-11 {
+    right: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .xl\:inset-y-12 {
+    top: 3rem;
+    bottom: 3rem;
+  }
+
+  .xl\:inset-x-12 {
+    right: 3rem;
+    left: 3rem;
+  }
+
+  .xl\:inset-y-14 {
+    top: 3.5rem;
+    bottom: 3.5rem;
+  }
+
+  .xl\:inset-x-14 {
+    right: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .xl\:inset-y-16 {
+    top: 4rem;
+    bottom: 4rem;
+  }
+
+  .xl\:inset-x-16 {
+    right: 4rem;
+    left: 4rem;
+  }
+
+  .xl\:inset-y-20 {
+    top: 5rem;
+    bottom: 5rem;
+  }
+
+  .xl\:inset-x-20 {
+    right: 5rem;
+    left: 5rem;
+  }
+
+  .xl\:inset-y-24 {
+    top: 6rem;
+    bottom: 6rem;
+  }
+
+  .xl\:inset-x-24 {
+    right: 6rem;
+    left: 6rem;
+  }
+
+  .xl\:inset-y-28 {
+    top: 7rem;
+    bottom: 7rem;
+  }
+
+  .xl\:inset-x-28 {
+    right: 7rem;
+    left: 7rem;
+  }
+
+  .xl\:inset-y-32 {
+    top: 8rem;
+    bottom: 8rem;
+  }
+
+  .xl\:inset-x-32 {
+    right: 8rem;
+    left: 8rem;
+  }
+
+  .xl\:inset-y-36 {
+    top: 9rem;
+    bottom: 9rem;
+  }
+
+  .xl\:inset-x-36 {
+    right: 9rem;
+    left: 9rem;
+  }
+
+  .xl\:inset-y-40 {
+    top: 10rem;
+    bottom: 10rem;
+  }
+
+  .xl\:inset-x-40 {
+    right: 10rem;
+    left: 10rem;
+  }
+
+  .xl\:inset-y-44 {
+    top: 11rem;
+    bottom: 11rem;
+  }
+
+  .xl\:inset-x-44 {
+    right: 11rem;
+    left: 11rem;
+  }
+
+  .xl\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .xl\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .xl\:inset-y-52 {
+    top: 13rem;
+    bottom: 13rem;
+  }
+
+  .xl\:inset-x-52 {
+    right: 13rem;
+    left: 13rem;
+  }
+
+  .xl\:inset-y-56 {
+    top: 14rem;
+    bottom: 14rem;
+  }
+
+  .xl\:inset-x-56 {
+    right: 14rem;
+    left: 14rem;
+  }
+
+  .xl\:inset-y-60 {
+    top: 15rem;
+    bottom: 15rem;
+  }
+
+  .xl\:inset-x-60 {
+    right: 15rem;
+    left: 15rem;
+  }
+
+  .xl\:inset-y-64 {
+    top: 16rem;
+    bottom: 16rem;
+  }
+
+  .xl\:inset-x-64 {
+    right: 16rem;
+    left: 16rem;
+  }
+
+  .xl\:inset-y-72 {
+    top: 18rem;
+    bottom: 18rem;
+  }
+
+  .xl\:inset-x-72 {
+    right: 18rem;
+    left: 18rem;
+  }
+
+  .xl\:inset-y-80 {
+    top: 20rem;
+    bottom: 20rem;
+  }
+
+  .xl\:inset-x-80 {
+    right: 20rem;
+    left: 20rem;
+  }
+
+  .xl\:inset-y-96 {
+    top: 24rem;
+    bottom: 24rem;
+  }
+
+  .xl\:inset-x-96 {
+    right: 24rem;
+    left: 24rem;
+  }
+
+  .xl\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .xl\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .xl\:inset-y-px {
+    top: 1px;
+    bottom: 1px;
+  }
+
+  .xl\:inset-x-px {
+    right: 1px;
+    left: 1px;
+  }
+
+  .xl\:inset-y-0\.5 {
+    top: 0.125rem;
+    bottom: 0.125rem;
+  }
+
+  .xl\:inset-x-0\.5 {
+    right: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .xl\:inset-y-1\.5 {
+    top: 0.375rem;
+    bottom: 0.375rem;
+  }
+
+  .xl\:inset-x-1\.5 {
+    right: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .xl\:inset-y-2\.5 {
+    top: 0.625rem;
+    bottom: 0.625rem;
+  }
+
+  .xl\:inset-x-2\.5 {
+    right: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .xl\:inset-y-3\.5 {
+    top: 0.875rem;
+    bottom: 0.875rem;
+  }
+
+  .xl\:inset-x-3\.5 {
+    right: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .xl\:-inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .xl\:-inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .xl\:-inset-y-1 {
+    top: -0.25rem;
+    bottom: -0.25rem;
+  }
+
+  .xl\:-inset-x-1 {
+    right: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .xl\:-inset-y-2 {
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .xl\:-inset-x-2 {
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .xl\:-inset-y-3 {
+    top: -0.75rem;
+    bottom: -0.75rem;
+  }
+
+  .xl\:-inset-x-3 {
+    right: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .xl\:-inset-y-4 {
+    top: -1rem;
+    bottom: -1rem;
+  }
+
+  .xl\:-inset-x-4 {
+    right: -1rem;
+    left: -1rem;
+  }
+
+  .xl\:-inset-y-5 {
+    top: -1.25rem;
+    bottom: -1.25rem;
+  }
+
+  .xl\:-inset-x-5 {
+    right: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .xl\:-inset-y-6 {
+    top: -1.5rem;
+    bottom: -1.5rem;
+  }
+
+  .xl\:-inset-x-6 {
+    right: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .xl\:-inset-y-7 {
+    top: -1.75rem;
+    bottom: -1.75rem;
+  }
+
+  .xl\:-inset-x-7 {
+    right: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .xl\:-inset-y-8 {
+    top: -2rem;
+    bottom: -2rem;
+  }
+
+  .xl\:-inset-x-8 {
+    right: -2rem;
+    left: -2rem;
+  }
+
+  .xl\:-inset-y-9 {
+    top: -2.25rem;
+    bottom: -2.25rem;
+  }
+
+  .xl\:-inset-x-9 {
+    right: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .xl\:-inset-y-10 {
+    top: -2.5rem;
+    bottom: -2.5rem;
+  }
+
+  .xl\:-inset-x-10 {
+    right: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .xl\:-inset-y-11 {
+    top: -2.75rem;
+    bottom: -2.75rem;
+  }
+
+  .xl\:-inset-x-11 {
+    right: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .xl\:-inset-y-12 {
+    top: -3rem;
+    bottom: -3rem;
+  }
+
+  .xl\:-inset-x-12 {
+    right: -3rem;
+    left: -3rem;
+  }
+
+  .xl\:-inset-y-14 {
+    top: -3.5rem;
+    bottom: -3.5rem;
+  }
+
+  .xl\:-inset-x-14 {
+    right: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .xl\:-inset-y-16 {
+    top: -4rem;
+    bottom: -4rem;
+  }
+
+  .xl\:-inset-x-16 {
+    right: -4rem;
+    left: -4rem;
+  }
+
+  .xl\:-inset-y-20 {
+    top: -5rem;
+    bottom: -5rem;
+  }
+
+  .xl\:-inset-x-20 {
+    right: -5rem;
+    left: -5rem;
+  }
+
+  .xl\:-inset-y-24 {
+    top: -6rem;
+    bottom: -6rem;
+  }
+
+  .xl\:-inset-x-24 {
+    right: -6rem;
+    left: -6rem;
+  }
+
+  .xl\:-inset-y-28 {
+    top: -7rem;
+    bottom: -7rem;
+  }
+
+  .xl\:-inset-x-28 {
+    right: -7rem;
+    left: -7rem;
+  }
+
+  .xl\:-inset-y-32 {
+    top: -8rem;
+    bottom: -8rem;
+  }
+
+  .xl\:-inset-x-32 {
+    right: -8rem;
+    left: -8rem;
+  }
+
+  .xl\:-inset-y-36 {
+    top: -9rem;
+    bottom: -9rem;
+  }
+
+  .xl\:-inset-x-36 {
+    right: -9rem;
+    left: -9rem;
+  }
+
+  .xl\:-inset-y-40 {
+    top: -10rem;
+    bottom: -10rem;
+  }
+
+  .xl\:-inset-x-40 {
+    right: -10rem;
+    left: -10rem;
+  }
+
+  .xl\:-inset-y-44 {
+    top: -11rem;
+    bottom: -11rem;
+  }
+
+  .xl\:-inset-x-44 {
+    right: -11rem;
+    left: -11rem;
+  }
+
+  .xl\:-inset-y-48 {
+    top: -12rem;
+    bottom: -12rem;
+  }
+
+  .xl\:-inset-x-48 {
+    right: -12rem;
+    left: -12rem;
+  }
+
+  .xl\:-inset-y-52 {
+    top: -13rem;
+    bottom: -13rem;
+  }
+
+  .xl\:-inset-x-52 {
+    right: -13rem;
+    left: -13rem;
+  }
+
+  .xl\:-inset-y-56 {
+    top: -14rem;
+    bottom: -14rem;
+  }
+
+  .xl\:-inset-x-56 {
+    right: -14rem;
+    left: -14rem;
+  }
+
+  .xl\:-inset-y-60 {
+    top: -15rem;
+    bottom: -15rem;
+  }
+
+  .xl\:-inset-x-60 {
+    right: -15rem;
+    left: -15rem;
+  }
+
+  .xl\:-inset-y-64 {
+    top: -16rem;
+    bottom: -16rem;
+  }
+
+  .xl\:-inset-x-64 {
+    right: -16rem;
+    left: -16rem;
+  }
+
+  .xl\:-inset-y-72 {
+    top: -18rem;
+    bottom: -18rem;
+  }
+
+  .xl\:-inset-x-72 {
+    right: -18rem;
+    left: -18rem;
+  }
+
+  .xl\:-inset-y-80 {
+    top: -20rem;
+    bottom: -20rem;
+  }
+
+  .xl\:-inset-x-80 {
+    right: -20rem;
+    left: -20rem;
+  }
+
+  .xl\:-inset-y-96 {
+    top: -24rem;
+    bottom: -24rem;
+  }
+
+  .xl\:-inset-x-96 {
+    right: -24rem;
+    left: -24rem;
+  }
+
+  .xl\:-inset-y-px {
+    top: -1px;
+    bottom: -1px;
+  }
+
+  .xl\:-inset-x-px {
+    right: -1px;
+    left: -1px;
+  }
+
+  .xl\:-inset-y-0\.5 {
+    top: -0.125rem;
+    bottom: -0.125rem;
+  }
+
+  .xl\:-inset-x-0\.5 {
+    right: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .xl\:-inset-y-1\.5 {
+    top: -0.375rem;
+    bottom: -0.375rem;
+  }
+
+  .xl\:-inset-x-1\.5 {
+    right: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .xl\:-inset-y-2\.5 {
+    top: -0.625rem;
+    bottom: -0.625rem;
+  }
+
+  .xl\:-inset-x-2\.5 {
+    right: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .xl\:-inset-y-3\.5 {
+    top: -0.875rem;
+    bottom: -0.875rem;
+  }
+
+  .xl\:-inset-x-3\.5 {
+    right: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .xl\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .xl\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-y-1\/3 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .xl\:inset-x-1\/3 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .xl\:inset-y-2\/3 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .xl\:inset-x-2\/3 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .xl\:inset-y-1\/4 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .xl\:inset-x-1\/4 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .xl\:inset-y-2\/4 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .xl\:inset-x-2\/4 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-y-3\/4 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .xl\:inset-x-3\/4 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .xl\:inset-y-full {
+    top: 100%;
+    bottom: 100%;
+  }
+
+  .xl\:inset-x-full {
+    right: 100%;
+    left: 100%;
+  }
+
+  .xl\:-inset-y-1\/2 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .xl\:-inset-x-1\/2 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .xl\:-inset-y-1\/3 {
+    top: -33.333333%;
+    bottom: -33.333333%;
+  }
+
+  .xl\:-inset-x-1\/3 {
+    right: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .xl\:-inset-y-2\/3 {
+    top: -66.666667%;
+    bottom: -66.666667%;
+  }
+
+  .xl\:-inset-x-2\/3 {
+    right: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .xl\:-inset-y-1\/4 {
+    top: -25%;
+    bottom: -25%;
+  }
+
+  .xl\:-inset-x-1\/4 {
+    right: -25%;
+    left: -25%;
+  }
+
+  .xl\:-inset-y-2\/4 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .xl\:-inset-x-2\/4 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .xl\:-inset-y-3\/4 {
+    top: -75%;
+    bottom: -75%;
+  }
+
+  .xl\:-inset-x-3\/4 {
+    right: -75%;
+    left: -75%;
+  }
+
+  .xl\:-inset-y-full {
+    top: -100%;
+    bottom: -100%;
+  }
+
+  .xl\:-inset-x-full {
+    right: -100%;
+    left: -100%;
+  }
+
+  .xl\:top-0 {
+    top: 0px;
+  }
+
+  .xl\:right-0 {
+    right: 0px;
+  }
+
+  .xl\:bottom-0 {
+    bottom: 0px;
+  }
+
+  .xl\:left-0 {
+    left: 0px;
+  }
+
+  .xl\:top-1 {
+    top: 0.25rem;
+  }
+
+  .xl\:right-1 {
+    right: 0.25rem;
+  }
+
+  .xl\:bottom-1 {
+    bottom: 0.25rem;
+  }
+
+  .xl\:left-1 {
+    left: 0.25rem;
+  }
+
+  .xl\:top-2 {
+    top: 0.5rem;
+  }
+
+  .xl\:right-2 {
+    right: 0.5rem;
+  }
+
+  .xl\:bottom-2 {
+    bottom: 0.5rem;
+  }
+
+  .xl\:left-2 {
+    left: 0.5rem;
+  }
+
+  .xl\:top-3 {
+    top: 0.75rem;
+  }
+
+  .xl\:right-3 {
+    right: 0.75rem;
+  }
+
+  .xl\:bottom-3 {
+    bottom: 0.75rem;
+  }
+
+  .xl\:left-3 {
+    left: 0.75rem;
+  }
+
+  .xl\:top-4 {
+    top: 1rem;
+  }
+
+  .xl\:right-4 {
+    right: 1rem;
+  }
+
+  .xl\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .xl\:left-4 {
+    left: 1rem;
+  }
+
+  .xl\:top-5 {
+    top: 1.25rem;
+  }
+
+  .xl\:right-5 {
+    right: 1.25rem;
+  }
+
+  .xl\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .xl\:left-5 {
+    left: 1.25rem;
+  }
+
+  .xl\:top-6 {
+    top: 1.5rem;
+  }
+
+  .xl\:right-6 {
+    right: 1.5rem;
+  }
+
+  .xl\:bottom-6 {
+    bottom: 1.5rem;
+  }
+
+  .xl\:left-6 {
+    left: 1.5rem;
+  }
+
+  .xl\:top-7 {
+    top: 1.75rem;
+  }
+
+  .xl\:right-7 {
+    right: 1.75rem;
+  }
+
+  .xl\:bottom-7 {
+    bottom: 1.75rem;
+  }
+
+  .xl\:left-7 {
+    left: 1.75rem;
+  }
+
+  .xl\:top-8 {
+    top: 2rem;
+  }
+
+  .xl\:right-8 {
+    right: 2rem;
+  }
+
+  .xl\:bottom-8 {
+    bottom: 2rem;
+  }
+
+  .xl\:left-8 {
+    left: 2rem;
+  }
+
+  .xl\:top-9 {
+    top: 2.25rem;
+  }
+
+  .xl\:right-9 {
+    right: 2.25rem;
+  }
+
+  .xl\:bottom-9 {
+    bottom: 2.25rem;
+  }
+
+  .xl\:left-9 {
+    left: 2.25rem;
+  }
+
+  .xl\:top-10 {
+    top: 2.5rem;
+  }
+
+  .xl\:right-10 {
+    right: 2.5rem;
+  }
+
+  .xl\:bottom-10 {
+    bottom: 2.5rem;
+  }
+
+  .xl\:left-10 {
+    left: 2.5rem;
+  }
+
+  .xl\:top-11 {
+    top: 2.75rem;
+  }
+
+  .xl\:right-11 {
+    right: 2.75rem;
+  }
+
+  .xl\:bottom-11 {
+    bottom: 2.75rem;
+  }
+
+  .xl\:left-11 {
+    left: 2.75rem;
+  }
+
+  .xl\:top-12 {
+    top: 3rem;
+  }
+
+  .xl\:right-12 {
+    right: 3rem;
+  }
+
+  .xl\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .xl\:left-12 {
+    left: 3rem;
+  }
+
+  .xl\:top-14 {
+    top: 3.5rem;
+  }
+
+  .xl\:right-14 {
+    right: 3.5rem;
+  }
+
+  .xl\:bottom-14 {
+    bottom: 3.5rem;
+  }
+
+  .xl\:left-14 {
+    left: 3.5rem;
+  }
+
+  .xl\:top-16 {
+    top: 4rem;
+  }
+
+  .xl\:right-16 {
+    right: 4rem;
+  }
+
+  .xl\:bottom-16 {
+    bottom: 4rem;
+  }
+
+  .xl\:left-16 {
+    left: 4rem;
+  }
+
+  .xl\:top-20 {
+    top: 5rem;
+  }
+
+  .xl\:right-20 {
+    right: 5rem;
+  }
+
+  .xl\:bottom-20 {
+    bottom: 5rem;
+  }
+
+  .xl\:left-20 {
+    left: 5rem;
+  }
+
+  .xl\:top-24 {
+    top: 6rem;
+  }
+
+  .xl\:right-24 {
+    right: 6rem;
+  }
+
+  .xl\:bottom-24 {
+    bottom: 6rem;
+  }
+
+  .xl\:left-24 {
+    left: 6rem;
+  }
+
+  .xl\:top-28 {
+    top: 7rem;
+  }
+
+  .xl\:right-28 {
+    right: 7rem;
+  }
+
+  .xl\:bottom-28 {
+    bottom: 7rem;
+  }
+
+  .xl\:left-28 {
+    left: 7rem;
+  }
+
+  .xl\:top-32 {
+    top: 8rem;
+  }
+
+  .xl\:right-32 {
+    right: 8rem;
+  }
+
+  .xl\:bottom-32 {
+    bottom: 8rem;
+  }
+
+  .xl\:left-32 {
+    left: 8rem;
+  }
+
+  .xl\:top-36 {
+    top: 9rem;
+  }
+
+  .xl\:right-36 {
+    right: 9rem;
+  }
+
+  .xl\:bottom-36 {
+    bottom: 9rem;
+  }
+
+  .xl\:left-36 {
+    left: 9rem;
+  }
+
+  .xl\:top-40 {
+    top: 10rem;
+  }
+
+  .xl\:right-40 {
+    right: 10rem;
+  }
+
+  .xl\:bottom-40 {
+    bottom: 10rem;
+  }
+
+  .xl\:left-40 {
+    left: 10rem;
+  }
+
+  .xl\:top-44 {
+    top: 11rem;
+  }
+
+  .xl\:right-44 {
+    right: 11rem;
+  }
+
+  .xl\:bottom-44 {
+    bottom: 11rem;
+  }
+
+  .xl\:left-44 {
+    left: 11rem;
+  }
+
+  .xl\:top-48 {
+    top: 12rem;
+  }
+
+  .xl\:right-48 {
+    right: 12rem;
+  }
+
+  .xl\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .xl\:left-48 {
+    left: 12rem;
+  }
+
+  .xl\:top-52 {
+    top: 13rem;
+  }
+
+  .xl\:right-52 {
+    right: 13rem;
+  }
+
+  .xl\:bottom-52 {
+    bottom: 13rem;
+  }
+
+  .xl\:left-52 {
+    left: 13rem;
+  }
+
+  .xl\:top-56 {
+    top: 14rem;
+  }
+
+  .xl\:right-56 {
+    right: 14rem;
+  }
+
+  .xl\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .xl\:left-56 {
+    left: 14rem;
+  }
+
+  .xl\:top-60 {
+    top: 15rem;
+  }
+
+  .xl\:right-60 {
+    right: 15rem;
+  }
+
+  .xl\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .xl\:left-60 {
+    left: 15rem;
+  }
+
+  .xl\:top-64 {
+    top: 16rem;
+  }
+
+  .xl\:right-64 {
+    right: 16rem;
+  }
+
+  .xl\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .xl\:left-64 {
+    left: 16rem;
+  }
+
+  .xl\:top-72 {
+    top: 18rem;
+  }
+
+  .xl\:right-72 {
+    right: 18rem;
+  }
+
+  .xl\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .xl\:left-72 {
+    left: 18rem;
+  }
+
+  .xl\:top-80 {
+    top: 20rem;
+  }
+
+  .xl\:right-80 {
+    right: 20rem;
+  }
+
+  .xl\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .xl\:left-80 {
+    left: 20rem;
+  }
+
+  .xl\:top-96 {
+    top: 24rem;
+  }
+
+  .xl\:right-96 {
+    right: 24rem;
+  }
+
+  .xl\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .xl\:left-96 {
+    left: 24rem;
+  }
+
+  .xl\:top-auto {
+    top: auto;
+  }
+
+  .xl\:right-auto {
+    right: auto;
+  }
+
+  .xl\:bottom-auto {
+    bottom: auto;
+  }
+
+  .xl\:left-auto {
+    left: auto;
+  }
+
+  .xl\:top-px {
+    top: 1px;
+  }
+
+  .xl\:right-px {
+    right: 1px;
+  }
+
+  .xl\:bottom-px {
+    bottom: 1px;
+  }
+
+  .xl\:left-px {
+    left: 1px;
+  }
+
+  .xl\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .xl\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .xl\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .xl\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .xl\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .xl\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .xl\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .xl\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .xl\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .xl\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .xl\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .xl\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .xl\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .xl\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .xl\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .xl\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .xl\:-top-0 {
+    top: 0px;
+  }
+
+  .xl\:-right-0 {
+    right: 0px;
+  }
+
+  .xl\:-bottom-0 {
+    bottom: 0px;
+  }
+
+  .xl\:-left-0 {
+    left: 0px;
+  }
+
+  .xl\:-top-1 {
+    top: -0.25rem;
+  }
+
+  .xl\:-right-1 {
+    right: -0.25rem;
+  }
+
+  .xl\:-bottom-1 {
+    bottom: -0.25rem;
+  }
+
+  .xl\:-left-1 {
+    left: -0.25rem;
+  }
+
+  .xl\:-top-2 {
+    top: -0.5rem;
+  }
+
+  .xl\:-right-2 {
+    right: -0.5rem;
+  }
+
+  .xl\:-bottom-2 {
+    bottom: -0.5rem;
+  }
+
+  .xl\:-left-2 {
+    left: -0.5rem;
+  }
+
+  .xl\:-top-3 {
+    top: -0.75rem;
+  }
+
+  .xl\:-right-3 {
+    right: -0.75rem;
+  }
+
+  .xl\:-bottom-3 {
+    bottom: -0.75rem;
+  }
+
+  .xl\:-left-3 {
+    left: -0.75rem;
+  }
+
+  .xl\:-top-4 {
+    top: -1rem;
+  }
+
+  .xl\:-right-4 {
+    right: -1rem;
+  }
+
+  .xl\:-bottom-4 {
+    bottom: -1rem;
+  }
+
+  .xl\:-left-4 {
+    left: -1rem;
+  }
+
+  .xl\:-top-5 {
+    top: -1.25rem;
+  }
+
+  .xl\:-right-5 {
+    right: -1.25rem;
+  }
+
+  .xl\:-bottom-5 {
+    bottom: -1.25rem;
+  }
+
+  .xl\:-left-5 {
+    left: -1.25rem;
+  }
+
+  .xl\:-top-6 {
+    top: -1.5rem;
+  }
+
+  .xl\:-right-6 {
+    right: -1.5rem;
+  }
+
+  .xl\:-bottom-6 {
+    bottom: -1.5rem;
+  }
+
+  .xl\:-left-6 {
+    left: -1.5rem;
+  }
+
+  .xl\:-top-7 {
+    top: -1.75rem;
+  }
+
+  .xl\:-right-7 {
+    right: -1.75rem;
+  }
+
+  .xl\:-bottom-7 {
+    bottom: -1.75rem;
+  }
+
+  .xl\:-left-7 {
+    left: -1.75rem;
+  }
+
+  .xl\:-top-8 {
+    top: -2rem;
+  }
+
+  .xl\:-right-8 {
+    right: -2rem;
+  }
+
+  .xl\:-bottom-8 {
+    bottom: -2rem;
+  }
+
+  .xl\:-left-8 {
+    left: -2rem;
+  }
+
+  .xl\:-top-9 {
+    top: -2.25rem;
+  }
+
+  .xl\:-right-9 {
+    right: -2.25rem;
+  }
+
+  .xl\:-bottom-9 {
+    bottom: -2.25rem;
+  }
+
+  .xl\:-left-9 {
+    left: -2.25rem;
+  }
+
+  .xl\:-top-10 {
+    top: -2.5rem;
+  }
+
+  .xl\:-right-10 {
+    right: -2.5rem;
+  }
+
+  .xl\:-bottom-10 {
+    bottom: -2.5rem;
+  }
+
+  .xl\:-left-10 {
+    left: -2.5rem;
+  }
+
+  .xl\:-top-11 {
+    top: -2.75rem;
+  }
+
+  .xl\:-right-11 {
+    right: -2.75rem;
+  }
+
+  .xl\:-bottom-11 {
+    bottom: -2.75rem;
+  }
+
+  .xl\:-left-11 {
+    left: -2.75rem;
+  }
+
+  .xl\:-top-12 {
+    top: -3rem;
+  }
+
+  .xl\:-right-12 {
+    right: -3rem;
+  }
+
+  .xl\:-bottom-12 {
+    bottom: -3rem;
+  }
+
+  .xl\:-left-12 {
+    left: -3rem;
+  }
+
+  .xl\:-top-14 {
+    top: -3.5rem;
+  }
+
+  .xl\:-right-14 {
+    right: -3.5rem;
+  }
+
+  .xl\:-bottom-14 {
+    bottom: -3.5rem;
+  }
+
+  .xl\:-left-14 {
+    left: -3.5rem;
+  }
+
+  .xl\:-top-16 {
+    top: -4rem;
+  }
+
+  .xl\:-right-16 {
+    right: -4rem;
+  }
+
+  .xl\:-bottom-16 {
+    bottom: -4rem;
+  }
+
+  .xl\:-left-16 {
+    left: -4rem;
+  }
+
+  .xl\:-top-20 {
+    top: -5rem;
+  }
+
+  .xl\:-right-20 {
+    right: -5rem;
+  }
+
+  .xl\:-bottom-20 {
+    bottom: -5rem;
+  }
+
+  .xl\:-left-20 {
+    left: -5rem;
+  }
+
+  .xl\:-top-24 {
+    top: -6rem;
+  }
+
+  .xl\:-right-24 {
+    right: -6rem;
+  }
+
+  .xl\:-bottom-24 {
+    bottom: -6rem;
+  }
+
+  .xl\:-left-24 {
+    left: -6rem;
+  }
+
+  .xl\:-top-28 {
+    top: -7rem;
+  }
+
+  .xl\:-right-28 {
+    right: -7rem;
+  }
+
+  .xl\:-bottom-28 {
+    bottom: -7rem;
+  }
+
+  .xl\:-left-28 {
+    left: -7rem;
+  }
+
+  .xl\:-top-32 {
+    top: -8rem;
+  }
+
+  .xl\:-right-32 {
+    right: -8rem;
+  }
+
+  .xl\:-bottom-32 {
+    bottom: -8rem;
+  }
+
+  .xl\:-left-32 {
+    left: -8rem;
+  }
+
+  .xl\:-top-36 {
+    top: -9rem;
+  }
+
+  .xl\:-right-36 {
+    right: -9rem;
+  }
+
+  .xl\:-bottom-36 {
+    bottom: -9rem;
+  }
+
+  .xl\:-left-36 {
+    left: -9rem;
+  }
+
+  .xl\:-top-40 {
+    top: -10rem;
+  }
+
+  .xl\:-right-40 {
+    right: -10rem;
+  }
+
+  .xl\:-bottom-40 {
+    bottom: -10rem;
+  }
+
+  .xl\:-left-40 {
+    left: -10rem;
+  }
+
+  .xl\:-top-44 {
+    top: -11rem;
+  }
+
+  .xl\:-right-44 {
+    right: -11rem;
+  }
+
+  .xl\:-bottom-44 {
+    bottom: -11rem;
+  }
+
+  .xl\:-left-44 {
+    left: -11rem;
+  }
+
+  .xl\:-top-48 {
+    top: -12rem;
+  }
+
+  .xl\:-right-48 {
+    right: -12rem;
+  }
+
+  .xl\:-bottom-48 {
+    bottom: -12rem;
+  }
+
+  .xl\:-left-48 {
+    left: -12rem;
+  }
+
+  .xl\:-top-52 {
+    top: -13rem;
+  }
+
+  .xl\:-right-52 {
+    right: -13rem;
+  }
+
+  .xl\:-bottom-52 {
+    bottom: -13rem;
+  }
+
+  .xl\:-left-52 {
+    left: -13rem;
+  }
+
+  .xl\:-top-56 {
+    top: -14rem;
+  }
+
+  .xl\:-right-56 {
+    right: -14rem;
+  }
+
+  .xl\:-bottom-56 {
+    bottom: -14rem;
+  }
+
+  .xl\:-left-56 {
+    left: -14rem;
+  }
+
+  .xl\:-top-60 {
+    top: -15rem;
+  }
+
+  .xl\:-right-60 {
+    right: -15rem;
+  }
+
+  .xl\:-bottom-60 {
+    bottom: -15rem;
+  }
+
+  .xl\:-left-60 {
+    left: -15rem;
+  }
+
+  .xl\:-top-64 {
+    top: -16rem;
+  }
+
+  .xl\:-right-64 {
+    right: -16rem;
+  }
+
+  .xl\:-bottom-64 {
+    bottom: -16rem;
+  }
+
+  .xl\:-left-64 {
+    left: -16rem;
+  }
+
+  .xl\:-top-72 {
+    top: -18rem;
+  }
+
+  .xl\:-right-72 {
+    right: -18rem;
+  }
+
+  .xl\:-bottom-72 {
+    bottom: -18rem;
+  }
+
+  .xl\:-left-72 {
+    left: -18rem;
+  }
+
+  .xl\:-top-80 {
+    top: -20rem;
+  }
+
+  .xl\:-right-80 {
+    right: -20rem;
+  }
+
+  .xl\:-bottom-80 {
+    bottom: -20rem;
+  }
+
+  .xl\:-left-80 {
+    left: -20rem;
+  }
+
+  .xl\:-top-96 {
+    top: -24rem;
+  }
+
+  .xl\:-right-96 {
+    right: -24rem;
+  }
+
+  .xl\:-bottom-96 {
+    bottom: -24rem;
+  }
+
+  .xl\:-left-96 {
+    left: -24rem;
+  }
+
+  .xl\:-top-px {
+    top: -1px;
+  }
+
+  .xl\:-right-px {
+    right: -1px;
+  }
+
+  .xl\:-bottom-px {
+    bottom: -1px;
+  }
+
+  .xl\:-left-px {
+    left: -1px;
+  }
+
+  .xl\:-top-0\.5 {
+    top: -0.125rem;
+  }
+
+  .xl\:-right-0\.5 {
+    right: -0.125rem;
+  }
+
+  .xl\:-bottom-0\.5 {
+    bottom: -0.125rem;
+  }
+
+  .xl\:-left-0\.5 {
+    left: -0.125rem;
+  }
+
+  .xl\:-top-1\.5 {
+    top: -0.375rem;
+  }
+
+  .xl\:-right-1\.5 {
+    right: -0.375rem;
+  }
+
+  .xl\:-bottom-1\.5 {
+    bottom: -0.375rem;
+  }
+
+  .xl\:-left-1\.5 {
+    left: -0.375rem;
+  }
+
+  .xl\:-top-2\.5 {
+    top: -0.625rem;
+  }
+
+  .xl\:-right-2\.5 {
+    right: -0.625rem;
+  }
+
+  .xl\:-bottom-2\.5 {
+    bottom: -0.625rem;
+  }
+
+  .xl\:-left-2\.5 {
+    left: -0.625rem;
+  }
+
+  .xl\:-top-3\.5 {
+    top: -0.875rem;
+  }
+
+  .xl\:-right-3\.5 {
+    right: -0.875rem;
+  }
+
+  .xl\:-bottom-3\.5 {
+    bottom: -0.875rem;
+  }
+
+  .xl\:-left-3\.5 {
+    left: -0.875rem;
+  }
+
+  .xl\:top-1\/2 {
+    top: 50%;
+  }
+
+  .xl\:right-1\/2 {
+    right: 50%;
+  }
+
+  .xl\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .xl\:left-1\/2 {
+    left: 50%;
+  }
+
+  .xl\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .xl\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .xl\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .xl\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .xl\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .xl\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .xl\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .xl\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .xl\:top-1\/4 {
+    top: 25%;
+  }
+
+  .xl\:right-1\/4 {
+    right: 25%;
+  }
+
+  .xl\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .xl\:left-1\/4 {
+    left: 25%;
+  }
+
+  .xl\:top-2\/4 {
+    top: 50%;
+  }
+
+  .xl\:right-2\/4 {
+    right: 50%;
+  }
+
+  .xl\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .xl\:left-2\/4 {
+    left: 50%;
+  }
+
+  .xl\:top-3\/4 {
+    top: 75%;
+  }
+
+  .xl\:right-3\/4 {
+    right: 75%;
+  }
+
+  .xl\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .xl\:left-3\/4 {
+    left: 75%;
+  }
+
+  .xl\:top-full {
+    top: 100%;
+  }
+
+  .xl\:right-full {
+    right: 100%;
+  }
+
+  .xl\:bottom-full {
+    bottom: 100%;
+  }
+
+  .xl\:left-full {
+    left: 100%;
+  }
+
+  .xl\:-top-1\/2 {
+    top: -50%;
+  }
+
+  .xl\:-right-1\/2 {
+    right: -50%;
+  }
+
+  .xl\:-bottom-1\/2 {
+    bottom: -50%;
+  }
+
+  .xl\:-left-1\/2 {
+    left: -50%;
+  }
+
+  .xl\:-top-1\/3 {
+    top: -33.333333%;
+  }
+
+  .xl\:-right-1\/3 {
+    right: -33.333333%;
+  }
+
+  .xl\:-bottom-1\/3 {
+    bottom: -33.333333%;
+  }
+
+  .xl\:-left-1\/3 {
+    left: -33.333333%;
+  }
+
+  .xl\:-top-2\/3 {
+    top: -66.666667%;
+  }
+
+  .xl\:-right-2\/3 {
+    right: -66.666667%;
+  }
+
+  .xl\:-bottom-2\/3 {
+    bottom: -66.666667%;
+  }
+
+  .xl\:-left-2\/3 {
+    left: -66.666667%;
+  }
+
+  .xl\:-top-1\/4 {
+    top: -25%;
+  }
+
+  .xl\:-right-1\/4 {
+    right: -25%;
+  }
+
+  .xl\:-bottom-1\/4 {
+    bottom: -25%;
+  }
+
+  .xl\:-left-1\/4 {
+    left: -25%;
+  }
+
+  .xl\:-top-2\/4 {
+    top: -50%;
+  }
+
+  .xl\:-right-2\/4 {
+    right: -50%;
+  }
+
+  .xl\:-bottom-2\/4 {
+    bottom: -50%;
+  }
+
+  .xl\:-left-2\/4 {
+    left: -50%;
+  }
+
+  .xl\:-top-3\/4 {
+    top: -75%;
+  }
+
+  .xl\:-right-3\/4 {
+    right: -75%;
+  }
+
+  .xl\:-bottom-3\/4 {
+    bottom: -75%;
+  }
+
+  .xl\:-left-3\/4 {
+    left: -75%;
+  }
+
+  .xl\:-top-full {
+    top: -100%;
+  }
+
+  .xl\:-right-full {
+    right: -100%;
+  }
+
+  .xl\:-bottom-full {
+    bottom: -100%;
+  }
+
+  .xl\:-left-full {
+    left: -100%;
+  }
+
+  .xl\:resize-none {
+    resize: none;
+  }
+
+  .xl\:resize-y {
+    resize: vertical;
+  }
+
+  .xl\:resize-x {
+    resize: horizontal;
+  }
+
+  .xl\:resize {
+    resize: both;
+  }
+
+  .xl\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow-sm:focus-within {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow:focus-within {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow-md:focus-within {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow-lg:focus-within {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow-xl:focus-within {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow-2xl:focus-within {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow-inner:focus-within {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow-none:focus-within {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow-sm:hover {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow:hover {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow-md:hover {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow-lg:hover {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow-xl:hover {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow-2xl:hover {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow-inner:hover {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow-none:hover {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow-sm:focus {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow:focus {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow-md:focus {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow-lg:focus {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow-xl:focus {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow-2xl:focus {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow-inner:focus {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow-none:focus {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:ring-0 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:ring-1 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:ring-2 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:ring-4 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:ring-8 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:ring {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:ring-inset {
+    --tw-ring-inset: inset;
+  }
+
+  .xl\:focus-within\:ring-0:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus-within\:ring-1:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus-within\:ring-2:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus-within\:ring-4:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus-within\:ring-8:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus-within\:ring:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus-within\:ring-inset:focus-within {
+    --tw-ring-inset: inset;
+  }
+
+  .xl\:focus\:ring-0:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus\:ring-1:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus\:ring-2:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus\:ring-4:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus\:ring-8:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus\:ring:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus\:ring-inset:focus {
+    --tw-ring-inset: inset;
+  }
+
+  .xl\:ring-offset-transparent {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .xl\:ring-offset-current {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .xl\:ring-offset-black {
+    --tw-ring-offset-color: #000;
+  }
+
+  .xl\:ring-offset-white {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .xl\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .xl\:ring-offset-gray-100 {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .xl\:ring-offset-gray-200 {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .xl\:ring-offset-gray-300 {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .xl\:ring-offset-gray-400 {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .xl\:ring-offset-gray-500 {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .xl\:ring-offset-gray-600 {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .xl\:ring-offset-gray-700 {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .xl\:ring-offset-gray-800 {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .xl\:ring-offset-gray-900 {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .xl\:ring-offset-red-50 {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .xl\:ring-offset-red-100 {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .xl\:ring-offset-red-200 {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .xl\:ring-offset-red-300 {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .xl\:ring-offset-red-400 {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .xl\:ring-offset-red-500 {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .xl\:ring-offset-red-600 {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .xl\:ring-offset-red-700 {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .xl\:ring-offset-red-800 {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .xl\:ring-offset-red-900 {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .xl\:ring-offset-yellow-50 {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .xl\:ring-offset-yellow-100 {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .xl\:ring-offset-yellow-200 {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .xl\:ring-offset-yellow-300 {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .xl\:ring-offset-yellow-400 {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .xl\:ring-offset-yellow-500 {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .xl\:ring-offset-yellow-600 {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .xl\:ring-offset-yellow-700 {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .xl\:ring-offset-yellow-800 {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .xl\:ring-offset-yellow-900 {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .xl\:ring-offset-green-50 {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .xl\:ring-offset-green-100 {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .xl\:ring-offset-green-200 {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .xl\:ring-offset-green-300 {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .xl\:ring-offset-green-400 {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .xl\:ring-offset-green-500 {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .xl\:ring-offset-green-600 {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .xl\:ring-offset-green-700 {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .xl\:ring-offset-green-800 {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .xl\:ring-offset-green-900 {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .xl\:ring-offset-blue-50 {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .xl\:ring-offset-blue-100 {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .xl\:ring-offset-blue-200 {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .xl\:ring-offset-blue-300 {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .xl\:ring-offset-blue-400 {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .xl\:ring-offset-blue-500 {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .xl\:ring-offset-blue-600 {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .xl\:ring-offset-blue-700 {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .xl\:ring-offset-blue-800 {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .xl\:ring-offset-blue-900 {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .xl\:ring-offset-indigo-50 {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .xl\:ring-offset-indigo-100 {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .xl\:ring-offset-indigo-200 {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .xl\:ring-offset-indigo-300 {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .xl\:ring-offset-indigo-400 {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .xl\:ring-offset-indigo-500 {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .xl\:ring-offset-indigo-600 {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .xl\:ring-offset-indigo-700 {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .xl\:ring-offset-indigo-800 {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .xl\:ring-offset-indigo-900 {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .xl\:ring-offset-purple-50 {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .xl\:ring-offset-purple-100 {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .xl\:ring-offset-purple-200 {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .xl\:ring-offset-purple-300 {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .xl\:ring-offset-purple-400 {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .xl\:ring-offset-purple-500 {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .xl\:ring-offset-purple-600 {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .xl\:ring-offset-purple-700 {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .xl\:ring-offset-purple-800 {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .xl\:ring-offset-purple-900 {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .xl\:ring-offset-pink-50 {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .xl\:ring-offset-pink-100 {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .xl\:ring-offset-pink-200 {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .xl\:ring-offset-pink-300 {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .xl\:ring-offset-pink-400 {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .xl\:ring-offset-pink-500 {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .xl\:ring-offset-pink-600 {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .xl\:ring-offset-pink-700 {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .xl\:ring-offset-pink-800 {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .xl\:ring-offset-pink-900 {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .xl\:focus-within\:ring-offset-transparent:focus-within {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .xl\:focus-within\:ring-offset-current:focus-within {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .xl\:focus-within\:ring-offset-black:focus-within {
+    --tw-ring-offset-color: #000;
+  }
+
+  .xl\:focus-within\:ring-offset-white:focus-within {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-100:focus-within {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-200:focus-within {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-300:focus-within {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-400:focus-within {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-500:focus-within {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-600:focus-within {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-700:focus-within {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-800:focus-within {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-900:focus-within {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .xl\:focus-within\:ring-offset-red-50:focus-within {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .xl\:focus-within\:ring-offset-red-100:focus-within {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .xl\:focus-within\:ring-offset-red-200:focus-within {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .xl\:focus-within\:ring-offset-red-300:focus-within {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .xl\:focus-within\:ring-offset-red-400:focus-within {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .xl\:focus-within\:ring-offset-red-500:focus-within {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .xl\:focus-within\:ring-offset-red-600:focus-within {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .xl\:focus-within\:ring-offset-red-700:focus-within {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .xl\:focus-within\:ring-offset-red-800:focus-within {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .xl\:focus-within\:ring-offset-red-900:focus-within {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-50:focus-within {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-100:focus-within {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-200:focus-within {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-300:focus-within {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-400:focus-within {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-500:focus-within {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-600:focus-within {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-700:focus-within {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-800:focus-within {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-900:focus-within {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .xl\:focus-within\:ring-offset-green-50:focus-within {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .xl\:focus-within\:ring-offset-green-100:focus-within {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .xl\:focus-within\:ring-offset-green-200:focus-within {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .xl\:focus-within\:ring-offset-green-300:focus-within {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .xl\:focus-within\:ring-offset-green-400:focus-within {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .xl\:focus-within\:ring-offset-green-500:focus-within {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .xl\:focus-within\:ring-offset-green-600:focus-within {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .xl\:focus-within\:ring-offset-green-700:focus-within {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .xl\:focus-within\:ring-offset-green-800:focus-within {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .xl\:focus-within\:ring-offset-green-900:focus-within {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-50:focus-within {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-100:focus-within {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-200:focus-within {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-300:focus-within {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-400:focus-within {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-500:focus-within {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-600:focus-within {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-700:focus-within {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-800:focus-within {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-900:focus-within {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-50:focus-within {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-100:focus-within {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-200:focus-within {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-300:focus-within {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-400:focus-within {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-500:focus-within {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-600:focus-within {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-700:focus-within {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-800:focus-within {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-900:focus-within {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-50:focus-within {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-100:focus-within {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-200:focus-within {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-300:focus-within {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-400:focus-within {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-500:focus-within {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-600:focus-within {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-700:focus-within {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-800:focus-within {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-900:focus-within {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-50:focus-within {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-100:focus-within {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-200:focus-within {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-300:focus-within {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-400:focus-within {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-500:focus-within {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-600:focus-within {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-700:focus-within {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-800:focus-within {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-900:focus-within {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .xl\:focus\:ring-offset-transparent:focus {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .xl\:focus\:ring-offset-current:focus {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .xl\:focus\:ring-offset-black:focus {
+    --tw-ring-offset-color: #000;
+  }
+
+  .xl\:focus\:ring-offset-white:focus {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .xl\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .xl\:focus\:ring-offset-gray-100:focus {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .xl\:focus\:ring-offset-gray-200:focus {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .xl\:focus\:ring-offset-gray-300:focus {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .xl\:focus\:ring-offset-gray-400:focus {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .xl\:focus\:ring-offset-gray-500:focus {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .xl\:focus\:ring-offset-gray-600:focus {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .xl\:focus\:ring-offset-gray-700:focus {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .xl\:focus\:ring-offset-gray-800:focus {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .xl\:focus\:ring-offset-gray-900:focus {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .xl\:focus\:ring-offset-red-50:focus {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .xl\:focus\:ring-offset-red-100:focus {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .xl\:focus\:ring-offset-red-200:focus {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .xl\:focus\:ring-offset-red-300:focus {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .xl\:focus\:ring-offset-red-400:focus {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .xl\:focus\:ring-offset-red-500:focus {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .xl\:focus\:ring-offset-red-600:focus {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .xl\:focus\:ring-offset-red-700:focus {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .xl\:focus\:ring-offset-red-800:focus {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .xl\:focus\:ring-offset-red-900:focus {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .xl\:focus\:ring-offset-yellow-50:focus {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .xl\:focus\:ring-offset-yellow-100:focus {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .xl\:focus\:ring-offset-yellow-200:focus {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .xl\:focus\:ring-offset-yellow-300:focus {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .xl\:focus\:ring-offset-yellow-400:focus {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .xl\:focus\:ring-offset-yellow-500:focus {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .xl\:focus\:ring-offset-yellow-600:focus {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .xl\:focus\:ring-offset-yellow-700:focus {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .xl\:focus\:ring-offset-yellow-800:focus {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .xl\:focus\:ring-offset-yellow-900:focus {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .xl\:focus\:ring-offset-green-50:focus {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .xl\:focus\:ring-offset-green-100:focus {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .xl\:focus\:ring-offset-green-200:focus {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .xl\:focus\:ring-offset-green-300:focus {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .xl\:focus\:ring-offset-green-400:focus {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .xl\:focus\:ring-offset-green-500:focus {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .xl\:focus\:ring-offset-green-600:focus {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .xl\:focus\:ring-offset-green-700:focus {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .xl\:focus\:ring-offset-green-800:focus {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .xl\:focus\:ring-offset-green-900:focus {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .xl\:focus\:ring-offset-blue-50:focus {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .xl\:focus\:ring-offset-blue-100:focus {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .xl\:focus\:ring-offset-blue-200:focus {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .xl\:focus\:ring-offset-blue-300:focus {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .xl\:focus\:ring-offset-blue-400:focus {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .xl\:focus\:ring-offset-blue-500:focus {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .xl\:focus\:ring-offset-blue-600:focus {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .xl\:focus\:ring-offset-blue-700:focus {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .xl\:focus\:ring-offset-blue-800:focus {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .xl\:focus\:ring-offset-blue-900:focus {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .xl\:focus\:ring-offset-indigo-50:focus {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .xl\:focus\:ring-offset-indigo-100:focus {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .xl\:focus\:ring-offset-indigo-200:focus {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .xl\:focus\:ring-offset-indigo-300:focus {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .xl\:focus\:ring-offset-indigo-400:focus {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .xl\:focus\:ring-offset-indigo-500:focus {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .xl\:focus\:ring-offset-indigo-600:focus {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .xl\:focus\:ring-offset-indigo-700:focus {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .xl\:focus\:ring-offset-indigo-800:focus {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .xl\:focus\:ring-offset-indigo-900:focus {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .xl\:focus\:ring-offset-purple-50:focus {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .xl\:focus\:ring-offset-purple-100:focus {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .xl\:focus\:ring-offset-purple-200:focus {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .xl\:focus\:ring-offset-purple-300:focus {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .xl\:focus\:ring-offset-purple-400:focus {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .xl\:focus\:ring-offset-purple-500:focus {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .xl\:focus\:ring-offset-purple-600:focus {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .xl\:focus\:ring-offset-purple-700:focus {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .xl\:focus\:ring-offset-purple-800:focus {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .xl\:focus\:ring-offset-purple-900:focus {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .xl\:focus\:ring-offset-pink-50:focus {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .xl\:focus\:ring-offset-pink-100:focus {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .xl\:focus\:ring-offset-pink-200:focus {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .xl\:focus\:ring-offset-pink-300:focus {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .xl\:focus\:ring-offset-pink-400:focus {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .xl\:focus\:ring-offset-pink-500:focus {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .xl\:focus\:ring-offset-pink-600:focus {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .xl\:focus\:ring-offset-pink-700:focus {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .xl\:focus\:ring-offset-pink-800:focus {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .xl\:focus\:ring-offset-pink-900:focus {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .xl\:ring-offset-0 {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .xl\:ring-offset-1 {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .xl\:ring-offset-2 {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .xl\:ring-offset-4 {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .xl\:ring-offset-8 {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .xl\:focus-within\:ring-offset-0:focus-within {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .xl\:focus-within\:ring-offset-1:focus-within {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .xl\:focus-within\:ring-offset-2:focus-within {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .xl\:focus-within\:ring-offset-4:focus-within {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .xl\:focus-within\:ring-offset-8:focus-within {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .xl\:focus\:ring-offset-0:focus {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .xl\:focus\:ring-offset-1:focus {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .xl\:focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .xl\:focus\:ring-offset-4:focus {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .xl\:focus\:ring-offset-8:focus {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .xl\:ring-transparent {
+    --tw-ring-color: transparent;
+  }
+
+  .xl\:ring-current {
+    --tw-ring-color: currentColor;
+  }
+
+  .xl\:ring-black {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-white {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-transparent:focus-within {
+    --tw-ring-color: transparent;
+  }
+
+  .xl\:focus-within\:ring-current:focus-within {
+    --tw-ring-color: currentColor;
+  }
+
+  .xl\:focus-within\:ring-black:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-white:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-transparent:focus {
+    --tw-ring-color: transparent;
+  }
+
+  .xl\:focus\:ring-current:focus {
+    --tw-ring-color: currentColor;
+  }
+
+  .xl\:focus\:ring-black:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-white:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-opacity-0 {
+    --tw-ring-opacity: 0;
+  }
+
+  .xl\:ring-opacity-5 {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .xl\:ring-opacity-10 {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .xl\:ring-opacity-20 {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .xl\:ring-opacity-25 {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .xl\:ring-opacity-30 {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .xl\:ring-opacity-40 {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .xl\:ring-opacity-50 {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .xl\:ring-opacity-60 {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .xl\:ring-opacity-70 {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .xl\:ring-opacity-75 {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .xl\:ring-opacity-80 {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .xl\:ring-opacity-90 {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .xl\:ring-opacity-95 {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .xl\:ring-opacity-100 {
+    --tw-ring-opacity: 1;
+  }
+
+  .xl\:focus-within\:ring-opacity-0:focus-within {
+    --tw-ring-opacity: 0;
+  }
+
+  .xl\:focus-within\:ring-opacity-5:focus-within {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .xl\:focus-within\:ring-opacity-10:focus-within {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .xl\:focus-within\:ring-opacity-20:focus-within {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .xl\:focus-within\:ring-opacity-25:focus-within {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .xl\:focus-within\:ring-opacity-30:focus-within {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .xl\:focus-within\:ring-opacity-40:focus-within {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .xl\:focus-within\:ring-opacity-50:focus-within {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .xl\:focus-within\:ring-opacity-60:focus-within {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .xl\:focus-within\:ring-opacity-70:focus-within {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .xl\:focus-within\:ring-opacity-75:focus-within {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .xl\:focus-within\:ring-opacity-80:focus-within {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .xl\:focus-within\:ring-opacity-90:focus-within {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .xl\:focus-within\:ring-opacity-95:focus-within {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .xl\:focus-within\:ring-opacity-100:focus-within {
+    --tw-ring-opacity: 1;
+  }
+
+  .xl\:focus\:ring-opacity-0:focus {
+    --tw-ring-opacity: 0;
+  }
+
+  .xl\:focus\:ring-opacity-5:focus {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .xl\:focus\:ring-opacity-10:focus {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .xl\:focus\:ring-opacity-20:focus {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .xl\:focus\:ring-opacity-25:focus {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .xl\:focus\:ring-opacity-30:focus {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .xl\:focus\:ring-opacity-40:focus {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .xl\:focus\:ring-opacity-50:focus {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .xl\:focus\:ring-opacity-60:focus {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .xl\:focus\:ring-opacity-70:focus {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .xl\:focus\:ring-opacity-75:focus {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .xl\:focus\:ring-opacity-80:focus {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .xl\:focus\:ring-opacity-90:focus {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .xl\:focus\:ring-opacity-95:focus {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .xl\:focus\:ring-opacity-100:focus {
+    --tw-ring-opacity: 1;
+  }
+
+  .xl\:fill-current {
+    fill: currentColor;
+  }
+
+  .xl\:stroke-current {
+    stroke: currentColor;
+  }
+
+  .xl\:stroke-0 {
+    stroke-width: 0;
+  }
+
+  .xl\:stroke-1 {
+    stroke-width: 1;
+  }
+
+  .xl\:stroke-2 {
+    stroke-width: 2;
+  }
+
+  .xl\:table-auto {
+    table-layout: auto;
+  }
+
+  .xl\:table-fixed {
+    table-layout: fixed;
+  }
+
+  .xl\:text-left {
+    text-align: left;
+  }
+
+  .xl\:text-center {
+    text-align: center;
+  }
+
+  .xl\:text-right {
+    text-align: right;
+  }
+
+  .xl\:text-justify {
+    text-align: justify;
+  }
+
+  .xl\:text-transparent {
+    color: transparent;
+  }
+
+  .xl\:text-current {
+    color: currentColor;
+  }
+
+  .xl\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .xl\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-transparent {
+    color: transparent;
+  }
+
+  .group:hover .xl\:group-hover\:text-current {
+    color: currentColor;
+  }
+
+  .group:hover .xl\:group-hover\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .xl\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .xl\:focus-within\:text-black:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-white:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .xl\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .xl\:hover\:text-black:hover {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .xl\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
+  .xl\:focus\:text-black:focus {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-white:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .xl\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .xl\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .xl\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .xl\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .xl\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .xl\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .xl\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .xl\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .xl\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .xl\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .xl\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .xl\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .xl\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .xl\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .xl\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .xl\:focus-within\:text-opacity-0:focus-within {
+    --tw-text-opacity: 0;
+  }
+
+  .xl\:focus-within\:text-opacity-5:focus-within {
+    --tw-text-opacity: 0.05;
+  }
+
+  .xl\:focus-within\:text-opacity-10:focus-within {
+    --tw-text-opacity: 0.1;
+  }
+
+  .xl\:focus-within\:text-opacity-20:focus-within {
+    --tw-text-opacity: 0.2;
+  }
+
+  .xl\:focus-within\:text-opacity-25:focus-within {
+    --tw-text-opacity: 0.25;
+  }
+
+  .xl\:focus-within\:text-opacity-30:focus-within {
+    --tw-text-opacity: 0.3;
+  }
+
+  .xl\:focus-within\:text-opacity-40:focus-within {
+    --tw-text-opacity: 0.4;
+  }
+
+  .xl\:focus-within\:text-opacity-50:focus-within {
+    --tw-text-opacity: 0.5;
+  }
+
+  .xl\:focus-within\:text-opacity-60:focus-within {
+    --tw-text-opacity: 0.6;
+  }
+
+  .xl\:focus-within\:text-opacity-70:focus-within {
+    --tw-text-opacity: 0.7;
+  }
+
+  .xl\:focus-within\:text-opacity-75:focus-within {
+    --tw-text-opacity: 0.75;
+  }
+
+  .xl\:focus-within\:text-opacity-80:focus-within {
+    --tw-text-opacity: 0.8;
+  }
+
+  .xl\:focus-within\:text-opacity-90:focus-within {
+    --tw-text-opacity: 0.9;
+  }
+
+  .xl\:focus-within\:text-opacity-95:focus-within {
+    --tw-text-opacity: 0.95;
+  }
+
+  .xl\:focus-within\:text-opacity-100:focus-within {
+    --tw-text-opacity: 1;
+  }
+
+  .xl\:hover\:text-opacity-0:hover {
+    --tw-text-opacity: 0;
+  }
+
+  .xl\:hover\:text-opacity-5:hover {
+    --tw-text-opacity: 0.05;
+  }
+
+  .xl\:hover\:text-opacity-10:hover {
+    --tw-text-opacity: 0.1;
+  }
+
+  .xl\:hover\:text-opacity-20:hover {
+    --tw-text-opacity: 0.2;
+  }
+
+  .xl\:hover\:text-opacity-25:hover {
+    --tw-text-opacity: 0.25;
+  }
+
+  .xl\:hover\:text-opacity-30:hover {
+    --tw-text-opacity: 0.3;
+  }
+
+  .xl\:hover\:text-opacity-40:hover {
+    --tw-text-opacity: 0.4;
+  }
+
+  .xl\:hover\:text-opacity-50:hover {
+    --tw-text-opacity: 0.5;
+  }
+
+  .xl\:hover\:text-opacity-60:hover {
+    --tw-text-opacity: 0.6;
+  }
+
+  .xl\:hover\:text-opacity-70:hover {
+    --tw-text-opacity: 0.7;
+  }
+
+  .xl\:hover\:text-opacity-75:hover {
+    --tw-text-opacity: 0.75;
+  }
+
+  .xl\:hover\:text-opacity-80:hover {
+    --tw-text-opacity: 0.8;
+  }
+
+  .xl\:hover\:text-opacity-90:hover {
+    --tw-text-opacity: 0.9;
+  }
+
+  .xl\:hover\:text-opacity-95:hover {
+    --tw-text-opacity: 0.95;
+  }
+
+  .xl\:hover\:text-opacity-100:hover {
+    --tw-text-opacity: 1;
+  }
+
+  .xl\:focus\:text-opacity-0:focus {
+    --tw-text-opacity: 0;
+  }
+
+  .xl\:focus\:text-opacity-5:focus {
+    --tw-text-opacity: 0.05;
+  }
+
+  .xl\:focus\:text-opacity-10:focus {
+    --tw-text-opacity: 0.1;
+  }
+
+  .xl\:focus\:text-opacity-20:focus {
+    --tw-text-opacity: 0.2;
+  }
+
+  .xl\:focus\:text-opacity-25:focus {
+    --tw-text-opacity: 0.25;
+  }
+
+  .xl\:focus\:text-opacity-30:focus {
+    --tw-text-opacity: 0.3;
+  }
+
+  .xl\:focus\:text-opacity-40:focus {
+    --tw-text-opacity: 0.4;
+  }
+
+  .xl\:focus\:text-opacity-50:focus {
+    --tw-text-opacity: 0.5;
+  }
+
+  .xl\:focus\:text-opacity-60:focus {
+    --tw-text-opacity: 0.6;
+  }
+
+  .xl\:focus\:text-opacity-70:focus {
+    --tw-text-opacity: 0.7;
+  }
+
+  .xl\:focus\:text-opacity-75:focus {
+    --tw-text-opacity: 0.75;
+  }
+
+  .xl\:focus\:text-opacity-80:focus {
+    --tw-text-opacity: 0.8;
+  }
+
+  .xl\:focus\:text-opacity-90:focus {
+    --tw-text-opacity: 0.9;
+  }
+
+  .xl\:focus\:text-opacity-95:focus {
+    --tw-text-opacity: 0.95;
+  }
+
+  .xl\:focus\:text-opacity-100:focus {
+    --tw-text-opacity: 1;
+  }
+
+  .xl\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .xl\:overflow-ellipsis {
+    text-overflow: ellipsis;
+  }
+
+  .xl\:overflow-clip {
+    text-overflow: clip;
+  }
+
+  .xl\:italic {
+    font-style: italic;
+  }
+
+  .xl\:not-italic {
+    font-style: normal;
+  }
+
+  .xl\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .xl\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .xl\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .xl\:normal-case {
+    text-transform: none;
+  }
+
+  .xl\:underline {
+    text-decoration: underline;
+  }
+
+  .xl\:line-through {
+    text-decoration: line-through;
+  }
+
+  .xl\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:hover .xl\:group-hover\:underline {
+    text-decoration: underline;
+  }
+
+  .group:hover .xl\:group-hover\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:hover .xl\:group-hover\:no-underline {
+    text-decoration: none;
+  }
+
+  .xl\:focus-within\:underline:focus-within {
+    text-decoration: underline;
+  }
+
+  .xl\:focus-within\:line-through:focus-within {
+    text-decoration: line-through;
+  }
+
+  .xl\:focus-within\:no-underline:focus-within {
+    text-decoration: none;
+  }
+
+  .xl\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .xl\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .xl\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .xl\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .xl\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .xl\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .xl\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .xl\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions {
+    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
+    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+  }
+
+  .xl\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .xl\:ordinal {
+    --tw-ordinal: ordinal;
+  }
+
+  .xl\:slashed-zero {
+    --tw-slashed-zero: slashed-zero;
+  }
+
+  .xl\:lining-nums {
+    --tw-numeric-figure: lining-nums;
+  }
+
+  .xl\:oldstyle-nums {
+    --tw-numeric-figure: oldstyle-nums;
+  }
+
+  .xl\:proportional-nums {
+    --tw-numeric-spacing: proportional-nums;
+  }
+
+  .xl\:tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+  }
+
+  .xl\:diagonal-fractions {
+    --tw-numeric-fraction: diagonal-fractions;
+  }
+
+  .xl\:stacked-fractions {
+    --tw-numeric-fraction: stacked-fractions;
+  }
+
+  .xl\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .xl\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .xl\:tracking-normal {
+    letter-spacing: 0em;
+  }
+
+  .xl\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .xl\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .xl\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .xl\:select-none {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+
+  .xl\:select-text {
+    -webkit-user-select: text;
+            user-select: text;
+  }
+
+  .xl\:select-all {
+    -webkit-user-select: all;
+            user-select: all;
+  }
+
+  .xl\:select-auto {
+    -webkit-user-select: auto;
+            user-select: auto;
+  }
+
+  .xl\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .xl\:align-top {
+    vertical-align: top;
+  }
+
+  .xl\:align-middle {
+    vertical-align: middle;
+  }
+
+  .xl\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .xl\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .xl\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .xl\:visible {
+    visibility: visible;
+  }
+
+  .xl\:invisible {
+    visibility: hidden;
+  }
+
+  .xl\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .xl\:whitespace-nowrap {
+    white-space: nowrap;
+  }
+
+  .xl\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .xl\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .xl\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .xl\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .xl\:break-words {
+    overflow-wrap: break-word;
+  }
+
+  .xl\:break-all {
+    word-break: break-all;
+  }
+
+  .xl\:w-0 {
+    width: 0px;
+  }
+
+  .xl\:w-1 {
+    width: 0.25rem;
+  }
+
+  .xl\:w-2 {
+    width: 0.5rem;
+  }
+
+  .xl\:w-3 {
+    width: 0.75rem;
+  }
+
+  .xl\:w-4 {
+    width: 1rem;
+  }
+
+  .xl\:w-5 {
+    width: 1.25rem;
+  }
+
+  .xl\:w-6 {
+    width: 1.5rem;
+  }
+
+  .xl\:w-7 {
+    width: 1.75rem;
+  }
+
+  .xl\:w-8 {
+    width: 2rem;
+  }
+
+  .xl\:w-9 {
+    width: 2.25rem;
+  }
+
+  .xl\:w-10 {
+    width: 2.5rem;
+  }
+
+  .xl\:w-11 {
+    width: 2.75rem;
+  }
+
+  .xl\:w-12 {
+    width: 3rem;
+  }
+
+  .xl\:w-14 {
+    width: 3.5rem;
+  }
+
+  .xl\:w-16 {
+    width: 4rem;
+  }
+
+  .xl\:w-20 {
+    width: 5rem;
+  }
+
+  .xl\:w-24 {
+    width: 6rem;
+  }
+
+  .xl\:w-28 {
+    width: 7rem;
+  }
+
+  .xl\:w-32 {
+    width: 8rem;
+  }
+
+  .xl\:w-36 {
+    width: 9rem;
+  }
+
+  .xl\:w-40 {
+    width: 10rem;
+  }
+
+  .xl\:w-44 {
+    width: 11rem;
+  }
+
+  .xl\:w-48 {
+    width: 12rem;
+  }
+
+  .xl\:w-52 {
+    width: 13rem;
+  }
+
+  .xl\:w-56 {
+    width: 14rem;
+  }
+
+  .xl\:w-60 {
+    width: 15rem;
+  }
+
+  .xl\:w-64 {
+    width: 16rem;
+  }
+
+  .xl\:w-72 {
+    width: 18rem;
+  }
+
+  .xl\:w-80 {
+    width: 20rem;
+  }
+
+  .xl\:w-96 {
+    width: 24rem;
+  }
+
+  .xl\:w-auto {
+    width: auto;
+  }
+
+  .xl\:w-px {
+    width: 1px;
+  }
+
+  .xl\:w-0\.5 {
+    width: 0.125rem;
+  }
+
+  .xl\:w-1\.5 {
+    width: 0.375rem;
+  }
+
+  .xl\:w-2\.5 {
+    width: 0.625rem;
+  }
+
+  .xl\:w-3\.5 {
+    width: 0.875rem;
+  }
+
+  .xl\:w-1\/2 {
+    width: 50%;
+  }
+
+  .xl\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .xl\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .xl\:w-1\/4 {
+    width: 25%;
+  }
+
+  .xl\:w-2\/4 {
+    width: 50%;
+  }
+
+  .xl\:w-3\/4 {
+    width: 75%;
+  }
+
+  .xl\:w-1\/5 {
+    width: 20%;
+  }
+
+  .xl\:w-2\/5 {
+    width: 40%;
+  }
+
+  .xl\:w-3\/5 {
+    width: 60%;
+  }
+
+  .xl\:w-4\/5 {
+    width: 80%;
+  }
+
+  .xl\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .xl\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .xl\:w-3\/6 {
+    width: 50%;
+  }
+
+  .xl\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .xl\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .xl\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .xl\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .xl\:w-3\/12 {
+    width: 25%;
+  }
+
+  .xl\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .xl\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .xl\:w-6\/12 {
+    width: 50%;
+  }
+
+  .xl\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .xl\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .xl\:w-9\/12 {
+    width: 75%;
+  }
+
+  .xl\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .xl\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .xl\:w-full {
+    width: 100%;
+  }
+
+  .xl\:w-screen {
+    width: 100vw;
+  }
+
+  .xl\:w-min {
+    width: -webkit-min-content;
+    width: min-content;
+  }
+
+  .xl\:w-max {
+    width: -webkit-max-content;
+    width: max-content;
+  }
+
+  .xl\:z-0 {
+    z-index: 0;
+  }
+
+  .xl\:z-10 {
+    z-index: 10;
+  }
+
+  .xl\:z-20 {
+    z-index: 20;
+  }
+
+  .xl\:z-30 {
+    z-index: 30;
+  }
+
+  .xl\:z-40 {
+    z-index: 40;
+  }
+
+  .xl\:z-50 {
+    z-index: 50;
+  }
+
+  .xl\:z-auto {
+    z-index: auto;
+  }
+
+  .xl\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .xl\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .xl\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .xl\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .xl\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .xl\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .xl\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
+  .xl\:focus\:z-0:focus {
+    z-index: 0;
+  }
+
+  .xl\:focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .xl\:focus\:z-20:focus {
+    z-index: 20;
+  }
+
+  .xl\:focus\:z-30:focus {
+    z-index: 30;
+  }
+
+  .xl\:focus\:z-40:focus {
+    z-index: 40;
+  }
+
+  .xl\:focus\:z-50:focus {
+    z-index: 50;
+  }
+
+  .xl\:focus\:z-auto:focus {
+    z-index: auto;
+  }
+
+  .xl\:gap-0 {
+    gap: 0px;
+  }
+
+  .xl\:gap-1 {
+    gap: 0.25rem;
+  }
+
+  .xl\:gap-2 {
+    gap: 0.5rem;
+  }
+
+  .xl\:gap-3 {
+    gap: 0.75rem;
+  }
+
+  .xl\:gap-4 {
+    gap: 1rem;
+  }
+
+  .xl\:gap-5 {
+    gap: 1.25rem;
+  }
+
+  .xl\:gap-6 {
+    gap: 1.5rem;
+  }
+
+  .xl\:gap-7 {
+    gap: 1.75rem;
+  }
+
+  .xl\:gap-8 {
+    gap: 2rem;
+  }
+
+  .xl\:gap-9 {
+    gap: 2.25rem;
+  }
+
+  .xl\:gap-10 {
+    gap: 2.5rem;
+  }
+
+  .xl\:gap-11 {
+    gap: 2.75rem;
+  }
+
+  .xl\:gap-12 {
+    gap: 3rem;
+  }
+
+  .xl\:gap-14 {
+    gap: 3.5rem;
+  }
+
+  .xl\:gap-16 {
+    gap: 4rem;
+  }
+
+  .xl\:gap-20 {
+    gap: 5rem;
+  }
+
+  .xl\:gap-24 {
+    gap: 6rem;
+  }
+
+  .xl\:gap-28 {
+    gap: 7rem;
+  }
+
+  .xl\:gap-32 {
+    gap: 8rem;
+  }
+
+  .xl\:gap-36 {
+    gap: 9rem;
+  }
+
+  .xl\:gap-40 {
+    gap: 10rem;
+  }
+
+  .xl\:gap-44 {
+    gap: 11rem;
+  }
+
+  .xl\:gap-48 {
+    gap: 12rem;
+  }
+
+  .xl\:gap-52 {
+    gap: 13rem;
+  }
+
+  .xl\:gap-56 {
+    gap: 14rem;
+  }
+
+  .xl\:gap-60 {
+    gap: 15rem;
+  }
+
+  .xl\:gap-64 {
+    gap: 16rem;
+  }
+
+  .xl\:gap-72 {
+    gap: 18rem;
+  }
+
+  .xl\:gap-80 {
+    gap: 20rem;
+  }
+
+  .xl\:gap-96 {
+    gap: 24rem;
+  }
+
+  .xl\:gap-px {
+    gap: 1px;
+  }
+
+  .xl\:gap-0\.5 {
+    gap: 0.125rem;
+  }
+
+  .xl\:gap-1\.5 {
+    gap: 0.375rem;
+  }
+
+  .xl\:gap-2\.5 {
+    gap: 0.625rem;
+  }
+
+  .xl\:gap-3\.5 {
+    gap: 0.875rem;
+  }
+
+  .xl\:gap-x-0 {
+    column-gap: 0px;
+  }
+
+  .xl\:gap-x-1 {
+    column-gap: 0.25rem;
+  }
+
+  .xl\:gap-x-2 {
+    column-gap: 0.5rem;
+  }
+
+  .xl\:gap-x-3 {
+    column-gap: 0.75rem;
+  }
+
+  .xl\:gap-x-4 {
+    column-gap: 1rem;
+  }
+
+  .xl\:gap-x-5 {
+    column-gap: 1.25rem;
+  }
+
+  .xl\:gap-x-6 {
+    column-gap: 1.5rem;
+  }
+
+  .xl\:gap-x-7 {
+    column-gap: 1.75rem;
+  }
+
+  .xl\:gap-x-8 {
+    column-gap: 2rem;
+  }
+
+  .xl\:gap-x-9 {
+    column-gap: 2.25rem;
+  }
+
+  .xl\:gap-x-10 {
+    column-gap: 2.5rem;
+  }
+
+  .xl\:gap-x-11 {
+    column-gap: 2.75rem;
+  }
+
+  .xl\:gap-x-12 {
+    column-gap: 3rem;
+  }
+
+  .xl\:gap-x-14 {
+    column-gap: 3.5rem;
+  }
+
+  .xl\:gap-x-16 {
+    column-gap: 4rem;
+  }
+
+  .xl\:gap-x-20 {
+    column-gap: 5rem;
+  }
+
+  .xl\:gap-x-24 {
+    column-gap: 6rem;
+  }
+
+  .xl\:gap-x-28 {
+    column-gap: 7rem;
+  }
+
+  .xl\:gap-x-32 {
+    column-gap: 8rem;
+  }
+
+  .xl\:gap-x-36 {
+    column-gap: 9rem;
+  }
+
+  .xl\:gap-x-40 {
+    column-gap: 10rem;
+  }
+
+  .xl\:gap-x-44 {
+    column-gap: 11rem;
+  }
+
+  .xl\:gap-x-48 {
+    column-gap: 12rem;
+  }
+
+  .xl\:gap-x-52 {
+    column-gap: 13rem;
+  }
+
+  .xl\:gap-x-56 {
+    column-gap: 14rem;
+  }
+
+  .xl\:gap-x-60 {
+    column-gap: 15rem;
+  }
+
+  .xl\:gap-x-64 {
+    column-gap: 16rem;
+  }
+
+  .xl\:gap-x-72 {
+    column-gap: 18rem;
+  }
+
+  .xl\:gap-x-80 {
+    column-gap: 20rem;
+  }
+
+  .xl\:gap-x-96 {
+    column-gap: 24rem;
+  }
+
+  .xl\:gap-x-px {
+    column-gap: 1px;
+  }
+
+  .xl\:gap-x-0\.5 {
+    column-gap: 0.125rem;
+  }
+
+  .xl\:gap-x-1\.5 {
+    column-gap: 0.375rem;
+  }
+
+  .xl\:gap-x-2\.5 {
+    column-gap: 0.625rem;
+  }
+
+  .xl\:gap-x-3\.5 {
+    column-gap: 0.875rem;
+  }
+
+  .xl\:gap-y-0 {
+    row-gap: 0px;
+  }
+
+  .xl\:gap-y-1 {
+    row-gap: 0.25rem;
+  }
+
+  .xl\:gap-y-2 {
+    row-gap: 0.5rem;
+  }
+
+  .xl\:gap-y-3 {
+    row-gap: 0.75rem;
+  }
+
+  .xl\:gap-y-4 {
+    row-gap: 1rem;
+  }
+
+  .xl\:gap-y-5 {
+    row-gap: 1.25rem;
+  }
+
+  .xl\:gap-y-6 {
+    row-gap: 1.5rem;
+  }
+
+  .xl\:gap-y-7 {
+    row-gap: 1.75rem;
+  }
+
+  .xl\:gap-y-8 {
+    row-gap: 2rem;
+  }
+
+  .xl\:gap-y-9 {
+    row-gap: 2.25rem;
+  }
+
+  .xl\:gap-y-10 {
+    row-gap: 2.5rem;
+  }
+
+  .xl\:gap-y-11 {
+    row-gap: 2.75rem;
+  }
+
+  .xl\:gap-y-12 {
+    row-gap: 3rem;
+  }
+
+  .xl\:gap-y-14 {
+    row-gap: 3.5rem;
+  }
+
+  .xl\:gap-y-16 {
+    row-gap: 4rem;
+  }
+
+  .xl\:gap-y-20 {
+    row-gap: 5rem;
+  }
+
+  .xl\:gap-y-24 {
+    row-gap: 6rem;
+  }
+
+  .xl\:gap-y-28 {
+    row-gap: 7rem;
+  }
+
+  .xl\:gap-y-32 {
+    row-gap: 8rem;
+  }
+
+  .xl\:gap-y-36 {
+    row-gap: 9rem;
+  }
+
+  .xl\:gap-y-40 {
+    row-gap: 10rem;
+  }
+
+  .xl\:gap-y-44 {
+    row-gap: 11rem;
+  }
+
+  .xl\:gap-y-48 {
+    row-gap: 12rem;
+  }
+
+  .xl\:gap-y-52 {
+    row-gap: 13rem;
+  }
+
+  .xl\:gap-y-56 {
+    row-gap: 14rem;
+  }
+
+  .xl\:gap-y-60 {
+    row-gap: 15rem;
+  }
+
+  .xl\:gap-y-64 {
+    row-gap: 16rem;
+  }
+
+  .xl\:gap-y-72 {
+    row-gap: 18rem;
+  }
+
+  .xl\:gap-y-80 {
+    row-gap: 20rem;
+  }
+
+  .xl\:gap-y-96 {
+    row-gap: 24rem;
+  }
+
+  .xl\:gap-y-px {
+    row-gap: 1px;
+  }
+
+  .xl\:gap-y-0\.5 {
+    row-gap: 0.125rem;
+  }
+
+  .xl\:gap-y-1\.5 {
+    row-gap: 0.375rem;
+  }
+
+  .xl\:gap-y-2\.5 {
+    row-gap: 0.625rem;
+  }
+
+  .xl\:gap-y-3\.5 {
+    row-gap: 0.875rem;
+  }
+
+  .xl\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .xl\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .xl\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .xl\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .xl\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .xl\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .xl\:auto-cols-min {
+    grid-auto-columns: -webkit-min-content;
+    grid-auto-columns: min-content;
+  }
+
+  .xl\:auto-cols-max {
+    grid-auto-columns: -webkit-max-content;
+    grid-auto-columns: max-content;
+  }
+
+  .xl\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .xl\:col-auto {
+    grid-column: auto;
+  }
+
+  .xl\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .xl\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .xl\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .xl\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .xl\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .xl\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .xl\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .xl\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .xl\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .xl\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .xl\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .xl\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .xl\:col-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .xl\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .xl\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .xl\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .xl\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .xl\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .xl\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .xl\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .xl\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .xl\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .xl\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .xl\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .xl\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .xl\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .xl\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .xl\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .xl\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .xl\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .xl\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .xl\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .xl\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .xl\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .xl\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .xl\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .xl\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .xl\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .xl\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .xl\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .xl\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .xl\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .xl\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .xl\:auto-rows-min {
+    grid-auto-rows: -webkit-min-content;
+    grid-auto-rows: min-content;
+  }
+
+  .xl\:auto-rows-max {
+    grid-auto-rows: -webkit-max-content;
+    grid-auto-rows: max-content;
+  }
+
+  .xl\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .xl\:row-auto {
+    grid-row: auto;
+  }
+
+  .xl\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .xl\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .xl\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .xl\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .xl\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .xl\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .xl\:row-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .xl\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .xl\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .xl\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .xl\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .xl\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .xl\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .xl\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .xl\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .xl\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .xl\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .xl\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .xl\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .xl\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .xl\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .xl\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .xl\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .xl\:transform {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .xl\:transform-gpu {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .xl\:transform-none {
+    transform: none;
+  }
+
+  .xl\:origin-center {
+    transform-origin: center;
+  }
+
+  .xl\:origin-top {
+    transform-origin: top;
+  }
+
+  .xl\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .xl\:origin-right {
+    transform-origin: right;
+  }
+
+  .xl\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .xl\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .xl\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .xl\:origin-left {
+    transform-origin: left;
+  }
+
+  .xl\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .xl\:scale-0 {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .xl\:scale-50 {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .xl\:scale-75 {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .xl\:scale-90 {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .xl\:scale-95 {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .xl\:scale-100 {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .xl\:scale-105 {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .xl\:scale-110 {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .xl\:scale-125 {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .xl\:scale-150 {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .xl\:scale-x-0 {
+    --tw-scale-x: 0;
+  }
+
+  .xl\:scale-x-50 {
+    --tw-scale-x: .5;
+  }
+
+  .xl\:scale-x-75 {
+    --tw-scale-x: .75;
+  }
+
+  .xl\:scale-x-90 {
+    --tw-scale-x: .9;
+  }
+
+  .xl\:scale-x-95 {
+    --tw-scale-x: .95;
+  }
+
+  .xl\:scale-x-100 {
+    --tw-scale-x: 1;
+  }
+
+  .xl\:scale-x-105 {
+    --tw-scale-x: 1.05;
+  }
+
+  .xl\:scale-x-110 {
+    --tw-scale-x: 1.1;
+  }
+
+  .xl\:scale-x-125 {
+    --tw-scale-x: 1.25;
+  }
+
+  .xl\:scale-x-150 {
+    --tw-scale-x: 1.5;
+  }
+
+  .xl\:scale-y-0 {
+    --tw-scale-y: 0;
+  }
+
+  .xl\:scale-y-50 {
+    --tw-scale-y: .5;
+  }
+
+  .xl\:scale-y-75 {
+    --tw-scale-y: .75;
+  }
+
+  .xl\:scale-y-90 {
+    --tw-scale-y: .9;
+  }
+
+  .xl\:scale-y-95 {
+    --tw-scale-y: .95;
+  }
+
+  .xl\:scale-y-100 {
+    --tw-scale-y: 1;
+  }
+
+  .xl\:scale-y-105 {
+    --tw-scale-y: 1.05;
+  }
+
+  .xl\:scale-y-110 {
+    --tw-scale-y: 1.1;
+  }
+
+  .xl\:scale-y-125 {
+    --tw-scale-y: 1.25;
+  }
+
+  .xl\:scale-y-150 {
+    --tw-scale-y: 1.5;
+  }
+
+  .xl\:hover\:scale-0:hover {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .xl\:hover\:scale-50:hover {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .xl\:hover\:scale-75:hover {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .xl\:hover\:scale-90:hover {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .xl\:hover\:scale-95:hover {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .xl\:hover\:scale-100:hover {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .xl\:hover\:scale-105:hover {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .xl\:hover\:scale-110:hover {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .xl\:hover\:scale-125:hover {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .xl\:hover\:scale-150:hover {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .xl\:hover\:scale-x-0:hover {
+    --tw-scale-x: 0;
+  }
+
+  .xl\:hover\:scale-x-50:hover {
+    --tw-scale-x: .5;
+  }
+
+  .xl\:hover\:scale-x-75:hover {
+    --tw-scale-x: .75;
+  }
+
+  .xl\:hover\:scale-x-90:hover {
+    --tw-scale-x: .9;
+  }
+
+  .xl\:hover\:scale-x-95:hover {
+    --tw-scale-x: .95;
+  }
+
+  .xl\:hover\:scale-x-100:hover {
+    --tw-scale-x: 1;
+  }
+
+  .xl\:hover\:scale-x-105:hover {
+    --tw-scale-x: 1.05;
+  }
+
+  .xl\:hover\:scale-x-110:hover {
+    --tw-scale-x: 1.1;
+  }
+
+  .xl\:hover\:scale-x-125:hover {
+    --tw-scale-x: 1.25;
+  }
+
+  .xl\:hover\:scale-x-150:hover {
+    --tw-scale-x: 1.5;
+  }
+
+  .xl\:hover\:scale-y-0:hover {
+    --tw-scale-y: 0;
+  }
+
+  .xl\:hover\:scale-y-50:hover {
+    --tw-scale-y: .5;
+  }
+
+  .xl\:hover\:scale-y-75:hover {
+    --tw-scale-y: .75;
+  }
+
+  .xl\:hover\:scale-y-90:hover {
+    --tw-scale-y: .9;
+  }
+
+  .xl\:hover\:scale-y-95:hover {
+    --tw-scale-y: .95;
+  }
+
+  .xl\:hover\:scale-y-100:hover {
+    --tw-scale-y: 1;
+  }
+
+  .xl\:hover\:scale-y-105:hover {
+    --tw-scale-y: 1.05;
+  }
+
+  .xl\:hover\:scale-y-110:hover {
+    --tw-scale-y: 1.1;
+  }
+
+  .xl\:hover\:scale-y-125:hover {
+    --tw-scale-y: 1.25;
+  }
+
+  .xl\:hover\:scale-y-150:hover {
+    --tw-scale-y: 1.5;
+  }
+
+  .xl\:focus\:scale-0:focus {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .xl\:focus\:scale-50:focus {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .xl\:focus\:scale-75:focus {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .xl\:focus\:scale-90:focus {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .xl\:focus\:scale-95:focus {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .xl\:focus\:scale-100:focus {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .xl\:focus\:scale-105:focus {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .xl\:focus\:scale-110:focus {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .xl\:focus\:scale-125:focus {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .xl\:focus\:scale-150:focus {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .xl\:focus\:scale-x-0:focus {
+    --tw-scale-x: 0;
+  }
+
+  .xl\:focus\:scale-x-50:focus {
+    --tw-scale-x: .5;
+  }
+
+  .xl\:focus\:scale-x-75:focus {
+    --tw-scale-x: .75;
+  }
+
+  .xl\:focus\:scale-x-90:focus {
+    --tw-scale-x: .9;
+  }
+
+  .xl\:focus\:scale-x-95:focus {
+    --tw-scale-x: .95;
+  }
+
+  .xl\:focus\:scale-x-100:focus {
+    --tw-scale-x: 1;
+  }
+
+  .xl\:focus\:scale-x-105:focus {
+    --tw-scale-x: 1.05;
+  }
+
+  .xl\:focus\:scale-x-110:focus {
+    --tw-scale-x: 1.1;
+  }
+
+  .xl\:focus\:scale-x-125:focus {
+    --tw-scale-x: 1.25;
+  }
+
+  .xl\:focus\:scale-x-150:focus {
+    --tw-scale-x: 1.5;
+  }
+
+  .xl\:focus\:scale-y-0:focus {
+    --tw-scale-y: 0;
+  }
+
+  .xl\:focus\:scale-y-50:focus {
+    --tw-scale-y: .5;
+  }
+
+  .xl\:focus\:scale-y-75:focus {
+    --tw-scale-y: .75;
+  }
+
+  .xl\:focus\:scale-y-90:focus {
+    --tw-scale-y: .9;
+  }
+
+  .xl\:focus\:scale-y-95:focus {
+    --tw-scale-y: .95;
+  }
+
+  .xl\:focus\:scale-y-100:focus {
+    --tw-scale-y: 1;
+  }
+
+  .xl\:focus\:scale-y-105:focus {
+    --tw-scale-y: 1.05;
+  }
+
+  .xl\:focus\:scale-y-110:focus {
+    --tw-scale-y: 1.1;
+  }
+
+  .xl\:focus\:scale-y-125:focus {
+    --tw-scale-y: 1.25;
+  }
+
+  .xl\:focus\:scale-y-150:focus {
+    --tw-scale-y: 1.5;
+  }
+
+  .xl\:rotate-0 {
+    --tw-rotate: 0deg;
+  }
+
+  .xl\:rotate-1 {
+    --tw-rotate: 1deg;
+  }
+
+  .xl\:rotate-2 {
+    --tw-rotate: 2deg;
+  }
+
+  .xl\:rotate-3 {
+    --tw-rotate: 3deg;
+  }
+
+  .xl\:rotate-6 {
+    --tw-rotate: 6deg;
+  }
+
+  .xl\:rotate-12 {
+    --tw-rotate: 12deg;
+  }
+
+  .xl\:rotate-45 {
+    --tw-rotate: 45deg;
+  }
+
+  .xl\:rotate-90 {
+    --tw-rotate: 90deg;
+  }
+
+  .xl\:rotate-180 {
+    --tw-rotate: 180deg;
+  }
+
+  .xl\:-rotate-180 {
+    --tw-rotate: -180deg;
+  }
+
+  .xl\:-rotate-90 {
+    --tw-rotate: -90deg;
+  }
+
+  .xl\:-rotate-45 {
+    --tw-rotate: -45deg;
+  }
+
+  .xl\:-rotate-12 {
+    --tw-rotate: -12deg;
+  }
+
+  .xl\:-rotate-6 {
+    --tw-rotate: -6deg;
+  }
+
+  .xl\:-rotate-3 {
+    --tw-rotate: -3deg;
+  }
+
+  .xl\:-rotate-2 {
+    --tw-rotate: -2deg;
+  }
+
+  .xl\:-rotate-1 {
+    --tw-rotate: -1deg;
+  }
+
+  .xl\:hover\:rotate-0:hover {
+    --tw-rotate: 0deg;
+  }
+
+  .xl\:hover\:rotate-1:hover {
+    --tw-rotate: 1deg;
+  }
+
+  .xl\:hover\:rotate-2:hover {
+    --tw-rotate: 2deg;
+  }
+
+  .xl\:hover\:rotate-3:hover {
+    --tw-rotate: 3deg;
+  }
+
+  .xl\:hover\:rotate-6:hover {
+    --tw-rotate: 6deg;
+  }
+
+  .xl\:hover\:rotate-12:hover {
+    --tw-rotate: 12deg;
+  }
+
+  .xl\:hover\:rotate-45:hover {
+    --tw-rotate: 45deg;
+  }
+
+  .xl\:hover\:rotate-90:hover {
+    --tw-rotate: 90deg;
+  }
+
+  .xl\:hover\:rotate-180:hover {
+    --tw-rotate: 180deg;
+  }
+
+  .xl\:hover\:-rotate-180:hover {
+    --tw-rotate: -180deg;
+  }
+
+  .xl\:hover\:-rotate-90:hover {
+    --tw-rotate: -90deg;
+  }
+
+  .xl\:hover\:-rotate-45:hover {
+    --tw-rotate: -45deg;
+  }
+
+  .xl\:hover\:-rotate-12:hover {
+    --tw-rotate: -12deg;
+  }
+
+  .xl\:hover\:-rotate-6:hover {
+    --tw-rotate: -6deg;
+  }
+
+  .xl\:hover\:-rotate-3:hover {
+    --tw-rotate: -3deg;
+  }
+
+  .xl\:hover\:-rotate-2:hover {
+    --tw-rotate: -2deg;
+  }
+
+  .xl\:hover\:-rotate-1:hover {
+    --tw-rotate: -1deg;
+  }
+
+  .xl\:focus\:rotate-0:focus {
+    --tw-rotate: 0deg;
+  }
+
+  .xl\:focus\:rotate-1:focus {
+    --tw-rotate: 1deg;
+  }
+
+  .xl\:focus\:rotate-2:focus {
+    --tw-rotate: 2deg;
+  }
+
+  .xl\:focus\:rotate-3:focus {
+    --tw-rotate: 3deg;
+  }
+
+  .xl\:focus\:rotate-6:focus {
+    --tw-rotate: 6deg;
+  }
+
+  .xl\:focus\:rotate-12:focus {
+    --tw-rotate: 12deg;
+  }
+
+  .xl\:focus\:rotate-45:focus {
+    --tw-rotate: 45deg;
+  }
+
+  .xl\:focus\:rotate-90:focus {
+    --tw-rotate: 90deg;
+  }
+
+  .xl\:focus\:rotate-180:focus {
+    --tw-rotate: 180deg;
+  }
+
+  .xl\:focus\:-rotate-180:focus {
+    --tw-rotate: -180deg;
+  }
+
+  .xl\:focus\:-rotate-90:focus {
+    --tw-rotate: -90deg;
+  }
+
+  .xl\:focus\:-rotate-45:focus {
+    --tw-rotate: -45deg;
+  }
+
+  .xl\:focus\:-rotate-12:focus {
+    --tw-rotate: -12deg;
+  }
+
+  .xl\:focus\:-rotate-6:focus {
+    --tw-rotate: -6deg;
+  }
+
+  .xl\:focus\:-rotate-3:focus {
+    --tw-rotate: -3deg;
+  }
+
+  .xl\:focus\:-rotate-2:focus {
+    --tw-rotate: -2deg;
+  }
+
+  .xl\:focus\:-rotate-1:focus {
+    --tw-rotate: -1deg;
+  }
+
+  .xl\:translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .xl\:translate-x-1 {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .xl\:translate-x-2 {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .xl\:translate-x-3 {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .xl\:translate-x-4 {
+    --tw-translate-x: 1rem;
+  }
+
+  .xl\:translate-x-5 {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .xl\:translate-x-6 {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .xl\:translate-x-7 {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .xl\:translate-x-8 {
+    --tw-translate-x: 2rem;
+  }
+
+  .xl\:translate-x-9 {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .xl\:translate-x-10 {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .xl\:translate-x-11 {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .xl\:translate-x-12 {
+    --tw-translate-x: 3rem;
+  }
+
+  .xl\:translate-x-14 {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .xl\:translate-x-16 {
+    --tw-translate-x: 4rem;
+  }
+
+  .xl\:translate-x-20 {
+    --tw-translate-x: 5rem;
+  }
+
+  .xl\:translate-x-24 {
+    --tw-translate-x: 6rem;
+  }
+
+  .xl\:translate-x-28 {
+    --tw-translate-x: 7rem;
+  }
+
+  .xl\:translate-x-32 {
+    --tw-translate-x: 8rem;
+  }
+
+  .xl\:translate-x-36 {
+    --tw-translate-x: 9rem;
+  }
+
+  .xl\:translate-x-40 {
+    --tw-translate-x: 10rem;
+  }
+
+  .xl\:translate-x-44 {
+    --tw-translate-x: 11rem;
+  }
+
+  .xl\:translate-x-48 {
+    --tw-translate-x: 12rem;
+  }
+
+  .xl\:translate-x-52 {
+    --tw-translate-x: 13rem;
+  }
+
+  .xl\:translate-x-56 {
+    --tw-translate-x: 14rem;
+  }
+
+  .xl\:translate-x-60 {
+    --tw-translate-x: 15rem;
+  }
+
+  .xl\:translate-x-64 {
+    --tw-translate-x: 16rem;
+  }
+
+  .xl\:translate-x-72 {
+    --tw-translate-x: 18rem;
+  }
+
+  .xl\:translate-x-80 {
+    --tw-translate-x: 20rem;
+  }
+
+  .xl\:translate-x-96 {
+    --tw-translate-x: 24rem;
+  }
+
+  .xl\:translate-x-px {
+    --tw-translate-x: 1px;
+  }
+
+  .xl\:translate-x-0\.5 {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .xl\:translate-x-1\.5 {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .xl\:translate-x-2\.5 {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .xl\:translate-x-3\.5 {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .xl\:-translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .xl\:-translate-x-1 {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .xl\:-translate-x-2 {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .xl\:-translate-x-3 {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .xl\:-translate-x-4 {
+    --tw-translate-x: -1rem;
+  }
+
+  .xl\:-translate-x-5 {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .xl\:-translate-x-6 {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .xl\:-translate-x-7 {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .xl\:-translate-x-8 {
+    --tw-translate-x: -2rem;
+  }
+
+  .xl\:-translate-x-9 {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .xl\:-translate-x-10 {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .xl\:-translate-x-11 {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .xl\:-translate-x-12 {
+    --tw-translate-x: -3rem;
+  }
+
+  .xl\:-translate-x-14 {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .xl\:-translate-x-16 {
+    --tw-translate-x: -4rem;
+  }
+
+  .xl\:-translate-x-20 {
+    --tw-translate-x: -5rem;
+  }
+
+  .xl\:-translate-x-24 {
+    --tw-translate-x: -6rem;
+  }
+
+  .xl\:-translate-x-28 {
+    --tw-translate-x: -7rem;
+  }
+
+  .xl\:-translate-x-32 {
+    --tw-translate-x: -8rem;
+  }
+
+  .xl\:-translate-x-36 {
+    --tw-translate-x: -9rem;
+  }
+
+  .xl\:-translate-x-40 {
+    --tw-translate-x: -10rem;
+  }
+
+  .xl\:-translate-x-44 {
+    --tw-translate-x: -11rem;
+  }
+
+  .xl\:-translate-x-48 {
+    --tw-translate-x: -12rem;
+  }
+
+  .xl\:-translate-x-52 {
+    --tw-translate-x: -13rem;
+  }
+
+  .xl\:-translate-x-56 {
+    --tw-translate-x: -14rem;
+  }
+
+  .xl\:-translate-x-60 {
+    --tw-translate-x: -15rem;
+  }
+
+  .xl\:-translate-x-64 {
+    --tw-translate-x: -16rem;
+  }
+
+  .xl\:-translate-x-72 {
+    --tw-translate-x: -18rem;
+  }
+
+  .xl\:-translate-x-80 {
+    --tw-translate-x: -20rem;
+  }
+
+  .xl\:-translate-x-96 {
+    --tw-translate-x: -24rem;
+  }
+
+  .xl\:-translate-x-px {
+    --tw-translate-x: -1px;
+  }
+
+  .xl\:-translate-x-0\.5 {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .xl\:-translate-x-1\.5 {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .xl\:-translate-x-2\.5 {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .xl\:-translate-x-3\.5 {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .xl\:translate-x-1\/2 {
+    --tw-translate-x: 50%;
+  }
+
+  .xl\:translate-x-1\/3 {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .xl\:translate-x-2\/3 {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .xl\:translate-x-1\/4 {
+    --tw-translate-x: 25%;
+  }
+
+  .xl\:translate-x-2\/4 {
+    --tw-translate-x: 50%;
+  }
+
+  .xl\:translate-x-3\/4 {
+    --tw-translate-x: 75%;
+  }
+
+  .xl\:translate-x-full {
+    --tw-translate-x: 100%;
+  }
+
+  .xl\:-translate-x-1\/2 {
+    --tw-translate-x: -50%;
+  }
+
+  .xl\:-translate-x-1\/3 {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .xl\:-translate-x-2\/3 {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .xl\:-translate-x-1\/4 {
+    --tw-translate-x: -25%;
+  }
+
+  .xl\:-translate-x-2\/4 {
+    --tw-translate-x: -50%;
+  }
+
+  .xl\:-translate-x-3\/4 {
+    --tw-translate-x: -75%;
+  }
+
+  .xl\:-translate-x-full {
+    --tw-translate-x: -100%;
+  }
+
+  .xl\:translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .xl\:translate-y-1 {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .xl\:translate-y-2 {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .xl\:translate-y-3 {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .xl\:translate-y-4 {
+    --tw-translate-y: 1rem;
+  }
+
+  .xl\:translate-y-5 {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .xl\:translate-y-6 {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .xl\:translate-y-7 {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .xl\:translate-y-8 {
+    --tw-translate-y: 2rem;
+  }
+
+  .xl\:translate-y-9 {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .xl\:translate-y-10 {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .xl\:translate-y-11 {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .xl\:translate-y-12 {
+    --tw-translate-y: 3rem;
+  }
+
+  .xl\:translate-y-14 {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .xl\:translate-y-16 {
+    --tw-translate-y: 4rem;
+  }
+
+  .xl\:translate-y-20 {
+    --tw-translate-y: 5rem;
+  }
+
+  .xl\:translate-y-24 {
+    --tw-translate-y: 6rem;
+  }
+
+  .xl\:translate-y-28 {
+    --tw-translate-y: 7rem;
+  }
+
+  .xl\:translate-y-32 {
+    --tw-translate-y: 8rem;
+  }
+
+  .xl\:translate-y-36 {
+    --tw-translate-y: 9rem;
+  }
+
+  .xl\:translate-y-40 {
+    --tw-translate-y: 10rem;
+  }
+
+  .xl\:translate-y-44 {
+    --tw-translate-y: 11rem;
+  }
+
+  .xl\:translate-y-48 {
+    --tw-translate-y: 12rem;
+  }
+
+  .xl\:translate-y-52 {
+    --tw-translate-y: 13rem;
+  }
+
+  .xl\:translate-y-56 {
+    --tw-translate-y: 14rem;
+  }
+
+  .xl\:translate-y-60 {
+    --tw-translate-y: 15rem;
+  }
+
+  .xl\:translate-y-64 {
+    --tw-translate-y: 16rem;
+  }
+
+  .xl\:translate-y-72 {
+    --tw-translate-y: 18rem;
+  }
+
+  .xl\:translate-y-80 {
+    --tw-translate-y: 20rem;
+  }
+
+  .xl\:translate-y-96 {
+    --tw-translate-y: 24rem;
+  }
+
+  .xl\:translate-y-px {
+    --tw-translate-y: 1px;
+  }
+
+  .xl\:translate-y-0\.5 {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .xl\:translate-y-1\.5 {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .xl\:translate-y-2\.5 {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .xl\:translate-y-3\.5 {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .xl\:-translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .xl\:-translate-y-1 {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .xl\:-translate-y-2 {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .xl\:-translate-y-3 {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .xl\:-translate-y-4 {
+    --tw-translate-y: -1rem;
+  }
+
+  .xl\:-translate-y-5 {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .xl\:-translate-y-6 {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .xl\:-translate-y-7 {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .xl\:-translate-y-8 {
+    --tw-translate-y: -2rem;
+  }
+
+  .xl\:-translate-y-9 {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .xl\:-translate-y-10 {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .xl\:-translate-y-11 {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .xl\:-translate-y-12 {
+    --tw-translate-y: -3rem;
+  }
+
+  .xl\:-translate-y-14 {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .xl\:-translate-y-16 {
+    --tw-translate-y: -4rem;
+  }
+
+  .xl\:-translate-y-20 {
+    --tw-translate-y: -5rem;
+  }
+
+  .xl\:-translate-y-24 {
+    --tw-translate-y: -6rem;
+  }
+
+  .xl\:-translate-y-28 {
+    --tw-translate-y: -7rem;
+  }
+
+  .xl\:-translate-y-32 {
+    --tw-translate-y: -8rem;
+  }
+
+  .xl\:-translate-y-36 {
+    --tw-translate-y: -9rem;
+  }
+
+  .xl\:-translate-y-40 {
+    --tw-translate-y: -10rem;
+  }
+
+  .xl\:-translate-y-44 {
+    --tw-translate-y: -11rem;
+  }
+
+  .xl\:-translate-y-48 {
+    --tw-translate-y: -12rem;
+  }
+
+  .xl\:-translate-y-52 {
+    --tw-translate-y: -13rem;
+  }
+
+  .xl\:-translate-y-56 {
+    --tw-translate-y: -14rem;
+  }
+
+  .xl\:-translate-y-60 {
+    --tw-translate-y: -15rem;
+  }
+
+  .xl\:-translate-y-64 {
+    --tw-translate-y: -16rem;
+  }
+
+  .xl\:-translate-y-72 {
+    --tw-translate-y: -18rem;
+  }
+
+  .xl\:-translate-y-80 {
+    --tw-translate-y: -20rem;
+  }
+
+  .xl\:-translate-y-96 {
+    --tw-translate-y: -24rem;
+  }
+
+  .xl\:-translate-y-px {
+    --tw-translate-y: -1px;
+  }
+
+  .xl\:-translate-y-0\.5 {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .xl\:-translate-y-1\.5 {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .xl\:-translate-y-2\.5 {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .xl\:-translate-y-3\.5 {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .xl\:translate-y-1\/2 {
+    --tw-translate-y: 50%;
+  }
+
+  .xl\:translate-y-1\/3 {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .xl\:translate-y-2\/3 {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .xl\:translate-y-1\/4 {
+    --tw-translate-y: 25%;
+  }
+
+  .xl\:translate-y-2\/4 {
+    --tw-translate-y: 50%;
+  }
+
+  .xl\:translate-y-3\/4 {
+    --tw-translate-y: 75%;
+  }
+
+  .xl\:translate-y-full {
+    --tw-translate-y: 100%;
+  }
+
+  .xl\:-translate-y-1\/2 {
+    --tw-translate-y: -50%;
+  }
+
+  .xl\:-translate-y-1\/3 {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .xl\:-translate-y-2\/3 {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .xl\:-translate-y-1\/4 {
+    --tw-translate-y: -25%;
+  }
+
+  .xl\:-translate-y-2\/4 {
+    --tw-translate-y: -50%;
+  }
+
+  .xl\:-translate-y-3\/4 {
+    --tw-translate-y: -75%;
+  }
+
+  .xl\:-translate-y-full {
+    --tw-translate-y: -100%;
+  }
+
+  .xl\:hover\:translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .xl\:hover\:translate-x-1:hover {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .xl\:hover\:translate-x-2:hover {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .xl\:hover\:translate-x-3:hover {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .xl\:hover\:translate-x-4:hover {
+    --tw-translate-x: 1rem;
+  }
+
+  .xl\:hover\:translate-x-5:hover {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .xl\:hover\:translate-x-6:hover {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .xl\:hover\:translate-x-7:hover {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .xl\:hover\:translate-x-8:hover {
+    --tw-translate-x: 2rem;
+  }
+
+  .xl\:hover\:translate-x-9:hover {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .xl\:hover\:translate-x-10:hover {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .xl\:hover\:translate-x-11:hover {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .xl\:hover\:translate-x-12:hover {
+    --tw-translate-x: 3rem;
+  }
+
+  .xl\:hover\:translate-x-14:hover {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .xl\:hover\:translate-x-16:hover {
+    --tw-translate-x: 4rem;
+  }
+
+  .xl\:hover\:translate-x-20:hover {
+    --tw-translate-x: 5rem;
+  }
+
+  .xl\:hover\:translate-x-24:hover {
+    --tw-translate-x: 6rem;
+  }
+
+  .xl\:hover\:translate-x-28:hover {
+    --tw-translate-x: 7rem;
+  }
+
+  .xl\:hover\:translate-x-32:hover {
+    --tw-translate-x: 8rem;
+  }
+
+  .xl\:hover\:translate-x-36:hover {
+    --tw-translate-x: 9rem;
+  }
+
+  .xl\:hover\:translate-x-40:hover {
+    --tw-translate-x: 10rem;
+  }
+
+  .xl\:hover\:translate-x-44:hover {
+    --tw-translate-x: 11rem;
+  }
+
+  .xl\:hover\:translate-x-48:hover {
+    --tw-translate-x: 12rem;
+  }
+
+  .xl\:hover\:translate-x-52:hover {
+    --tw-translate-x: 13rem;
+  }
+
+  .xl\:hover\:translate-x-56:hover {
+    --tw-translate-x: 14rem;
+  }
+
+  .xl\:hover\:translate-x-60:hover {
+    --tw-translate-x: 15rem;
+  }
+
+  .xl\:hover\:translate-x-64:hover {
+    --tw-translate-x: 16rem;
+  }
+
+  .xl\:hover\:translate-x-72:hover {
+    --tw-translate-x: 18rem;
+  }
+
+  .xl\:hover\:translate-x-80:hover {
+    --tw-translate-x: 20rem;
+  }
+
+  .xl\:hover\:translate-x-96:hover {
+    --tw-translate-x: 24rem;
+  }
+
+  .xl\:hover\:translate-x-px:hover {
+    --tw-translate-x: 1px;
+  }
+
+  .xl\:hover\:translate-x-0\.5:hover {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .xl\:hover\:translate-x-1\.5:hover {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .xl\:hover\:translate-x-2\.5:hover {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .xl\:hover\:translate-x-3\.5:hover {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .xl\:hover\:-translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .xl\:hover\:-translate-x-1:hover {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .xl\:hover\:-translate-x-2:hover {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .xl\:hover\:-translate-x-3:hover {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .xl\:hover\:-translate-x-4:hover {
+    --tw-translate-x: -1rem;
+  }
+
+  .xl\:hover\:-translate-x-5:hover {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .xl\:hover\:-translate-x-6:hover {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .xl\:hover\:-translate-x-7:hover {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .xl\:hover\:-translate-x-8:hover {
+    --tw-translate-x: -2rem;
+  }
+
+  .xl\:hover\:-translate-x-9:hover {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .xl\:hover\:-translate-x-10:hover {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .xl\:hover\:-translate-x-11:hover {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .xl\:hover\:-translate-x-12:hover {
+    --tw-translate-x: -3rem;
+  }
+
+  .xl\:hover\:-translate-x-14:hover {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .xl\:hover\:-translate-x-16:hover {
+    --tw-translate-x: -4rem;
+  }
+
+  .xl\:hover\:-translate-x-20:hover {
+    --tw-translate-x: -5rem;
+  }
+
+  .xl\:hover\:-translate-x-24:hover {
+    --tw-translate-x: -6rem;
+  }
+
+  .xl\:hover\:-translate-x-28:hover {
+    --tw-translate-x: -7rem;
+  }
+
+  .xl\:hover\:-translate-x-32:hover {
+    --tw-translate-x: -8rem;
+  }
+
+  .xl\:hover\:-translate-x-36:hover {
+    --tw-translate-x: -9rem;
+  }
+
+  .xl\:hover\:-translate-x-40:hover {
+    --tw-translate-x: -10rem;
+  }
+
+  .xl\:hover\:-translate-x-44:hover {
+    --tw-translate-x: -11rem;
+  }
+
+  .xl\:hover\:-translate-x-48:hover {
+    --tw-translate-x: -12rem;
+  }
+
+  .xl\:hover\:-translate-x-52:hover {
+    --tw-translate-x: -13rem;
+  }
+
+  .xl\:hover\:-translate-x-56:hover {
+    --tw-translate-x: -14rem;
+  }
+
+  .xl\:hover\:-translate-x-60:hover {
+    --tw-translate-x: -15rem;
+  }
+
+  .xl\:hover\:-translate-x-64:hover {
+    --tw-translate-x: -16rem;
+  }
+
+  .xl\:hover\:-translate-x-72:hover {
+    --tw-translate-x: -18rem;
+  }
+
+  .xl\:hover\:-translate-x-80:hover {
+    --tw-translate-x: -20rem;
+  }
+
+  .xl\:hover\:-translate-x-96:hover {
+    --tw-translate-x: -24rem;
+  }
+
+  .xl\:hover\:-translate-x-px:hover {
+    --tw-translate-x: -1px;
+  }
+
+  .xl\:hover\:-translate-x-0\.5:hover {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .xl\:hover\:-translate-x-1\.5:hover {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .xl\:hover\:-translate-x-2\.5:hover {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .xl\:hover\:-translate-x-3\.5:hover {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .xl\:hover\:translate-x-1\/2:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .xl\:hover\:translate-x-1\/3:hover {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .xl\:hover\:translate-x-2\/3:hover {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .xl\:hover\:translate-x-1\/4:hover {
+    --tw-translate-x: 25%;
+  }
+
+  .xl\:hover\:translate-x-2\/4:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .xl\:hover\:translate-x-3\/4:hover {
+    --tw-translate-x: 75%;
+  }
+
+  .xl\:hover\:translate-x-full:hover {
+    --tw-translate-x: 100%;
+  }
+
+  .xl\:hover\:-translate-x-1\/2:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .xl\:hover\:-translate-x-1\/3:hover {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .xl\:hover\:-translate-x-2\/3:hover {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .xl\:hover\:-translate-x-1\/4:hover {
+    --tw-translate-x: -25%;
+  }
+
+  .xl\:hover\:-translate-x-2\/4:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .xl\:hover\:-translate-x-3\/4:hover {
+    --tw-translate-x: -75%;
+  }
+
+  .xl\:hover\:-translate-x-full:hover {
+    --tw-translate-x: -100%;
+  }
+
+  .xl\:hover\:translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .xl\:hover\:translate-y-1:hover {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .xl\:hover\:translate-y-2:hover {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .xl\:hover\:translate-y-3:hover {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .xl\:hover\:translate-y-4:hover {
+    --tw-translate-y: 1rem;
+  }
+
+  .xl\:hover\:translate-y-5:hover {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .xl\:hover\:translate-y-6:hover {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .xl\:hover\:translate-y-7:hover {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .xl\:hover\:translate-y-8:hover {
+    --tw-translate-y: 2rem;
+  }
+
+  .xl\:hover\:translate-y-9:hover {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .xl\:hover\:translate-y-10:hover {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .xl\:hover\:translate-y-11:hover {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .xl\:hover\:translate-y-12:hover {
+    --tw-translate-y: 3rem;
+  }
+
+  .xl\:hover\:translate-y-14:hover {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .xl\:hover\:translate-y-16:hover {
+    --tw-translate-y: 4rem;
+  }
+
+  .xl\:hover\:translate-y-20:hover {
+    --tw-translate-y: 5rem;
+  }
+
+  .xl\:hover\:translate-y-24:hover {
+    --tw-translate-y: 6rem;
+  }
+
+  .xl\:hover\:translate-y-28:hover {
+    --tw-translate-y: 7rem;
+  }
+
+  .xl\:hover\:translate-y-32:hover {
+    --tw-translate-y: 8rem;
+  }
+
+  .xl\:hover\:translate-y-36:hover {
+    --tw-translate-y: 9rem;
+  }
+
+  .xl\:hover\:translate-y-40:hover {
+    --tw-translate-y: 10rem;
+  }
+
+  .xl\:hover\:translate-y-44:hover {
+    --tw-translate-y: 11rem;
+  }
+
+  .xl\:hover\:translate-y-48:hover {
+    --tw-translate-y: 12rem;
+  }
+
+  .xl\:hover\:translate-y-52:hover {
+    --tw-translate-y: 13rem;
+  }
+
+  .xl\:hover\:translate-y-56:hover {
+    --tw-translate-y: 14rem;
+  }
+
+  .xl\:hover\:translate-y-60:hover {
+    --tw-translate-y: 15rem;
+  }
+
+  .xl\:hover\:translate-y-64:hover {
+    --tw-translate-y: 16rem;
+  }
+
+  .xl\:hover\:translate-y-72:hover {
+    --tw-translate-y: 18rem;
+  }
+
+  .xl\:hover\:translate-y-80:hover {
+    --tw-translate-y: 20rem;
+  }
+
+  .xl\:hover\:translate-y-96:hover {
+    --tw-translate-y: 24rem;
+  }
+
+  .xl\:hover\:translate-y-px:hover {
+    --tw-translate-y: 1px;
+  }
+
+  .xl\:hover\:translate-y-0\.5:hover {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .xl\:hover\:translate-y-1\.5:hover {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .xl\:hover\:translate-y-2\.5:hover {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .xl\:hover\:translate-y-3\.5:hover {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .xl\:hover\:-translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .xl\:hover\:-translate-y-1:hover {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .xl\:hover\:-translate-y-2:hover {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .xl\:hover\:-translate-y-3:hover {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .xl\:hover\:-translate-y-4:hover {
+    --tw-translate-y: -1rem;
+  }
+
+  .xl\:hover\:-translate-y-5:hover {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .xl\:hover\:-translate-y-6:hover {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .xl\:hover\:-translate-y-7:hover {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .xl\:hover\:-translate-y-8:hover {
+    --tw-translate-y: -2rem;
+  }
+
+  .xl\:hover\:-translate-y-9:hover {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .xl\:hover\:-translate-y-10:hover {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .xl\:hover\:-translate-y-11:hover {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .xl\:hover\:-translate-y-12:hover {
+    --tw-translate-y: -3rem;
+  }
+
+  .xl\:hover\:-translate-y-14:hover {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .xl\:hover\:-translate-y-16:hover {
+    --tw-translate-y: -4rem;
+  }
+
+  .xl\:hover\:-translate-y-20:hover {
+    --tw-translate-y: -5rem;
+  }
+
+  .xl\:hover\:-translate-y-24:hover {
+    --tw-translate-y: -6rem;
+  }
+
+  .xl\:hover\:-translate-y-28:hover {
+    --tw-translate-y: -7rem;
+  }
+
+  .xl\:hover\:-translate-y-32:hover {
+    --tw-translate-y: -8rem;
+  }
+
+  .xl\:hover\:-translate-y-36:hover {
+    --tw-translate-y: -9rem;
+  }
+
+  .xl\:hover\:-translate-y-40:hover {
+    --tw-translate-y: -10rem;
+  }
+
+  .xl\:hover\:-translate-y-44:hover {
+    --tw-translate-y: -11rem;
+  }
+
+  .xl\:hover\:-translate-y-48:hover {
+    --tw-translate-y: -12rem;
+  }
+
+  .xl\:hover\:-translate-y-52:hover {
+    --tw-translate-y: -13rem;
+  }
+
+  .xl\:hover\:-translate-y-56:hover {
+    --tw-translate-y: -14rem;
+  }
+
+  .xl\:hover\:-translate-y-60:hover {
+    --tw-translate-y: -15rem;
+  }
+
+  .xl\:hover\:-translate-y-64:hover {
+    --tw-translate-y: -16rem;
+  }
+
+  .xl\:hover\:-translate-y-72:hover {
+    --tw-translate-y: -18rem;
+  }
+
+  .xl\:hover\:-translate-y-80:hover {
+    --tw-translate-y: -20rem;
+  }
+
+  .xl\:hover\:-translate-y-96:hover {
+    --tw-translate-y: -24rem;
+  }
+
+  .xl\:hover\:-translate-y-px:hover {
+    --tw-translate-y: -1px;
+  }
+
+  .xl\:hover\:-translate-y-0\.5:hover {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .xl\:hover\:-translate-y-1\.5:hover {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .xl\:hover\:-translate-y-2\.5:hover {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .xl\:hover\:-translate-y-3\.5:hover {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .xl\:hover\:translate-y-1\/2:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .xl\:hover\:translate-y-1\/3:hover {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .xl\:hover\:translate-y-2\/3:hover {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .xl\:hover\:translate-y-1\/4:hover {
+    --tw-translate-y: 25%;
+  }
+
+  .xl\:hover\:translate-y-2\/4:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .xl\:hover\:translate-y-3\/4:hover {
+    --tw-translate-y: 75%;
+  }
+
+  .xl\:hover\:translate-y-full:hover {
+    --tw-translate-y: 100%;
+  }
+
+  .xl\:hover\:-translate-y-1\/2:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .xl\:hover\:-translate-y-1\/3:hover {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .xl\:hover\:-translate-y-2\/3:hover {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .xl\:hover\:-translate-y-1\/4:hover {
+    --tw-translate-y: -25%;
+  }
+
+  .xl\:hover\:-translate-y-2\/4:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .xl\:hover\:-translate-y-3\/4:hover {
+    --tw-translate-y: -75%;
+  }
+
+  .xl\:hover\:-translate-y-full:hover {
+    --tw-translate-y: -100%;
+  }
+
+  .xl\:focus\:translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .xl\:focus\:translate-x-1:focus {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .xl\:focus\:translate-x-2:focus {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .xl\:focus\:translate-x-3:focus {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .xl\:focus\:translate-x-4:focus {
+    --tw-translate-x: 1rem;
+  }
+
+  .xl\:focus\:translate-x-5:focus {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .xl\:focus\:translate-x-6:focus {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .xl\:focus\:translate-x-7:focus {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .xl\:focus\:translate-x-8:focus {
+    --tw-translate-x: 2rem;
+  }
+
+  .xl\:focus\:translate-x-9:focus {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .xl\:focus\:translate-x-10:focus {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .xl\:focus\:translate-x-11:focus {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .xl\:focus\:translate-x-12:focus {
+    --tw-translate-x: 3rem;
+  }
+
+  .xl\:focus\:translate-x-14:focus {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .xl\:focus\:translate-x-16:focus {
+    --tw-translate-x: 4rem;
+  }
+
+  .xl\:focus\:translate-x-20:focus {
+    --tw-translate-x: 5rem;
+  }
+
+  .xl\:focus\:translate-x-24:focus {
+    --tw-translate-x: 6rem;
+  }
+
+  .xl\:focus\:translate-x-28:focus {
+    --tw-translate-x: 7rem;
+  }
+
+  .xl\:focus\:translate-x-32:focus {
+    --tw-translate-x: 8rem;
+  }
+
+  .xl\:focus\:translate-x-36:focus {
+    --tw-translate-x: 9rem;
+  }
+
+  .xl\:focus\:translate-x-40:focus {
+    --tw-translate-x: 10rem;
+  }
+
+  .xl\:focus\:translate-x-44:focus {
+    --tw-translate-x: 11rem;
+  }
+
+  .xl\:focus\:translate-x-48:focus {
+    --tw-translate-x: 12rem;
+  }
+
+  .xl\:focus\:translate-x-52:focus {
+    --tw-translate-x: 13rem;
+  }
+
+  .xl\:focus\:translate-x-56:focus {
+    --tw-translate-x: 14rem;
+  }
+
+  .xl\:focus\:translate-x-60:focus {
+    --tw-translate-x: 15rem;
+  }
+
+  .xl\:focus\:translate-x-64:focus {
+    --tw-translate-x: 16rem;
+  }
+
+  .xl\:focus\:translate-x-72:focus {
+    --tw-translate-x: 18rem;
+  }
+
+  .xl\:focus\:translate-x-80:focus {
+    --tw-translate-x: 20rem;
+  }
+
+  .xl\:focus\:translate-x-96:focus {
+    --tw-translate-x: 24rem;
+  }
+
+  .xl\:focus\:translate-x-px:focus {
+    --tw-translate-x: 1px;
+  }
+
+  .xl\:focus\:translate-x-0\.5:focus {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .xl\:focus\:translate-x-1\.5:focus {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .xl\:focus\:translate-x-2\.5:focus {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .xl\:focus\:translate-x-3\.5:focus {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .xl\:focus\:-translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .xl\:focus\:-translate-x-1:focus {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .xl\:focus\:-translate-x-2:focus {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .xl\:focus\:-translate-x-3:focus {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .xl\:focus\:-translate-x-4:focus {
+    --tw-translate-x: -1rem;
+  }
+
+  .xl\:focus\:-translate-x-5:focus {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .xl\:focus\:-translate-x-6:focus {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .xl\:focus\:-translate-x-7:focus {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .xl\:focus\:-translate-x-8:focus {
+    --tw-translate-x: -2rem;
+  }
+
+  .xl\:focus\:-translate-x-9:focus {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .xl\:focus\:-translate-x-10:focus {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .xl\:focus\:-translate-x-11:focus {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .xl\:focus\:-translate-x-12:focus {
+    --tw-translate-x: -3rem;
+  }
+
+  .xl\:focus\:-translate-x-14:focus {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .xl\:focus\:-translate-x-16:focus {
+    --tw-translate-x: -4rem;
+  }
+
+  .xl\:focus\:-translate-x-20:focus {
+    --tw-translate-x: -5rem;
+  }
+
+  .xl\:focus\:-translate-x-24:focus {
+    --tw-translate-x: -6rem;
+  }
+
+  .xl\:focus\:-translate-x-28:focus {
+    --tw-translate-x: -7rem;
+  }
+
+  .xl\:focus\:-translate-x-32:focus {
+    --tw-translate-x: -8rem;
+  }
+
+  .xl\:focus\:-translate-x-36:focus {
+    --tw-translate-x: -9rem;
+  }
+
+  .xl\:focus\:-translate-x-40:focus {
+    --tw-translate-x: -10rem;
+  }
+
+  .xl\:focus\:-translate-x-44:focus {
+    --tw-translate-x: -11rem;
+  }
+
+  .xl\:focus\:-translate-x-48:focus {
+    --tw-translate-x: -12rem;
+  }
+
+  .xl\:focus\:-translate-x-52:focus {
+    --tw-translate-x: -13rem;
+  }
+
+  .xl\:focus\:-translate-x-56:focus {
+    --tw-translate-x: -14rem;
+  }
+
+  .xl\:focus\:-translate-x-60:focus {
+    --tw-translate-x: -15rem;
+  }
+
+  .xl\:focus\:-translate-x-64:focus {
+    --tw-translate-x: -16rem;
+  }
+
+  .xl\:focus\:-translate-x-72:focus {
+    --tw-translate-x: -18rem;
+  }
+
+  .xl\:focus\:-translate-x-80:focus {
+    --tw-translate-x: -20rem;
+  }
+
+  .xl\:focus\:-translate-x-96:focus {
+    --tw-translate-x: -24rem;
+  }
+
+  .xl\:focus\:-translate-x-px:focus {
+    --tw-translate-x: -1px;
+  }
+
+  .xl\:focus\:-translate-x-0\.5:focus {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .xl\:focus\:-translate-x-1\.5:focus {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .xl\:focus\:-translate-x-2\.5:focus {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .xl\:focus\:-translate-x-3\.5:focus {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .xl\:focus\:translate-x-1\/2:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .xl\:focus\:translate-x-1\/3:focus {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .xl\:focus\:translate-x-2\/3:focus {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .xl\:focus\:translate-x-1\/4:focus {
+    --tw-translate-x: 25%;
+  }
+
+  .xl\:focus\:translate-x-2\/4:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .xl\:focus\:translate-x-3\/4:focus {
+    --tw-translate-x: 75%;
+  }
+
+  .xl\:focus\:translate-x-full:focus {
+    --tw-translate-x: 100%;
+  }
+
+  .xl\:focus\:-translate-x-1\/2:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .xl\:focus\:-translate-x-1\/3:focus {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .xl\:focus\:-translate-x-2\/3:focus {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .xl\:focus\:-translate-x-1\/4:focus {
+    --tw-translate-x: -25%;
+  }
+
+  .xl\:focus\:-translate-x-2\/4:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .xl\:focus\:-translate-x-3\/4:focus {
+    --tw-translate-x: -75%;
+  }
+
+  .xl\:focus\:-translate-x-full:focus {
+    --tw-translate-x: -100%;
+  }
+
+  .xl\:focus\:translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .xl\:focus\:translate-y-1:focus {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .xl\:focus\:translate-y-2:focus {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .xl\:focus\:translate-y-3:focus {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .xl\:focus\:translate-y-4:focus {
+    --tw-translate-y: 1rem;
+  }
+
+  .xl\:focus\:translate-y-5:focus {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .xl\:focus\:translate-y-6:focus {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .xl\:focus\:translate-y-7:focus {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .xl\:focus\:translate-y-8:focus {
+    --tw-translate-y: 2rem;
+  }
+
+  .xl\:focus\:translate-y-9:focus {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .xl\:focus\:translate-y-10:focus {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .xl\:focus\:translate-y-11:focus {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .xl\:focus\:translate-y-12:focus {
+    --tw-translate-y: 3rem;
+  }
+
+  .xl\:focus\:translate-y-14:focus {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .xl\:focus\:translate-y-16:focus {
+    --tw-translate-y: 4rem;
+  }
+
+  .xl\:focus\:translate-y-20:focus {
+    --tw-translate-y: 5rem;
+  }
+
+  .xl\:focus\:translate-y-24:focus {
+    --tw-translate-y: 6rem;
+  }
+
+  .xl\:focus\:translate-y-28:focus {
+    --tw-translate-y: 7rem;
+  }
+
+  .xl\:focus\:translate-y-32:focus {
+    --tw-translate-y: 8rem;
+  }
+
+  .xl\:focus\:translate-y-36:focus {
+    --tw-translate-y: 9rem;
+  }
+
+  .xl\:focus\:translate-y-40:focus {
+    --tw-translate-y: 10rem;
+  }
+
+  .xl\:focus\:translate-y-44:focus {
+    --tw-translate-y: 11rem;
+  }
+
+  .xl\:focus\:translate-y-48:focus {
+    --tw-translate-y: 12rem;
+  }
+
+  .xl\:focus\:translate-y-52:focus {
+    --tw-translate-y: 13rem;
+  }
+
+  .xl\:focus\:translate-y-56:focus {
+    --tw-translate-y: 14rem;
+  }
+
+  .xl\:focus\:translate-y-60:focus {
+    --tw-translate-y: 15rem;
+  }
+
+  .xl\:focus\:translate-y-64:focus {
+    --tw-translate-y: 16rem;
+  }
+
+  .xl\:focus\:translate-y-72:focus {
+    --tw-translate-y: 18rem;
+  }
+
+  .xl\:focus\:translate-y-80:focus {
+    --tw-translate-y: 20rem;
+  }
+
+  .xl\:focus\:translate-y-96:focus {
+    --tw-translate-y: 24rem;
+  }
+
+  .xl\:focus\:translate-y-px:focus {
+    --tw-translate-y: 1px;
+  }
+
+  .xl\:focus\:translate-y-0\.5:focus {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .xl\:focus\:translate-y-1\.5:focus {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .xl\:focus\:translate-y-2\.5:focus {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .xl\:focus\:translate-y-3\.5:focus {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .xl\:focus\:-translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .xl\:focus\:-translate-y-1:focus {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .xl\:focus\:-translate-y-2:focus {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .xl\:focus\:-translate-y-3:focus {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .xl\:focus\:-translate-y-4:focus {
+    --tw-translate-y: -1rem;
+  }
+
+  .xl\:focus\:-translate-y-5:focus {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .xl\:focus\:-translate-y-6:focus {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .xl\:focus\:-translate-y-7:focus {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .xl\:focus\:-translate-y-8:focus {
+    --tw-translate-y: -2rem;
+  }
+
+  .xl\:focus\:-translate-y-9:focus {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .xl\:focus\:-translate-y-10:focus {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .xl\:focus\:-translate-y-11:focus {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .xl\:focus\:-translate-y-12:focus {
+    --tw-translate-y: -3rem;
+  }
+
+  .xl\:focus\:-translate-y-14:focus {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .xl\:focus\:-translate-y-16:focus {
+    --tw-translate-y: -4rem;
+  }
+
+  .xl\:focus\:-translate-y-20:focus {
+    --tw-translate-y: -5rem;
+  }
+
+  .xl\:focus\:-translate-y-24:focus {
+    --tw-translate-y: -6rem;
+  }
+
+  .xl\:focus\:-translate-y-28:focus {
+    --tw-translate-y: -7rem;
+  }
+
+  .xl\:focus\:-translate-y-32:focus {
+    --tw-translate-y: -8rem;
+  }
+
+  .xl\:focus\:-translate-y-36:focus {
+    --tw-translate-y: -9rem;
+  }
+
+  .xl\:focus\:-translate-y-40:focus {
+    --tw-translate-y: -10rem;
+  }
+
+  .xl\:focus\:-translate-y-44:focus {
+    --tw-translate-y: -11rem;
+  }
+
+  .xl\:focus\:-translate-y-48:focus {
+    --tw-translate-y: -12rem;
+  }
+
+  .xl\:focus\:-translate-y-52:focus {
+    --tw-translate-y: -13rem;
+  }
+
+  .xl\:focus\:-translate-y-56:focus {
+    --tw-translate-y: -14rem;
+  }
+
+  .xl\:focus\:-translate-y-60:focus {
+    --tw-translate-y: -15rem;
+  }
+
+  .xl\:focus\:-translate-y-64:focus {
+    --tw-translate-y: -16rem;
+  }
+
+  .xl\:focus\:-translate-y-72:focus {
+    --tw-translate-y: -18rem;
+  }
+
+  .xl\:focus\:-translate-y-80:focus {
+    --tw-translate-y: -20rem;
+  }
+
+  .xl\:focus\:-translate-y-96:focus {
+    --tw-translate-y: -24rem;
+  }
+
+  .xl\:focus\:-translate-y-px:focus {
+    --tw-translate-y: -1px;
+  }
+
+  .xl\:focus\:-translate-y-0\.5:focus {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .xl\:focus\:-translate-y-1\.5:focus {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .xl\:focus\:-translate-y-2\.5:focus {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .xl\:focus\:-translate-y-3\.5:focus {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .xl\:focus\:translate-y-1\/2:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .xl\:focus\:translate-y-1\/3:focus {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .xl\:focus\:translate-y-2\/3:focus {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .xl\:focus\:translate-y-1\/4:focus {
+    --tw-translate-y: 25%;
+  }
+
+  .xl\:focus\:translate-y-2\/4:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .xl\:focus\:translate-y-3\/4:focus {
+    --tw-translate-y: 75%;
+  }
+
+  .xl\:focus\:translate-y-full:focus {
+    --tw-translate-y: 100%;
+  }
+
+  .xl\:focus\:-translate-y-1\/2:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .xl\:focus\:-translate-y-1\/3:focus {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .xl\:focus\:-translate-y-2\/3:focus {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .xl\:focus\:-translate-y-1\/4:focus {
+    --tw-translate-y: -25%;
+  }
+
+  .xl\:focus\:-translate-y-2\/4:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .xl\:focus\:-translate-y-3\/4:focus {
+    --tw-translate-y: -75%;
+  }
+
+  .xl\:focus\:-translate-y-full:focus {
+    --tw-translate-y: -100%;
+  }
+
+  .xl\:skew-x-0 {
+    --tw-skew-x: 0deg;
+  }
+
+  .xl\:skew-x-1 {
+    --tw-skew-x: 1deg;
+  }
+
+  .xl\:skew-x-2 {
+    --tw-skew-x: 2deg;
+  }
+
+  .xl\:skew-x-3 {
+    --tw-skew-x: 3deg;
+  }
+
+  .xl\:skew-x-6 {
+    --tw-skew-x: 6deg;
+  }
+
+  .xl\:skew-x-12 {
+    --tw-skew-x: 12deg;
+  }
+
+  .xl\:-skew-x-12 {
+    --tw-skew-x: -12deg;
+  }
+
+  .xl\:-skew-x-6 {
+    --tw-skew-x: -6deg;
+  }
+
+  .xl\:-skew-x-3 {
+    --tw-skew-x: -3deg;
+  }
+
+  .xl\:-skew-x-2 {
+    --tw-skew-x: -2deg;
+  }
+
+  .xl\:-skew-x-1 {
+    --tw-skew-x: -1deg;
+  }
+
+  .xl\:skew-y-0 {
+    --tw-skew-y: 0deg;
+  }
+
+  .xl\:skew-y-1 {
+    --tw-skew-y: 1deg;
+  }
+
+  .xl\:skew-y-2 {
+    --tw-skew-y: 2deg;
+  }
+
+  .xl\:skew-y-3 {
+    --tw-skew-y: 3deg;
+  }
+
+  .xl\:skew-y-6 {
+    --tw-skew-y: 6deg;
+  }
+
+  .xl\:skew-y-12 {
+    --tw-skew-y: 12deg;
+  }
+
+  .xl\:-skew-y-12 {
+    --tw-skew-y: -12deg;
+  }
+
+  .xl\:-skew-y-6 {
+    --tw-skew-y: -6deg;
+  }
+
+  .xl\:-skew-y-3 {
+    --tw-skew-y: -3deg;
+  }
+
+  .xl\:-skew-y-2 {
+    --tw-skew-y: -2deg;
+  }
+
+  .xl\:-skew-y-1 {
+    --tw-skew-y: -1deg;
+  }
+
+  .xl\:hover\:skew-x-0:hover {
+    --tw-skew-x: 0deg;
+  }
+
+  .xl\:hover\:skew-x-1:hover {
+    --tw-skew-x: 1deg;
+  }
+
+  .xl\:hover\:skew-x-2:hover {
+    --tw-skew-x: 2deg;
+  }
+
+  .xl\:hover\:skew-x-3:hover {
+    --tw-skew-x: 3deg;
+  }
+
+  .xl\:hover\:skew-x-6:hover {
+    --tw-skew-x: 6deg;
+  }
+
+  .xl\:hover\:skew-x-12:hover {
+    --tw-skew-x: 12deg;
+  }
+
+  .xl\:hover\:-skew-x-12:hover {
+    --tw-skew-x: -12deg;
+  }
+
+  .xl\:hover\:-skew-x-6:hover {
+    --tw-skew-x: -6deg;
+  }
+
+  .xl\:hover\:-skew-x-3:hover {
+    --tw-skew-x: -3deg;
+  }
+
+  .xl\:hover\:-skew-x-2:hover {
+    --tw-skew-x: -2deg;
+  }
+
+  .xl\:hover\:-skew-x-1:hover {
+    --tw-skew-x: -1deg;
+  }
+
+  .xl\:hover\:skew-y-0:hover {
+    --tw-skew-y: 0deg;
+  }
+
+  .xl\:hover\:skew-y-1:hover {
+    --tw-skew-y: 1deg;
+  }
+
+  .xl\:hover\:skew-y-2:hover {
+    --tw-skew-y: 2deg;
+  }
+
+  .xl\:hover\:skew-y-3:hover {
+    --tw-skew-y: 3deg;
+  }
+
+  .xl\:hover\:skew-y-6:hover {
+    --tw-skew-y: 6deg;
+  }
+
+  .xl\:hover\:skew-y-12:hover {
+    --tw-skew-y: 12deg;
+  }
+
+  .xl\:hover\:-skew-y-12:hover {
+    --tw-skew-y: -12deg;
+  }
+
+  .xl\:hover\:-skew-y-6:hover {
+    --tw-skew-y: -6deg;
+  }
+
+  .xl\:hover\:-skew-y-3:hover {
+    --tw-skew-y: -3deg;
+  }
+
+  .xl\:hover\:-skew-y-2:hover {
+    --tw-skew-y: -2deg;
+  }
+
+  .xl\:hover\:-skew-y-1:hover {
+    --tw-skew-y: -1deg;
+  }
+
+  .xl\:focus\:skew-x-0:focus {
+    --tw-skew-x: 0deg;
+  }
+
+  .xl\:focus\:skew-x-1:focus {
+    --tw-skew-x: 1deg;
+  }
+
+  .xl\:focus\:skew-x-2:focus {
+    --tw-skew-x: 2deg;
+  }
+
+  .xl\:focus\:skew-x-3:focus {
+    --tw-skew-x: 3deg;
+  }
+
+  .xl\:focus\:skew-x-6:focus {
+    --tw-skew-x: 6deg;
+  }
+
+  .xl\:focus\:skew-x-12:focus {
+    --tw-skew-x: 12deg;
+  }
+
+  .xl\:focus\:-skew-x-12:focus {
+    --tw-skew-x: -12deg;
+  }
+
+  .xl\:focus\:-skew-x-6:focus {
+    --tw-skew-x: -6deg;
+  }
+
+  .xl\:focus\:-skew-x-3:focus {
+    --tw-skew-x: -3deg;
+  }
+
+  .xl\:focus\:-skew-x-2:focus {
+    --tw-skew-x: -2deg;
+  }
+
+  .xl\:focus\:-skew-x-1:focus {
+    --tw-skew-x: -1deg;
+  }
+
+  .xl\:focus\:skew-y-0:focus {
+    --tw-skew-y: 0deg;
+  }
+
+  .xl\:focus\:skew-y-1:focus {
+    --tw-skew-y: 1deg;
+  }
+
+  .xl\:focus\:skew-y-2:focus {
+    --tw-skew-y: 2deg;
+  }
+
+  .xl\:focus\:skew-y-3:focus {
+    --tw-skew-y: 3deg;
+  }
+
+  .xl\:focus\:skew-y-6:focus {
+    --tw-skew-y: 6deg;
+  }
+
+  .xl\:focus\:skew-y-12:focus {
+    --tw-skew-y: 12deg;
+  }
+
+  .xl\:focus\:-skew-y-12:focus {
+    --tw-skew-y: -12deg;
+  }
+
+  .xl\:focus\:-skew-y-6:focus {
+    --tw-skew-y: -6deg;
+  }
+
+  .xl\:focus\:-skew-y-3:focus {
+    --tw-skew-y: -3deg;
+  }
+
+  .xl\:focus\:-skew-y-2:focus {
+    --tw-skew-y: -2deg;
+  }
+
+  .xl\:focus\:-skew-y-1:focus {
+    --tw-skew-y: -1deg;
+  }
+
+  .xl\:transition-none {
+    transition-property: none;
+  }
+
+  .xl\:transition-all {
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .xl\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .xl\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .xl\:transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .xl\:transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .xl\:transition-transform {
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .xl\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .xl\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .xl\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .xl\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .xl\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .xl\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .xl\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .xl\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .xl\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .xl\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .xl\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .xl\:duration-1000 {
+    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\:animate-none {
+    animation: none;
+  }
+
+  .xl\:animate-spin {
+    animation: spin 1s linear infinite;
+  }
+
+  .xl\:animate-ping {
+    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .xl\:animate-pulse {
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .xl\:animate-bounce {
+    animation: bounce 1s infinite;
+  }
+}
+
+@media (min-width: 1536px) {
+  .\32xl\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .\32xl\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .\32xl\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .\32xl\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .\32xl\:container {
+      max-width: 1280px;
+    }
+  }
+
+  @media (min-width: 1536px) {
+    .\32xl\:container {
+      max-width: 1536px;
+    }
+  }
+
+  .\32xl\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1rem * var(--tw-space-x-reverse));
+    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2rem * var(--tw-space-x-reverse));
+    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3rem * var(--tw-space-x-reverse));
+    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(4rem * var(--tw-space-x-reverse));
+    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(5rem * var(--tw-space-x-reverse));
+    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(6rem * var(--tw-space-x-reverse));
+    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(7rem * var(--tw-space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(8rem * var(--tw-space-x-reverse));
+    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(9rem * var(--tw-space-x-reverse));
+    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(10rem * var(--tw-space-x-reverse));
+    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(11rem * var(--tw-space-x-reverse));
+    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(12rem * var(--tw-space-x-reverse));
+    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(13rem * var(--tw-space-x-reverse));
+    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(14rem * var(--tw-space-x-reverse));
+    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(15rem * var(--tw-space-x-reverse));
+    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(16rem * var(--tw-space-x-reverse));
+    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(18rem * var(--tw-space-x-reverse));
+    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(20rem * var(--tw-space-x-reverse));
+    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(24rem * var(--tw-space-x-reverse));
+    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1px * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1px * var(--tw-space-x-reverse));
+    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-4rem * var(--tw-space-x-reverse));
+    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-6rem * var(--tw-space-x-reverse));
+    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-7rem * var(--tw-space-x-reverse));
+    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-8rem * var(--tw-space-x-reverse));
+    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-9rem * var(--tw-space-x-reverse));
+    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-10rem * var(--tw-space-x-reverse));
+    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--tw-space-x-reverse));
+    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-12rem * var(--tw-space-x-reverse));
+    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-13rem * var(--tw-space-x-reverse));
+    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-14rem * var(--tw-space-x-reverse));
+    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-15rem * var(--tw-space-x-reverse));
+    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-16rem * var(--tw-space-x-reverse));
+    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-18rem * var(--tw-space-x-reverse));
+    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-20rem * var(--tw-space-x-reverse));
+    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-24rem * var(--tw-space-x-reverse));
+    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1px * var(--tw-space-x-reverse));
+    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 1;
+  }
+
+  .\32xl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 1;
+  }
+
+  .\32xl\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+  }
+
+  .\32xl\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(0px * var(--tw-divide-x-reverse));
+    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .\32xl\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
+  }
+
+  .\32xl\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(2px * var(--tw-divide-x-reverse));
+    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .\32xl\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
+  }
+
+  .\32xl\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(4px * var(--tw-divide-x-reverse));
+    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .\32xl\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
+  }
+
+  .\32xl\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(8px * var(--tw-divide-x-reverse));
+    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .\32xl\:divide-y > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+  }
+
+  .\32xl\:divide-x > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .\32xl\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 1;
+  }
+
+  .\32xl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 1;
+  }
+
+  .\32xl\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+    border-color: transparent;
+  }
+
+  .\32xl\:divide-current > :not([hidden]) ~ :not([hidden]) {
+    border-color: currentColor;
+  }
+
+  .\32xl\:divide-black > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-white > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-solid > :not([hidden]) ~ :not([hidden]) {
+    border-style: solid;
+  }
+
+  .\32xl\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
+    border-style: dashed;
+  }
+
+  .\32xl\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
+    border-style: dotted;
+  }
+
+  .\32xl\:divide-double > :not([hidden]) ~ :not([hidden]) {
+    border-style: double;
+  }
+
+  .\32xl\:divide-none > :not([hidden]) ~ :not([hidden]) {
+    border-style: none;
+  }
+
+  .\32xl\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0;
+  }
+
+  .\32xl\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.05;
+  }
+
+  .\32xl\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.1;
+  }
+
+  .\32xl\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.2;
+  }
+
+  .\32xl\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.25;
+  }
+
+  .\32xl\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.3;
+  }
+
+  .\32xl\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.4;
+  }
+
+  .\32xl\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.5;
+  }
+
+  .\32xl\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.6;
+  }
+
+  .\32xl\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.7;
+  }
+
+  .\32xl\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.75;
+  }
+
+  .\32xl\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.8;
+  }
+
+  .\32xl\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.9;
+  }
+
+  .\32xl\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.95;
+  }
+
+  .\32xl\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+  }
+
+  .\32xl\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .\32xl\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .\32xl\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .\32xl\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .\32xl\:focus\:sr-only:focus {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .\32xl\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .\32xl\:appearance-none {
+    -webkit-appearance: none;
+            appearance: none;
+  }
+
+  .\32xl\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .\32xl\:bg-local {
+    background-attachment: local;
+  }
+
+  .\32xl\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .\32xl\:bg-clip-border {
+    background-clip: border-box;
+  }
+
+  .\32xl\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .\32xl\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .\32xl\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .\32xl\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .\32xl\:bg-current {
+    background-color: currentColor;
+  }
+
+  .\32xl\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-current {
+    background-color: currentColor;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .\32xl\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .\32xl\:focus-within\:bg-black:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-white:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .\32xl\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .\32xl\:hover\:bg-black:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .\32xl\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .\32xl\:focus\:bg-black:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-white:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-none {
+    background-image: none;
+  }
+
+  .\32xl\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:from-transparent {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:from-current {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:from-black {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:from-white {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:from-gray-50 {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .\32xl\:from-gray-100 {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .\32xl\:from-gray-200 {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .\32xl\:from-gray-300 {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .\32xl\:from-gray-400 {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .\32xl\:from-gray-500 {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .\32xl\:from-gray-600 {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .\32xl\:from-gray-700 {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .\32xl\:from-gray-800 {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .\32xl\:from-gray-900 {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .\32xl\:from-red-50 {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .\32xl\:from-red-100 {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .\32xl\:from-red-200 {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .\32xl\:from-red-300 {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .\32xl\:from-red-400 {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .\32xl\:from-red-500 {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .\32xl\:from-red-600 {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .\32xl\:from-red-700 {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .\32xl\:from-red-800 {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .\32xl\:from-red-900 {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .\32xl\:from-yellow-50 {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .\32xl\:from-yellow-100 {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .\32xl\:from-yellow-200 {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .\32xl\:from-yellow-300 {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .\32xl\:from-yellow-400 {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .\32xl\:from-yellow-500 {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .\32xl\:from-yellow-600 {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .\32xl\:from-yellow-700 {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .\32xl\:from-yellow-800 {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .\32xl\:from-yellow-900 {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .\32xl\:from-green-50 {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .\32xl\:from-green-100 {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .\32xl\:from-green-200 {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .\32xl\:from-green-300 {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .\32xl\:from-green-400 {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .\32xl\:from-green-500 {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .\32xl\:from-green-600 {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .\32xl\:from-green-700 {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .\32xl\:from-green-800 {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .\32xl\:from-green-900 {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .\32xl\:from-blue-50 {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .\32xl\:from-blue-100 {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .\32xl\:from-blue-200 {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .\32xl\:from-blue-300 {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .\32xl\:from-blue-400 {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .\32xl\:from-blue-500 {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .\32xl\:from-blue-600 {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .\32xl\:from-blue-700 {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .\32xl\:from-blue-800 {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .\32xl\:from-blue-900 {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .\32xl\:from-indigo-50 {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .\32xl\:from-indigo-100 {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .\32xl\:from-indigo-200 {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .\32xl\:from-indigo-300 {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .\32xl\:from-indigo-400 {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .\32xl\:from-indigo-500 {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .\32xl\:from-indigo-600 {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .\32xl\:from-indigo-700 {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .\32xl\:from-indigo-800 {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .\32xl\:from-indigo-900 {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .\32xl\:from-purple-50 {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .\32xl\:from-purple-100 {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .\32xl\:from-purple-200 {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .\32xl\:from-purple-300 {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .\32xl\:from-purple-400 {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .\32xl\:from-purple-500 {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .\32xl\:from-purple-600 {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .\32xl\:from-purple-700 {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .\32xl\:from-purple-800 {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .\32xl\:from-purple-900 {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .\32xl\:from-pink-50 {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .\32xl\:from-pink-100 {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .\32xl\:from-pink-200 {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .\32xl\:from-pink-300 {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .\32xl\:from-pink-400 {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .\32xl\:from-pink-500 {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .\32xl\:from-pink-600 {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .\32xl\:from-pink-700 {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .\32xl\:from-pink-800 {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .\32xl\:from-pink-900 {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .\32xl\:via-transparent {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:via-current {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:via-black {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:via-white {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .\32xl\:via-gray-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .\32xl\:via-gray-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .\32xl\:via-gray-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .\32xl\:via-gray-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .\32xl\:via-gray-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .\32xl\:via-gray-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .\32xl\:via-gray-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .\32xl\:via-gray-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .\32xl\:via-gray-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .\32xl\:via-red-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .\32xl\:via-red-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .\32xl\:via-red-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .\32xl\:via-red-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .\32xl\:via-red-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .\32xl\:via-red-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .\32xl\:via-red-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .\32xl\:via-red-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .\32xl\:via-red-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .\32xl\:via-red-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .\32xl\:via-yellow-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .\32xl\:via-yellow-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .\32xl\:via-yellow-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .\32xl\:via-yellow-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .\32xl\:via-yellow-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .\32xl\:via-yellow-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .\32xl\:via-yellow-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .\32xl\:via-yellow-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .\32xl\:via-yellow-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .\32xl\:via-yellow-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .\32xl\:via-green-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .\32xl\:via-green-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .\32xl\:via-green-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .\32xl\:via-green-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .\32xl\:via-green-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .\32xl\:via-green-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .\32xl\:via-green-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .\32xl\:via-green-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .\32xl\:via-green-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .\32xl\:via-green-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .\32xl\:via-blue-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .\32xl\:via-blue-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .\32xl\:via-blue-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .\32xl\:via-blue-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .\32xl\:via-blue-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .\32xl\:via-blue-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .\32xl\:via-blue-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .\32xl\:via-blue-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .\32xl\:via-blue-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .\32xl\:via-blue-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .\32xl\:via-indigo-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .\32xl\:via-indigo-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .\32xl\:via-indigo-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .\32xl\:via-indigo-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .\32xl\:via-indigo-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .\32xl\:via-indigo-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .\32xl\:via-indigo-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .\32xl\:via-indigo-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .\32xl\:via-indigo-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .\32xl\:via-indigo-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .\32xl\:via-purple-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .\32xl\:via-purple-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .\32xl\:via-purple-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .\32xl\:via-purple-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .\32xl\:via-purple-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .\32xl\:via-purple-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .\32xl\:via-purple-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .\32xl\:via-purple-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .\32xl\:via-purple-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .\32xl\:via-purple-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .\32xl\:via-pink-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .\32xl\:via-pink-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .\32xl\:via-pink-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .\32xl\:via-pink-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .\32xl\:via-pink-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .\32xl\:via-pink-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .\32xl\:via-pink-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .\32xl\:via-pink-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .\32xl\:via-pink-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .\32xl\:via-pink-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .\32xl\:to-transparent {
+    --tw-gradient-to: transparent;
+  }
+
+  .\32xl\:to-current {
+    --tw-gradient-to: currentColor;
+  }
+
+  .\32xl\:to-black {
+    --tw-gradient-to: #000;
+  }
+
+  .\32xl\:to-white {
+    --tw-gradient-to: #fff;
+  }
+
+  .\32xl\:to-gray-50 {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .\32xl\:to-gray-100 {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .\32xl\:to-gray-200 {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .\32xl\:to-gray-300 {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .\32xl\:to-gray-400 {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .\32xl\:to-gray-500 {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .\32xl\:to-gray-600 {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .\32xl\:to-gray-700 {
+    --tw-gradient-to: #374151;
+  }
+
+  .\32xl\:to-gray-800 {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .\32xl\:to-gray-900 {
+    --tw-gradient-to: #111827;
+  }
+
+  .\32xl\:to-red-50 {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .\32xl\:to-red-100 {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .\32xl\:to-red-200 {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .\32xl\:to-red-300 {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .\32xl\:to-red-400 {
+    --tw-gradient-to: #f87171;
+  }
+
+  .\32xl\:to-red-500 {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .\32xl\:to-red-600 {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .\32xl\:to-red-700 {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .\32xl\:to-red-800 {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .\32xl\:to-red-900 {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .\32xl\:to-yellow-50 {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .\32xl\:to-yellow-100 {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .\32xl\:to-yellow-200 {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .\32xl\:to-yellow-300 {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .\32xl\:to-yellow-400 {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .\32xl\:to-yellow-500 {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .\32xl\:to-yellow-600 {
+    --tw-gradient-to: #d97706;
+  }
+
+  .\32xl\:to-yellow-700 {
+    --tw-gradient-to: #b45309;
+  }
+
+  .\32xl\:to-yellow-800 {
+    --tw-gradient-to: #92400e;
+  }
+
+  .\32xl\:to-yellow-900 {
+    --tw-gradient-to: #78350f;
+  }
+
+  .\32xl\:to-green-50 {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .\32xl\:to-green-100 {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .\32xl\:to-green-200 {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .\32xl\:to-green-300 {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .\32xl\:to-green-400 {
+    --tw-gradient-to: #34d399;
+  }
+
+  .\32xl\:to-green-500 {
+    --tw-gradient-to: #10b981;
+  }
+
+  .\32xl\:to-green-600 {
+    --tw-gradient-to: #059669;
+  }
+
+  .\32xl\:to-green-700 {
+    --tw-gradient-to: #047857;
+  }
+
+  .\32xl\:to-green-800 {
+    --tw-gradient-to: #065f46;
+  }
+
+  .\32xl\:to-green-900 {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .\32xl\:to-blue-50 {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .\32xl\:to-blue-100 {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .\32xl\:to-blue-200 {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .\32xl\:to-blue-300 {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .\32xl\:to-blue-400 {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .\32xl\:to-blue-500 {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .\32xl\:to-blue-600 {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .\32xl\:to-blue-700 {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .\32xl\:to-blue-800 {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .\32xl\:to-blue-900 {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .\32xl\:to-indigo-50 {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .\32xl\:to-indigo-100 {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .\32xl\:to-indigo-200 {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .\32xl\:to-indigo-300 {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .\32xl\:to-indigo-400 {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .\32xl\:to-indigo-500 {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .\32xl\:to-indigo-600 {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .\32xl\:to-indigo-700 {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .\32xl\:to-indigo-800 {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .\32xl\:to-indigo-900 {
+    --tw-gradient-to: #312e81;
+  }
+
+  .\32xl\:to-purple-50 {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .\32xl\:to-purple-100 {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .\32xl\:to-purple-200 {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .\32xl\:to-purple-300 {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .\32xl\:to-purple-400 {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .\32xl\:to-purple-500 {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .\32xl\:to-purple-600 {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .\32xl\:to-purple-700 {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .\32xl\:to-purple-800 {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .\32xl\:to-purple-900 {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .\32xl\:to-pink-50 {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .\32xl\:to-pink-100 {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .\32xl\:to-pink-200 {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .\32xl\:to-pink-300 {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .\32xl\:to-pink-400 {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .\32xl\:to-pink-500 {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .\32xl\:to-pink-600 {
+    --tw-gradient-to: #db2777;
+  }
+
+  .\32xl\:to-pink-700 {
+    --tw-gradient-to: #be185d;
+  }
+
+  .\32xl\:to-pink-800 {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .\32xl\:to-pink-900 {
+    --tw-gradient-to: #831843;
+  }
+
+  .\32xl\:hover\:from-transparent:hover {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:hover\:from-current:hover {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:hover\:from-black:hover {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:hover\:from-white:hover {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .\32xl\:hover\:from-gray-100:hover {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .\32xl\:hover\:from-gray-200:hover {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .\32xl\:hover\:from-gray-300:hover {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .\32xl\:hover\:from-gray-400:hover {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .\32xl\:hover\:from-gray-500:hover {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .\32xl\:hover\:from-gray-600:hover {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .\32xl\:hover\:from-gray-700:hover {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .\32xl\:hover\:from-gray-800:hover {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .\32xl\:hover\:from-gray-900:hover {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .\32xl\:hover\:from-red-50:hover {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .\32xl\:hover\:from-red-100:hover {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .\32xl\:hover\:from-red-200:hover {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .\32xl\:hover\:from-red-300:hover {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .\32xl\:hover\:from-red-400:hover {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .\32xl\:hover\:from-red-500:hover {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .\32xl\:hover\:from-red-600:hover {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .\32xl\:hover\:from-red-700:hover {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .\32xl\:hover\:from-red-800:hover {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .\32xl\:hover\:from-red-900:hover {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-50:hover {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-100:hover {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-200:hover {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-300:hover {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-400:hover {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-500:hover {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-600:hover {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-700:hover {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-800:hover {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-900:hover {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .\32xl\:hover\:from-green-50:hover {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .\32xl\:hover\:from-green-100:hover {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .\32xl\:hover\:from-green-200:hover {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .\32xl\:hover\:from-green-300:hover {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .\32xl\:hover\:from-green-400:hover {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .\32xl\:hover\:from-green-500:hover {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .\32xl\:hover\:from-green-600:hover {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .\32xl\:hover\:from-green-700:hover {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .\32xl\:hover\:from-green-800:hover {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .\32xl\:hover\:from-green-900:hover {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .\32xl\:hover\:from-blue-50:hover {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .\32xl\:hover\:from-blue-100:hover {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .\32xl\:hover\:from-blue-200:hover {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .\32xl\:hover\:from-blue-300:hover {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .\32xl\:hover\:from-blue-400:hover {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .\32xl\:hover\:from-blue-500:hover {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .\32xl\:hover\:from-blue-600:hover {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .\32xl\:hover\:from-blue-700:hover {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .\32xl\:hover\:from-blue-800:hover {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .\32xl\:hover\:from-blue-900:hover {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-50:hover {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-100:hover {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-200:hover {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-300:hover {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-400:hover {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-500:hover {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-600:hover {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-700:hover {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-800:hover {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-900:hover {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .\32xl\:hover\:from-purple-50:hover {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .\32xl\:hover\:from-purple-100:hover {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .\32xl\:hover\:from-purple-200:hover {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .\32xl\:hover\:from-purple-300:hover {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .\32xl\:hover\:from-purple-400:hover {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .\32xl\:hover\:from-purple-500:hover {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .\32xl\:hover\:from-purple-600:hover {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .\32xl\:hover\:from-purple-700:hover {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .\32xl\:hover\:from-purple-800:hover {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .\32xl\:hover\:from-purple-900:hover {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .\32xl\:hover\:from-pink-50:hover {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .\32xl\:hover\:from-pink-100:hover {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .\32xl\:hover\:from-pink-200:hover {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .\32xl\:hover\:from-pink-300:hover {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .\32xl\:hover\:from-pink-400:hover {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .\32xl\:hover\:from-pink-500:hover {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .\32xl\:hover\:from-pink-600:hover {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .\32xl\:hover\:from-pink-700:hover {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .\32xl\:hover\:from-pink-800:hover {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .\32xl\:hover\:from-pink-900:hover {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .\32xl\:hover\:via-transparent:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:hover\:via-current:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:hover\:via-black:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:hover\:via-white:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .\32xl\:hover\:via-gray-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .\32xl\:hover\:via-gray-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .\32xl\:hover\:via-gray-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .\32xl\:hover\:via-gray-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .\32xl\:hover\:via-gray-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .\32xl\:hover\:via-gray-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .\32xl\:hover\:via-gray-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .\32xl\:hover\:via-gray-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .\32xl\:hover\:via-gray-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .\32xl\:hover\:via-red-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .\32xl\:hover\:via-red-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .\32xl\:hover\:via-red-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .\32xl\:hover\:via-red-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .\32xl\:hover\:via-red-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .\32xl\:hover\:via-red-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .\32xl\:hover\:via-red-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .\32xl\:hover\:via-red-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .\32xl\:hover\:via-red-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .\32xl\:hover\:via-red-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .\32xl\:hover\:via-green-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .\32xl\:hover\:via-green-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .\32xl\:hover\:via-green-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .\32xl\:hover\:via-green-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .\32xl\:hover\:via-green-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .\32xl\:hover\:via-green-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .\32xl\:hover\:via-green-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .\32xl\:hover\:via-green-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .\32xl\:hover\:via-green-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .\32xl\:hover\:via-green-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .\32xl\:hover\:via-blue-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .\32xl\:hover\:via-blue-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .\32xl\:hover\:via-blue-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .\32xl\:hover\:via-blue-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .\32xl\:hover\:via-blue-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .\32xl\:hover\:via-blue-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .\32xl\:hover\:via-blue-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .\32xl\:hover\:via-blue-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .\32xl\:hover\:via-blue-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .\32xl\:hover\:via-blue-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .\32xl\:hover\:via-purple-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .\32xl\:hover\:via-purple-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .\32xl\:hover\:via-purple-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .\32xl\:hover\:via-purple-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .\32xl\:hover\:via-purple-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .\32xl\:hover\:via-purple-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .\32xl\:hover\:via-purple-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .\32xl\:hover\:via-purple-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .\32xl\:hover\:via-purple-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .\32xl\:hover\:via-purple-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .\32xl\:hover\:via-pink-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .\32xl\:hover\:via-pink-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .\32xl\:hover\:via-pink-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .\32xl\:hover\:via-pink-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .\32xl\:hover\:via-pink-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .\32xl\:hover\:via-pink-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .\32xl\:hover\:via-pink-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .\32xl\:hover\:via-pink-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .\32xl\:hover\:via-pink-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .\32xl\:hover\:via-pink-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .\32xl\:hover\:to-transparent:hover {
+    --tw-gradient-to: transparent;
+  }
+
+  .\32xl\:hover\:to-current:hover {
+    --tw-gradient-to: currentColor;
+  }
+
+  .\32xl\:hover\:to-black:hover {
+    --tw-gradient-to: #000;
+  }
+
+  .\32xl\:hover\:to-white:hover {
+    --tw-gradient-to: #fff;
+  }
+
+  .\32xl\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .\32xl\:hover\:to-gray-100:hover {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .\32xl\:hover\:to-gray-200:hover {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .\32xl\:hover\:to-gray-300:hover {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .\32xl\:hover\:to-gray-400:hover {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .\32xl\:hover\:to-gray-500:hover {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .\32xl\:hover\:to-gray-600:hover {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .\32xl\:hover\:to-gray-700:hover {
+    --tw-gradient-to: #374151;
+  }
+
+  .\32xl\:hover\:to-gray-800:hover {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .\32xl\:hover\:to-gray-900:hover {
+    --tw-gradient-to: #111827;
+  }
+
+  .\32xl\:hover\:to-red-50:hover {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .\32xl\:hover\:to-red-100:hover {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .\32xl\:hover\:to-red-200:hover {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .\32xl\:hover\:to-red-300:hover {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .\32xl\:hover\:to-red-400:hover {
+    --tw-gradient-to: #f87171;
+  }
+
+  .\32xl\:hover\:to-red-500:hover {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .\32xl\:hover\:to-red-600:hover {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .\32xl\:hover\:to-red-700:hover {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .\32xl\:hover\:to-red-800:hover {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .\32xl\:hover\:to-red-900:hover {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .\32xl\:hover\:to-yellow-50:hover {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .\32xl\:hover\:to-yellow-100:hover {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .\32xl\:hover\:to-yellow-200:hover {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .\32xl\:hover\:to-yellow-300:hover {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .\32xl\:hover\:to-yellow-400:hover {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .\32xl\:hover\:to-yellow-500:hover {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .\32xl\:hover\:to-yellow-600:hover {
+    --tw-gradient-to: #d97706;
+  }
+
+  .\32xl\:hover\:to-yellow-700:hover {
+    --tw-gradient-to: #b45309;
+  }
+
+  .\32xl\:hover\:to-yellow-800:hover {
+    --tw-gradient-to: #92400e;
+  }
+
+  .\32xl\:hover\:to-yellow-900:hover {
+    --tw-gradient-to: #78350f;
+  }
+
+  .\32xl\:hover\:to-green-50:hover {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .\32xl\:hover\:to-green-100:hover {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .\32xl\:hover\:to-green-200:hover {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .\32xl\:hover\:to-green-300:hover {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .\32xl\:hover\:to-green-400:hover {
+    --tw-gradient-to: #34d399;
+  }
+
+  .\32xl\:hover\:to-green-500:hover {
+    --tw-gradient-to: #10b981;
+  }
+
+  .\32xl\:hover\:to-green-600:hover {
+    --tw-gradient-to: #059669;
+  }
+
+  .\32xl\:hover\:to-green-700:hover {
+    --tw-gradient-to: #047857;
+  }
+
+  .\32xl\:hover\:to-green-800:hover {
+    --tw-gradient-to: #065f46;
+  }
+
+  .\32xl\:hover\:to-green-900:hover {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .\32xl\:hover\:to-blue-50:hover {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .\32xl\:hover\:to-blue-100:hover {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .\32xl\:hover\:to-blue-200:hover {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .\32xl\:hover\:to-blue-300:hover {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .\32xl\:hover\:to-blue-400:hover {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .\32xl\:hover\:to-blue-500:hover {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .\32xl\:hover\:to-blue-600:hover {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .\32xl\:hover\:to-blue-700:hover {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .\32xl\:hover\:to-blue-800:hover {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .\32xl\:hover\:to-blue-900:hover {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .\32xl\:hover\:to-indigo-50:hover {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .\32xl\:hover\:to-indigo-100:hover {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .\32xl\:hover\:to-indigo-200:hover {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .\32xl\:hover\:to-indigo-300:hover {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .\32xl\:hover\:to-indigo-400:hover {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .\32xl\:hover\:to-indigo-500:hover {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .\32xl\:hover\:to-indigo-600:hover {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .\32xl\:hover\:to-indigo-700:hover {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .\32xl\:hover\:to-indigo-800:hover {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .\32xl\:hover\:to-indigo-900:hover {
+    --tw-gradient-to: #312e81;
+  }
+
+  .\32xl\:hover\:to-purple-50:hover {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .\32xl\:hover\:to-purple-100:hover {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .\32xl\:hover\:to-purple-200:hover {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .\32xl\:hover\:to-purple-300:hover {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .\32xl\:hover\:to-purple-400:hover {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .\32xl\:hover\:to-purple-500:hover {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .\32xl\:hover\:to-purple-600:hover {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .\32xl\:hover\:to-purple-700:hover {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .\32xl\:hover\:to-purple-800:hover {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .\32xl\:hover\:to-purple-900:hover {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .\32xl\:hover\:to-pink-50:hover {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .\32xl\:hover\:to-pink-100:hover {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .\32xl\:hover\:to-pink-200:hover {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .\32xl\:hover\:to-pink-300:hover {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .\32xl\:hover\:to-pink-400:hover {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .\32xl\:hover\:to-pink-500:hover {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .\32xl\:hover\:to-pink-600:hover {
+    --tw-gradient-to: #db2777;
+  }
+
+  .\32xl\:hover\:to-pink-700:hover {
+    --tw-gradient-to: #be185d;
+  }
+
+  .\32xl\:hover\:to-pink-800:hover {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .\32xl\:hover\:to-pink-900:hover {
+    --tw-gradient-to: #831843;
+  }
+
+  .\32xl\:focus\:from-transparent:focus {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:focus\:from-current:focus {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:focus\:from-black:focus {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:focus\:from-white:focus {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .\32xl\:focus\:from-gray-100:focus {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .\32xl\:focus\:from-gray-200:focus {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .\32xl\:focus\:from-gray-300:focus {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .\32xl\:focus\:from-gray-400:focus {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .\32xl\:focus\:from-gray-500:focus {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .\32xl\:focus\:from-gray-600:focus {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .\32xl\:focus\:from-gray-700:focus {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .\32xl\:focus\:from-gray-800:focus {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .\32xl\:focus\:from-gray-900:focus {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .\32xl\:focus\:from-red-50:focus {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .\32xl\:focus\:from-red-100:focus {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .\32xl\:focus\:from-red-200:focus {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .\32xl\:focus\:from-red-300:focus {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .\32xl\:focus\:from-red-400:focus {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .\32xl\:focus\:from-red-500:focus {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .\32xl\:focus\:from-red-600:focus {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .\32xl\:focus\:from-red-700:focus {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .\32xl\:focus\:from-red-800:focus {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .\32xl\:focus\:from-red-900:focus {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-50:focus {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-100:focus {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-200:focus {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-300:focus {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-400:focus {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-500:focus {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-600:focus {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-700:focus {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-800:focus {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-900:focus {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .\32xl\:focus\:from-green-50:focus {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .\32xl\:focus\:from-green-100:focus {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .\32xl\:focus\:from-green-200:focus {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .\32xl\:focus\:from-green-300:focus {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .\32xl\:focus\:from-green-400:focus {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .\32xl\:focus\:from-green-500:focus {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .\32xl\:focus\:from-green-600:focus {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .\32xl\:focus\:from-green-700:focus {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .\32xl\:focus\:from-green-800:focus {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .\32xl\:focus\:from-green-900:focus {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .\32xl\:focus\:from-blue-50:focus {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .\32xl\:focus\:from-blue-100:focus {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .\32xl\:focus\:from-blue-200:focus {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .\32xl\:focus\:from-blue-300:focus {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .\32xl\:focus\:from-blue-400:focus {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .\32xl\:focus\:from-blue-500:focus {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .\32xl\:focus\:from-blue-600:focus {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .\32xl\:focus\:from-blue-700:focus {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .\32xl\:focus\:from-blue-800:focus {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .\32xl\:focus\:from-blue-900:focus {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-50:focus {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-100:focus {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-200:focus {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-300:focus {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-400:focus {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-500:focus {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-600:focus {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-700:focus {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-800:focus {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-900:focus {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .\32xl\:focus\:from-purple-50:focus {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .\32xl\:focus\:from-purple-100:focus {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .\32xl\:focus\:from-purple-200:focus {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .\32xl\:focus\:from-purple-300:focus {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .\32xl\:focus\:from-purple-400:focus {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .\32xl\:focus\:from-purple-500:focus {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .\32xl\:focus\:from-purple-600:focus {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .\32xl\:focus\:from-purple-700:focus {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .\32xl\:focus\:from-purple-800:focus {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .\32xl\:focus\:from-purple-900:focus {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .\32xl\:focus\:from-pink-50:focus {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .\32xl\:focus\:from-pink-100:focus {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .\32xl\:focus\:from-pink-200:focus {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .\32xl\:focus\:from-pink-300:focus {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .\32xl\:focus\:from-pink-400:focus {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .\32xl\:focus\:from-pink-500:focus {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .\32xl\:focus\:from-pink-600:focus {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .\32xl\:focus\:from-pink-700:focus {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .\32xl\:focus\:from-pink-800:focus {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .\32xl\:focus\:from-pink-900:focus {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .\32xl\:focus\:via-transparent:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:focus\:via-current:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:focus\:via-black:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:focus\:via-white:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .\32xl\:focus\:via-gray-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .\32xl\:focus\:via-gray-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .\32xl\:focus\:via-gray-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .\32xl\:focus\:via-gray-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .\32xl\:focus\:via-gray-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .\32xl\:focus\:via-gray-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .\32xl\:focus\:via-gray-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .\32xl\:focus\:via-gray-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .\32xl\:focus\:via-gray-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .\32xl\:focus\:via-red-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .\32xl\:focus\:via-red-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .\32xl\:focus\:via-red-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .\32xl\:focus\:via-red-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .\32xl\:focus\:via-red-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .\32xl\:focus\:via-red-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .\32xl\:focus\:via-red-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .\32xl\:focus\:via-red-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .\32xl\:focus\:via-red-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .\32xl\:focus\:via-red-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .\32xl\:focus\:via-green-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .\32xl\:focus\:via-green-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .\32xl\:focus\:via-green-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .\32xl\:focus\:via-green-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .\32xl\:focus\:via-green-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .\32xl\:focus\:via-green-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .\32xl\:focus\:via-green-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .\32xl\:focus\:via-green-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .\32xl\:focus\:via-green-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .\32xl\:focus\:via-green-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .\32xl\:focus\:via-blue-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .\32xl\:focus\:via-blue-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .\32xl\:focus\:via-blue-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .\32xl\:focus\:via-blue-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .\32xl\:focus\:via-blue-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .\32xl\:focus\:via-blue-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .\32xl\:focus\:via-blue-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .\32xl\:focus\:via-blue-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .\32xl\:focus\:via-blue-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .\32xl\:focus\:via-blue-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .\32xl\:focus\:via-purple-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .\32xl\:focus\:via-purple-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .\32xl\:focus\:via-purple-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .\32xl\:focus\:via-purple-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .\32xl\:focus\:via-purple-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .\32xl\:focus\:via-purple-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .\32xl\:focus\:via-purple-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .\32xl\:focus\:via-purple-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .\32xl\:focus\:via-purple-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .\32xl\:focus\:via-purple-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .\32xl\:focus\:via-pink-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .\32xl\:focus\:via-pink-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .\32xl\:focus\:via-pink-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .\32xl\:focus\:via-pink-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .\32xl\:focus\:via-pink-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .\32xl\:focus\:via-pink-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .\32xl\:focus\:via-pink-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .\32xl\:focus\:via-pink-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .\32xl\:focus\:via-pink-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .\32xl\:focus\:via-pink-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .\32xl\:focus\:to-transparent:focus {
+    --tw-gradient-to: transparent;
+  }
+
+  .\32xl\:focus\:to-current:focus {
+    --tw-gradient-to: currentColor;
+  }
+
+  .\32xl\:focus\:to-black:focus {
+    --tw-gradient-to: #000;
+  }
+
+  .\32xl\:focus\:to-white:focus {
+    --tw-gradient-to: #fff;
+  }
+
+  .\32xl\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .\32xl\:focus\:to-gray-100:focus {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .\32xl\:focus\:to-gray-200:focus {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .\32xl\:focus\:to-gray-300:focus {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .\32xl\:focus\:to-gray-400:focus {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .\32xl\:focus\:to-gray-500:focus {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .\32xl\:focus\:to-gray-600:focus {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .\32xl\:focus\:to-gray-700:focus {
+    --tw-gradient-to: #374151;
+  }
+
+  .\32xl\:focus\:to-gray-800:focus {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .\32xl\:focus\:to-gray-900:focus {
+    --tw-gradient-to: #111827;
+  }
+
+  .\32xl\:focus\:to-red-50:focus {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .\32xl\:focus\:to-red-100:focus {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .\32xl\:focus\:to-red-200:focus {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .\32xl\:focus\:to-red-300:focus {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .\32xl\:focus\:to-red-400:focus {
+    --tw-gradient-to: #f87171;
+  }
+
+  .\32xl\:focus\:to-red-500:focus {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .\32xl\:focus\:to-red-600:focus {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .\32xl\:focus\:to-red-700:focus {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .\32xl\:focus\:to-red-800:focus {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .\32xl\:focus\:to-red-900:focus {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .\32xl\:focus\:to-yellow-50:focus {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .\32xl\:focus\:to-yellow-100:focus {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .\32xl\:focus\:to-yellow-200:focus {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .\32xl\:focus\:to-yellow-300:focus {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .\32xl\:focus\:to-yellow-400:focus {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .\32xl\:focus\:to-yellow-500:focus {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .\32xl\:focus\:to-yellow-600:focus {
+    --tw-gradient-to: #d97706;
+  }
+
+  .\32xl\:focus\:to-yellow-700:focus {
+    --tw-gradient-to: #b45309;
+  }
+
+  .\32xl\:focus\:to-yellow-800:focus {
+    --tw-gradient-to: #92400e;
+  }
+
+  .\32xl\:focus\:to-yellow-900:focus {
+    --tw-gradient-to: #78350f;
+  }
+
+  .\32xl\:focus\:to-green-50:focus {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .\32xl\:focus\:to-green-100:focus {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .\32xl\:focus\:to-green-200:focus {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .\32xl\:focus\:to-green-300:focus {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .\32xl\:focus\:to-green-400:focus {
+    --tw-gradient-to: #34d399;
+  }
+
+  .\32xl\:focus\:to-green-500:focus {
+    --tw-gradient-to: #10b981;
+  }
+
+  .\32xl\:focus\:to-green-600:focus {
+    --tw-gradient-to: #059669;
+  }
+
+  .\32xl\:focus\:to-green-700:focus {
+    --tw-gradient-to: #047857;
+  }
+
+  .\32xl\:focus\:to-green-800:focus {
+    --tw-gradient-to: #065f46;
+  }
+
+  .\32xl\:focus\:to-green-900:focus {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .\32xl\:focus\:to-blue-50:focus {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .\32xl\:focus\:to-blue-100:focus {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .\32xl\:focus\:to-blue-200:focus {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .\32xl\:focus\:to-blue-300:focus {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .\32xl\:focus\:to-blue-400:focus {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .\32xl\:focus\:to-blue-500:focus {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .\32xl\:focus\:to-blue-600:focus {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .\32xl\:focus\:to-blue-700:focus {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .\32xl\:focus\:to-blue-800:focus {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .\32xl\:focus\:to-blue-900:focus {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .\32xl\:focus\:to-indigo-50:focus {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .\32xl\:focus\:to-indigo-100:focus {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .\32xl\:focus\:to-indigo-200:focus {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .\32xl\:focus\:to-indigo-300:focus {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .\32xl\:focus\:to-indigo-400:focus {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .\32xl\:focus\:to-indigo-500:focus {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .\32xl\:focus\:to-indigo-600:focus {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .\32xl\:focus\:to-indigo-700:focus {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .\32xl\:focus\:to-indigo-800:focus {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .\32xl\:focus\:to-indigo-900:focus {
+    --tw-gradient-to: #312e81;
+  }
+
+  .\32xl\:focus\:to-purple-50:focus {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .\32xl\:focus\:to-purple-100:focus {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .\32xl\:focus\:to-purple-200:focus {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .\32xl\:focus\:to-purple-300:focus {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .\32xl\:focus\:to-purple-400:focus {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .\32xl\:focus\:to-purple-500:focus {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .\32xl\:focus\:to-purple-600:focus {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .\32xl\:focus\:to-purple-700:focus {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .\32xl\:focus\:to-purple-800:focus {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .\32xl\:focus\:to-purple-900:focus {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .\32xl\:focus\:to-pink-50:focus {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .\32xl\:focus\:to-pink-100:focus {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .\32xl\:focus\:to-pink-200:focus {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .\32xl\:focus\:to-pink-300:focus {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .\32xl\:focus\:to-pink-400:focus {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .\32xl\:focus\:to-pink-500:focus {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .\32xl\:focus\:to-pink-600:focus {
+    --tw-gradient-to: #db2777;
+  }
+
+  .\32xl\:focus\:to-pink-700:focus {
+    --tw-gradient-to: #be185d;
+  }
+
+  .\32xl\:focus\:to-pink-800:focus {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .\32xl\:focus\:to-pink-900:focus {
+    --tw-gradient-to: #831843;
+  }
+
+  .\32xl\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .\32xl\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .\32xl\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .\32xl\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .\32xl\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .\32xl\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .\32xl\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .\32xl\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .\32xl\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .\32xl\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .\32xl\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .\32xl\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .\32xl\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .\32xl\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .\32xl\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-0:focus-within {
+    --tw-bg-opacity: 0;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-5:focus-within {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-10:focus-within {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-20:focus-within {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-25:focus-within {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-30:focus-within {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-40:focus-within {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-50:focus-within {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-60:focus-within {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-70:focus-within {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-75:focus-within {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-80:focus-within {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-90:focus-within {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-95:focus-within {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-100:focus-within {
+    --tw-bg-opacity: 1;
+  }
+
+  .\32xl\:hover\:bg-opacity-0:hover {
+    --tw-bg-opacity: 0;
+  }
+
+  .\32xl\:hover\:bg-opacity-5:hover {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .\32xl\:hover\:bg-opacity-10:hover {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .\32xl\:hover\:bg-opacity-20:hover {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .\32xl\:hover\:bg-opacity-25:hover {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .\32xl\:hover\:bg-opacity-30:hover {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .\32xl\:hover\:bg-opacity-40:hover {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .\32xl\:hover\:bg-opacity-50:hover {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .\32xl\:hover\:bg-opacity-60:hover {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .\32xl\:hover\:bg-opacity-70:hover {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .\32xl\:hover\:bg-opacity-75:hover {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .\32xl\:hover\:bg-opacity-80:hover {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .\32xl\:hover\:bg-opacity-90:hover {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .\32xl\:hover\:bg-opacity-95:hover {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .\32xl\:hover\:bg-opacity-100:hover {
+    --tw-bg-opacity: 1;
+  }
+
+  .\32xl\:focus\:bg-opacity-0:focus {
+    --tw-bg-opacity: 0;
+  }
+
+  .\32xl\:focus\:bg-opacity-5:focus {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .\32xl\:focus\:bg-opacity-10:focus {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .\32xl\:focus\:bg-opacity-20:focus {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .\32xl\:focus\:bg-opacity-25:focus {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .\32xl\:focus\:bg-opacity-30:focus {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .\32xl\:focus\:bg-opacity-40:focus {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .\32xl\:focus\:bg-opacity-50:focus {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .\32xl\:focus\:bg-opacity-60:focus {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .\32xl\:focus\:bg-opacity-70:focus {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .\32xl\:focus\:bg-opacity-75:focus {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .\32xl\:focus\:bg-opacity-80:focus {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .\32xl\:focus\:bg-opacity-90:focus {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .\32xl\:focus\:bg-opacity-95:focus {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .\32xl\:focus\:bg-opacity-100:focus {
+    --tw-bg-opacity: 1;
+  }
+
+  .\32xl\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .\32xl\:bg-center {
+    background-position: center;
+  }
+
+  .\32xl\:bg-left {
+    background-position: left;
+  }
+
+  .\32xl\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .\32xl\:bg-left-top {
+    background-position: left top;
+  }
+
+  .\32xl\:bg-right {
+    background-position: right;
+  }
+
+  .\32xl\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .\32xl\:bg-right-top {
+    background-position: right top;
+  }
+
+  .\32xl\:bg-top {
+    background-position: top;
+  }
+
+  .\32xl\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .\32xl\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .\32xl\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .\32xl\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .\32xl\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .\32xl\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .\32xl\:bg-auto {
+    background-size: auto;
+  }
+
+  .\32xl\:bg-cover {
+    background-size: cover;
+  }
+
+  .\32xl\:bg-contain {
+    background-size: contain;
+  }
+
+  .\32xl\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .\32xl\:border-separate {
+    border-collapse: separate;
+  }
+
+  .\32xl\:border-transparent {
+    border-color: transparent;
+  }
+
+  .\32xl\:border-current {
+    border-color: currentColor;
+  }
+
+  .\32xl\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .\32xl\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .\32xl\:focus-within\:border-black:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-white:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .\32xl\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .\32xl\:hover\:border-black:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-white:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .\32xl\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .\32xl\:focus\:border-black:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-white:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .\32xl\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .\32xl\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .\32xl\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .\32xl\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .\32xl\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .\32xl\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .\32xl\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .\32xl\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .\32xl\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .\32xl\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .\32xl\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .\32xl\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .\32xl\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .\32xl\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .\32xl\:focus-within\:border-opacity-0:focus-within {
+    --tw-border-opacity: 0;
+  }
+
+  .\32xl\:focus-within\:border-opacity-5:focus-within {
+    --tw-border-opacity: 0.05;
+  }
+
+  .\32xl\:focus-within\:border-opacity-10:focus-within {
+    --tw-border-opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:border-opacity-20:focus-within {
+    --tw-border-opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:border-opacity-25:focus-within {
+    --tw-border-opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:border-opacity-30:focus-within {
+    --tw-border-opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:border-opacity-40:focus-within {
+    --tw-border-opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:border-opacity-50:focus-within {
+    --tw-border-opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:border-opacity-60:focus-within {
+    --tw-border-opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:border-opacity-70:focus-within {
+    --tw-border-opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:border-opacity-75:focus-within {
+    --tw-border-opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:border-opacity-80:focus-within {
+    --tw-border-opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:border-opacity-90:focus-within {
+    --tw-border-opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:border-opacity-95:focus-within {
+    --tw-border-opacity: 0.95;
+  }
+
+  .\32xl\:focus-within\:border-opacity-100:focus-within {
+    --tw-border-opacity: 1;
+  }
+
+  .\32xl\:hover\:border-opacity-0:hover {
+    --tw-border-opacity: 0;
+  }
+
+  .\32xl\:hover\:border-opacity-5:hover {
+    --tw-border-opacity: 0.05;
+  }
+
+  .\32xl\:hover\:border-opacity-10:hover {
+    --tw-border-opacity: 0.1;
+  }
+
+  .\32xl\:hover\:border-opacity-20:hover {
+    --tw-border-opacity: 0.2;
+  }
+
+  .\32xl\:hover\:border-opacity-25:hover {
+    --tw-border-opacity: 0.25;
+  }
+
+  .\32xl\:hover\:border-opacity-30:hover {
+    --tw-border-opacity: 0.3;
+  }
+
+  .\32xl\:hover\:border-opacity-40:hover {
+    --tw-border-opacity: 0.4;
+  }
+
+  .\32xl\:hover\:border-opacity-50:hover {
+    --tw-border-opacity: 0.5;
+  }
+
+  .\32xl\:hover\:border-opacity-60:hover {
+    --tw-border-opacity: 0.6;
+  }
+
+  .\32xl\:hover\:border-opacity-70:hover {
+    --tw-border-opacity: 0.7;
+  }
+
+  .\32xl\:hover\:border-opacity-75:hover {
+    --tw-border-opacity: 0.75;
+  }
+
+  .\32xl\:hover\:border-opacity-80:hover {
+    --tw-border-opacity: 0.8;
+  }
+
+  .\32xl\:hover\:border-opacity-90:hover {
+    --tw-border-opacity: 0.9;
+  }
+
+  .\32xl\:hover\:border-opacity-95:hover {
+    --tw-border-opacity: 0.95;
+  }
+
+  .\32xl\:hover\:border-opacity-100:hover {
+    --tw-border-opacity: 1;
+  }
+
+  .\32xl\:focus\:border-opacity-0:focus {
+    --tw-border-opacity: 0;
+  }
+
+  .\32xl\:focus\:border-opacity-5:focus {
+    --tw-border-opacity: 0.05;
+  }
+
+  .\32xl\:focus\:border-opacity-10:focus {
+    --tw-border-opacity: 0.1;
+  }
+
+  .\32xl\:focus\:border-opacity-20:focus {
+    --tw-border-opacity: 0.2;
+  }
+
+  .\32xl\:focus\:border-opacity-25:focus {
+    --tw-border-opacity: 0.25;
+  }
+
+  .\32xl\:focus\:border-opacity-30:focus {
+    --tw-border-opacity: 0.3;
+  }
+
+  .\32xl\:focus\:border-opacity-40:focus {
+    --tw-border-opacity: 0.4;
+  }
+
+  .\32xl\:focus\:border-opacity-50:focus {
+    --tw-border-opacity: 0.5;
+  }
+
+  .\32xl\:focus\:border-opacity-60:focus {
+    --tw-border-opacity: 0.6;
+  }
+
+  .\32xl\:focus\:border-opacity-70:focus {
+    --tw-border-opacity: 0.7;
+  }
+
+  .\32xl\:focus\:border-opacity-75:focus {
+    --tw-border-opacity: 0.75;
+  }
+
+  .\32xl\:focus\:border-opacity-80:focus {
+    --tw-border-opacity: 0.8;
+  }
+
+  .\32xl\:focus\:border-opacity-90:focus {
+    --tw-border-opacity: 0.9;
+  }
+
+  .\32xl\:focus\:border-opacity-95:focus {
+    --tw-border-opacity: 0.95;
+  }
+
+  .\32xl\:focus\:border-opacity-100:focus {
+    --tw-border-opacity: 1;
+  }
+
+  .\32xl\:rounded-none {
+    border-radius: 0px;
+  }
+
+  .\32xl\:rounded-sm {
+    border-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded {
+    border-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-md {
+    border-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-xl {
+    border-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .\32xl\:rounded-3xl {
+    border-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .\32xl\:rounded-t-none {
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+  }
+
+  .\32xl\:rounded-r-none {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+  }
+
+  .\32xl\:rounded-b-none {
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .\32xl\:rounded-l-none {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .\32xl\:rounded-t-sm {
+    border-top-left-radius: 0.125rem;
+    border-top-right-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-r-sm {
+    border-top-right-radius: 0.125rem;
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-b-sm {
+    border-bottom-right-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-l-sm {
+    border-top-left-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-t-md {
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-r-md {
+    border-top-right-radius: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-b-md {
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-l-md {
+    border-top-left-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-t-lg {
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-r-lg {
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-b-lg {
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-l-lg {
+    border-top-left-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-t-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .\32xl\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .\32xl\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .\32xl\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .\32xl\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-t-full {
+    border-top-left-radius: 9999px;
+    border-top-right-radius: 9999px;
+  }
+
+  .\32xl\:rounded-r-full {
+    border-top-right-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+  }
+
+  .\32xl\:rounded-b-full {
+    border-bottom-right-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .\32xl\:rounded-l-full {
+    border-top-left-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .\32xl\:rounded-tl-none {
+    border-top-left-radius: 0px;
+  }
+
+  .\32xl\:rounded-tr-none {
+    border-top-right-radius: 0px;
+  }
+
+  .\32xl\:rounded-br-none {
+    border-bottom-right-radius: 0px;
+  }
+
+  .\32xl\:rounded-bl-none {
+    border-bottom-left-radius: 0px;
+  }
+
+  .\32xl\:rounded-tl-sm {
+    border-top-left-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-tr-sm {
+    border-top-right-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-br-sm {
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-bl-sm {
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-tl {
+    border-top-left-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-tr {
+    border-top-right-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-br {
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-bl {
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-tl-md {
+    border-top-left-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-tr-md {
+    border-top-right-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-br-md {
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-bl-md {
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-tl-lg {
+    border-top-left-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-tr-lg {
+    border-top-right-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-br-lg {
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-bl-lg {
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-tl-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .\32xl\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .\32xl\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .\32xl\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .\32xl\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-tl-full {
+    border-top-left-radius: 9999px;
+  }
+
+  .\32xl\:rounded-tr-full {
+    border-top-right-radius: 9999px;
+  }
+
+  .\32xl\:rounded-br-full {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .\32xl\:rounded-bl-full {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .\32xl\:border-solid {
+    border-style: solid;
+  }
+
+  .\32xl\:border-dashed {
+    border-style: dashed;
+  }
+
+  .\32xl\:border-dotted {
+    border-style: dotted;
+  }
+
+  .\32xl\:border-double {
+    border-style: double;
+  }
+
+  .\32xl\:border-none {
+    border-style: none;
+  }
+
+  .\32xl\:border-0 {
+    border-width: 0px;
+  }
+
+  .\32xl\:border-2 {
+    border-width: 2px;
+  }
+
+  .\32xl\:border-4 {
+    border-width: 4px;
+  }
+
+  .\32xl\:border-8 {
+    border-width: 8px;
+  }
+
+  .\32xl\:border {
+    border-width: 1px;
+  }
+
+  .\32xl\:border-t-0 {
+    border-top-width: 0px;
+  }
+
+  .\32xl\:border-r-0 {
+    border-right-width: 0px;
+  }
+
+  .\32xl\:border-b-0 {
+    border-bottom-width: 0px;
+  }
+
+  .\32xl\:border-l-0 {
+    border-left-width: 0px;
+  }
+
+  .\32xl\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .\32xl\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .\32xl\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .\32xl\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .\32xl\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .\32xl\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .\32xl\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .\32xl\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .\32xl\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .\32xl\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .\32xl\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .\32xl\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .\32xl\:border-t {
+    border-top-width: 1px;
+  }
+
+  .\32xl\:border-r {
+    border-right-width: 1px;
+  }
+
+  .\32xl\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .\32xl\:border-l {
+    border-left-width: 1px;
+  }
+
+  .\32xl\:box-border {
+    box-sizing: border-box;
+  }
+
+  .\32xl\:box-content {
+    box-sizing: content-box;
+  }
+
+  .\32xl\:cursor-auto {
+    cursor: auto;
+  }
+
+  .\32xl\:cursor-default {
+    cursor: default;
+  }
+
+  .\32xl\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .\32xl\:cursor-wait {
+    cursor: wait;
+  }
+
+  .\32xl\:cursor-text {
+    cursor: text;
+  }
+
+  .\32xl\:cursor-move {
+    cursor: move;
+  }
+
+  .\32xl\:cursor-help {
+    cursor: help;
+  }
+
+  .\32xl\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
+  .\32xl\:block {
+    display: block;
+  }
+
+  .\32xl\:inline-block {
+    display: inline-block;
+  }
+
+  .\32xl\:inline {
+    display: inline;
+  }
+
+  .\32xl\:flex {
+    display: flex;
+  }
+
+  .\32xl\:inline-flex {
+    display: inline-flex;
+  }
+
+  .\32xl\:table {
+    display: table;
+  }
+
+  .\32xl\:table-caption {
+    display: table-caption;
+  }
+
+  .\32xl\:table-cell {
+    display: table-cell;
+  }
+
+  .\32xl\:table-column {
+    display: table-column;
+  }
+
+  .\32xl\:table-column-group {
+    display: table-column-group;
+  }
+
+  .\32xl\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .\32xl\:table-header-group {
+    display: table-header-group;
+  }
+
+  .\32xl\:table-row-group {
+    display: table-row-group;
+  }
+
+  .\32xl\:table-row {
+    display: table-row;
+  }
+
+  .\32xl\:flow-root {
+    display: flow-root;
+  }
+
+  .\32xl\:grid {
+    display: grid;
+  }
+
+  .\32xl\:inline-grid {
+    display: inline-grid;
+  }
+
+  .\32xl\:contents {
+    display: contents;
+  }
+
+  .\32xl\:hidden {
+    display: none;
+  }
+
+  .\32xl\:flex-row {
+    flex-direction: row;
+  }
+
+  .\32xl\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .\32xl\:flex-col {
+    flex-direction: column;
+  }
+
+  .\32xl\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .\32xl\:flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .\32xl\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
+  .\32xl\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .\32xl\:place-items-auto {
+    place-items: auto;
+  }
+
+  .\32xl\:place-items-start {
+    place-items: start;
+  }
+
+  .\32xl\:place-items-end {
+    place-items: end;
+  }
+
+  .\32xl\:place-items-center {
+    place-items: center;
+  }
+
+  .\32xl\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .\32xl\:place-content-center {
+    place-content: center;
+  }
+
+  .\32xl\:place-content-start {
+    place-content: start;
+  }
+
+  .\32xl\:place-content-end {
+    place-content: end;
+  }
+
+  .\32xl\:place-content-between {
+    place-content: space-between;
+  }
+
+  .\32xl\:place-content-around {
+    place-content: space-around;
+  }
+
+  .\32xl\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .\32xl\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .\32xl\:place-self-auto {
+    place-self: auto;
+  }
+
+  .\32xl\:place-self-start {
+    place-self: start;
+  }
+
+  .\32xl\:place-self-end {
+    place-self: end;
+  }
+
+  .\32xl\:place-self-center {
+    place-self: center;
+  }
+
+  .\32xl\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .\32xl\:items-start {
+    align-items: flex-start;
+  }
+
+  .\32xl\:items-end {
+    align-items: flex-end;
+  }
+
+  .\32xl\:items-center {
+    align-items: center;
+  }
+
+  .\32xl\:items-baseline {
+    align-items: baseline;
+  }
+
+  .\32xl\:items-stretch {
+    align-items: stretch;
+  }
+
+  .\32xl\:content-center {
+    align-content: center;
+  }
+
+  .\32xl\:content-start {
+    align-content: flex-start;
+  }
+
+  .\32xl\:content-end {
+    align-content: flex-end;
+  }
+
+  .\32xl\:content-between {
+    align-content: space-between;
+  }
+
+  .\32xl\:content-around {
+    align-content: space-around;
+  }
+
+  .\32xl\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .\32xl\:self-auto {
+    align-self: auto;
+  }
+
+  .\32xl\:self-start {
+    align-self: flex-start;
+  }
+
+  .\32xl\:self-end {
+    align-self: flex-end;
+  }
+
+  .\32xl\:self-center {
+    align-self: center;
+  }
+
+  .\32xl\:self-stretch {
+    align-self: stretch;
+  }
+
+  .\32xl\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .\32xl\:justify-items-start {
+    justify-items: start;
+  }
+
+  .\32xl\:justify-items-end {
+    justify-items: end;
+  }
+
+  .\32xl\:justify-items-center {
+    justify-items: center;
+  }
+
+  .\32xl\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
+  .\32xl\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .\32xl\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .\32xl\:justify-center {
+    justify-content: center;
+  }
+
+  .\32xl\:justify-between {
+    justify-content: space-between;
+  }
+
+  .\32xl\:justify-around {
+    justify-content: space-around;
+  }
+
+  .\32xl\:justify-evenly {
+    justify-content: space-evenly;
+  }
+
+  .\32xl\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .\32xl\:justify-self-start {
+    justify-self: start;
+  }
+
+  .\32xl\:justify-self-end {
+    justify-self: end;
+  }
+
+  .\32xl\:justify-self-center {
+    justify-self: center;
+  }
+
+  .\32xl\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .\32xl\:flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .\32xl\:flex-auto {
+    flex: 1 1 auto;
+  }
+
+  .\32xl\:flex-initial {
+    flex: 0 1 auto;
+  }
+
+  .\32xl\:flex-none {
+    flex: none;
+  }
+
+  .\32xl\:flex-grow-0 {
+    flex-grow: 0;
+  }
+
+  .\32xl\:flex-grow {
+    flex-grow: 1;
+  }
+
+  .\32xl\:flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .\32xl\:flex-shrink {
+    flex-shrink: 1;
+  }
+
+  .\32xl\:order-1 {
+    order: 1;
+  }
+
+  .\32xl\:order-2 {
+    order: 2;
+  }
+
+  .\32xl\:order-3 {
+    order: 3;
+  }
+
+  .\32xl\:order-4 {
+    order: 4;
+  }
+
+  .\32xl\:order-5 {
+    order: 5;
+  }
+
+  .\32xl\:order-6 {
+    order: 6;
+  }
+
+  .\32xl\:order-7 {
+    order: 7;
+  }
+
+  .\32xl\:order-8 {
+    order: 8;
+  }
+
+  .\32xl\:order-9 {
+    order: 9;
+  }
+
+  .\32xl\:order-10 {
+    order: 10;
+  }
+
+  .\32xl\:order-11 {
+    order: 11;
+  }
+
+  .\32xl\:order-12 {
+    order: 12;
+  }
+
+  .\32xl\:order-first {
+    order: -9999;
+  }
+
+  .\32xl\:order-last {
+    order: 9999;
+  }
+
+  .\32xl\:order-none {
+    order: 0;
+  }
+
+  .\32xl\:float-right {
+    float: right;
+  }
+
+  .\32xl\:float-left {
+    float: left;
+  }
+
+  .\32xl\:float-none {
+    float: none;
+  }
+
+  .\32xl\:clear-left {
+    clear: left;
+  }
+
+  .\32xl\:clear-right {
+    clear: right;
+  }
+
+  .\32xl\:clear-both {
+    clear: both;
+  }
+
+  .\32xl\:clear-none {
+    clear: none;
+  }
+
+  .\32xl\:font-sans {
+    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  }
+
+  .\32xl\:font-serif {
+    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .\32xl\:font-mono {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .\32xl\:font-thin {
+    font-weight: 100;
+  }
+
+  .\32xl\:font-extralight {
+    font-weight: 200;
+  }
+
+  .\32xl\:font-light {
+    font-weight: 300;
+  }
+
+  .\32xl\:font-normal {
+    font-weight: 400;
+  }
+
+  .\32xl\:font-medium {
+    font-weight: 500;
+  }
+
+  .\32xl\:font-semibold {
+    font-weight: 600;
+  }
+
+  .\32xl\:font-bold {
+    font-weight: 700;
+  }
+
+  .\32xl\:font-extrabold {
+    font-weight: 800;
+  }
+
+  .\32xl\:font-black {
+    font-weight: 900;
+  }
+
+  .\32xl\:h-0 {
+    height: 0px;
+  }
+
+  .\32xl\:h-1 {
+    height: 0.25rem;
+  }
+
+  .\32xl\:h-2 {
+    height: 0.5rem;
+  }
+
+  .\32xl\:h-3 {
+    height: 0.75rem;
+  }
+
+  .\32xl\:h-4 {
+    height: 1rem;
+  }
+
+  .\32xl\:h-5 {
+    height: 1.25rem;
+  }
+
+  .\32xl\:h-6 {
+    height: 1.5rem;
+  }
+
+  .\32xl\:h-7 {
+    height: 1.75rem;
+  }
+
+  .\32xl\:h-8 {
+    height: 2rem;
+  }
+
+  .\32xl\:h-9 {
+    height: 2.25rem;
+  }
+
+  .\32xl\:h-10 {
+    height: 2.5rem;
+  }
+
+  .\32xl\:h-11 {
+    height: 2.75rem;
+  }
+
+  .\32xl\:h-12 {
+    height: 3rem;
+  }
+
+  .\32xl\:h-14 {
+    height: 3.5rem;
+  }
+
+  .\32xl\:h-16 {
+    height: 4rem;
+  }
+
+  .\32xl\:h-20 {
+    height: 5rem;
+  }
+
+  .\32xl\:h-24 {
+    height: 6rem;
+  }
+
+  .\32xl\:h-28 {
+    height: 7rem;
+  }
+
+  .\32xl\:h-32 {
+    height: 8rem;
+  }
+
+  .\32xl\:h-36 {
+    height: 9rem;
+  }
+
+  .\32xl\:h-40 {
+    height: 10rem;
+  }
+
+  .\32xl\:h-44 {
+    height: 11rem;
+  }
+
+  .\32xl\:h-48 {
+    height: 12rem;
+  }
+
+  .\32xl\:h-52 {
+    height: 13rem;
+  }
+
+  .\32xl\:h-56 {
+    height: 14rem;
+  }
+
+  .\32xl\:h-60 {
+    height: 15rem;
+  }
+
+  .\32xl\:h-64 {
+    height: 16rem;
+  }
+
+  .\32xl\:h-72 {
+    height: 18rem;
+  }
+
+  .\32xl\:h-80 {
+    height: 20rem;
+  }
+
+  .\32xl\:h-96 {
+    height: 24rem;
+  }
+
+  .\32xl\:h-auto {
+    height: auto;
+  }
+
+  .\32xl\:h-px {
+    height: 1px;
+  }
+
+  .\32xl\:h-0\.5 {
+    height: 0.125rem;
+  }
+
+  .\32xl\:h-1\.5 {
+    height: 0.375rem;
+  }
+
+  .\32xl\:h-2\.5 {
+    height: 0.625rem;
+  }
+
+  .\32xl\:h-3\.5 {
+    height: 0.875rem;
+  }
+
+  .\32xl\:h-1\/2 {
+    height: 50%;
+  }
+
+  .\32xl\:h-1\/3 {
+    height: 33.333333%;
+  }
+
+  .\32xl\:h-2\/3 {
+    height: 66.666667%;
+  }
+
+  .\32xl\:h-1\/4 {
+    height: 25%;
+  }
+
+  .\32xl\:h-2\/4 {
+    height: 50%;
+  }
+
+  .\32xl\:h-3\/4 {
+    height: 75%;
+  }
+
+  .\32xl\:h-1\/5 {
+    height: 20%;
+  }
+
+  .\32xl\:h-2\/5 {
+    height: 40%;
+  }
+
+  .\32xl\:h-3\/5 {
+    height: 60%;
+  }
+
+  .\32xl\:h-4\/5 {
+    height: 80%;
+  }
+
+  .\32xl\:h-1\/6 {
+    height: 16.666667%;
+  }
+
+  .\32xl\:h-2\/6 {
+    height: 33.333333%;
+  }
+
+  .\32xl\:h-3\/6 {
+    height: 50%;
+  }
+
+  .\32xl\:h-4\/6 {
+    height: 66.666667%;
+  }
+
+  .\32xl\:h-5\/6 {
+    height: 83.333333%;
+  }
+
+  .\32xl\:h-full {
+    height: 100%;
+  }
+
+  .\32xl\:h-screen {
+    height: 100vh;
+  }
+
+  .\32xl\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .\32xl\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .\32xl\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .\32xl\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .\32xl\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .\32xl\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .\32xl\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .\32xl\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .\32xl\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+
+  .\32xl\:text-6xl {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .\32xl\:text-7xl {
+    font-size: 4.5rem;
+    line-height: 1;
+  }
+
+  .\32xl\:text-8xl {
+    font-size: 6rem;
+    line-height: 1;
+  }
+
+  .\32xl\:text-9xl {
+    font-size: 8rem;
+    line-height: 1;
+  }
+
+  .\32xl\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .\32xl\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .\32xl\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .\32xl\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .\32xl\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .\32xl\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .\32xl\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .\32xl\:leading-10 {
+    line-height: 2.5rem;
+  }
+
+  .\32xl\:leading-none {
+    line-height: 1;
+  }
+
+  .\32xl\:leading-tight {
+    line-height: 1.25;
+  }
+
+  .\32xl\:leading-snug {
+    line-height: 1.375;
+  }
+
+  .\32xl\:leading-normal {
+    line-height: 1.5;
+  }
+
+  .\32xl\:leading-relaxed {
+    line-height: 1.625;
+  }
+
+  .\32xl\:leading-loose {
+    line-height: 2;
+  }
+
+  .\32xl\:list-inside {
+    list-style-position: inside;
+  }
+
+  .\32xl\:list-outside {
+    list-style-position: outside;
+  }
+
+  .\32xl\:list-none {
+    list-style-type: none;
+  }
+
+  .\32xl\:list-disc {
+    list-style-type: disc;
+  }
+
+  .\32xl\:list-decimal {
+    list-style-type: decimal;
+  }
+
+  .\32xl\:m-0 {
+    margin: 0px;
+  }
+
+  .\32xl\:m-1 {
+    margin: 0.25rem;
+  }
+
+  .\32xl\:m-2 {
+    margin: 0.5rem;
+  }
+
+  .\32xl\:m-3 {
+    margin: 0.75rem;
+  }
+
+  .\32xl\:m-4 {
+    margin: 1rem;
+  }
+
+  .\32xl\:m-5 {
+    margin: 1.25rem;
+  }
+
+  .\32xl\:m-6 {
+    margin: 1.5rem;
+  }
+
+  .\32xl\:m-7 {
+    margin: 1.75rem;
+  }
+
+  .\32xl\:m-8 {
+    margin: 2rem;
+  }
+
+  .\32xl\:m-9 {
+    margin: 2.25rem;
+  }
+
+  .\32xl\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .\32xl\:m-11 {
+    margin: 2.75rem;
+  }
+
+  .\32xl\:m-12 {
+    margin: 3rem;
+  }
+
+  .\32xl\:m-14 {
+    margin: 3.5rem;
+  }
+
+  .\32xl\:m-16 {
+    margin: 4rem;
+  }
+
+  .\32xl\:m-20 {
+    margin: 5rem;
+  }
+
+  .\32xl\:m-24 {
+    margin: 6rem;
+  }
+
+  .\32xl\:m-28 {
+    margin: 7rem;
+  }
+
+  .\32xl\:m-32 {
+    margin: 8rem;
+  }
+
+  .\32xl\:m-36 {
+    margin: 9rem;
+  }
+
+  .\32xl\:m-40 {
+    margin: 10rem;
+  }
+
+  .\32xl\:m-44 {
+    margin: 11rem;
+  }
+
+  .\32xl\:m-48 {
+    margin: 12rem;
+  }
+
+  .\32xl\:m-52 {
+    margin: 13rem;
+  }
+
+  .\32xl\:m-56 {
+    margin: 14rem;
+  }
+
+  .\32xl\:m-60 {
+    margin: 15rem;
+  }
+
+  .\32xl\:m-64 {
+    margin: 16rem;
+  }
+
+  .\32xl\:m-72 {
+    margin: 18rem;
+  }
+
+  .\32xl\:m-80 {
+    margin: 20rem;
+  }
+
+  .\32xl\:m-96 {
+    margin: 24rem;
+  }
+
+  .\32xl\:m-auto {
+    margin: auto;
+  }
+
+  .\32xl\:m-px {
+    margin: 1px;
+  }
+
+  .\32xl\:m-0\.5 {
+    margin: 0.125rem;
+  }
+
+  .\32xl\:m-1\.5 {
+    margin: 0.375rem;
+  }
+
+  .\32xl\:m-2\.5 {
+    margin: 0.625rem;
+  }
+
+  .\32xl\:m-3\.5 {
+    margin: 0.875rem;
+  }
+
+  .\32xl\:-m-0 {
+    margin: 0px;
+  }
+
+  .\32xl\:-m-1 {
+    margin: -0.25rem;
+  }
+
+  .\32xl\:-m-2 {
+    margin: -0.5rem;
+  }
+
+  .\32xl\:-m-3 {
+    margin: -0.75rem;
+  }
+
+  .\32xl\:-m-4 {
+    margin: -1rem;
+  }
+
+  .\32xl\:-m-5 {
+    margin: -1.25rem;
+  }
+
+  .\32xl\:-m-6 {
+    margin: -1.5rem;
+  }
+
+  .\32xl\:-m-7 {
+    margin: -1.75rem;
+  }
+
+  .\32xl\:-m-8 {
+    margin: -2rem;
+  }
+
+  .\32xl\:-m-9 {
+    margin: -2.25rem;
+  }
+
+  .\32xl\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .\32xl\:-m-11 {
+    margin: -2.75rem;
+  }
+
+  .\32xl\:-m-12 {
+    margin: -3rem;
+  }
+
+  .\32xl\:-m-14 {
+    margin: -3.5rem;
+  }
+
+  .\32xl\:-m-16 {
+    margin: -4rem;
+  }
+
+  .\32xl\:-m-20 {
+    margin: -5rem;
+  }
+
+  .\32xl\:-m-24 {
+    margin: -6rem;
+  }
+
+  .\32xl\:-m-28 {
+    margin: -7rem;
+  }
+
+  .\32xl\:-m-32 {
+    margin: -8rem;
+  }
+
+  .\32xl\:-m-36 {
+    margin: -9rem;
+  }
+
+  .\32xl\:-m-40 {
+    margin: -10rem;
+  }
+
+  .\32xl\:-m-44 {
+    margin: -11rem;
+  }
+
+  .\32xl\:-m-48 {
+    margin: -12rem;
+  }
+
+  .\32xl\:-m-52 {
+    margin: -13rem;
+  }
+
+  .\32xl\:-m-56 {
+    margin: -14rem;
+  }
+
+  .\32xl\:-m-60 {
+    margin: -15rem;
+  }
+
+  .\32xl\:-m-64 {
+    margin: -16rem;
+  }
+
+  .\32xl\:-m-72 {
+    margin: -18rem;
+  }
+
+  .\32xl\:-m-80 {
+    margin: -20rem;
+  }
+
+  .\32xl\:-m-96 {
+    margin: -24rem;
+  }
+
+  .\32xl\:-m-px {
+    margin: -1px;
+  }
+
+  .\32xl\:-m-0\.5 {
+    margin: -0.125rem;
+  }
+
+  .\32xl\:-m-1\.5 {
+    margin: -0.375rem;
+  }
+
+  .\32xl\:-m-2\.5 {
+    margin: -0.625rem;
+  }
+
+  .\32xl\:-m-3\.5 {
+    margin: -0.875rem;
+  }
+
+  .\32xl\:my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .\32xl\:mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .\32xl\:my-1 {
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
+  }
+
+  .\32xl\:mx-1 {
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
+  }
+
+  .\32xl\:my-2 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .\32xl\:mx-2 {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .\32xl\:my-3 {
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem;
+  }
+
+  .\32xl\:mx-3 {
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
+  }
+
+  .\32xl\:my-4 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
+  .\32xl\:mx-4 {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
+  .\32xl\:my-5 {
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+  }
+
+  .\32xl\:mx-5 {
+    margin-left: 1.25rem;
+    margin-right: 1.25rem;
+  }
+
+  .\32xl\:my-6 {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .\32xl\:mx-6 {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+  }
+
+  .\32xl\:my-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
+  .\32xl\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
+  .\32xl\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .\32xl\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .\32xl\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
+  }
+
+  .\32xl\:mx-9 {
+    margin-left: 2.25rem;
+    margin-right: 2.25rem;
+  }
+
+  .\32xl\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .\32xl\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .\32xl\:my-11 {
+    margin-top: 2.75rem;
+    margin-bottom: 2.75rem;
+  }
+
+  .\32xl\:mx-11 {
+    margin-left: 2.75rem;
+    margin-right: 2.75rem;
+  }
+
+  .\32xl\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .\32xl\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .\32xl\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .\32xl\:mx-14 {
+    margin-left: 3.5rem;
+    margin-right: 3.5rem;
+  }
+
+  .\32xl\:my-16 {
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+  }
+
+  .\32xl\:mx-16 {
+    margin-left: 4rem;
+    margin-right: 4rem;
+  }
+
+  .\32xl\:my-20 {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
+  }
+
+  .\32xl\:mx-20 {
+    margin-left: 5rem;
+    margin-right: 5rem;
+  }
+
+  .\32xl\:my-24 {
+    margin-top: 6rem;
+    margin-bottom: 6rem;
+  }
+
+  .\32xl\:mx-24 {
+    margin-left: 6rem;
+    margin-right: 6rem;
+  }
+
+  .\32xl\:my-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+
+  .\32xl\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+
+  .\32xl\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .\32xl\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .\32xl\:my-36 {
+    margin-top: 9rem;
+    margin-bottom: 9rem;
+  }
+
+  .\32xl\:mx-36 {
+    margin-left: 9rem;
+    margin-right: 9rem;
+  }
+
+  .\32xl\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .\32xl\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .\32xl\:my-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .\32xl\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
+  .\32xl\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .\32xl\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .\32xl\:my-52 {
+    margin-top: 13rem;
+    margin-bottom: 13rem;
+  }
+
+  .\32xl\:mx-52 {
+    margin-left: 13rem;
+    margin-right: 13rem;
+  }
+
+  .\32xl\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .\32xl\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .\32xl\:my-60 {
+    margin-top: 15rem;
+    margin-bottom: 15rem;
+  }
+
+  .\32xl\:mx-60 {
+    margin-left: 15rem;
+    margin-right: 15rem;
+  }
+
+  .\32xl\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .\32xl\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .\32xl\:my-72 {
+    margin-top: 18rem;
+    margin-bottom: 18rem;
+  }
+
+  .\32xl\:mx-72 {
+    margin-left: 18rem;
+    margin-right: 18rem;
+  }
+
+  .\32xl\:my-80 {
+    margin-top: 20rem;
+    margin-bottom: 20rem;
+  }
+
+  .\32xl\:mx-80 {
+    margin-left: 20rem;
+    margin-right: 20rem;
+  }
+
+  .\32xl\:my-96 {
+    margin-top: 24rem;
+    margin-bottom: 24rem;
+  }
+
+  .\32xl\:mx-96 {
+    margin-left: 24rem;
+    margin-right: 24rem;
+  }
+
+  .\32xl\:my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+
+  .\32xl\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .\32xl\:my-px {
+    margin-top: 1px;
+    margin-bottom: 1px;
+  }
+
+  .\32xl\:mx-px {
+    margin-left: 1px;
+    margin-right: 1px;
+  }
+
+  .\32xl\:my-0\.5 {
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+  }
+
+  .\32xl\:mx-0\.5 {
+    margin-left: 0.125rem;
+    margin-right: 0.125rem;
+  }
+
+  .\32xl\:my-1\.5 {
+    margin-top: 0.375rem;
+    margin-bottom: 0.375rem;
+  }
+
+  .\32xl\:mx-1\.5 {
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+
+  .\32xl\:my-2\.5 {
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
+
+  .\32xl\:mx-2\.5 {
+    margin-left: 0.625rem;
+    margin-right: 0.625rem;
+  }
+
+  .\32xl\:my-3\.5 {
+    margin-top: 0.875rem;
+    margin-bottom: 0.875rem;
+  }
+
+  .\32xl\:mx-3\.5 {
+    margin-left: 0.875rem;
+    margin-right: 0.875rem;
+  }
+
+  .\32xl\:-my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .\32xl\:-mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .\32xl\:-my-1 {
+    margin-top: -0.25rem;
+    margin-bottom: -0.25rem;
+  }
+
+  .\32xl\:-mx-1 {
+    margin-left: -0.25rem;
+    margin-right: -0.25rem;
+  }
+
+  .\32xl\:-my-2 {
+    margin-top: -0.5rem;
+    margin-bottom: -0.5rem;
+  }
+
+  .\32xl\:-mx-2 {
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+  }
+
+  .\32xl\:-my-3 {
+    margin-top: -0.75rem;
+    margin-bottom: -0.75rem;
+  }
+
+  .\32xl\:-mx-3 {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+  }
+
+  .\32xl\:-my-4 {
+    margin-top: -1rem;
+    margin-bottom: -1rem;
+  }
+
+  .\32xl\:-mx-4 {
+    margin-left: -1rem;
+    margin-right: -1rem;
+  }
+
+  .\32xl\:-my-5 {
+    margin-top: -1.25rem;
+    margin-bottom: -1.25rem;
+  }
+
+  .\32xl\:-mx-5 {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+  }
+
+  .\32xl\:-my-6 {
+    margin-top: -1.5rem;
+    margin-bottom: -1.5rem;
+  }
+
+  .\32xl\:-mx-6 {
+    margin-left: -1.5rem;
+    margin-right: -1.5rem;
+  }
+
+  .\32xl\:-my-7 {
+    margin-top: -1.75rem;
+    margin-bottom: -1.75rem;
+  }
+
+  .\32xl\:-mx-7 {
+    margin-left: -1.75rem;
+    margin-right: -1.75rem;
+  }
+
+  .\32xl\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .\32xl\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .\32xl\:-my-9 {
+    margin-top: -2.25rem;
+    margin-bottom: -2.25rem;
+  }
+
+  .\32xl\:-mx-9 {
+    margin-left: -2.25rem;
+    margin-right: -2.25rem;
+  }
+
+  .\32xl\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .\32xl\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .\32xl\:-my-11 {
+    margin-top: -2.75rem;
+    margin-bottom: -2.75rem;
+  }
+
+  .\32xl\:-mx-11 {
+    margin-left: -2.75rem;
+    margin-right: -2.75rem;
+  }
+
+  .\32xl\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .\32xl\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .\32xl\:-my-14 {
+    margin-top: -3.5rem;
+    margin-bottom: -3.5rem;
+  }
+
+  .\32xl\:-mx-14 {
+    margin-left: -3.5rem;
+    margin-right: -3.5rem;
+  }
+
+  .\32xl\:-my-16 {
+    margin-top: -4rem;
+    margin-bottom: -4rem;
+  }
+
+  .\32xl\:-mx-16 {
+    margin-left: -4rem;
+    margin-right: -4rem;
+  }
+
+  .\32xl\:-my-20 {
+    margin-top: -5rem;
+    margin-bottom: -5rem;
+  }
+
+  .\32xl\:-mx-20 {
+    margin-left: -5rem;
+    margin-right: -5rem;
+  }
+
+  .\32xl\:-my-24 {
+    margin-top: -6rem;
+    margin-bottom: -6rem;
+  }
+
+  .\32xl\:-mx-24 {
+    margin-left: -6rem;
+    margin-right: -6rem;
+  }
+
+  .\32xl\:-my-28 {
+    margin-top: -7rem;
+    margin-bottom: -7rem;
+  }
+
+  .\32xl\:-mx-28 {
+    margin-left: -7rem;
+    margin-right: -7rem;
+  }
+
+  .\32xl\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .\32xl\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .\32xl\:-my-36 {
+    margin-top: -9rem;
+    margin-bottom: -9rem;
+  }
+
+  .\32xl\:-mx-36 {
+    margin-left: -9rem;
+    margin-right: -9rem;
+  }
+
+  .\32xl\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .\32xl\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .\32xl\:-my-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .\32xl\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
+  .\32xl\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .\32xl\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .\32xl\:-my-52 {
+    margin-top: -13rem;
+    margin-bottom: -13rem;
+  }
+
+  .\32xl\:-mx-52 {
+    margin-left: -13rem;
+    margin-right: -13rem;
+  }
+
+  .\32xl\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .\32xl\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .\32xl\:-my-60 {
+    margin-top: -15rem;
+    margin-bottom: -15rem;
+  }
+
+  .\32xl\:-mx-60 {
+    margin-left: -15rem;
+    margin-right: -15rem;
+  }
+
+  .\32xl\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .\32xl\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .\32xl\:-my-72 {
+    margin-top: -18rem;
+    margin-bottom: -18rem;
+  }
+
+  .\32xl\:-mx-72 {
+    margin-left: -18rem;
+    margin-right: -18rem;
+  }
+
+  .\32xl\:-my-80 {
+    margin-top: -20rem;
+    margin-bottom: -20rem;
+  }
+
+  .\32xl\:-mx-80 {
+    margin-left: -20rem;
+    margin-right: -20rem;
+  }
+
+  .\32xl\:-my-96 {
+    margin-top: -24rem;
+    margin-bottom: -24rem;
+  }
+
+  .\32xl\:-mx-96 {
+    margin-left: -24rem;
+    margin-right: -24rem;
+  }
+
+  .\32xl\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .\32xl\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .\32xl\:-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }
+
+  .\32xl\:-mx-0\.5 {
+    margin-left: -0.125rem;
+    margin-right: -0.125rem;
+  }
+
+  .\32xl\:-my-1\.5 {
+    margin-top: -0.375rem;
+    margin-bottom: -0.375rem;
+  }
+
+  .\32xl\:-mx-1\.5 {
+    margin-left: -0.375rem;
+    margin-right: -0.375rem;
+  }
+
+  .\32xl\:-my-2\.5 {
+    margin-top: -0.625rem;
+    margin-bottom: -0.625rem;
+  }
+
+  .\32xl\:-mx-2\.5 {
+    margin-left: -0.625rem;
+    margin-right: -0.625rem;
+  }
+
+  .\32xl\:-my-3\.5 {
+    margin-top: -0.875rem;
+    margin-bottom: -0.875rem;
+  }
+
+  .\32xl\:-mx-3\.5 {
+    margin-left: -0.875rem;
+    margin-right: -0.875rem;
+  }
+
+  .\32xl\:mt-0 {
+    margin-top: 0px;
+  }
+
+  .\32xl\:mr-0 {
+    margin-right: 0px;
+  }
+
+  .\32xl\:mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .\32xl\:ml-0 {
+    margin-left: 0px;
+  }
+
+  .\32xl\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
+  .\32xl\:mr-1 {
+    margin-right: 0.25rem;
+  }
+
+  .\32xl\:mb-1 {
+    margin-bottom: 0.25rem;
+  }
+
+  .\32xl\:ml-1 {
+    margin-left: 0.25rem;
+  }
+
+  .\32xl\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
+  .\32xl\:mr-2 {
+    margin-right: 0.5rem;
+  }
+
+  .\32xl\:mb-2 {
+    margin-bottom: 0.5rem;
+  }
+
+  .\32xl\:ml-2 {
+    margin-left: 0.5rem;
+  }
+
+  .\32xl\:mt-3 {
+    margin-top: 0.75rem;
+  }
+
+  .\32xl\:mr-3 {
+    margin-right: 0.75rem;
+  }
+
+  .\32xl\:mb-3 {
+    margin-bottom: 0.75rem;
+  }
+
+  .\32xl\:ml-3 {
+    margin-left: 0.75rem;
+  }
+
+  .\32xl\:mt-4 {
+    margin-top: 1rem;
+  }
+
+  .\32xl\:mr-4 {
+    margin-right: 1rem;
+  }
+
+  .\32xl\:mb-4 {
+    margin-bottom: 1rem;
+  }
+
+  .\32xl\:ml-4 {
+    margin-left: 1rem;
+  }
+
+  .\32xl\:mt-5 {
+    margin-top: 1.25rem;
+  }
+
+  .\32xl\:mr-5 {
+    margin-right: 1.25rem;
+  }
+
+  .\32xl\:mb-5 {
+    margin-bottom: 1.25rem;
+  }
+
+  .\32xl\:ml-5 {
+    margin-left: 1.25rem;
+  }
+
+  .\32xl\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .\32xl\:mr-6 {
+    margin-right: 1.5rem;
+  }
+
+  .\32xl\:mb-6 {
+    margin-bottom: 1.5rem;
+  }
+
+  .\32xl\:ml-6 {
+    margin-left: 1.5rem;
+  }
+
+  .\32xl\:mt-7 {
+    margin-top: 1.75rem;
+  }
+
+  .\32xl\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .\32xl\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
+  .\32xl\:ml-7 {
+    margin-left: 1.75rem;
+  }
+
+  .\32xl\:mt-8 {
+    margin-top: 2rem;
+  }
+
+  .\32xl\:mr-8 {
+    margin-right: 2rem;
+  }
+
+  .\32xl\:mb-8 {
+    margin-bottom: 2rem;
+  }
+
+  .\32xl\:ml-8 {
+    margin-left: 2rem;
+  }
+
+  .\32xl\:mt-9 {
+    margin-top: 2.25rem;
+  }
+
+  .\32xl\:mr-9 {
+    margin-right: 2.25rem;
+  }
+
+  .\32xl\:mb-9 {
+    margin-bottom: 2.25rem;
+  }
+
+  .\32xl\:ml-9 {
+    margin-left: 2.25rem;
+  }
+
+  .\32xl\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
+  .\32xl\:mr-10 {
+    margin-right: 2.5rem;
+  }
+
+  .\32xl\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
+  .\32xl\:ml-10 {
+    margin-left: 2.5rem;
+  }
+
+  .\32xl\:mt-11 {
+    margin-top: 2.75rem;
+  }
+
+  .\32xl\:mr-11 {
+    margin-right: 2.75rem;
+  }
+
+  .\32xl\:mb-11 {
+    margin-bottom: 2.75rem;
+  }
+
+  .\32xl\:ml-11 {
+    margin-left: 2.75rem;
+  }
+
+  .\32xl\:mt-12 {
+    margin-top: 3rem;
+  }
+
+  .\32xl\:mr-12 {
+    margin-right: 3rem;
+  }
+
+  .\32xl\:mb-12 {
+    margin-bottom: 3rem;
+  }
+
+  .\32xl\:ml-12 {
+    margin-left: 3rem;
+  }
+
+  .\32xl\:mt-14 {
+    margin-top: 3.5rem;
+  }
+
+  .\32xl\:mr-14 {
+    margin-right: 3.5rem;
+  }
+
+  .\32xl\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .\32xl\:ml-14 {
+    margin-left: 3.5rem;
+  }
+
+  .\32xl\:mt-16 {
+    margin-top: 4rem;
+  }
+
+  .\32xl\:mr-16 {
+    margin-right: 4rem;
+  }
+
+  .\32xl\:mb-16 {
+    margin-bottom: 4rem;
+  }
+
+  .\32xl\:ml-16 {
+    margin-left: 4rem;
+  }
+
+  .\32xl\:mt-20 {
+    margin-top: 5rem;
+  }
+
+  .\32xl\:mr-20 {
+    margin-right: 5rem;
+  }
+
+  .\32xl\:mb-20 {
+    margin-bottom: 5rem;
+  }
+
+  .\32xl\:ml-20 {
+    margin-left: 5rem;
+  }
+
+  .\32xl\:mt-24 {
+    margin-top: 6rem;
+  }
+
+  .\32xl\:mr-24 {
+    margin-right: 6rem;
+  }
+
+  .\32xl\:mb-24 {
+    margin-bottom: 6rem;
+  }
+
+  .\32xl\:ml-24 {
+    margin-left: 6rem;
+  }
+
+  .\32xl\:mt-28 {
+    margin-top: 7rem;
+  }
+
+  .\32xl\:mr-28 {
+    margin-right: 7rem;
+  }
+
+  .\32xl\:mb-28 {
+    margin-bottom: 7rem;
+  }
+
+  .\32xl\:ml-28 {
+    margin-left: 7rem;
+  }
+
+  .\32xl\:mt-32 {
+    margin-top: 8rem;
+  }
+
+  .\32xl\:mr-32 {
+    margin-right: 8rem;
+  }
+
+  .\32xl\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
+  .\32xl\:ml-32 {
+    margin-left: 8rem;
+  }
+
+  .\32xl\:mt-36 {
+    margin-top: 9rem;
+  }
+
+  .\32xl\:mr-36 {
+    margin-right: 9rem;
+  }
+
+  .\32xl\:mb-36 {
+    margin-bottom: 9rem;
+  }
+
+  .\32xl\:ml-36 {
+    margin-left: 9rem;
+  }
+
+  .\32xl\:mt-40 {
+    margin-top: 10rem;
+  }
+
+  .\32xl\:mr-40 {
+    margin-right: 10rem;
+  }
+
+  .\32xl\:mb-40 {
+    margin-bottom: 10rem;
+  }
+
+  .\32xl\:ml-40 {
+    margin-left: 10rem;
+  }
+
+  .\32xl\:mt-44 {
+    margin-top: 11rem;
+  }
+
+  .\32xl\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .\32xl\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .\32xl\:ml-44 {
+    margin-left: 11rem;
+  }
+
+  .\32xl\:mt-48 {
+    margin-top: 12rem;
+  }
+
+  .\32xl\:mr-48 {
+    margin-right: 12rem;
+  }
+
+  .\32xl\:mb-48 {
+    margin-bottom: 12rem;
+  }
+
+  .\32xl\:ml-48 {
+    margin-left: 12rem;
+  }
+
+  .\32xl\:mt-52 {
+    margin-top: 13rem;
+  }
+
+  .\32xl\:mr-52 {
+    margin-right: 13rem;
+  }
+
+  .\32xl\:mb-52 {
+    margin-bottom: 13rem;
+  }
+
+  .\32xl\:ml-52 {
+    margin-left: 13rem;
+  }
+
+  .\32xl\:mt-56 {
+    margin-top: 14rem;
+  }
+
+  .\32xl\:mr-56 {
+    margin-right: 14rem;
+  }
+
+  .\32xl\:mb-56 {
+    margin-bottom: 14rem;
+  }
+
+  .\32xl\:ml-56 {
+    margin-left: 14rem;
+  }
+
+  .\32xl\:mt-60 {
+    margin-top: 15rem;
+  }
+
+  .\32xl\:mr-60 {
+    margin-right: 15rem;
+  }
+
+  .\32xl\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .\32xl\:ml-60 {
+    margin-left: 15rem;
+  }
+
+  .\32xl\:mt-64 {
+    margin-top: 16rem;
+  }
+
+  .\32xl\:mr-64 {
+    margin-right: 16rem;
+  }
+
+  .\32xl\:mb-64 {
+    margin-bottom: 16rem;
+  }
+
+  .\32xl\:ml-64 {
+    margin-left: 16rem;
+  }
+
+  .\32xl\:mt-72 {
+    margin-top: 18rem;
+  }
+
+  .\32xl\:mr-72 {
+    margin-right: 18rem;
+  }
+
+  .\32xl\:mb-72 {
+    margin-bottom: 18rem;
+  }
+
+  .\32xl\:ml-72 {
+    margin-left: 18rem;
+  }
+
+  .\32xl\:mt-80 {
+    margin-top: 20rem;
+  }
+
+  .\32xl\:mr-80 {
+    margin-right: 20rem;
+  }
+
+  .\32xl\:mb-80 {
+    margin-bottom: 20rem;
+  }
+
+  .\32xl\:ml-80 {
+    margin-left: 20rem;
+  }
+
+  .\32xl\:mt-96 {
+    margin-top: 24rem;
+  }
+
+  .\32xl\:mr-96 {
+    margin-right: 24rem;
+  }
+
+  .\32xl\:mb-96 {
+    margin-bottom: 24rem;
+  }
+
+  .\32xl\:ml-96 {
+    margin-left: 24rem;
+  }
+
+  .\32xl\:mt-auto {
+    margin-top: auto;
+  }
+
+  .\32xl\:mr-auto {
+    margin-right: auto;
+  }
+
+  .\32xl\:mb-auto {
+    margin-bottom: auto;
+  }
+
+  .\32xl\:ml-auto {
+    margin-left: auto;
+  }
+
+  .\32xl\:mt-px {
+    margin-top: 1px;
+  }
+
+  .\32xl\:mr-px {
+    margin-right: 1px;
+  }
+
+  .\32xl\:mb-px {
+    margin-bottom: 1px;
+  }
+
+  .\32xl\:ml-px {
+    margin-left: 1px;
+  }
+
+  .\32xl\:mt-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .\32xl\:mr-0\.5 {
+    margin-right: 0.125rem;
+  }
+
+  .\32xl\:mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }
+
+  .\32xl\:ml-0\.5 {
+    margin-left: 0.125rem;
+  }
+
+  .\32xl\:mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .\32xl\:mr-1\.5 {
+    margin-right: 0.375rem;
+  }
+
+  .\32xl\:mb-1\.5 {
+    margin-bottom: 0.375rem;
+  }
+
+  .\32xl\:ml-1\.5 {
+    margin-left: 0.375rem;
+  }
+
+  .\32xl\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
+  .\32xl\:mr-2\.5 {
+    margin-right: 0.625rem;
+  }
+
+  .\32xl\:mb-2\.5 {
+    margin-bottom: 0.625rem;
+  }
+
+  .\32xl\:ml-2\.5 {
+    margin-left: 0.625rem;
+  }
+
+  .\32xl\:mt-3\.5 {
+    margin-top: 0.875rem;
+  }
+
+  .\32xl\:mr-3\.5 {
+    margin-right: 0.875rem;
+  }
+
+  .\32xl\:mb-3\.5 {
+    margin-bottom: 0.875rem;
+  }
+
+  .\32xl\:ml-3\.5 {
+    margin-left: 0.875rem;
+  }
+
+  .\32xl\:-mt-0 {
+    margin-top: 0px;
+  }
+
+  .\32xl\:-mr-0 {
+    margin-right: 0px;
+  }
+
+  .\32xl\:-mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .\32xl\:-ml-0 {
+    margin-left: 0px;
+  }
+
+  .\32xl\:-mt-1 {
+    margin-top: -0.25rem;
+  }
+
+  .\32xl\:-mr-1 {
+    margin-right: -0.25rem;
+  }
+
+  .\32xl\:-mb-1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .\32xl\:-ml-1 {
+    margin-left: -0.25rem;
+  }
+
+  .\32xl\:-mt-2 {
+    margin-top: -0.5rem;
+  }
+
+  .\32xl\:-mr-2 {
+    margin-right: -0.5rem;
+  }
+
+  .\32xl\:-mb-2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .\32xl\:-ml-2 {
+    margin-left: -0.5rem;
+  }
+
+  .\32xl\:-mt-3 {
+    margin-top: -0.75rem;
+  }
+
+  .\32xl\:-mr-3 {
+    margin-right: -0.75rem;
+  }
+
+  .\32xl\:-mb-3 {
+    margin-bottom: -0.75rem;
+  }
+
+  .\32xl\:-ml-3 {
+    margin-left: -0.75rem;
+  }
+
+  .\32xl\:-mt-4 {
+    margin-top: -1rem;
+  }
+
+  .\32xl\:-mr-4 {
+    margin-right: -1rem;
+  }
+
+  .\32xl\:-mb-4 {
+    margin-bottom: -1rem;
+  }
+
+  .\32xl\:-ml-4 {
+    margin-left: -1rem;
+  }
+
+  .\32xl\:-mt-5 {
+    margin-top: -1.25rem;
+  }
+
+  .\32xl\:-mr-5 {
+    margin-right: -1.25rem;
+  }
+
+  .\32xl\:-mb-5 {
+    margin-bottom: -1.25rem;
+  }
+
+  .\32xl\:-ml-5 {
+    margin-left: -1.25rem;
+  }
+
+  .\32xl\:-mt-6 {
+    margin-top: -1.5rem;
+  }
+
+  .\32xl\:-mr-6 {
+    margin-right: -1.5rem;
+  }
+
+  .\32xl\:-mb-6 {
+    margin-bottom: -1.5rem;
+  }
+
+  .\32xl\:-ml-6 {
+    margin-left: -1.5rem;
+  }
+
+  .\32xl\:-mt-7 {
+    margin-top: -1.75rem;
+  }
+
+  .\32xl\:-mr-7 {
+    margin-right: -1.75rem;
+  }
+
+  .\32xl\:-mb-7 {
+    margin-bottom: -1.75rem;
+  }
+
+  .\32xl\:-ml-7 {
+    margin-left: -1.75rem;
+  }
+
+  .\32xl\:-mt-8 {
+    margin-top: -2rem;
+  }
+
+  .\32xl\:-mr-8 {
+    margin-right: -2rem;
+  }
+
+  .\32xl\:-mb-8 {
+    margin-bottom: -2rem;
+  }
+
+  .\32xl\:-ml-8 {
+    margin-left: -2rem;
+  }
+
+  .\32xl\:-mt-9 {
+    margin-top: -2.25rem;
+  }
+
+  .\32xl\:-mr-9 {
+    margin-right: -2.25rem;
+  }
+
+  .\32xl\:-mb-9 {
+    margin-bottom: -2.25rem;
+  }
+
+  .\32xl\:-ml-9 {
+    margin-left: -2.25rem;
+  }
+
+  .\32xl\:-mt-10 {
+    margin-top: -2.5rem;
+  }
+
+  .\32xl\:-mr-10 {
+    margin-right: -2.5rem;
+  }
+
+  .\32xl\:-mb-10 {
+    margin-bottom: -2.5rem;
+  }
+
+  .\32xl\:-ml-10 {
+    margin-left: -2.5rem;
+  }
+
+  .\32xl\:-mt-11 {
+    margin-top: -2.75rem;
+  }
+
+  .\32xl\:-mr-11 {
+    margin-right: -2.75rem;
+  }
+
+  .\32xl\:-mb-11 {
+    margin-bottom: -2.75rem;
+  }
+
+  .\32xl\:-ml-11 {
+    margin-left: -2.75rem;
+  }
+
+  .\32xl\:-mt-12 {
+    margin-top: -3rem;
+  }
+
+  .\32xl\:-mr-12 {
+    margin-right: -3rem;
+  }
+
+  .\32xl\:-mb-12 {
+    margin-bottom: -3rem;
+  }
+
+  .\32xl\:-ml-12 {
+    margin-left: -3rem;
+  }
+
+  .\32xl\:-mt-14 {
+    margin-top: -3.5rem;
+  }
+
+  .\32xl\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+
+  .\32xl\:-mb-14 {
+    margin-bottom: -3.5rem;
+  }
+
+  .\32xl\:-ml-14 {
+    margin-left: -3.5rem;
+  }
+
+  .\32xl\:-mt-16 {
+    margin-top: -4rem;
+  }
+
+  .\32xl\:-mr-16 {
+    margin-right: -4rem;
+  }
+
+  .\32xl\:-mb-16 {
+    margin-bottom: -4rem;
+  }
+
+  .\32xl\:-ml-16 {
+    margin-left: -4rem;
+  }
+
+  .\32xl\:-mt-20 {
+    margin-top: -5rem;
+  }
+
+  .\32xl\:-mr-20 {
+    margin-right: -5rem;
+  }
+
+  .\32xl\:-mb-20 {
+    margin-bottom: -5rem;
+  }
+
+  .\32xl\:-ml-20 {
+    margin-left: -5rem;
+  }
+
+  .\32xl\:-mt-24 {
+    margin-top: -6rem;
+  }
+
+  .\32xl\:-mr-24 {
+    margin-right: -6rem;
+  }
+
+  .\32xl\:-mb-24 {
+    margin-bottom: -6rem;
+  }
+
+  .\32xl\:-ml-24 {
+    margin-left: -6rem;
+  }
+
+  .\32xl\:-mt-28 {
+    margin-top: -7rem;
+  }
+
+  .\32xl\:-mr-28 {
+    margin-right: -7rem;
+  }
+
+  .\32xl\:-mb-28 {
+    margin-bottom: -7rem;
+  }
+
+  .\32xl\:-ml-28 {
+    margin-left: -7rem;
+  }
+
+  .\32xl\:-mt-32 {
+    margin-top: -8rem;
+  }
+
+  .\32xl\:-mr-32 {
+    margin-right: -8rem;
+  }
+
+  .\32xl\:-mb-32 {
+    margin-bottom: -8rem;
+  }
+
+  .\32xl\:-ml-32 {
+    margin-left: -8rem;
+  }
+
+  .\32xl\:-mt-36 {
+    margin-top: -9rem;
+  }
+
+  .\32xl\:-mr-36 {
+    margin-right: -9rem;
+  }
+
+  .\32xl\:-mb-36 {
+    margin-bottom: -9rem;
+  }
+
+  .\32xl\:-ml-36 {
+    margin-left: -9rem;
+  }
+
+  .\32xl\:-mt-40 {
+    margin-top: -10rem;
+  }
+
+  .\32xl\:-mr-40 {
+    margin-right: -10rem;
+  }
+
+  .\32xl\:-mb-40 {
+    margin-bottom: -10rem;
+  }
+
+  .\32xl\:-ml-40 {
+    margin-left: -10rem;
+  }
+
+  .\32xl\:-mt-44 {
+    margin-top: -11rem;
+  }
+
+  .\32xl\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .\32xl\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .\32xl\:-ml-44 {
+    margin-left: -11rem;
+  }
+
+  .\32xl\:-mt-48 {
+    margin-top: -12rem;
+  }
+
+  .\32xl\:-mr-48 {
+    margin-right: -12rem;
+  }
+
+  .\32xl\:-mb-48 {
+    margin-bottom: -12rem;
+  }
+
+  .\32xl\:-ml-48 {
+    margin-left: -12rem;
+  }
+
+  .\32xl\:-mt-52 {
+    margin-top: -13rem;
+  }
+
+  .\32xl\:-mr-52 {
+    margin-right: -13rem;
+  }
+
+  .\32xl\:-mb-52 {
+    margin-bottom: -13rem;
+  }
+
+  .\32xl\:-ml-52 {
+    margin-left: -13rem;
+  }
+
+  .\32xl\:-mt-56 {
+    margin-top: -14rem;
+  }
+
+  .\32xl\:-mr-56 {
+    margin-right: -14rem;
+  }
+
+  .\32xl\:-mb-56 {
+    margin-bottom: -14rem;
+  }
+
+  .\32xl\:-ml-56 {
+    margin-left: -14rem;
+  }
+
+  .\32xl\:-mt-60 {
+    margin-top: -15rem;
+  }
+
+  .\32xl\:-mr-60 {
+    margin-right: -15rem;
+  }
+
+  .\32xl\:-mb-60 {
+    margin-bottom: -15rem;
+  }
+
+  .\32xl\:-ml-60 {
+    margin-left: -15rem;
+  }
+
+  .\32xl\:-mt-64 {
+    margin-top: -16rem;
+  }
+
+  .\32xl\:-mr-64 {
+    margin-right: -16rem;
+  }
+
+  .\32xl\:-mb-64 {
+    margin-bottom: -16rem;
+  }
+
+  .\32xl\:-ml-64 {
+    margin-left: -16rem;
+  }
+
+  .\32xl\:-mt-72 {
+    margin-top: -18rem;
+  }
+
+  .\32xl\:-mr-72 {
+    margin-right: -18rem;
+  }
+
+  .\32xl\:-mb-72 {
+    margin-bottom: -18rem;
+  }
+
+  .\32xl\:-ml-72 {
+    margin-left: -18rem;
+  }
+
+  .\32xl\:-mt-80 {
+    margin-top: -20rem;
+  }
+
+  .\32xl\:-mr-80 {
+    margin-right: -20rem;
+  }
+
+  .\32xl\:-mb-80 {
+    margin-bottom: -20rem;
+  }
+
+  .\32xl\:-ml-80 {
+    margin-left: -20rem;
+  }
+
+  .\32xl\:-mt-96 {
+    margin-top: -24rem;
+  }
+
+  .\32xl\:-mr-96 {
+    margin-right: -24rem;
+  }
+
+  .\32xl\:-mb-96 {
+    margin-bottom: -24rem;
+  }
+
+  .\32xl\:-ml-96 {
+    margin-left: -24rem;
+  }
+
+  .\32xl\:-mt-px {
+    margin-top: -1px;
+  }
+
+  .\32xl\:-mr-px {
+    margin-right: -1px;
+  }
+
+  .\32xl\:-mb-px {
+    margin-bottom: -1px;
+  }
+
+  .\32xl\:-ml-px {
+    margin-left: -1px;
+  }
+
+  .\32xl\:-mt-0\.5 {
+    margin-top: -0.125rem;
+  }
+
+  .\32xl\:-mr-0\.5 {
+    margin-right: -0.125rem;
+  }
+
+  .\32xl\:-mb-0\.5 {
+    margin-bottom: -0.125rem;
+  }
+
+  .\32xl\:-ml-0\.5 {
+    margin-left: -0.125rem;
+  }
+
+  .\32xl\:-mt-1\.5 {
+    margin-top: -0.375rem;
+  }
+
+  .\32xl\:-mr-1\.5 {
+    margin-right: -0.375rem;
+  }
+
+  .\32xl\:-mb-1\.5 {
+    margin-bottom: -0.375rem;
+  }
+
+  .\32xl\:-ml-1\.5 {
+    margin-left: -0.375rem;
+  }
+
+  .\32xl\:-mt-2\.5 {
+    margin-top: -0.625rem;
+  }
+
+  .\32xl\:-mr-2\.5 {
+    margin-right: -0.625rem;
+  }
+
+  .\32xl\:-mb-2\.5 {
+    margin-bottom: -0.625rem;
+  }
+
+  .\32xl\:-ml-2\.5 {
+    margin-left: -0.625rem;
+  }
+
+  .\32xl\:-mt-3\.5 {
+    margin-top: -0.875rem;
+  }
+
+  .\32xl\:-mr-3\.5 {
+    margin-right: -0.875rem;
+  }
+
+  .\32xl\:-mb-3\.5 {
+    margin-bottom: -0.875rem;
+  }
+
+  .\32xl\:-ml-3\.5 {
+    margin-left: -0.875rem;
+  }
+
+  .\32xl\:max-h-0 {
+    max-height: 0px;
+  }
+
+  .\32xl\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .\32xl\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .\32xl\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .\32xl\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .\32xl\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .\32xl\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .\32xl\:max-h-7 {
+    max-height: 1.75rem;
+  }
+
+  .\32xl\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .\32xl\:max-h-9 {
+    max-height: 2.25rem;
+  }
+
+  .\32xl\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .\32xl\:max-h-11 {
+    max-height: 2.75rem;
+  }
+
+  .\32xl\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .\32xl\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .\32xl\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .\32xl\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .\32xl\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .\32xl\:max-h-28 {
+    max-height: 7rem;
+  }
+
+  .\32xl\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .\32xl\:max-h-36 {
+    max-height: 9rem;
+  }
+
+  .\32xl\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .\32xl\:max-h-44 {
+    max-height: 11rem;
+  }
+
+  .\32xl\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .\32xl\:max-h-52 {
+    max-height: 13rem;
+  }
+
+  .\32xl\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .\32xl\:max-h-60 {
+    max-height: 15rem;
+  }
+
+  .\32xl\:max-h-64 {
+    max-height: 16rem;
+  }
+
+  .\32xl\:max-h-72 {
+    max-height: 18rem;
+  }
+
+  .\32xl\:max-h-80 {
+    max-height: 20rem;
+  }
+
+  .\32xl\:max-h-96 {
+    max-height: 24rem;
+  }
+
+  .\32xl\:max-h-px {
+    max-height: 1px;
+  }
+
+  .\32xl\:max-h-0\.5 {
+    max-height: 0.125rem;
+  }
+
+  .\32xl\:max-h-1\.5 {
+    max-height: 0.375rem;
+  }
+
+  .\32xl\:max-h-2\.5 {
+    max-height: 0.625rem;
+  }
+
+  .\32xl\:max-h-3\.5 {
+    max-height: 0.875rem;
+  }
+
+  .\32xl\:max-h-full {
+    max-height: 100%;
+  }
+
+  .\32xl\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .\32xl\:max-w-0 {
+    max-width: 0rem;
+  }
+
+  .\32xl\:max-w-none {
+    max-width: none;
+  }
+
+  .\32xl\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .\32xl\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .\32xl\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .\32xl\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .\32xl\:max-w-xl {
+    max-width: 36rem;
+  }
+
+  .\32xl\:max-w-2xl {
+    max-width: 42rem;
+  }
+
+  .\32xl\:max-w-3xl {
+    max-width: 48rem;
+  }
+
+  .\32xl\:max-w-4xl {
+    max-width: 56rem;
+  }
+
+  .\32xl\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .\32xl\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .\32xl\:max-w-7xl {
+    max-width: 80rem;
+  }
+
+  .\32xl\:max-w-full {
+    max-width: 100%;
+  }
+
+  .\32xl\:max-w-min {
+    max-width: -webkit-min-content;
+    max-width: min-content;
+  }
+
+  .\32xl\:max-w-max {
+    max-width: -webkit-max-content;
+    max-width: max-content;
+  }
+
+  .\32xl\:max-w-prose {
+    max-width: 65ch;
+  }
+
+  .\32xl\:max-w-screen-sm {
+    max-width: 640px;
+  }
+
+  .\32xl\:max-w-screen-md {
+    max-width: 768px;
+  }
+
+  .\32xl\:max-w-screen-lg {
+    max-width: 1024px;
+  }
+
+  .\32xl\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+
+  .\32xl\:max-w-screen-2xl {
+    max-width: 1536px;
+  }
+
+  .\32xl\:min-h-0 {
+    min-height: 0px;
+  }
+
+  .\32xl\:min-h-full {
+    min-height: 100%;
+  }
+
+  .\32xl\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .\32xl\:min-w-0 {
+    min-width: 0px;
+  }
+
+  .\32xl\:min-w-full {
+    min-width: 100%;
+  }
+
+  .\32xl\:min-w-min {
+    min-width: -webkit-min-content;
+    min-width: min-content;
+  }
+
+  .\32xl\:min-w-max {
+    min-width: -webkit-max-content;
+    min-width: max-content;
+  }
+
+  .\32xl\:object-contain {
+    object-fit: contain;
+  }
+
+  .\32xl\:object-cover {
+    object-fit: cover;
+  }
+
+  .\32xl\:object-fill {
+    object-fit: fill;
+  }
+
+  .\32xl\:object-none {
+    object-fit: none;
+  }
+
+  .\32xl\:object-scale-down {
+    object-fit: scale-down;
+  }
+
+  .\32xl\:object-bottom {
+    object-position: bottom;
+  }
+
+  .\32xl\:object-center {
+    object-position: center;
+  }
+
+  .\32xl\:object-left {
+    object-position: left;
+  }
+
+  .\32xl\:object-left-bottom {
+    object-position: left bottom;
+  }
+
+  .\32xl\:object-left-top {
+    object-position: left top;
+  }
+
+  .\32xl\:object-right {
+    object-position: right;
+  }
+
+  .\32xl\:object-right-bottom {
+    object-position: right bottom;
+  }
+
+  .\32xl\:object-right-top {
+    object-position: right top;
+  }
+
+  .\32xl\:object-top {
+    object-position: top;
+  }
+
+  .\32xl\:opacity-0 {
+    opacity: 0;
+  }
+
+  .\32xl\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .\32xl\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .\32xl\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .\32xl\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .\32xl\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .\32xl\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .\32xl\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .\32xl\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .\32xl\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .\32xl\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .\32xl\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .\32xl\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .\32xl\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .\32xl\:opacity-100 {
+    opacity: 1;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-100 {
+    opacity: 1;
+  }
+
+  .\32xl\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .\32xl\:focus-within\:opacity-5:focus-within {
+    opacity: 0.05;
+  }
+
+  .\32xl\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:opacity-95:focus-within {
+    opacity: 0.95;
+  }
+
+  .\32xl\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
+  .\32xl\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .\32xl\:hover\:opacity-5:hover {
+    opacity: 0.05;
+  }
+
+  .\32xl\:hover\:opacity-10:hover {
+    opacity: 0.1;
+  }
+
+  .\32xl\:hover\:opacity-20:hover {
+    opacity: 0.2;
+  }
+
+  .\32xl\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .\32xl\:hover\:opacity-30:hover {
+    opacity: 0.3;
+  }
+
+  .\32xl\:hover\:opacity-40:hover {
+    opacity: 0.4;
+  }
+
+  .\32xl\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .\32xl\:hover\:opacity-60:hover {
+    opacity: 0.6;
+  }
+
+  .\32xl\:hover\:opacity-70:hover {
+    opacity: 0.7;
+  }
+
+  .\32xl\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .\32xl\:hover\:opacity-80:hover {
+    opacity: 0.8;
+  }
+
+  .\32xl\:hover\:opacity-90:hover {
+    opacity: 0.9;
+  }
+
+  .\32xl\:hover\:opacity-95:hover {
+    opacity: 0.95;
+  }
+
+  .\32xl\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .\32xl\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .\32xl\:focus\:opacity-5:focus {
+    opacity: 0.05;
+  }
+
+  .\32xl\:focus\:opacity-10:focus {
+    opacity: 0.1;
+  }
+
+  .\32xl\:focus\:opacity-20:focus {
+    opacity: 0.2;
+  }
+
+  .\32xl\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .\32xl\:focus\:opacity-30:focus {
+    opacity: 0.3;
+  }
+
+  .\32xl\:focus\:opacity-40:focus {
+    opacity: 0.4;
+  }
+
+  .\32xl\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .\32xl\:focus\:opacity-60:focus {
+    opacity: 0.6;
+  }
+
+  .\32xl\:focus\:opacity-70:focus {
+    opacity: 0.7;
+  }
+
+  .\32xl\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .\32xl\:focus\:opacity-80:focus {
+    opacity: 0.8;
+  }
+
+  .\32xl\:focus\:opacity-90:focus {
+    opacity: 0.9;
+  }
+
+  .\32xl\:focus\:opacity-95:focus {
+    opacity: 0.95;
+  }
+
+  .\32xl\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .\32xl\:outline-none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:focus-within\:outline-none:focus-within {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:focus-within\:outline-white:focus-within {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:focus-within\:outline-black:focus-within {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:overflow-auto {
+    overflow: auto;
+  }
+
+  .\32xl\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .\32xl\:overflow-visible {
+    overflow: visible;
+  }
+
+  .\32xl\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .\32xl\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .\32xl\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .\32xl\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .\32xl\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .\32xl\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .\32xl\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .\32xl\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .\32xl\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .\32xl\:overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .\32xl\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .\32xl\:overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .\32xl\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .\32xl\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .\32xl\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .\32xl\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .\32xl\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .\32xl\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .\32xl\:p-0 {
+    padding: 0px;
+  }
+
+  .\32xl\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .\32xl\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .\32xl\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .\32xl\:p-4 {
+    padding: 1rem;
+  }
+
+  .\32xl\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .\32xl\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .\32xl\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .\32xl\:p-8 {
+    padding: 2rem;
+  }
+
+  .\32xl\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .\32xl\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .\32xl\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .\32xl\:p-12 {
+    padding: 3rem;
+  }
+
+  .\32xl\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .\32xl\:p-16 {
+    padding: 4rem;
+  }
+
+  .\32xl\:p-20 {
+    padding: 5rem;
+  }
+
+  .\32xl\:p-24 {
+    padding: 6rem;
+  }
+
+  .\32xl\:p-28 {
+    padding: 7rem;
+  }
+
+  .\32xl\:p-32 {
+    padding: 8rem;
+  }
+
+  .\32xl\:p-36 {
+    padding: 9rem;
+  }
+
+  .\32xl\:p-40 {
+    padding: 10rem;
+  }
+
+  .\32xl\:p-44 {
+    padding: 11rem;
+  }
+
+  .\32xl\:p-48 {
+    padding: 12rem;
+  }
+
+  .\32xl\:p-52 {
+    padding: 13rem;
+  }
+
+  .\32xl\:p-56 {
+    padding: 14rem;
+  }
+
+  .\32xl\:p-60 {
+    padding: 15rem;
+  }
+
+  .\32xl\:p-64 {
+    padding: 16rem;
+  }
+
+  .\32xl\:p-72 {
+    padding: 18rem;
+  }
+
+  .\32xl\:p-80 {
+    padding: 20rem;
+  }
+
+  .\32xl\:p-96 {
+    padding: 24rem;
+  }
+
+  .\32xl\:p-px {
+    padding: 1px;
+  }
+
+  .\32xl\:p-0\.5 {
+    padding: 0.125rem;
+  }
+
+  .\32xl\:p-1\.5 {
+    padding: 0.375rem;
+  }
+
+  .\32xl\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
+  .\32xl\:p-3\.5 {
+    padding: 0.875rem;
+  }
+
+  .\32xl\:py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .\32xl\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .\32xl\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .\32xl\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .\32xl\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .\32xl\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .\32xl\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .\32xl\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .\32xl\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .\32xl\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .\32xl\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .\32xl\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .\32xl\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .\32xl\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .\32xl\:py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
+  .\32xl\:px-7 {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+
+  .\32xl\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .\32xl\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .\32xl\:py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .\32xl\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .\32xl\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .\32xl\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .\32xl\:py-11 {
+    padding-top: 2.75rem;
+    padding-bottom: 2.75rem;
+  }
+
+  .\32xl\:px-11 {
+    padding-left: 2.75rem;
+    padding-right: 2.75rem;
+  }
+
+  .\32xl\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .\32xl\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .\32xl\:py-14 {
+    padding-top: 3.5rem;
+    padding-bottom: 3.5rem;
+  }
+
+  .\32xl\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+
+  .\32xl\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .\32xl\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
+  .\32xl\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+
+  .\32xl\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
+  .\32xl\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
+
+  .\32xl\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
+
+  .\32xl\:py-28 {
+    padding-top: 7rem;
+    padding-bottom: 7rem;
+  }
+
+  .\32xl\:px-28 {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .\32xl\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .\32xl\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .\32xl\:py-36 {
+    padding-top: 9rem;
+    padding-bottom: 9rem;
+  }
+
+  .\32xl\:px-36 {
+    padding-left: 9rem;
+    padding-right: 9rem;
+  }
+
+  .\32xl\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .\32xl\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .\32xl\:py-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .\32xl\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
+  .\32xl\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .\32xl\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .\32xl\:py-52 {
+    padding-top: 13rem;
+    padding-bottom: 13rem;
+  }
+
+  .\32xl\:px-52 {
+    padding-left: 13rem;
+    padding-right: 13rem;
+  }
+
+  .\32xl\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .\32xl\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .\32xl\:py-60 {
+    padding-top: 15rem;
+    padding-bottom: 15rem;
+  }
+
+  .\32xl\:px-60 {
+    padding-left: 15rem;
+    padding-right: 15rem;
+  }
+
+  .\32xl\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .\32xl\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .\32xl\:py-72 {
+    padding-top: 18rem;
+    padding-bottom: 18rem;
+  }
+
+  .\32xl\:px-72 {
+    padding-left: 18rem;
+    padding-right: 18rem;
+  }
+
+  .\32xl\:py-80 {
+    padding-top: 20rem;
+    padding-bottom: 20rem;
+  }
+
+  .\32xl\:px-80 {
+    padding-left: 20rem;
+    padding-right: 20rem;
+  }
+
+  .\32xl\:py-96 {
+    padding-top: 24rem;
+    padding-bottom: 24rem;
+  }
+
+  .\32xl\:px-96 {
+    padding-left: 24rem;
+    padding-right: 24rem;
+  }
+
+  .\32xl\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .\32xl\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .\32xl\:py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+
+  .\32xl\:px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }
+
+  .\32xl\:py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }
+
+  .\32xl\:px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
+  .\32xl\:py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .\32xl\:px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }
+
+  .\32xl\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .\32xl\:px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }
+
+  .\32xl\:pt-0 {
+    padding-top: 0px;
+  }
+
+  .\32xl\:pr-0 {
+    padding-right: 0px;
+  }
+
+  .\32xl\:pb-0 {
+    padding-bottom: 0px;
+  }
+
+  .\32xl\:pl-0 {
+    padding-left: 0px;
+  }
+
+  .\32xl\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .\32xl\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .\32xl\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .\32xl\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .\32xl\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .\32xl\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .\32xl\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .\32xl\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .\32xl\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .\32xl\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .\32xl\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .\32xl\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .\32xl\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .\32xl\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .\32xl\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .\32xl\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .\32xl\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .\32xl\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .\32xl\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .\32xl\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .\32xl\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .\32xl\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .\32xl\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .\32xl\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .\32xl\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
+  .\32xl\:pr-7 {
+    padding-right: 1.75rem;
+  }
+
+  .\32xl\:pb-7 {
+    padding-bottom: 1.75rem;
+  }
+
+  .\32xl\:pl-7 {
+    padding-left: 1.75rem;
+  }
+
+  .\32xl\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .\32xl\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .\32xl\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .\32xl\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .\32xl\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
+  .\32xl\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .\32xl\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .\32xl\:pl-9 {
+    padding-left: 2.25rem;
+  }
+
+  .\32xl\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .\32xl\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .\32xl\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .\32xl\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .\32xl\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
+  .\32xl\:pr-11 {
+    padding-right: 2.75rem;
+  }
+
+  .\32xl\:pb-11 {
+    padding-bottom: 2.75rem;
+  }
+
+  .\32xl\:pl-11 {
+    padding-left: 2.75rem;
+  }
+
+  .\32xl\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .\32xl\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .\32xl\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .\32xl\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .\32xl\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .\32xl\:pr-14 {
+    padding-right: 3.5rem;
+  }
+
+  .\32xl\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
+  .\32xl\:pl-14 {
+    padding-left: 3.5rem;
+  }
+
+  .\32xl\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .\32xl\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .\32xl\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .\32xl\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .\32xl\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .\32xl\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .\32xl\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .\32xl\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .\32xl\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .\32xl\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .\32xl\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .\32xl\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .\32xl\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .\32xl\:pr-28 {
+    padding-right: 7rem;
+  }
+
+  .\32xl\:pb-28 {
+    padding-bottom: 7rem;
+  }
+
+  .\32xl\:pl-28 {
+    padding-left: 7rem;
+  }
+
+  .\32xl\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .\32xl\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .\32xl\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .\32xl\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .\32xl\:pt-36 {
+    padding-top: 9rem;
+  }
+
+  .\32xl\:pr-36 {
+    padding-right: 9rem;
+  }
+
+  .\32xl\:pb-36 {
+    padding-bottom: 9rem;
+  }
+
+  .\32xl\:pl-36 {
+    padding-left: 9rem;
+  }
+
+  .\32xl\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .\32xl\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .\32xl\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .\32xl\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .\32xl\:pt-44 {
+    padding-top: 11rem;
+  }
+
+  .\32xl\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .\32xl\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .\32xl\:pl-44 {
+    padding-left: 11rem;
+  }
+
+  .\32xl\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .\32xl\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .\32xl\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .\32xl\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .\32xl\:pt-52 {
+    padding-top: 13rem;
+  }
+
+  .\32xl\:pr-52 {
+    padding-right: 13rem;
+  }
+
+  .\32xl\:pb-52 {
+    padding-bottom: 13rem;
+  }
+
+  .\32xl\:pl-52 {
+    padding-left: 13rem;
+  }
+
+  .\32xl\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .\32xl\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .\32xl\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .\32xl\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .\32xl\:pt-60 {
+    padding-top: 15rem;
+  }
+
+  .\32xl\:pr-60 {
+    padding-right: 15rem;
+  }
+
+  .\32xl\:pb-60 {
+    padding-bottom: 15rem;
+  }
+
+  .\32xl\:pl-60 {
+    padding-left: 15rem;
+  }
+
+  .\32xl\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .\32xl\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .\32xl\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .\32xl\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .\32xl\:pt-72 {
+    padding-top: 18rem;
+  }
+
+  .\32xl\:pr-72 {
+    padding-right: 18rem;
+  }
+
+  .\32xl\:pb-72 {
+    padding-bottom: 18rem;
+  }
+
+  .\32xl\:pl-72 {
+    padding-left: 18rem;
+  }
+
+  .\32xl\:pt-80 {
+    padding-top: 20rem;
+  }
+
+  .\32xl\:pr-80 {
+    padding-right: 20rem;
+  }
+
+  .\32xl\:pb-80 {
+    padding-bottom: 20rem;
+  }
+
+  .\32xl\:pl-80 {
+    padding-left: 20rem;
+  }
+
+  .\32xl\:pt-96 {
+    padding-top: 24rem;
+  }
+
+  .\32xl\:pr-96 {
+    padding-right: 24rem;
+  }
+
+  .\32xl\:pb-96 {
+    padding-bottom: 24rem;
+  }
+
+  .\32xl\:pl-96 {
+    padding-left: 24rem;
+  }
+
+  .\32xl\:pt-px {
+    padding-top: 1px;
+  }
+
+  .\32xl\:pr-px {
+    padding-right: 1px;
+  }
+
+  .\32xl\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .\32xl\:pl-px {
+    padding-left: 1px;
+  }
+
+  .\32xl\:pt-0\.5 {
+    padding-top: 0.125rem;
+  }
+
+  .\32xl\:pr-0\.5 {
+    padding-right: 0.125rem;
+  }
+
+  .\32xl\:pb-0\.5 {
+    padding-bottom: 0.125rem;
+  }
+
+  .\32xl\:pl-0\.5 {
+    padding-left: 0.125rem;
+  }
+
+  .\32xl\:pt-1\.5 {
+    padding-top: 0.375rem;
+  }
+
+  .\32xl\:pr-1\.5 {
+    padding-right: 0.375rem;
+  }
+
+  .\32xl\:pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }
+
+  .\32xl\:pl-1\.5 {
+    padding-left: 0.375rem;
+  }
+
+  .\32xl\:pt-2\.5 {
+    padding-top: 0.625rem;
+  }
+
+  .\32xl\:pr-2\.5 {
+    padding-right: 0.625rem;
+  }
+
+  .\32xl\:pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+
+  .\32xl\:pl-2\.5 {
+    padding-left: 0.625rem;
+  }
+
+  .\32xl\:pt-3\.5 {
+    padding-top: 0.875rem;
+  }
+
+  .\32xl\:pr-3\.5 {
+    padding-right: 0.875rem;
+  }
+
+  .\32xl\:pb-3\.5 {
+    padding-bottom: 0.875rem;
+  }
+
+  .\32xl\:pl-3\.5 {
+    padding-left: 0.875rem;
+  }
+
+  .\32xl\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .\32xl\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .\32xl\:placeholder-black::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-white::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .\32xl\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .\32xl\:focus\:placeholder-black:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-white:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-opacity-0::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .\32xl\:placeholder-opacity-5::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .\32xl\:placeholder-opacity-10::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .\32xl\:placeholder-opacity-20::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .\32xl\:placeholder-opacity-25::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .\32xl\:placeholder-opacity-30::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .\32xl\:placeholder-opacity-40::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .\32xl\:placeholder-opacity-50::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .\32xl\:placeholder-opacity-60::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .\32xl\:placeholder-opacity-70::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .\32xl\:placeholder-opacity-75::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .\32xl\:placeholder-opacity-80::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .\32xl\:placeholder-opacity-90::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .\32xl\:placeholder-opacity-95::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .\32xl\:placeholder-opacity-100::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-0:focus::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-5:focus::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-10:focus::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-20:focus::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-25:focus::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-30:focus::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-40:focus::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-50:focus::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-60:focus::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-70:focus::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-75:focus::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-80:focus::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-90:focus::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-95:focus::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .\32xl\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .\32xl\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .\32xl\:static {
+    position: static;
+  }
+
+  .\32xl\:fixed {
+    position: fixed;
+  }
+
+  .\32xl\:absolute {
+    position: absolute;
+  }
+
+  .\32xl\:relative {
+    position: relative;
+  }
+
+  .\32xl\:sticky {
+    position: -webkit-sticky;
+    position: sticky;
+  }
+
+  .\32xl\:inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .\32xl\:inset-1 {
+    top: 0.25rem;
+    right: 0.25rem;
+    bottom: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .\32xl\:inset-2 {
+    top: 0.5rem;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .\32xl\:inset-3 {
+    top: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .\32xl\:inset-4 {
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  .\32xl\:inset-5 {
+    top: 1.25rem;
+    right: 1.25rem;
+    bottom: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .\32xl\:inset-6 {
+    top: 1.5rem;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .\32xl\:inset-7 {
+    top: 1.75rem;
+    right: 1.75rem;
+    bottom: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .\32xl\:inset-8 {
+    top: 2rem;
+    right: 2rem;
+    bottom: 2rem;
+    left: 2rem;
+  }
+
+  .\32xl\:inset-9 {
+    top: 2.25rem;
+    right: 2.25rem;
+    bottom: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .\32xl\:inset-10 {
+    top: 2.5rem;
+    right: 2.5rem;
+    bottom: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .\32xl\:inset-11 {
+    top: 2.75rem;
+    right: 2.75rem;
+    bottom: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .\32xl\:inset-12 {
+    top: 3rem;
+    right: 3rem;
+    bottom: 3rem;
+    left: 3rem;
+  }
+
+  .\32xl\:inset-14 {
+    top: 3.5rem;
+    right: 3.5rem;
+    bottom: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .\32xl\:inset-16 {
+    top: 4rem;
+    right: 4rem;
+    bottom: 4rem;
+    left: 4rem;
+  }
+
+  .\32xl\:inset-20 {
+    top: 5rem;
+    right: 5rem;
+    bottom: 5rem;
+    left: 5rem;
+  }
+
+  .\32xl\:inset-24 {
+    top: 6rem;
+    right: 6rem;
+    bottom: 6rem;
+    left: 6rem;
+  }
+
+  .\32xl\:inset-28 {
+    top: 7rem;
+    right: 7rem;
+    bottom: 7rem;
+    left: 7rem;
+  }
+
+  .\32xl\:inset-32 {
+    top: 8rem;
+    right: 8rem;
+    bottom: 8rem;
+    left: 8rem;
+  }
+
+  .\32xl\:inset-36 {
+    top: 9rem;
+    right: 9rem;
+    bottom: 9rem;
+    left: 9rem;
+  }
+
+  .\32xl\:inset-40 {
+    top: 10rem;
+    right: 10rem;
+    bottom: 10rem;
+    left: 10rem;
+  }
+
+  .\32xl\:inset-44 {
+    top: 11rem;
+    right: 11rem;
+    bottom: 11rem;
+    left: 11rem;
+  }
+
+  .\32xl\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .\32xl\:inset-52 {
+    top: 13rem;
+    right: 13rem;
+    bottom: 13rem;
+    left: 13rem;
+  }
+
+  .\32xl\:inset-56 {
+    top: 14rem;
+    right: 14rem;
+    bottom: 14rem;
+    left: 14rem;
+  }
+
+  .\32xl\:inset-60 {
+    top: 15rem;
+    right: 15rem;
+    bottom: 15rem;
+    left: 15rem;
+  }
+
+  .\32xl\:inset-64 {
+    top: 16rem;
+    right: 16rem;
+    bottom: 16rem;
+    left: 16rem;
+  }
+
+  .\32xl\:inset-72 {
+    top: 18rem;
+    right: 18rem;
+    bottom: 18rem;
+    left: 18rem;
+  }
+
+  .\32xl\:inset-80 {
+    top: 20rem;
+    right: 20rem;
+    bottom: 20rem;
+    left: 20rem;
+  }
+
+  .\32xl\:inset-96 {
+    top: 24rem;
+    right: 24rem;
+    bottom: 24rem;
+    left: 24rem;
+  }
+
+  .\32xl\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .\32xl\:inset-px {
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+  }
+
+  .\32xl\:inset-0\.5 {
+    top: 0.125rem;
+    right: 0.125rem;
+    bottom: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .\32xl\:inset-1\.5 {
+    top: 0.375rem;
+    right: 0.375rem;
+    bottom: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .\32xl\:inset-2\.5 {
+    top: 0.625rem;
+    right: 0.625rem;
+    bottom: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .\32xl\:inset-3\.5 {
+    top: 0.875rem;
+    right: 0.875rem;
+    bottom: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .\32xl\:-inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .\32xl\:-inset-1 {
+    top: -0.25rem;
+    right: -0.25rem;
+    bottom: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .\32xl\:-inset-2 {
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .\32xl\:-inset-3 {
+    top: -0.75rem;
+    right: -0.75rem;
+    bottom: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .\32xl\:-inset-4 {
+    top: -1rem;
+    right: -1rem;
+    bottom: -1rem;
+    left: -1rem;
+  }
+
+  .\32xl\:-inset-5 {
+    top: -1.25rem;
+    right: -1.25rem;
+    bottom: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .\32xl\:-inset-6 {
+    top: -1.5rem;
+    right: -1.5rem;
+    bottom: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .\32xl\:-inset-7 {
+    top: -1.75rem;
+    right: -1.75rem;
+    bottom: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .\32xl\:-inset-8 {
+    top: -2rem;
+    right: -2rem;
+    bottom: -2rem;
+    left: -2rem;
+  }
+
+  .\32xl\:-inset-9 {
+    top: -2.25rem;
+    right: -2.25rem;
+    bottom: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .\32xl\:-inset-10 {
+    top: -2.5rem;
+    right: -2.5rem;
+    bottom: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .\32xl\:-inset-11 {
+    top: -2.75rem;
+    right: -2.75rem;
+    bottom: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .\32xl\:-inset-12 {
+    top: -3rem;
+    right: -3rem;
+    bottom: -3rem;
+    left: -3rem;
+  }
+
+  .\32xl\:-inset-14 {
+    top: -3.5rem;
+    right: -3.5rem;
+    bottom: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .\32xl\:-inset-16 {
+    top: -4rem;
+    right: -4rem;
+    bottom: -4rem;
+    left: -4rem;
+  }
+
+  .\32xl\:-inset-20 {
+    top: -5rem;
+    right: -5rem;
+    bottom: -5rem;
+    left: -5rem;
+  }
+
+  .\32xl\:-inset-24 {
+    top: -6rem;
+    right: -6rem;
+    bottom: -6rem;
+    left: -6rem;
+  }
+
+  .\32xl\:-inset-28 {
+    top: -7rem;
+    right: -7rem;
+    bottom: -7rem;
+    left: -7rem;
+  }
+
+  .\32xl\:-inset-32 {
+    top: -8rem;
+    right: -8rem;
+    bottom: -8rem;
+    left: -8rem;
+  }
+
+  .\32xl\:-inset-36 {
+    top: -9rem;
+    right: -9rem;
+    bottom: -9rem;
+    left: -9rem;
+  }
+
+  .\32xl\:-inset-40 {
+    top: -10rem;
+    right: -10rem;
+    bottom: -10rem;
+    left: -10rem;
+  }
+
+  .\32xl\:-inset-44 {
+    top: -11rem;
+    right: -11rem;
+    bottom: -11rem;
+    left: -11rem;
+  }
+
+  .\32xl\:-inset-48 {
+    top: -12rem;
+    right: -12rem;
+    bottom: -12rem;
+    left: -12rem;
+  }
+
+  .\32xl\:-inset-52 {
+    top: -13rem;
+    right: -13rem;
+    bottom: -13rem;
+    left: -13rem;
+  }
+
+  .\32xl\:-inset-56 {
+    top: -14rem;
+    right: -14rem;
+    bottom: -14rem;
+    left: -14rem;
+  }
+
+  .\32xl\:-inset-60 {
+    top: -15rem;
+    right: -15rem;
+    bottom: -15rem;
+    left: -15rem;
+  }
+
+  .\32xl\:-inset-64 {
+    top: -16rem;
+    right: -16rem;
+    bottom: -16rem;
+    left: -16rem;
+  }
+
+  .\32xl\:-inset-72 {
+    top: -18rem;
+    right: -18rem;
+    bottom: -18rem;
+    left: -18rem;
+  }
+
+  .\32xl\:-inset-80 {
+    top: -20rem;
+    right: -20rem;
+    bottom: -20rem;
+    left: -20rem;
+  }
+
+  .\32xl\:-inset-96 {
+    top: -24rem;
+    right: -24rem;
+    bottom: -24rem;
+    left: -24rem;
+  }
+
+  .\32xl\:-inset-px {
+    top: -1px;
+    right: -1px;
+    bottom: -1px;
+    left: -1px;
+  }
+
+  .\32xl\:-inset-0\.5 {
+    top: -0.125rem;
+    right: -0.125rem;
+    bottom: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .\32xl\:-inset-1\.5 {
+    top: -0.375rem;
+    right: -0.375rem;
+    bottom: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .\32xl\:-inset-2\.5 {
+    top: -0.625rem;
+    right: -0.625rem;
+    bottom: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .\32xl\:-inset-3\.5 {
+    top: -0.875rem;
+    right: -0.875rem;
+    bottom: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .\32xl\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .\32xl\:inset-1\/3 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .\32xl\:inset-2\/3 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .\32xl\:inset-1\/4 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .\32xl\:inset-2\/4 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .\32xl\:inset-3\/4 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .\32xl\:inset-full {
+    top: 100%;
+    right: 100%;
+    bottom: 100%;
+    left: 100%;
+  }
+
+  .\32xl\:-inset-1\/2 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .\32xl\:-inset-1\/3 {
+    top: -33.333333%;
+    right: -33.333333%;
+    bottom: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .\32xl\:-inset-2\/3 {
+    top: -66.666667%;
+    right: -66.666667%;
+    bottom: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .\32xl\:-inset-1\/4 {
+    top: -25%;
+    right: -25%;
+    bottom: -25%;
+    left: -25%;
+  }
+
+  .\32xl\:-inset-2\/4 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .\32xl\:-inset-3\/4 {
+    top: -75%;
+    right: -75%;
+    bottom: -75%;
+    left: -75%;
+  }
+
+  .\32xl\:-inset-full {
+    top: -100%;
+    right: -100%;
+    bottom: -100%;
+    left: -100%;
+  }
+
+  .\32xl\:inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .\32xl\:inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .\32xl\:inset-y-1 {
+    top: 0.25rem;
+    bottom: 0.25rem;
+  }
+
+  .\32xl\:inset-x-1 {
+    right: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .\32xl\:inset-y-2 {
+    top: 0.5rem;
+    bottom: 0.5rem;
+  }
+
+  .\32xl\:inset-x-2 {
+    right: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .\32xl\:inset-y-3 {
+    top: 0.75rem;
+    bottom: 0.75rem;
+  }
+
+  .\32xl\:inset-x-3 {
+    right: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .\32xl\:inset-y-4 {
+    top: 1rem;
+    bottom: 1rem;
+  }
+
+  .\32xl\:inset-x-4 {
+    right: 1rem;
+    left: 1rem;
+  }
+
+  .\32xl\:inset-y-5 {
+    top: 1.25rem;
+    bottom: 1.25rem;
+  }
+
+  .\32xl\:inset-x-5 {
+    right: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .\32xl\:inset-y-6 {
+    top: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .\32xl\:inset-x-6 {
+    right: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .\32xl\:inset-y-7 {
+    top: 1.75rem;
+    bottom: 1.75rem;
+  }
+
+  .\32xl\:inset-x-7 {
+    right: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .\32xl\:inset-y-8 {
+    top: 2rem;
+    bottom: 2rem;
+  }
+
+  .\32xl\:inset-x-8 {
+    right: 2rem;
+    left: 2rem;
+  }
+
+  .\32xl\:inset-y-9 {
+    top: 2.25rem;
+    bottom: 2.25rem;
+  }
+
+  .\32xl\:inset-x-9 {
+    right: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .\32xl\:inset-y-10 {
+    top: 2.5rem;
+    bottom: 2.5rem;
+  }
+
+  .\32xl\:inset-x-10 {
+    right: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .\32xl\:inset-y-11 {
+    top: 2.75rem;
+    bottom: 2.75rem;
+  }
+
+  .\32xl\:inset-x-11 {
+    right: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .\32xl\:inset-y-12 {
+    top: 3rem;
+    bottom: 3rem;
+  }
+
+  .\32xl\:inset-x-12 {
+    right: 3rem;
+    left: 3rem;
+  }
+
+  .\32xl\:inset-y-14 {
+    top: 3.5rem;
+    bottom: 3.5rem;
+  }
+
+  .\32xl\:inset-x-14 {
+    right: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .\32xl\:inset-y-16 {
+    top: 4rem;
+    bottom: 4rem;
+  }
+
+  .\32xl\:inset-x-16 {
+    right: 4rem;
+    left: 4rem;
+  }
+
+  .\32xl\:inset-y-20 {
+    top: 5rem;
+    bottom: 5rem;
+  }
+
+  .\32xl\:inset-x-20 {
+    right: 5rem;
+    left: 5rem;
+  }
+
+  .\32xl\:inset-y-24 {
+    top: 6rem;
+    bottom: 6rem;
+  }
+
+  .\32xl\:inset-x-24 {
+    right: 6rem;
+    left: 6rem;
+  }
+
+  .\32xl\:inset-y-28 {
+    top: 7rem;
+    bottom: 7rem;
+  }
+
+  .\32xl\:inset-x-28 {
+    right: 7rem;
+    left: 7rem;
+  }
+
+  .\32xl\:inset-y-32 {
+    top: 8rem;
+    bottom: 8rem;
+  }
+
+  .\32xl\:inset-x-32 {
+    right: 8rem;
+    left: 8rem;
+  }
+
+  .\32xl\:inset-y-36 {
+    top: 9rem;
+    bottom: 9rem;
+  }
+
+  .\32xl\:inset-x-36 {
+    right: 9rem;
+    left: 9rem;
+  }
+
+  .\32xl\:inset-y-40 {
+    top: 10rem;
+    bottom: 10rem;
+  }
+
+  .\32xl\:inset-x-40 {
+    right: 10rem;
+    left: 10rem;
+  }
+
+  .\32xl\:inset-y-44 {
+    top: 11rem;
+    bottom: 11rem;
+  }
+
+  .\32xl\:inset-x-44 {
+    right: 11rem;
+    left: 11rem;
+  }
+
+  .\32xl\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .\32xl\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .\32xl\:inset-y-52 {
+    top: 13rem;
+    bottom: 13rem;
+  }
+
+  .\32xl\:inset-x-52 {
+    right: 13rem;
+    left: 13rem;
+  }
+
+  .\32xl\:inset-y-56 {
+    top: 14rem;
+    bottom: 14rem;
+  }
+
+  .\32xl\:inset-x-56 {
+    right: 14rem;
+    left: 14rem;
+  }
+
+  .\32xl\:inset-y-60 {
+    top: 15rem;
+    bottom: 15rem;
+  }
+
+  .\32xl\:inset-x-60 {
+    right: 15rem;
+    left: 15rem;
+  }
+
+  .\32xl\:inset-y-64 {
+    top: 16rem;
+    bottom: 16rem;
+  }
+
+  .\32xl\:inset-x-64 {
+    right: 16rem;
+    left: 16rem;
+  }
+
+  .\32xl\:inset-y-72 {
+    top: 18rem;
+    bottom: 18rem;
+  }
+
+  .\32xl\:inset-x-72 {
+    right: 18rem;
+    left: 18rem;
+  }
+
+  .\32xl\:inset-y-80 {
+    top: 20rem;
+    bottom: 20rem;
+  }
+
+  .\32xl\:inset-x-80 {
+    right: 20rem;
+    left: 20rem;
+  }
+
+  .\32xl\:inset-y-96 {
+    top: 24rem;
+    bottom: 24rem;
+  }
+
+  .\32xl\:inset-x-96 {
+    right: 24rem;
+    left: 24rem;
+  }
+
+  .\32xl\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .\32xl\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .\32xl\:inset-y-px {
+    top: 1px;
+    bottom: 1px;
+  }
+
+  .\32xl\:inset-x-px {
+    right: 1px;
+    left: 1px;
+  }
+
+  .\32xl\:inset-y-0\.5 {
+    top: 0.125rem;
+    bottom: 0.125rem;
+  }
+
+  .\32xl\:inset-x-0\.5 {
+    right: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .\32xl\:inset-y-1\.5 {
+    top: 0.375rem;
+    bottom: 0.375rem;
+  }
+
+  .\32xl\:inset-x-1\.5 {
+    right: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .\32xl\:inset-y-2\.5 {
+    top: 0.625rem;
+    bottom: 0.625rem;
+  }
+
+  .\32xl\:inset-x-2\.5 {
+    right: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .\32xl\:inset-y-3\.5 {
+    top: 0.875rem;
+    bottom: 0.875rem;
+  }
+
+  .\32xl\:inset-x-3\.5 {
+    right: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .\32xl\:-inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .\32xl\:-inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .\32xl\:-inset-y-1 {
+    top: -0.25rem;
+    bottom: -0.25rem;
+  }
+
+  .\32xl\:-inset-x-1 {
+    right: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .\32xl\:-inset-y-2 {
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .\32xl\:-inset-x-2 {
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .\32xl\:-inset-y-3 {
+    top: -0.75rem;
+    bottom: -0.75rem;
+  }
+
+  .\32xl\:-inset-x-3 {
+    right: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .\32xl\:-inset-y-4 {
+    top: -1rem;
+    bottom: -1rem;
+  }
+
+  .\32xl\:-inset-x-4 {
+    right: -1rem;
+    left: -1rem;
+  }
+
+  .\32xl\:-inset-y-5 {
+    top: -1.25rem;
+    bottom: -1.25rem;
+  }
+
+  .\32xl\:-inset-x-5 {
+    right: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .\32xl\:-inset-y-6 {
+    top: -1.5rem;
+    bottom: -1.5rem;
+  }
+
+  .\32xl\:-inset-x-6 {
+    right: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .\32xl\:-inset-y-7 {
+    top: -1.75rem;
+    bottom: -1.75rem;
+  }
+
+  .\32xl\:-inset-x-7 {
+    right: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .\32xl\:-inset-y-8 {
+    top: -2rem;
+    bottom: -2rem;
+  }
+
+  .\32xl\:-inset-x-8 {
+    right: -2rem;
+    left: -2rem;
+  }
+
+  .\32xl\:-inset-y-9 {
+    top: -2.25rem;
+    bottom: -2.25rem;
+  }
+
+  .\32xl\:-inset-x-9 {
+    right: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .\32xl\:-inset-y-10 {
+    top: -2.5rem;
+    bottom: -2.5rem;
+  }
+
+  .\32xl\:-inset-x-10 {
+    right: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .\32xl\:-inset-y-11 {
+    top: -2.75rem;
+    bottom: -2.75rem;
+  }
+
+  .\32xl\:-inset-x-11 {
+    right: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .\32xl\:-inset-y-12 {
+    top: -3rem;
+    bottom: -3rem;
+  }
+
+  .\32xl\:-inset-x-12 {
+    right: -3rem;
+    left: -3rem;
+  }
+
+  .\32xl\:-inset-y-14 {
+    top: -3.5rem;
+    bottom: -3.5rem;
+  }
+
+  .\32xl\:-inset-x-14 {
+    right: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .\32xl\:-inset-y-16 {
+    top: -4rem;
+    bottom: -4rem;
+  }
+
+  .\32xl\:-inset-x-16 {
+    right: -4rem;
+    left: -4rem;
+  }
+
+  .\32xl\:-inset-y-20 {
+    top: -5rem;
+    bottom: -5rem;
+  }
+
+  .\32xl\:-inset-x-20 {
+    right: -5rem;
+    left: -5rem;
+  }
+
+  .\32xl\:-inset-y-24 {
+    top: -6rem;
+    bottom: -6rem;
+  }
+
+  .\32xl\:-inset-x-24 {
+    right: -6rem;
+    left: -6rem;
+  }
+
+  .\32xl\:-inset-y-28 {
+    top: -7rem;
+    bottom: -7rem;
+  }
+
+  .\32xl\:-inset-x-28 {
+    right: -7rem;
+    left: -7rem;
+  }
+
+  .\32xl\:-inset-y-32 {
+    top: -8rem;
+    bottom: -8rem;
+  }
+
+  .\32xl\:-inset-x-32 {
+    right: -8rem;
+    left: -8rem;
+  }
+
+  .\32xl\:-inset-y-36 {
+    top: -9rem;
+    bottom: -9rem;
+  }
+
+  .\32xl\:-inset-x-36 {
+    right: -9rem;
+    left: -9rem;
+  }
+
+  .\32xl\:-inset-y-40 {
+    top: -10rem;
+    bottom: -10rem;
+  }
+
+  .\32xl\:-inset-x-40 {
+    right: -10rem;
+    left: -10rem;
+  }
+
+  .\32xl\:-inset-y-44 {
+    top: -11rem;
+    bottom: -11rem;
+  }
+
+  .\32xl\:-inset-x-44 {
+    right: -11rem;
+    left: -11rem;
+  }
+
+  .\32xl\:-inset-y-48 {
+    top: -12rem;
+    bottom: -12rem;
+  }
+
+  .\32xl\:-inset-x-48 {
+    right: -12rem;
+    left: -12rem;
+  }
+
+  .\32xl\:-inset-y-52 {
+    top: -13rem;
+    bottom: -13rem;
+  }
+
+  .\32xl\:-inset-x-52 {
+    right: -13rem;
+    left: -13rem;
+  }
+
+  .\32xl\:-inset-y-56 {
+    top: -14rem;
+    bottom: -14rem;
+  }
+
+  .\32xl\:-inset-x-56 {
+    right: -14rem;
+    left: -14rem;
+  }
+
+  .\32xl\:-inset-y-60 {
+    top: -15rem;
+    bottom: -15rem;
+  }
+
+  .\32xl\:-inset-x-60 {
+    right: -15rem;
+    left: -15rem;
+  }
+
+  .\32xl\:-inset-y-64 {
+    top: -16rem;
+    bottom: -16rem;
+  }
+
+  .\32xl\:-inset-x-64 {
+    right: -16rem;
+    left: -16rem;
+  }
+
+  .\32xl\:-inset-y-72 {
+    top: -18rem;
+    bottom: -18rem;
+  }
+
+  .\32xl\:-inset-x-72 {
+    right: -18rem;
+    left: -18rem;
+  }
+
+  .\32xl\:-inset-y-80 {
+    top: -20rem;
+    bottom: -20rem;
+  }
+
+  .\32xl\:-inset-x-80 {
+    right: -20rem;
+    left: -20rem;
+  }
+
+  .\32xl\:-inset-y-96 {
+    top: -24rem;
+    bottom: -24rem;
+  }
+
+  .\32xl\:-inset-x-96 {
+    right: -24rem;
+    left: -24rem;
+  }
+
+  .\32xl\:-inset-y-px {
+    top: -1px;
+    bottom: -1px;
+  }
+
+  .\32xl\:-inset-x-px {
+    right: -1px;
+    left: -1px;
+  }
+
+  .\32xl\:-inset-y-0\.5 {
+    top: -0.125rem;
+    bottom: -0.125rem;
+  }
+
+  .\32xl\:-inset-x-0\.5 {
+    right: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .\32xl\:-inset-y-1\.5 {
+    top: -0.375rem;
+    bottom: -0.375rem;
+  }
+
+  .\32xl\:-inset-x-1\.5 {
+    right: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .\32xl\:-inset-y-2\.5 {
+    top: -0.625rem;
+    bottom: -0.625rem;
+  }
+
+  .\32xl\:-inset-x-2\.5 {
+    right: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .\32xl\:-inset-y-3\.5 {
+    top: -0.875rem;
+    bottom: -0.875rem;
+  }
+
+  .\32xl\:-inset-x-3\.5 {
+    right: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .\32xl\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .\32xl\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .\32xl\:inset-y-1\/3 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .\32xl\:inset-x-1\/3 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .\32xl\:inset-y-2\/3 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .\32xl\:inset-x-2\/3 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .\32xl\:inset-y-1\/4 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .\32xl\:inset-x-1\/4 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .\32xl\:inset-y-2\/4 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .\32xl\:inset-x-2\/4 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .\32xl\:inset-y-3\/4 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .\32xl\:inset-x-3\/4 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .\32xl\:inset-y-full {
+    top: 100%;
+    bottom: 100%;
+  }
+
+  .\32xl\:inset-x-full {
+    right: 100%;
+    left: 100%;
+  }
+
+  .\32xl\:-inset-y-1\/2 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .\32xl\:-inset-x-1\/2 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .\32xl\:-inset-y-1\/3 {
+    top: -33.333333%;
+    bottom: -33.333333%;
+  }
+
+  .\32xl\:-inset-x-1\/3 {
+    right: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .\32xl\:-inset-y-2\/3 {
+    top: -66.666667%;
+    bottom: -66.666667%;
+  }
+
+  .\32xl\:-inset-x-2\/3 {
+    right: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .\32xl\:-inset-y-1\/4 {
+    top: -25%;
+    bottom: -25%;
+  }
+
+  .\32xl\:-inset-x-1\/4 {
+    right: -25%;
+    left: -25%;
+  }
+
+  .\32xl\:-inset-y-2\/4 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .\32xl\:-inset-x-2\/4 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .\32xl\:-inset-y-3\/4 {
+    top: -75%;
+    bottom: -75%;
+  }
+
+  .\32xl\:-inset-x-3\/4 {
+    right: -75%;
+    left: -75%;
+  }
+
+  .\32xl\:-inset-y-full {
+    top: -100%;
+    bottom: -100%;
+  }
+
+  .\32xl\:-inset-x-full {
+    right: -100%;
+    left: -100%;
+  }
+
+  .\32xl\:top-0 {
+    top: 0px;
+  }
+
+  .\32xl\:right-0 {
+    right: 0px;
+  }
+
+  .\32xl\:bottom-0 {
+    bottom: 0px;
+  }
+
+  .\32xl\:left-0 {
+    left: 0px;
+  }
+
+  .\32xl\:top-1 {
+    top: 0.25rem;
+  }
+
+  .\32xl\:right-1 {
+    right: 0.25rem;
+  }
+
+  .\32xl\:bottom-1 {
+    bottom: 0.25rem;
+  }
+
+  .\32xl\:left-1 {
+    left: 0.25rem;
+  }
+
+  .\32xl\:top-2 {
+    top: 0.5rem;
+  }
+
+  .\32xl\:right-2 {
+    right: 0.5rem;
+  }
+
+  .\32xl\:bottom-2 {
+    bottom: 0.5rem;
+  }
+
+  .\32xl\:left-2 {
+    left: 0.5rem;
+  }
+
+  .\32xl\:top-3 {
+    top: 0.75rem;
+  }
+
+  .\32xl\:right-3 {
+    right: 0.75rem;
+  }
+
+  .\32xl\:bottom-3 {
+    bottom: 0.75rem;
+  }
+
+  .\32xl\:left-3 {
+    left: 0.75rem;
+  }
+
+  .\32xl\:top-4 {
+    top: 1rem;
+  }
+
+  .\32xl\:right-4 {
+    right: 1rem;
+  }
+
+  .\32xl\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .\32xl\:left-4 {
+    left: 1rem;
+  }
+
+  .\32xl\:top-5 {
+    top: 1.25rem;
+  }
+
+  .\32xl\:right-5 {
+    right: 1.25rem;
+  }
+
+  .\32xl\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .\32xl\:left-5 {
+    left: 1.25rem;
+  }
+
+  .\32xl\:top-6 {
+    top: 1.5rem;
+  }
+
+  .\32xl\:right-6 {
+    right: 1.5rem;
+  }
+
+  .\32xl\:bottom-6 {
+    bottom: 1.5rem;
+  }
+
+  .\32xl\:left-6 {
+    left: 1.5rem;
+  }
+
+  .\32xl\:top-7 {
+    top: 1.75rem;
+  }
+
+  .\32xl\:right-7 {
+    right: 1.75rem;
+  }
+
+  .\32xl\:bottom-7 {
+    bottom: 1.75rem;
+  }
+
+  .\32xl\:left-7 {
+    left: 1.75rem;
+  }
+
+  .\32xl\:top-8 {
+    top: 2rem;
+  }
+
+  .\32xl\:right-8 {
+    right: 2rem;
+  }
+
+  .\32xl\:bottom-8 {
+    bottom: 2rem;
+  }
+
+  .\32xl\:left-8 {
+    left: 2rem;
+  }
+
+  .\32xl\:top-9 {
+    top: 2.25rem;
+  }
+
+  .\32xl\:right-9 {
+    right: 2.25rem;
+  }
+
+  .\32xl\:bottom-9 {
+    bottom: 2.25rem;
+  }
+
+  .\32xl\:left-9 {
+    left: 2.25rem;
+  }
+
+  .\32xl\:top-10 {
+    top: 2.5rem;
+  }
+
+  .\32xl\:right-10 {
+    right: 2.5rem;
+  }
+
+  .\32xl\:bottom-10 {
+    bottom: 2.5rem;
+  }
+
+  .\32xl\:left-10 {
+    left: 2.5rem;
+  }
+
+  .\32xl\:top-11 {
+    top: 2.75rem;
+  }
+
+  .\32xl\:right-11 {
+    right: 2.75rem;
+  }
+
+  .\32xl\:bottom-11 {
+    bottom: 2.75rem;
+  }
+
+  .\32xl\:left-11 {
+    left: 2.75rem;
+  }
+
+  .\32xl\:top-12 {
+    top: 3rem;
+  }
+
+  .\32xl\:right-12 {
+    right: 3rem;
+  }
+
+  .\32xl\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .\32xl\:left-12 {
+    left: 3rem;
+  }
+
+  .\32xl\:top-14 {
+    top: 3.5rem;
+  }
+
+  .\32xl\:right-14 {
+    right: 3.5rem;
+  }
+
+  .\32xl\:bottom-14 {
+    bottom: 3.5rem;
+  }
+
+  .\32xl\:left-14 {
+    left: 3.5rem;
+  }
+
+  .\32xl\:top-16 {
+    top: 4rem;
+  }
+
+  .\32xl\:right-16 {
+    right: 4rem;
+  }
+
+  .\32xl\:bottom-16 {
+    bottom: 4rem;
+  }
+
+  .\32xl\:left-16 {
+    left: 4rem;
+  }
+
+  .\32xl\:top-20 {
+    top: 5rem;
+  }
+
+  .\32xl\:right-20 {
+    right: 5rem;
+  }
+
+  .\32xl\:bottom-20 {
+    bottom: 5rem;
+  }
+
+  .\32xl\:left-20 {
+    left: 5rem;
+  }
+
+  .\32xl\:top-24 {
+    top: 6rem;
+  }
+
+  .\32xl\:right-24 {
+    right: 6rem;
+  }
+
+  .\32xl\:bottom-24 {
+    bottom: 6rem;
+  }
+
+  .\32xl\:left-24 {
+    left: 6rem;
+  }
+
+  .\32xl\:top-28 {
+    top: 7rem;
+  }
+
+  .\32xl\:right-28 {
+    right: 7rem;
+  }
+
+  .\32xl\:bottom-28 {
+    bottom: 7rem;
+  }
+
+  .\32xl\:left-28 {
+    left: 7rem;
+  }
+
+  .\32xl\:top-32 {
+    top: 8rem;
+  }
+
+  .\32xl\:right-32 {
+    right: 8rem;
+  }
+
+  .\32xl\:bottom-32 {
+    bottom: 8rem;
+  }
+
+  .\32xl\:left-32 {
+    left: 8rem;
+  }
+
+  .\32xl\:top-36 {
+    top: 9rem;
+  }
+
+  .\32xl\:right-36 {
+    right: 9rem;
+  }
+
+  .\32xl\:bottom-36 {
+    bottom: 9rem;
+  }
+
+  .\32xl\:left-36 {
+    left: 9rem;
+  }
+
+  .\32xl\:top-40 {
+    top: 10rem;
+  }
+
+  .\32xl\:right-40 {
+    right: 10rem;
+  }
+
+  .\32xl\:bottom-40 {
+    bottom: 10rem;
+  }
+
+  .\32xl\:left-40 {
+    left: 10rem;
+  }
+
+  .\32xl\:top-44 {
+    top: 11rem;
+  }
+
+  .\32xl\:right-44 {
+    right: 11rem;
+  }
+
+  .\32xl\:bottom-44 {
+    bottom: 11rem;
+  }
+
+  .\32xl\:left-44 {
+    left: 11rem;
+  }
+
+  .\32xl\:top-48 {
+    top: 12rem;
+  }
+
+  .\32xl\:right-48 {
+    right: 12rem;
+  }
+
+  .\32xl\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .\32xl\:left-48 {
+    left: 12rem;
+  }
+
+  .\32xl\:top-52 {
+    top: 13rem;
+  }
+
+  .\32xl\:right-52 {
+    right: 13rem;
+  }
+
+  .\32xl\:bottom-52 {
+    bottom: 13rem;
+  }
+
+  .\32xl\:left-52 {
+    left: 13rem;
+  }
+
+  .\32xl\:top-56 {
+    top: 14rem;
+  }
+
+  .\32xl\:right-56 {
+    right: 14rem;
+  }
+
+  .\32xl\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .\32xl\:left-56 {
+    left: 14rem;
+  }
+
+  .\32xl\:top-60 {
+    top: 15rem;
+  }
+
+  .\32xl\:right-60 {
+    right: 15rem;
+  }
+
+  .\32xl\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .\32xl\:left-60 {
+    left: 15rem;
+  }
+
+  .\32xl\:top-64 {
+    top: 16rem;
+  }
+
+  .\32xl\:right-64 {
+    right: 16rem;
+  }
+
+  .\32xl\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .\32xl\:left-64 {
+    left: 16rem;
+  }
+
+  .\32xl\:top-72 {
+    top: 18rem;
+  }
+
+  .\32xl\:right-72 {
+    right: 18rem;
+  }
+
+  .\32xl\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .\32xl\:left-72 {
+    left: 18rem;
+  }
+
+  .\32xl\:top-80 {
+    top: 20rem;
+  }
+
+  .\32xl\:right-80 {
+    right: 20rem;
+  }
+
+  .\32xl\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .\32xl\:left-80 {
+    left: 20rem;
+  }
+
+  .\32xl\:top-96 {
+    top: 24rem;
+  }
+
+  .\32xl\:right-96 {
+    right: 24rem;
+  }
+
+  .\32xl\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .\32xl\:left-96 {
+    left: 24rem;
+  }
+
+  .\32xl\:top-auto {
+    top: auto;
+  }
+
+  .\32xl\:right-auto {
+    right: auto;
+  }
+
+  .\32xl\:bottom-auto {
+    bottom: auto;
+  }
+
+  .\32xl\:left-auto {
+    left: auto;
+  }
+
+  .\32xl\:top-px {
+    top: 1px;
+  }
+
+  .\32xl\:right-px {
+    right: 1px;
+  }
+
+  .\32xl\:bottom-px {
+    bottom: 1px;
+  }
+
+  .\32xl\:left-px {
+    left: 1px;
+  }
+
+  .\32xl\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .\32xl\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .\32xl\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .\32xl\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .\32xl\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .\32xl\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .\32xl\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .\32xl\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .\32xl\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .\32xl\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .\32xl\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .\32xl\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .\32xl\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .\32xl\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .\32xl\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .\32xl\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .\32xl\:-top-0 {
+    top: 0px;
+  }
+
+  .\32xl\:-right-0 {
+    right: 0px;
+  }
+
+  .\32xl\:-bottom-0 {
+    bottom: 0px;
+  }
+
+  .\32xl\:-left-0 {
+    left: 0px;
+  }
+
+  .\32xl\:-top-1 {
+    top: -0.25rem;
+  }
+
+  .\32xl\:-right-1 {
+    right: -0.25rem;
+  }
+
+  .\32xl\:-bottom-1 {
+    bottom: -0.25rem;
+  }
+
+  .\32xl\:-left-1 {
+    left: -0.25rem;
+  }
+
+  .\32xl\:-top-2 {
+    top: -0.5rem;
+  }
+
+  .\32xl\:-right-2 {
+    right: -0.5rem;
+  }
+
+  .\32xl\:-bottom-2 {
+    bottom: -0.5rem;
+  }
+
+  .\32xl\:-left-2 {
+    left: -0.5rem;
+  }
+
+  .\32xl\:-top-3 {
+    top: -0.75rem;
+  }
+
+  .\32xl\:-right-3 {
+    right: -0.75rem;
+  }
+
+  .\32xl\:-bottom-3 {
+    bottom: -0.75rem;
+  }
+
+  .\32xl\:-left-3 {
+    left: -0.75rem;
+  }
+
+  .\32xl\:-top-4 {
+    top: -1rem;
+  }
+
+  .\32xl\:-right-4 {
+    right: -1rem;
+  }
+
+  .\32xl\:-bottom-4 {
+    bottom: -1rem;
+  }
+
+  .\32xl\:-left-4 {
+    left: -1rem;
+  }
+
+  .\32xl\:-top-5 {
+    top: -1.25rem;
+  }
+
+  .\32xl\:-right-5 {
+    right: -1.25rem;
+  }
+
+  .\32xl\:-bottom-5 {
+    bottom: -1.25rem;
+  }
+
+  .\32xl\:-left-5 {
+    left: -1.25rem;
+  }
+
+  .\32xl\:-top-6 {
+    top: -1.5rem;
+  }
+
+  .\32xl\:-right-6 {
+    right: -1.5rem;
+  }
+
+  .\32xl\:-bottom-6 {
+    bottom: -1.5rem;
+  }
+
+  .\32xl\:-left-6 {
+    left: -1.5rem;
+  }
+
+  .\32xl\:-top-7 {
+    top: -1.75rem;
+  }
+
+  .\32xl\:-right-7 {
+    right: -1.75rem;
+  }
+
+  .\32xl\:-bottom-7 {
+    bottom: -1.75rem;
+  }
+
+  .\32xl\:-left-7 {
+    left: -1.75rem;
+  }
+
+  .\32xl\:-top-8 {
+    top: -2rem;
+  }
+
+  .\32xl\:-right-8 {
+    right: -2rem;
+  }
+
+  .\32xl\:-bottom-8 {
+    bottom: -2rem;
+  }
+
+  .\32xl\:-left-8 {
+    left: -2rem;
+  }
+
+  .\32xl\:-top-9 {
+    top: -2.25rem;
+  }
+
+  .\32xl\:-right-9 {
+    right: -2.25rem;
+  }
+
+  .\32xl\:-bottom-9 {
+    bottom: -2.25rem;
+  }
+
+  .\32xl\:-left-9 {
+    left: -2.25rem;
+  }
+
+  .\32xl\:-top-10 {
+    top: -2.5rem;
+  }
+
+  .\32xl\:-right-10 {
+    right: -2.5rem;
+  }
+
+  .\32xl\:-bottom-10 {
+    bottom: -2.5rem;
+  }
+
+  .\32xl\:-left-10 {
+    left: -2.5rem;
+  }
+
+  .\32xl\:-top-11 {
+    top: -2.75rem;
+  }
+
+  .\32xl\:-right-11 {
+    right: -2.75rem;
+  }
+
+  .\32xl\:-bottom-11 {
+    bottom: -2.75rem;
+  }
+
+  .\32xl\:-left-11 {
+    left: -2.75rem;
+  }
+
+  .\32xl\:-top-12 {
+    top: -3rem;
+  }
+
+  .\32xl\:-right-12 {
+    right: -3rem;
+  }
+
+  .\32xl\:-bottom-12 {
+    bottom: -3rem;
+  }
+
+  .\32xl\:-left-12 {
+    left: -3rem;
+  }
+
+  .\32xl\:-top-14 {
+    top: -3.5rem;
+  }
+
+  .\32xl\:-right-14 {
+    right: -3.5rem;
+  }
+
+  .\32xl\:-bottom-14 {
+    bottom: -3.5rem;
+  }
+
+  .\32xl\:-left-14 {
+    left: -3.5rem;
+  }
+
+  .\32xl\:-top-16 {
+    top: -4rem;
+  }
+
+  .\32xl\:-right-16 {
+    right: -4rem;
+  }
+
+  .\32xl\:-bottom-16 {
+    bottom: -4rem;
+  }
+
+  .\32xl\:-left-16 {
+    left: -4rem;
+  }
+
+  .\32xl\:-top-20 {
+    top: -5rem;
+  }
+
+  .\32xl\:-right-20 {
+    right: -5rem;
+  }
+
+  .\32xl\:-bottom-20 {
+    bottom: -5rem;
+  }
+
+  .\32xl\:-left-20 {
+    left: -5rem;
+  }
+
+  .\32xl\:-top-24 {
+    top: -6rem;
+  }
+
+  .\32xl\:-right-24 {
+    right: -6rem;
+  }
+
+  .\32xl\:-bottom-24 {
+    bottom: -6rem;
+  }
+
+  .\32xl\:-left-24 {
+    left: -6rem;
+  }
+
+  .\32xl\:-top-28 {
+    top: -7rem;
+  }
+
+  .\32xl\:-right-28 {
+    right: -7rem;
+  }
+
+  .\32xl\:-bottom-28 {
+    bottom: -7rem;
+  }
+
+  .\32xl\:-left-28 {
+    left: -7rem;
+  }
+
+  .\32xl\:-top-32 {
+    top: -8rem;
+  }
+
+  .\32xl\:-right-32 {
+    right: -8rem;
+  }
+
+  .\32xl\:-bottom-32 {
+    bottom: -8rem;
+  }
+
+  .\32xl\:-left-32 {
+    left: -8rem;
+  }
+
+  .\32xl\:-top-36 {
+    top: -9rem;
+  }
+
+  .\32xl\:-right-36 {
+    right: -9rem;
+  }
+
+  .\32xl\:-bottom-36 {
+    bottom: -9rem;
+  }
+
+  .\32xl\:-left-36 {
+    left: -9rem;
+  }
+
+  .\32xl\:-top-40 {
+    top: -10rem;
+  }
+
+  .\32xl\:-right-40 {
+    right: -10rem;
+  }
+
+  .\32xl\:-bottom-40 {
+    bottom: -10rem;
+  }
+
+  .\32xl\:-left-40 {
+    left: -10rem;
+  }
+
+  .\32xl\:-top-44 {
+    top: -11rem;
+  }
+
+  .\32xl\:-right-44 {
+    right: -11rem;
+  }
+
+  .\32xl\:-bottom-44 {
+    bottom: -11rem;
+  }
+
+  .\32xl\:-left-44 {
+    left: -11rem;
+  }
+
+  .\32xl\:-top-48 {
+    top: -12rem;
+  }
+
+  .\32xl\:-right-48 {
+    right: -12rem;
+  }
+
+  .\32xl\:-bottom-48 {
+    bottom: -12rem;
+  }
+
+  .\32xl\:-left-48 {
+    left: -12rem;
+  }
+
+  .\32xl\:-top-52 {
+    top: -13rem;
+  }
+
+  .\32xl\:-right-52 {
+    right: -13rem;
+  }
+
+  .\32xl\:-bottom-52 {
+    bottom: -13rem;
+  }
+
+  .\32xl\:-left-52 {
+    left: -13rem;
+  }
+
+  .\32xl\:-top-56 {
+    top: -14rem;
+  }
+
+  .\32xl\:-right-56 {
+    right: -14rem;
+  }
+
+  .\32xl\:-bottom-56 {
+    bottom: -14rem;
+  }
+
+  .\32xl\:-left-56 {
+    left: -14rem;
+  }
+
+  .\32xl\:-top-60 {
+    top: -15rem;
+  }
+
+  .\32xl\:-right-60 {
+    right: -15rem;
+  }
+
+  .\32xl\:-bottom-60 {
+    bottom: -15rem;
+  }
+
+  .\32xl\:-left-60 {
+    left: -15rem;
+  }
+
+  .\32xl\:-top-64 {
+    top: -16rem;
+  }
+
+  .\32xl\:-right-64 {
+    right: -16rem;
+  }
+
+  .\32xl\:-bottom-64 {
+    bottom: -16rem;
+  }
+
+  .\32xl\:-left-64 {
+    left: -16rem;
+  }
+
+  .\32xl\:-top-72 {
+    top: -18rem;
+  }
+
+  .\32xl\:-right-72 {
+    right: -18rem;
+  }
+
+  .\32xl\:-bottom-72 {
+    bottom: -18rem;
+  }
+
+  .\32xl\:-left-72 {
+    left: -18rem;
+  }
+
+  .\32xl\:-top-80 {
+    top: -20rem;
+  }
+
+  .\32xl\:-right-80 {
+    right: -20rem;
+  }
+
+  .\32xl\:-bottom-80 {
+    bottom: -20rem;
+  }
+
+  .\32xl\:-left-80 {
+    left: -20rem;
+  }
+
+  .\32xl\:-top-96 {
+    top: -24rem;
+  }
+
+  .\32xl\:-right-96 {
+    right: -24rem;
+  }
+
+  .\32xl\:-bottom-96 {
+    bottom: -24rem;
+  }
+
+  .\32xl\:-left-96 {
+    left: -24rem;
+  }
+
+  .\32xl\:-top-px {
+    top: -1px;
+  }
+
+  .\32xl\:-right-px {
+    right: -1px;
+  }
+
+  .\32xl\:-bottom-px {
+    bottom: -1px;
+  }
+
+  .\32xl\:-left-px {
+    left: -1px;
+  }
+
+  .\32xl\:-top-0\.5 {
+    top: -0.125rem;
+  }
+
+  .\32xl\:-right-0\.5 {
+    right: -0.125rem;
+  }
+
+  .\32xl\:-bottom-0\.5 {
+    bottom: -0.125rem;
+  }
+
+  .\32xl\:-left-0\.5 {
+    left: -0.125rem;
+  }
+
+  .\32xl\:-top-1\.5 {
+    top: -0.375rem;
+  }
+
+  .\32xl\:-right-1\.5 {
+    right: -0.375rem;
+  }
+
+  .\32xl\:-bottom-1\.5 {
+    bottom: -0.375rem;
+  }
+
+  .\32xl\:-left-1\.5 {
+    left: -0.375rem;
+  }
+
+  .\32xl\:-top-2\.5 {
+    top: -0.625rem;
+  }
+
+  .\32xl\:-right-2\.5 {
+    right: -0.625rem;
+  }
+
+  .\32xl\:-bottom-2\.5 {
+    bottom: -0.625rem;
+  }
+
+  .\32xl\:-left-2\.5 {
+    left: -0.625rem;
+  }
+
+  .\32xl\:-top-3\.5 {
+    top: -0.875rem;
+  }
+
+  .\32xl\:-right-3\.5 {
+    right: -0.875rem;
+  }
+
+  .\32xl\:-bottom-3\.5 {
+    bottom: -0.875rem;
+  }
+
+  .\32xl\:-left-3\.5 {
+    left: -0.875rem;
+  }
+
+  .\32xl\:top-1\/2 {
+    top: 50%;
+  }
+
+  .\32xl\:right-1\/2 {
+    right: 50%;
+  }
+
+  .\32xl\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .\32xl\:left-1\/2 {
+    left: 50%;
+  }
+
+  .\32xl\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .\32xl\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .\32xl\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .\32xl\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .\32xl\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .\32xl\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .\32xl\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .\32xl\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .\32xl\:top-1\/4 {
+    top: 25%;
+  }
+
+  .\32xl\:right-1\/4 {
+    right: 25%;
+  }
+
+  .\32xl\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .\32xl\:left-1\/4 {
+    left: 25%;
+  }
+
+  .\32xl\:top-2\/4 {
+    top: 50%;
+  }
+
+  .\32xl\:right-2\/4 {
+    right: 50%;
+  }
+
+  .\32xl\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .\32xl\:left-2\/4 {
+    left: 50%;
+  }
+
+  .\32xl\:top-3\/4 {
+    top: 75%;
+  }
+
+  .\32xl\:right-3\/4 {
+    right: 75%;
+  }
+
+  .\32xl\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .\32xl\:left-3\/4 {
+    left: 75%;
+  }
+
+  .\32xl\:top-full {
+    top: 100%;
+  }
+
+  .\32xl\:right-full {
+    right: 100%;
+  }
+
+  .\32xl\:bottom-full {
+    bottom: 100%;
+  }
+
+  .\32xl\:left-full {
+    left: 100%;
+  }
+
+  .\32xl\:-top-1\/2 {
+    top: -50%;
+  }
+
+  .\32xl\:-right-1\/2 {
+    right: -50%;
+  }
+
+  .\32xl\:-bottom-1\/2 {
+    bottom: -50%;
+  }
+
+  .\32xl\:-left-1\/2 {
+    left: -50%;
+  }
+
+  .\32xl\:-top-1\/3 {
+    top: -33.333333%;
+  }
+
+  .\32xl\:-right-1\/3 {
+    right: -33.333333%;
+  }
+
+  .\32xl\:-bottom-1\/3 {
+    bottom: -33.333333%;
+  }
+
+  .\32xl\:-left-1\/3 {
+    left: -33.333333%;
+  }
+
+  .\32xl\:-top-2\/3 {
+    top: -66.666667%;
+  }
+
+  .\32xl\:-right-2\/3 {
+    right: -66.666667%;
+  }
+
+  .\32xl\:-bottom-2\/3 {
+    bottom: -66.666667%;
+  }
+
+  .\32xl\:-left-2\/3 {
+    left: -66.666667%;
+  }
+
+  .\32xl\:-top-1\/4 {
+    top: -25%;
+  }
+
+  .\32xl\:-right-1\/4 {
+    right: -25%;
+  }
+
+  .\32xl\:-bottom-1\/4 {
+    bottom: -25%;
+  }
+
+  .\32xl\:-left-1\/4 {
+    left: -25%;
+  }
+
+  .\32xl\:-top-2\/4 {
+    top: -50%;
+  }
+
+  .\32xl\:-right-2\/4 {
+    right: -50%;
+  }
+
+  .\32xl\:-bottom-2\/4 {
+    bottom: -50%;
+  }
+
+  .\32xl\:-left-2\/4 {
+    left: -50%;
+  }
+
+  .\32xl\:-top-3\/4 {
+    top: -75%;
+  }
+
+  .\32xl\:-right-3\/4 {
+    right: -75%;
+  }
+
+  .\32xl\:-bottom-3\/4 {
+    bottom: -75%;
+  }
+
+  .\32xl\:-left-3\/4 {
+    left: -75%;
+  }
+
+  .\32xl\:-top-full {
+    top: -100%;
+  }
+
+  .\32xl\:-right-full {
+    right: -100%;
+  }
+
+  .\32xl\:-bottom-full {
+    bottom: -100%;
+  }
+
+  .\32xl\:-left-full {
+    left: -100%;
+  }
+
+  .\32xl\:resize-none {
+    resize: none;
+  }
+
+  .\32xl\:resize-y {
+    resize: vertical;
+  }
+
+  .\32xl\:resize-x {
+    resize: horizontal;
+  }
+
+  .\32xl\:resize {
+    resize: both;
+  }
+
+  .\32xl\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow-sm:focus-within {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow:focus-within {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow-md:focus-within {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow-lg:focus-within {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow-xl:focus-within {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow-2xl:focus-within {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow-inner:focus-within {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow-none:focus-within {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow-sm:hover {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow:hover {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow-md:hover {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow-lg:hover {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow-xl:hover {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow-2xl:hover {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow-inner:hover {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow-none:hover {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow-sm:focus {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow:focus {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow-md:focus {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow-lg:focus {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow-xl:focus {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow-2xl:focus {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow-inner:focus {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow-none:focus {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:ring-0 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:ring-1 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:ring-2 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:ring-4 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:ring-8 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:ring {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:ring-inset {
+    --tw-ring-inset: inset;
+  }
+
+  .\32xl\:focus-within\:ring-0:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus-within\:ring-1:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus-within\:ring-2:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus-within\:ring-4:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus-within\:ring-8:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus-within\:ring:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus-within\:ring-inset:focus-within {
+    --tw-ring-inset: inset;
+  }
+
+  .\32xl\:focus\:ring-0:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus\:ring-1:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus\:ring-2:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus\:ring-4:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus\:ring-8:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus\:ring:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus\:ring-inset:focus {
+    --tw-ring-inset: inset;
+  }
+
+  .\32xl\:ring-offset-transparent {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .\32xl\:ring-offset-current {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .\32xl\:ring-offset-black {
+    --tw-ring-offset-color: #000;
+  }
+
+  .\32xl\:ring-offset-white {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .\32xl\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .\32xl\:ring-offset-gray-100 {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .\32xl\:ring-offset-gray-200 {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .\32xl\:ring-offset-gray-300 {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .\32xl\:ring-offset-gray-400 {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .\32xl\:ring-offset-gray-500 {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .\32xl\:ring-offset-gray-600 {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .\32xl\:ring-offset-gray-700 {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .\32xl\:ring-offset-gray-800 {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .\32xl\:ring-offset-gray-900 {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .\32xl\:ring-offset-red-50 {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .\32xl\:ring-offset-red-100 {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .\32xl\:ring-offset-red-200 {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .\32xl\:ring-offset-red-300 {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .\32xl\:ring-offset-red-400 {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .\32xl\:ring-offset-red-500 {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .\32xl\:ring-offset-red-600 {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .\32xl\:ring-offset-red-700 {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .\32xl\:ring-offset-red-800 {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .\32xl\:ring-offset-red-900 {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .\32xl\:ring-offset-yellow-50 {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .\32xl\:ring-offset-yellow-100 {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .\32xl\:ring-offset-yellow-200 {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .\32xl\:ring-offset-yellow-300 {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .\32xl\:ring-offset-yellow-400 {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .\32xl\:ring-offset-yellow-500 {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .\32xl\:ring-offset-yellow-600 {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .\32xl\:ring-offset-yellow-700 {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .\32xl\:ring-offset-yellow-800 {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .\32xl\:ring-offset-yellow-900 {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .\32xl\:ring-offset-green-50 {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .\32xl\:ring-offset-green-100 {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .\32xl\:ring-offset-green-200 {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .\32xl\:ring-offset-green-300 {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .\32xl\:ring-offset-green-400 {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .\32xl\:ring-offset-green-500 {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .\32xl\:ring-offset-green-600 {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .\32xl\:ring-offset-green-700 {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .\32xl\:ring-offset-green-800 {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .\32xl\:ring-offset-green-900 {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .\32xl\:ring-offset-blue-50 {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .\32xl\:ring-offset-blue-100 {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .\32xl\:ring-offset-blue-200 {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .\32xl\:ring-offset-blue-300 {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .\32xl\:ring-offset-blue-400 {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .\32xl\:ring-offset-blue-500 {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .\32xl\:ring-offset-blue-600 {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .\32xl\:ring-offset-blue-700 {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .\32xl\:ring-offset-blue-800 {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .\32xl\:ring-offset-blue-900 {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .\32xl\:ring-offset-indigo-50 {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .\32xl\:ring-offset-indigo-100 {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .\32xl\:ring-offset-indigo-200 {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .\32xl\:ring-offset-indigo-300 {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .\32xl\:ring-offset-indigo-400 {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .\32xl\:ring-offset-indigo-500 {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .\32xl\:ring-offset-indigo-600 {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .\32xl\:ring-offset-indigo-700 {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .\32xl\:ring-offset-indigo-800 {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .\32xl\:ring-offset-indigo-900 {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .\32xl\:ring-offset-purple-50 {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .\32xl\:ring-offset-purple-100 {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .\32xl\:ring-offset-purple-200 {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .\32xl\:ring-offset-purple-300 {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .\32xl\:ring-offset-purple-400 {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .\32xl\:ring-offset-purple-500 {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .\32xl\:ring-offset-purple-600 {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .\32xl\:ring-offset-purple-700 {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .\32xl\:ring-offset-purple-800 {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .\32xl\:ring-offset-purple-900 {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .\32xl\:ring-offset-pink-50 {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .\32xl\:ring-offset-pink-100 {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .\32xl\:ring-offset-pink-200 {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .\32xl\:ring-offset-pink-300 {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .\32xl\:ring-offset-pink-400 {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .\32xl\:ring-offset-pink-500 {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .\32xl\:ring-offset-pink-600 {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .\32xl\:ring-offset-pink-700 {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .\32xl\:ring-offset-pink-800 {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .\32xl\:ring-offset-pink-900 {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .\32xl\:focus-within\:ring-offset-transparent:focus-within {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .\32xl\:focus-within\:ring-offset-current:focus-within {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .\32xl\:focus-within\:ring-offset-black:focus-within {
+    --tw-ring-offset-color: #000;
+  }
+
+  .\32xl\:focus-within\:ring-offset-white:focus-within {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-100:focus-within {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-200:focus-within {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-300:focus-within {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-400:focus-within {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-500:focus-within {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-600:focus-within {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-700:focus-within {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-800:focus-within {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-900:focus-within {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-50:focus-within {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-100:focus-within {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-200:focus-within {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-300:focus-within {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-400:focus-within {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-500:focus-within {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-600:focus-within {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-700:focus-within {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-800:focus-within {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-900:focus-within {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-50:focus-within {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-100:focus-within {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-200:focus-within {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-300:focus-within {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-400:focus-within {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-500:focus-within {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-600:focus-within {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-700:focus-within {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-800:focus-within {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-900:focus-within {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-50:focus-within {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-100:focus-within {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-200:focus-within {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-300:focus-within {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-400:focus-within {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-500:focus-within {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-600:focus-within {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-700:focus-within {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-800:focus-within {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-900:focus-within {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-50:focus-within {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-100:focus-within {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-200:focus-within {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-300:focus-within {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-400:focus-within {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-500:focus-within {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-600:focus-within {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-700:focus-within {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-800:focus-within {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-900:focus-within {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-50:focus-within {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-100:focus-within {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-200:focus-within {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-300:focus-within {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-400:focus-within {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-500:focus-within {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-600:focus-within {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-700:focus-within {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-800:focus-within {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-900:focus-within {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-50:focus-within {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-100:focus-within {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-200:focus-within {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-300:focus-within {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-400:focus-within {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-500:focus-within {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-600:focus-within {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-700:focus-within {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-800:focus-within {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-900:focus-within {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-50:focus-within {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-100:focus-within {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-200:focus-within {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-300:focus-within {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-400:focus-within {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-500:focus-within {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-600:focus-within {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-700:focus-within {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-800:focus-within {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-900:focus-within {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .\32xl\:focus\:ring-offset-transparent:focus {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .\32xl\:focus\:ring-offset-current:focus {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .\32xl\:focus\:ring-offset-black:focus {
+    --tw-ring-offset-color: #000;
+  }
+
+  .\32xl\:focus\:ring-offset-white:focus {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-100:focus {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-200:focus {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-300:focus {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-400:focus {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-500:focus {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-600:focus {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-700:focus {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-800:focus {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-900:focus {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .\32xl\:focus\:ring-offset-red-50:focus {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .\32xl\:focus\:ring-offset-red-100:focus {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .\32xl\:focus\:ring-offset-red-200:focus {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .\32xl\:focus\:ring-offset-red-300:focus {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .\32xl\:focus\:ring-offset-red-400:focus {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .\32xl\:focus\:ring-offset-red-500:focus {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .\32xl\:focus\:ring-offset-red-600:focus {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .\32xl\:focus\:ring-offset-red-700:focus {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .\32xl\:focus\:ring-offset-red-800:focus {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .\32xl\:focus\:ring-offset-red-900:focus {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-50:focus {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-100:focus {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-200:focus {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-300:focus {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-400:focus {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-500:focus {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-600:focus {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-700:focus {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-800:focus {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-900:focus {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .\32xl\:focus\:ring-offset-green-50:focus {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .\32xl\:focus\:ring-offset-green-100:focus {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .\32xl\:focus\:ring-offset-green-200:focus {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .\32xl\:focus\:ring-offset-green-300:focus {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .\32xl\:focus\:ring-offset-green-400:focus {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .\32xl\:focus\:ring-offset-green-500:focus {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .\32xl\:focus\:ring-offset-green-600:focus {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .\32xl\:focus\:ring-offset-green-700:focus {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .\32xl\:focus\:ring-offset-green-800:focus {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .\32xl\:focus\:ring-offset-green-900:focus {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-50:focus {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-100:focus {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-200:focus {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-300:focus {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-400:focus {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-500:focus {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-600:focus {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-700:focus {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-800:focus {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-900:focus {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-50:focus {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-100:focus {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-200:focus {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-300:focus {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-400:focus {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-500:focus {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-600:focus {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-700:focus {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-800:focus {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-900:focus {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-50:focus {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-100:focus {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-200:focus {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-300:focus {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-400:focus {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-500:focus {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-600:focus {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-700:focus {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-800:focus {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-900:focus {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-50:focus {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-100:focus {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-200:focus {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-300:focus {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-400:focus {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-500:focus {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-600:focus {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-700:focus {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-800:focus {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-900:focus {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .\32xl\:ring-offset-0 {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .\32xl\:ring-offset-1 {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .\32xl\:ring-offset-2 {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .\32xl\:ring-offset-4 {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .\32xl\:ring-offset-8 {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .\32xl\:focus-within\:ring-offset-0:focus-within {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .\32xl\:focus-within\:ring-offset-1:focus-within {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .\32xl\:focus-within\:ring-offset-2:focus-within {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .\32xl\:focus-within\:ring-offset-4:focus-within {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .\32xl\:focus-within\:ring-offset-8:focus-within {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .\32xl\:focus\:ring-offset-0:focus {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .\32xl\:focus\:ring-offset-1:focus {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .\32xl\:focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .\32xl\:focus\:ring-offset-4:focus {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .\32xl\:focus\:ring-offset-8:focus {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .\32xl\:ring-transparent {
+    --tw-ring-color: transparent;
+  }
+
+  .\32xl\:ring-current {
+    --tw-ring-color: currentColor;
+  }
+
+  .\32xl\:ring-black {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-white {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-transparent:focus-within {
+    --tw-ring-color: transparent;
+  }
+
+  .\32xl\:focus-within\:ring-current:focus-within {
+    --tw-ring-color: currentColor;
+  }
+
+  .\32xl\:focus-within\:ring-black:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-white:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-transparent:focus {
+    --tw-ring-color: transparent;
+  }
+
+  .\32xl\:focus\:ring-current:focus {
+    --tw-ring-color: currentColor;
+  }
+
+  .\32xl\:focus\:ring-black:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-white:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-opacity-0 {
+    --tw-ring-opacity: 0;
+  }
+
+  .\32xl\:ring-opacity-5 {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .\32xl\:ring-opacity-10 {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .\32xl\:ring-opacity-20 {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .\32xl\:ring-opacity-25 {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .\32xl\:ring-opacity-30 {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .\32xl\:ring-opacity-40 {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .\32xl\:ring-opacity-50 {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .\32xl\:ring-opacity-60 {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .\32xl\:ring-opacity-70 {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .\32xl\:ring-opacity-75 {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .\32xl\:ring-opacity-80 {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .\32xl\:ring-opacity-90 {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .\32xl\:ring-opacity-95 {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .\32xl\:ring-opacity-100 {
+    --tw-ring-opacity: 1;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-0:focus-within {
+    --tw-ring-opacity: 0;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-5:focus-within {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-10:focus-within {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-20:focus-within {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-25:focus-within {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-30:focus-within {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-40:focus-within {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-50:focus-within {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-60:focus-within {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-70:focus-within {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-75:focus-within {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-80:focus-within {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-90:focus-within {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-95:focus-within {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-100:focus-within {
+    --tw-ring-opacity: 1;
+  }
+
+  .\32xl\:focus\:ring-opacity-0:focus {
+    --tw-ring-opacity: 0;
+  }
+
+  .\32xl\:focus\:ring-opacity-5:focus {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .\32xl\:focus\:ring-opacity-10:focus {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .\32xl\:focus\:ring-opacity-20:focus {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .\32xl\:focus\:ring-opacity-25:focus {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .\32xl\:focus\:ring-opacity-30:focus {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .\32xl\:focus\:ring-opacity-40:focus {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .\32xl\:focus\:ring-opacity-50:focus {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .\32xl\:focus\:ring-opacity-60:focus {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .\32xl\:focus\:ring-opacity-70:focus {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .\32xl\:focus\:ring-opacity-75:focus {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .\32xl\:focus\:ring-opacity-80:focus {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .\32xl\:focus\:ring-opacity-90:focus {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .\32xl\:focus\:ring-opacity-95:focus {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .\32xl\:focus\:ring-opacity-100:focus {
+    --tw-ring-opacity: 1;
+  }
+
+  .\32xl\:fill-current {
+    fill: currentColor;
+  }
+
+  .\32xl\:stroke-current {
+    stroke: currentColor;
+  }
+
+  .\32xl\:stroke-0 {
+    stroke-width: 0;
+  }
+
+  .\32xl\:stroke-1 {
+    stroke-width: 1;
+  }
+
+  .\32xl\:stroke-2 {
+    stroke-width: 2;
+  }
+
+  .\32xl\:table-auto {
+    table-layout: auto;
+  }
+
+  .\32xl\:table-fixed {
+    table-layout: fixed;
+  }
+
+  .\32xl\:text-left {
+    text-align: left;
+  }
+
+  .\32xl\:text-center {
+    text-align: center;
+  }
+
+  .\32xl\:text-right {
+    text-align: right;
+  }
+
+  .\32xl\:text-justify {
+    text-align: justify;
+  }
+
+  .\32xl\:text-transparent {
+    color: transparent;
+  }
+
+  .\32xl\:text-current {
+    color: currentColor;
+  }
+
+  .\32xl\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-transparent {
+    color: transparent;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-current {
+    color: currentColor;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .\32xl\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .\32xl\:focus-within\:text-black:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-white:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .\32xl\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .\32xl\:hover\:text-black:hover {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .\32xl\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
+  .\32xl\:focus\:text-black:focus {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-white:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .\32xl\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .\32xl\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .\32xl\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .\32xl\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .\32xl\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .\32xl\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .\32xl\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .\32xl\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .\32xl\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .\32xl\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .\32xl\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .\32xl\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .\32xl\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .\32xl\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .\32xl\:focus-within\:text-opacity-0:focus-within {
+    --tw-text-opacity: 0;
+  }
+
+  .\32xl\:focus-within\:text-opacity-5:focus-within {
+    --tw-text-opacity: 0.05;
+  }
+
+  .\32xl\:focus-within\:text-opacity-10:focus-within {
+    --tw-text-opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:text-opacity-20:focus-within {
+    --tw-text-opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:text-opacity-25:focus-within {
+    --tw-text-opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:text-opacity-30:focus-within {
+    --tw-text-opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:text-opacity-40:focus-within {
+    --tw-text-opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:text-opacity-50:focus-within {
+    --tw-text-opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:text-opacity-60:focus-within {
+    --tw-text-opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:text-opacity-70:focus-within {
+    --tw-text-opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:text-opacity-75:focus-within {
+    --tw-text-opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:text-opacity-80:focus-within {
+    --tw-text-opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:text-opacity-90:focus-within {
+    --tw-text-opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:text-opacity-95:focus-within {
+    --tw-text-opacity: 0.95;
+  }
+
+  .\32xl\:focus-within\:text-opacity-100:focus-within {
+    --tw-text-opacity: 1;
+  }
+
+  .\32xl\:hover\:text-opacity-0:hover {
+    --tw-text-opacity: 0;
+  }
+
+  .\32xl\:hover\:text-opacity-5:hover {
+    --tw-text-opacity: 0.05;
+  }
+
+  .\32xl\:hover\:text-opacity-10:hover {
+    --tw-text-opacity: 0.1;
+  }
+
+  .\32xl\:hover\:text-opacity-20:hover {
+    --tw-text-opacity: 0.2;
+  }
+
+  .\32xl\:hover\:text-opacity-25:hover {
+    --tw-text-opacity: 0.25;
+  }
+
+  .\32xl\:hover\:text-opacity-30:hover {
+    --tw-text-opacity: 0.3;
+  }
+
+  .\32xl\:hover\:text-opacity-40:hover {
+    --tw-text-opacity: 0.4;
+  }
+
+  .\32xl\:hover\:text-opacity-50:hover {
+    --tw-text-opacity: 0.5;
+  }
+
+  .\32xl\:hover\:text-opacity-60:hover {
+    --tw-text-opacity: 0.6;
+  }
+
+  .\32xl\:hover\:text-opacity-70:hover {
+    --tw-text-opacity: 0.7;
+  }
+
+  .\32xl\:hover\:text-opacity-75:hover {
+    --tw-text-opacity: 0.75;
+  }
+
+  .\32xl\:hover\:text-opacity-80:hover {
+    --tw-text-opacity: 0.8;
+  }
+
+  .\32xl\:hover\:text-opacity-90:hover {
+    --tw-text-opacity: 0.9;
+  }
+
+  .\32xl\:hover\:text-opacity-95:hover {
+    --tw-text-opacity: 0.95;
+  }
+
+  .\32xl\:hover\:text-opacity-100:hover {
+    --tw-text-opacity: 1;
+  }
+
+  .\32xl\:focus\:text-opacity-0:focus {
+    --tw-text-opacity: 0;
+  }
+
+  .\32xl\:focus\:text-opacity-5:focus {
+    --tw-text-opacity: 0.05;
+  }
+
+  .\32xl\:focus\:text-opacity-10:focus {
+    --tw-text-opacity: 0.1;
+  }
+
+  .\32xl\:focus\:text-opacity-20:focus {
+    --tw-text-opacity: 0.2;
+  }
+
+  .\32xl\:focus\:text-opacity-25:focus {
+    --tw-text-opacity: 0.25;
+  }
+
+  .\32xl\:focus\:text-opacity-30:focus {
+    --tw-text-opacity: 0.3;
+  }
+
+  .\32xl\:focus\:text-opacity-40:focus {
+    --tw-text-opacity: 0.4;
+  }
+
+  .\32xl\:focus\:text-opacity-50:focus {
+    --tw-text-opacity: 0.5;
+  }
+
+  .\32xl\:focus\:text-opacity-60:focus {
+    --tw-text-opacity: 0.6;
+  }
+
+  .\32xl\:focus\:text-opacity-70:focus {
+    --tw-text-opacity: 0.7;
+  }
+
+  .\32xl\:focus\:text-opacity-75:focus {
+    --tw-text-opacity: 0.75;
+  }
+
+  .\32xl\:focus\:text-opacity-80:focus {
+    --tw-text-opacity: 0.8;
+  }
+
+  .\32xl\:focus\:text-opacity-90:focus {
+    --tw-text-opacity: 0.9;
+  }
+
+  .\32xl\:focus\:text-opacity-95:focus {
+    --tw-text-opacity: 0.95;
+  }
+
+  .\32xl\:focus\:text-opacity-100:focus {
+    --tw-text-opacity: 1;
+  }
+
+  .\32xl\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .\32xl\:overflow-ellipsis {
+    text-overflow: ellipsis;
+  }
+
+  .\32xl\:overflow-clip {
+    text-overflow: clip;
+  }
+
+  .\32xl\:italic {
+    font-style: italic;
+  }
+
+  .\32xl\:not-italic {
+    font-style: normal;
+  }
+
+  .\32xl\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .\32xl\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .\32xl\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .\32xl\:normal-case {
+    text-transform: none;
+  }
+
+  .\32xl\:underline {
+    text-decoration: underline;
+  }
+
+  .\32xl\:line-through {
+    text-decoration: line-through;
+  }
+
+  .\32xl\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:hover .\32xl\:group-hover\:underline {
+    text-decoration: underline;
+  }
+
+  .group:hover .\32xl\:group-hover\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:hover .\32xl\:group-hover\:no-underline {
+    text-decoration: none;
+  }
+
+  .\32xl\:focus-within\:underline:focus-within {
+    text-decoration: underline;
+  }
+
+  .\32xl\:focus-within\:line-through:focus-within {
+    text-decoration: line-through;
+  }
+
+  .\32xl\:focus-within\:no-underline:focus-within {
+    text-decoration: none;
+  }
+
+  .\32xl\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .\32xl\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .\32xl\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .\32xl\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .\32xl\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .\32xl\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .\32xl\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .\32xl\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .\32xl\:ordinal, .\32xl\:slashed-zero, .\32xl\:lining-nums, .\32xl\:oldstyle-nums, .\32xl\:proportional-nums, .\32xl\:tabular-nums, .\32xl\:diagonal-fractions, .\32xl\:stacked-fractions {
+    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
+    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+  }
+
+  .\32xl\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .\32xl\:ordinal {
+    --tw-ordinal: ordinal;
+  }
+
+  .\32xl\:slashed-zero {
+    --tw-slashed-zero: slashed-zero;
+  }
+
+  .\32xl\:lining-nums {
+    --tw-numeric-figure: lining-nums;
+  }
+
+  .\32xl\:oldstyle-nums {
+    --tw-numeric-figure: oldstyle-nums;
+  }
+
+  .\32xl\:proportional-nums {
+    --tw-numeric-spacing: proportional-nums;
+  }
+
+  .\32xl\:tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+  }
+
+  .\32xl\:diagonal-fractions {
+    --tw-numeric-fraction: diagonal-fractions;
+  }
+
+  .\32xl\:stacked-fractions {
+    --tw-numeric-fraction: stacked-fractions;
+  }
+
+  .\32xl\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .\32xl\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .\32xl\:tracking-normal {
+    letter-spacing: 0em;
+  }
+
+  .\32xl\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .\32xl\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .\32xl\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .\32xl\:select-none {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+
+  .\32xl\:select-text {
+    -webkit-user-select: text;
+            user-select: text;
+  }
+
+  .\32xl\:select-all {
+    -webkit-user-select: all;
+            user-select: all;
+  }
+
+  .\32xl\:select-auto {
+    -webkit-user-select: auto;
+            user-select: auto;
+  }
+
+  .\32xl\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .\32xl\:align-top {
+    vertical-align: top;
+  }
+
+  .\32xl\:align-middle {
+    vertical-align: middle;
+  }
+
+  .\32xl\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .\32xl\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .\32xl\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .\32xl\:visible {
+    visibility: visible;
+  }
+
+  .\32xl\:invisible {
+    visibility: hidden;
+  }
+
+  .\32xl\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .\32xl\:whitespace-nowrap {
+    white-space: nowrap;
+  }
+
+  .\32xl\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .\32xl\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .\32xl\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .\32xl\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .\32xl\:break-words {
+    overflow-wrap: break-word;
+  }
+
+  .\32xl\:break-all {
+    word-break: break-all;
+  }
+
+  .\32xl\:w-0 {
+    width: 0px;
+  }
+
+  .\32xl\:w-1 {
+    width: 0.25rem;
+  }
+
+  .\32xl\:w-2 {
+    width: 0.5rem;
+  }
+
+  .\32xl\:w-3 {
+    width: 0.75rem;
+  }
+
+  .\32xl\:w-4 {
+    width: 1rem;
+  }
+
+  .\32xl\:w-5 {
+    width: 1.25rem;
+  }
+
+  .\32xl\:w-6 {
+    width: 1.5rem;
+  }
+
+  .\32xl\:w-7 {
+    width: 1.75rem;
+  }
+
+  .\32xl\:w-8 {
+    width: 2rem;
+  }
+
+  .\32xl\:w-9 {
+    width: 2.25rem;
+  }
+
+  .\32xl\:w-10 {
+    width: 2.5rem;
+  }
+
+  .\32xl\:w-11 {
+    width: 2.75rem;
+  }
+
+  .\32xl\:w-12 {
+    width: 3rem;
+  }
+
+  .\32xl\:w-14 {
+    width: 3.5rem;
+  }
+
+  .\32xl\:w-16 {
+    width: 4rem;
+  }
+
+  .\32xl\:w-20 {
+    width: 5rem;
+  }
+
+  .\32xl\:w-24 {
+    width: 6rem;
+  }
+
+  .\32xl\:w-28 {
+    width: 7rem;
+  }
+
+  .\32xl\:w-32 {
+    width: 8rem;
+  }
+
+  .\32xl\:w-36 {
+    width: 9rem;
+  }
+
+  .\32xl\:w-40 {
+    width: 10rem;
+  }
+
+  .\32xl\:w-44 {
+    width: 11rem;
+  }
+
+  .\32xl\:w-48 {
+    width: 12rem;
+  }
+
+  .\32xl\:w-52 {
+    width: 13rem;
+  }
+
+  .\32xl\:w-56 {
+    width: 14rem;
+  }
+
+  .\32xl\:w-60 {
+    width: 15rem;
+  }
+
+  .\32xl\:w-64 {
+    width: 16rem;
+  }
+
+  .\32xl\:w-72 {
+    width: 18rem;
+  }
+
+  .\32xl\:w-80 {
+    width: 20rem;
+  }
+
+  .\32xl\:w-96 {
+    width: 24rem;
+  }
+
+  .\32xl\:w-auto {
+    width: auto;
+  }
+
+  .\32xl\:w-px {
+    width: 1px;
+  }
+
+  .\32xl\:w-0\.5 {
+    width: 0.125rem;
+  }
+
+  .\32xl\:w-1\.5 {
+    width: 0.375rem;
+  }
+
+  .\32xl\:w-2\.5 {
+    width: 0.625rem;
+  }
+
+  .\32xl\:w-3\.5 {
+    width: 0.875rem;
+  }
+
+  .\32xl\:w-1\/2 {
+    width: 50%;
+  }
+
+  .\32xl\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .\32xl\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .\32xl\:w-1\/4 {
+    width: 25%;
+  }
+
+  .\32xl\:w-2\/4 {
+    width: 50%;
+  }
+
+  .\32xl\:w-3\/4 {
+    width: 75%;
+  }
+
+  .\32xl\:w-1\/5 {
+    width: 20%;
+  }
+
+  .\32xl\:w-2\/5 {
+    width: 40%;
+  }
+
+  .\32xl\:w-3\/5 {
+    width: 60%;
+  }
+
+  .\32xl\:w-4\/5 {
+    width: 80%;
+  }
+
+  .\32xl\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .\32xl\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .\32xl\:w-3\/6 {
+    width: 50%;
+  }
+
+  .\32xl\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .\32xl\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .\32xl\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .\32xl\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .\32xl\:w-3\/12 {
+    width: 25%;
+  }
+
+  .\32xl\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .\32xl\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .\32xl\:w-6\/12 {
+    width: 50%;
+  }
+
+  .\32xl\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .\32xl\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .\32xl\:w-9\/12 {
+    width: 75%;
+  }
+
+  .\32xl\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .\32xl\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .\32xl\:w-full {
+    width: 100%;
+  }
+
+  .\32xl\:w-screen {
+    width: 100vw;
+  }
+
+  .\32xl\:w-min {
+    width: -webkit-min-content;
+    width: min-content;
+  }
+
+  .\32xl\:w-max {
+    width: -webkit-max-content;
+    width: max-content;
+  }
+
+  .\32xl\:z-0 {
+    z-index: 0;
+  }
+
+  .\32xl\:z-10 {
+    z-index: 10;
+  }
+
+  .\32xl\:z-20 {
+    z-index: 20;
+  }
+
+  .\32xl\:z-30 {
+    z-index: 30;
+  }
+
+  .\32xl\:z-40 {
+    z-index: 40;
+  }
+
+  .\32xl\:z-50 {
+    z-index: 50;
+  }
+
+  .\32xl\:z-auto {
+    z-index: auto;
+  }
+
+  .\32xl\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .\32xl\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .\32xl\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .\32xl\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .\32xl\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .\32xl\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .\32xl\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
+  .\32xl\:focus\:z-0:focus {
+    z-index: 0;
+  }
+
+  .\32xl\:focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .\32xl\:focus\:z-20:focus {
+    z-index: 20;
+  }
+
+  .\32xl\:focus\:z-30:focus {
+    z-index: 30;
+  }
+
+  .\32xl\:focus\:z-40:focus {
+    z-index: 40;
+  }
+
+  .\32xl\:focus\:z-50:focus {
+    z-index: 50;
+  }
+
+  .\32xl\:focus\:z-auto:focus {
+    z-index: auto;
+  }
+
+  .\32xl\:gap-0 {
+    gap: 0px;
+  }
+
+  .\32xl\:gap-1 {
+    gap: 0.25rem;
+  }
+
+  .\32xl\:gap-2 {
+    gap: 0.5rem;
+  }
+
+  .\32xl\:gap-3 {
+    gap: 0.75rem;
+  }
+
+  .\32xl\:gap-4 {
+    gap: 1rem;
+  }
+
+  .\32xl\:gap-5 {
+    gap: 1.25rem;
+  }
+
+  .\32xl\:gap-6 {
+    gap: 1.5rem;
+  }
+
+  .\32xl\:gap-7 {
+    gap: 1.75rem;
+  }
+
+  .\32xl\:gap-8 {
+    gap: 2rem;
+  }
+
+  .\32xl\:gap-9 {
+    gap: 2.25rem;
+  }
+
+  .\32xl\:gap-10 {
+    gap: 2.5rem;
+  }
+
+  .\32xl\:gap-11 {
+    gap: 2.75rem;
+  }
+
+  .\32xl\:gap-12 {
+    gap: 3rem;
+  }
+
+  .\32xl\:gap-14 {
+    gap: 3.5rem;
+  }
+
+  .\32xl\:gap-16 {
+    gap: 4rem;
+  }
+
+  .\32xl\:gap-20 {
+    gap: 5rem;
+  }
+
+  .\32xl\:gap-24 {
+    gap: 6rem;
+  }
+
+  .\32xl\:gap-28 {
+    gap: 7rem;
+  }
+
+  .\32xl\:gap-32 {
+    gap: 8rem;
+  }
+
+  .\32xl\:gap-36 {
+    gap: 9rem;
+  }
+
+  .\32xl\:gap-40 {
+    gap: 10rem;
+  }
+
+  .\32xl\:gap-44 {
+    gap: 11rem;
+  }
+
+  .\32xl\:gap-48 {
+    gap: 12rem;
+  }
+
+  .\32xl\:gap-52 {
+    gap: 13rem;
+  }
+
+  .\32xl\:gap-56 {
+    gap: 14rem;
+  }
+
+  .\32xl\:gap-60 {
+    gap: 15rem;
+  }
+
+  .\32xl\:gap-64 {
+    gap: 16rem;
+  }
+
+  .\32xl\:gap-72 {
+    gap: 18rem;
+  }
+
+  .\32xl\:gap-80 {
+    gap: 20rem;
+  }
+
+  .\32xl\:gap-96 {
+    gap: 24rem;
+  }
+
+  .\32xl\:gap-px {
+    gap: 1px;
+  }
+
+  .\32xl\:gap-0\.5 {
+    gap: 0.125rem;
+  }
+
+  .\32xl\:gap-1\.5 {
+    gap: 0.375rem;
+  }
+
+  .\32xl\:gap-2\.5 {
+    gap: 0.625rem;
+  }
+
+  .\32xl\:gap-3\.5 {
+    gap: 0.875rem;
+  }
+
+  .\32xl\:gap-x-0 {
+    column-gap: 0px;
+  }
+
+  .\32xl\:gap-x-1 {
+    column-gap: 0.25rem;
+  }
+
+  .\32xl\:gap-x-2 {
+    column-gap: 0.5rem;
+  }
+
+  .\32xl\:gap-x-3 {
+    column-gap: 0.75rem;
+  }
+
+  .\32xl\:gap-x-4 {
+    column-gap: 1rem;
+  }
+
+  .\32xl\:gap-x-5 {
+    column-gap: 1.25rem;
+  }
+
+  .\32xl\:gap-x-6 {
+    column-gap: 1.5rem;
+  }
+
+  .\32xl\:gap-x-7 {
+    column-gap: 1.75rem;
+  }
+
+  .\32xl\:gap-x-8 {
+    column-gap: 2rem;
+  }
+
+  .\32xl\:gap-x-9 {
+    column-gap: 2.25rem;
+  }
+
+  .\32xl\:gap-x-10 {
+    column-gap: 2.5rem;
+  }
+
+  .\32xl\:gap-x-11 {
+    column-gap: 2.75rem;
+  }
+
+  .\32xl\:gap-x-12 {
+    column-gap: 3rem;
+  }
+
+  .\32xl\:gap-x-14 {
+    column-gap: 3.5rem;
+  }
+
+  .\32xl\:gap-x-16 {
+    column-gap: 4rem;
+  }
+
+  .\32xl\:gap-x-20 {
+    column-gap: 5rem;
+  }
+
+  .\32xl\:gap-x-24 {
+    column-gap: 6rem;
+  }
+
+  .\32xl\:gap-x-28 {
+    column-gap: 7rem;
+  }
+
+  .\32xl\:gap-x-32 {
+    column-gap: 8rem;
+  }
+
+  .\32xl\:gap-x-36 {
+    column-gap: 9rem;
+  }
+
+  .\32xl\:gap-x-40 {
+    column-gap: 10rem;
+  }
+
+  .\32xl\:gap-x-44 {
+    column-gap: 11rem;
+  }
+
+  .\32xl\:gap-x-48 {
+    column-gap: 12rem;
+  }
+
+  .\32xl\:gap-x-52 {
+    column-gap: 13rem;
+  }
+
+  .\32xl\:gap-x-56 {
+    column-gap: 14rem;
+  }
+
+  .\32xl\:gap-x-60 {
+    column-gap: 15rem;
+  }
+
+  .\32xl\:gap-x-64 {
+    column-gap: 16rem;
+  }
+
+  .\32xl\:gap-x-72 {
+    column-gap: 18rem;
+  }
+
+  .\32xl\:gap-x-80 {
+    column-gap: 20rem;
+  }
+
+  .\32xl\:gap-x-96 {
+    column-gap: 24rem;
+  }
+
+  .\32xl\:gap-x-px {
+    column-gap: 1px;
+  }
+
+  .\32xl\:gap-x-0\.5 {
+    column-gap: 0.125rem;
+  }
+
+  .\32xl\:gap-x-1\.5 {
+    column-gap: 0.375rem;
+  }
+
+  .\32xl\:gap-x-2\.5 {
+    column-gap: 0.625rem;
+  }
+
+  .\32xl\:gap-x-3\.5 {
+    column-gap: 0.875rem;
+  }
+
+  .\32xl\:gap-y-0 {
+    row-gap: 0px;
+  }
+
+  .\32xl\:gap-y-1 {
+    row-gap: 0.25rem;
+  }
+
+  .\32xl\:gap-y-2 {
+    row-gap: 0.5rem;
+  }
+
+  .\32xl\:gap-y-3 {
+    row-gap: 0.75rem;
+  }
+
+  .\32xl\:gap-y-4 {
+    row-gap: 1rem;
+  }
+
+  .\32xl\:gap-y-5 {
+    row-gap: 1.25rem;
+  }
+
+  .\32xl\:gap-y-6 {
+    row-gap: 1.5rem;
+  }
+
+  .\32xl\:gap-y-7 {
+    row-gap: 1.75rem;
+  }
+
+  .\32xl\:gap-y-8 {
+    row-gap: 2rem;
+  }
+
+  .\32xl\:gap-y-9 {
+    row-gap: 2.25rem;
+  }
+
+  .\32xl\:gap-y-10 {
+    row-gap: 2.5rem;
+  }
+
+  .\32xl\:gap-y-11 {
+    row-gap: 2.75rem;
+  }
+
+  .\32xl\:gap-y-12 {
+    row-gap: 3rem;
+  }
+
+  .\32xl\:gap-y-14 {
+    row-gap: 3.5rem;
+  }
+
+  .\32xl\:gap-y-16 {
+    row-gap: 4rem;
+  }
+
+  .\32xl\:gap-y-20 {
+    row-gap: 5rem;
+  }
+
+  .\32xl\:gap-y-24 {
+    row-gap: 6rem;
+  }
+
+  .\32xl\:gap-y-28 {
+    row-gap: 7rem;
+  }
+
+  .\32xl\:gap-y-32 {
+    row-gap: 8rem;
+  }
+
+  .\32xl\:gap-y-36 {
+    row-gap: 9rem;
+  }
+
+  .\32xl\:gap-y-40 {
+    row-gap: 10rem;
+  }
+
+  .\32xl\:gap-y-44 {
+    row-gap: 11rem;
+  }
+
+  .\32xl\:gap-y-48 {
+    row-gap: 12rem;
+  }
+
+  .\32xl\:gap-y-52 {
+    row-gap: 13rem;
+  }
+
+  .\32xl\:gap-y-56 {
+    row-gap: 14rem;
+  }
+
+  .\32xl\:gap-y-60 {
+    row-gap: 15rem;
+  }
+
+  .\32xl\:gap-y-64 {
+    row-gap: 16rem;
+  }
+
+  .\32xl\:gap-y-72 {
+    row-gap: 18rem;
+  }
+
+  .\32xl\:gap-y-80 {
+    row-gap: 20rem;
+  }
+
+  .\32xl\:gap-y-96 {
+    row-gap: 24rem;
+  }
+
+  .\32xl\:gap-y-px {
+    row-gap: 1px;
+  }
+
+  .\32xl\:gap-y-0\.5 {
+    row-gap: 0.125rem;
+  }
+
+  .\32xl\:gap-y-1\.5 {
+    row-gap: 0.375rem;
+  }
+
+  .\32xl\:gap-y-2\.5 {
+    row-gap: 0.625rem;
+  }
+
+  .\32xl\:gap-y-3\.5 {
+    row-gap: 0.875rem;
+  }
+
+  .\32xl\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .\32xl\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .\32xl\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .\32xl\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .\32xl\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .\32xl\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .\32xl\:auto-cols-min {
+    grid-auto-columns: -webkit-min-content;
+    grid-auto-columns: min-content;
+  }
+
+  .\32xl\:auto-cols-max {
+    grid-auto-columns: -webkit-max-content;
+    grid-auto-columns: max-content;
+  }
+
+  .\32xl\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .\32xl\:col-auto {
+    grid-column: auto;
+  }
+
+  .\32xl\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .\32xl\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .\32xl\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .\32xl\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .\32xl\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .\32xl\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .\32xl\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .\32xl\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .\32xl\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .\32xl\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .\32xl\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .\32xl\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .\32xl\:col-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .\32xl\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .\32xl\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .\32xl\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .\32xl\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .\32xl\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .\32xl\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .\32xl\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .\32xl\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .\32xl\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .\32xl\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .\32xl\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .\32xl\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .\32xl\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .\32xl\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .\32xl\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .\32xl\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .\32xl\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .\32xl\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .\32xl\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .\32xl\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .\32xl\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .\32xl\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .\32xl\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .\32xl\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .\32xl\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .\32xl\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .\32xl\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .\32xl\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .\32xl\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .\32xl\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .\32xl\:auto-rows-min {
+    grid-auto-rows: -webkit-min-content;
+    grid-auto-rows: min-content;
+  }
+
+  .\32xl\:auto-rows-max {
+    grid-auto-rows: -webkit-max-content;
+    grid-auto-rows: max-content;
+  }
+
+  .\32xl\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .\32xl\:row-auto {
+    grid-row: auto;
+  }
+
+  .\32xl\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .\32xl\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .\32xl\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .\32xl\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .\32xl\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .\32xl\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .\32xl\:row-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .\32xl\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .\32xl\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .\32xl\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .\32xl\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .\32xl\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .\32xl\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .\32xl\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .\32xl\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .\32xl\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .\32xl\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .\32xl\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .\32xl\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .\32xl\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .\32xl\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .\32xl\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .\32xl\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .\32xl\:transform {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .\32xl\:transform-gpu {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .\32xl\:transform-none {
+    transform: none;
+  }
+
+  .\32xl\:origin-center {
+    transform-origin: center;
+  }
+
+  .\32xl\:origin-top {
+    transform-origin: top;
+  }
+
+  .\32xl\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .\32xl\:origin-right {
+    transform-origin: right;
+  }
+
+  .\32xl\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .\32xl\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .\32xl\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .\32xl\:origin-left {
+    transform-origin: left;
+  }
+
+  .\32xl\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .\32xl\:scale-0 {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .\32xl\:scale-50 {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .\32xl\:scale-75 {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .\32xl\:scale-90 {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .\32xl\:scale-95 {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .\32xl\:scale-100 {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .\32xl\:scale-105 {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .\32xl\:scale-110 {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .\32xl\:scale-125 {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .\32xl\:scale-150 {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .\32xl\:scale-x-0 {
+    --tw-scale-x: 0;
+  }
+
+  .\32xl\:scale-x-50 {
+    --tw-scale-x: .5;
+  }
+
+  .\32xl\:scale-x-75 {
+    --tw-scale-x: .75;
+  }
+
+  .\32xl\:scale-x-90 {
+    --tw-scale-x: .9;
+  }
+
+  .\32xl\:scale-x-95 {
+    --tw-scale-x: .95;
+  }
+
+  .\32xl\:scale-x-100 {
+    --tw-scale-x: 1;
+  }
+
+  .\32xl\:scale-x-105 {
+    --tw-scale-x: 1.05;
+  }
+
+  .\32xl\:scale-x-110 {
+    --tw-scale-x: 1.1;
+  }
+
+  .\32xl\:scale-x-125 {
+    --tw-scale-x: 1.25;
+  }
+
+  .\32xl\:scale-x-150 {
+    --tw-scale-x: 1.5;
+  }
+
+  .\32xl\:scale-y-0 {
+    --tw-scale-y: 0;
+  }
+
+  .\32xl\:scale-y-50 {
+    --tw-scale-y: .5;
+  }
+
+  .\32xl\:scale-y-75 {
+    --tw-scale-y: .75;
+  }
+
+  .\32xl\:scale-y-90 {
+    --tw-scale-y: .9;
+  }
+
+  .\32xl\:scale-y-95 {
+    --tw-scale-y: .95;
+  }
+
+  .\32xl\:scale-y-100 {
+    --tw-scale-y: 1;
+  }
+
+  .\32xl\:scale-y-105 {
+    --tw-scale-y: 1.05;
+  }
+
+  .\32xl\:scale-y-110 {
+    --tw-scale-y: 1.1;
+  }
+
+  .\32xl\:scale-y-125 {
+    --tw-scale-y: 1.25;
+  }
+
+  .\32xl\:scale-y-150 {
+    --tw-scale-y: 1.5;
+  }
+
+  .\32xl\:hover\:scale-0:hover {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .\32xl\:hover\:scale-50:hover {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .\32xl\:hover\:scale-75:hover {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .\32xl\:hover\:scale-90:hover {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .\32xl\:hover\:scale-95:hover {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .\32xl\:hover\:scale-100:hover {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .\32xl\:hover\:scale-105:hover {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .\32xl\:hover\:scale-110:hover {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .\32xl\:hover\:scale-125:hover {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .\32xl\:hover\:scale-150:hover {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .\32xl\:hover\:scale-x-0:hover {
+    --tw-scale-x: 0;
+  }
+
+  .\32xl\:hover\:scale-x-50:hover {
+    --tw-scale-x: .5;
+  }
+
+  .\32xl\:hover\:scale-x-75:hover {
+    --tw-scale-x: .75;
+  }
+
+  .\32xl\:hover\:scale-x-90:hover {
+    --tw-scale-x: .9;
+  }
+
+  .\32xl\:hover\:scale-x-95:hover {
+    --tw-scale-x: .95;
+  }
+
+  .\32xl\:hover\:scale-x-100:hover {
+    --tw-scale-x: 1;
+  }
+
+  .\32xl\:hover\:scale-x-105:hover {
+    --tw-scale-x: 1.05;
+  }
+
+  .\32xl\:hover\:scale-x-110:hover {
+    --tw-scale-x: 1.1;
+  }
+
+  .\32xl\:hover\:scale-x-125:hover {
+    --tw-scale-x: 1.25;
+  }
+
+  .\32xl\:hover\:scale-x-150:hover {
+    --tw-scale-x: 1.5;
+  }
+
+  .\32xl\:hover\:scale-y-0:hover {
+    --tw-scale-y: 0;
+  }
+
+  .\32xl\:hover\:scale-y-50:hover {
+    --tw-scale-y: .5;
+  }
+
+  .\32xl\:hover\:scale-y-75:hover {
+    --tw-scale-y: .75;
+  }
+
+  .\32xl\:hover\:scale-y-90:hover {
+    --tw-scale-y: .9;
+  }
+
+  .\32xl\:hover\:scale-y-95:hover {
+    --tw-scale-y: .95;
+  }
+
+  .\32xl\:hover\:scale-y-100:hover {
+    --tw-scale-y: 1;
+  }
+
+  .\32xl\:hover\:scale-y-105:hover {
+    --tw-scale-y: 1.05;
+  }
+
+  .\32xl\:hover\:scale-y-110:hover {
+    --tw-scale-y: 1.1;
+  }
+
+  .\32xl\:hover\:scale-y-125:hover {
+    --tw-scale-y: 1.25;
+  }
+
+  .\32xl\:hover\:scale-y-150:hover {
+    --tw-scale-y: 1.5;
+  }
+
+  .\32xl\:focus\:scale-0:focus {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .\32xl\:focus\:scale-50:focus {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .\32xl\:focus\:scale-75:focus {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .\32xl\:focus\:scale-90:focus {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .\32xl\:focus\:scale-95:focus {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .\32xl\:focus\:scale-100:focus {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .\32xl\:focus\:scale-105:focus {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .\32xl\:focus\:scale-110:focus {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .\32xl\:focus\:scale-125:focus {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .\32xl\:focus\:scale-150:focus {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .\32xl\:focus\:scale-x-0:focus {
+    --tw-scale-x: 0;
+  }
+
+  .\32xl\:focus\:scale-x-50:focus {
+    --tw-scale-x: .5;
+  }
+
+  .\32xl\:focus\:scale-x-75:focus {
+    --tw-scale-x: .75;
+  }
+
+  .\32xl\:focus\:scale-x-90:focus {
+    --tw-scale-x: .9;
+  }
+
+  .\32xl\:focus\:scale-x-95:focus {
+    --tw-scale-x: .95;
+  }
+
+  .\32xl\:focus\:scale-x-100:focus {
+    --tw-scale-x: 1;
+  }
+
+  .\32xl\:focus\:scale-x-105:focus {
+    --tw-scale-x: 1.05;
+  }
+
+  .\32xl\:focus\:scale-x-110:focus {
+    --tw-scale-x: 1.1;
+  }
+
+  .\32xl\:focus\:scale-x-125:focus {
+    --tw-scale-x: 1.25;
+  }
+
+  .\32xl\:focus\:scale-x-150:focus {
+    --tw-scale-x: 1.5;
+  }
+
+  .\32xl\:focus\:scale-y-0:focus {
+    --tw-scale-y: 0;
+  }
+
+  .\32xl\:focus\:scale-y-50:focus {
+    --tw-scale-y: .5;
+  }
+
+  .\32xl\:focus\:scale-y-75:focus {
+    --tw-scale-y: .75;
+  }
+
+  .\32xl\:focus\:scale-y-90:focus {
+    --tw-scale-y: .9;
+  }
+
+  .\32xl\:focus\:scale-y-95:focus {
+    --tw-scale-y: .95;
+  }
+
+  .\32xl\:focus\:scale-y-100:focus {
+    --tw-scale-y: 1;
+  }
+
+  .\32xl\:focus\:scale-y-105:focus {
+    --tw-scale-y: 1.05;
+  }
+
+  .\32xl\:focus\:scale-y-110:focus {
+    --tw-scale-y: 1.1;
+  }
+
+  .\32xl\:focus\:scale-y-125:focus {
+    --tw-scale-y: 1.25;
+  }
+
+  .\32xl\:focus\:scale-y-150:focus {
+    --tw-scale-y: 1.5;
+  }
+
+  .\32xl\:rotate-0 {
+    --tw-rotate: 0deg;
+  }
+
+  .\32xl\:rotate-1 {
+    --tw-rotate: 1deg;
+  }
+
+  .\32xl\:rotate-2 {
+    --tw-rotate: 2deg;
+  }
+
+  .\32xl\:rotate-3 {
+    --tw-rotate: 3deg;
+  }
+
+  .\32xl\:rotate-6 {
+    --tw-rotate: 6deg;
+  }
+
+  .\32xl\:rotate-12 {
+    --tw-rotate: 12deg;
+  }
+
+  .\32xl\:rotate-45 {
+    --tw-rotate: 45deg;
+  }
+
+  .\32xl\:rotate-90 {
+    --tw-rotate: 90deg;
+  }
+
+  .\32xl\:rotate-180 {
+    --tw-rotate: 180deg;
+  }
+
+  .\32xl\:-rotate-180 {
+    --tw-rotate: -180deg;
+  }
+
+  .\32xl\:-rotate-90 {
+    --tw-rotate: -90deg;
+  }
+
+  .\32xl\:-rotate-45 {
+    --tw-rotate: -45deg;
+  }
+
+  .\32xl\:-rotate-12 {
+    --tw-rotate: -12deg;
+  }
+
+  .\32xl\:-rotate-6 {
+    --tw-rotate: -6deg;
+  }
+
+  .\32xl\:-rotate-3 {
+    --tw-rotate: -3deg;
+  }
+
+  .\32xl\:-rotate-2 {
+    --tw-rotate: -2deg;
+  }
+
+  .\32xl\:-rotate-1 {
+    --tw-rotate: -1deg;
+  }
+
+  .\32xl\:hover\:rotate-0:hover {
+    --tw-rotate: 0deg;
+  }
+
+  .\32xl\:hover\:rotate-1:hover {
+    --tw-rotate: 1deg;
+  }
+
+  .\32xl\:hover\:rotate-2:hover {
+    --tw-rotate: 2deg;
+  }
+
+  .\32xl\:hover\:rotate-3:hover {
+    --tw-rotate: 3deg;
+  }
+
+  .\32xl\:hover\:rotate-6:hover {
+    --tw-rotate: 6deg;
+  }
+
+  .\32xl\:hover\:rotate-12:hover {
+    --tw-rotate: 12deg;
+  }
+
+  .\32xl\:hover\:rotate-45:hover {
+    --tw-rotate: 45deg;
+  }
+
+  .\32xl\:hover\:rotate-90:hover {
+    --tw-rotate: 90deg;
+  }
+
+  .\32xl\:hover\:rotate-180:hover {
+    --tw-rotate: 180deg;
+  }
+
+  .\32xl\:hover\:-rotate-180:hover {
+    --tw-rotate: -180deg;
+  }
+
+  .\32xl\:hover\:-rotate-90:hover {
+    --tw-rotate: -90deg;
+  }
+
+  .\32xl\:hover\:-rotate-45:hover {
+    --tw-rotate: -45deg;
+  }
+
+  .\32xl\:hover\:-rotate-12:hover {
+    --tw-rotate: -12deg;
+  }
+
+  .\32xl\:hover\:-rotate-6:hover {
+    --tw-rotate: -6deg;
+  }
+
+  .\32xl\:hover\:-rotate-3:hover {
+    --tw-rotate: -3deg;
+  }
+
+  .\32xl\:hover\:-rotate-2:hover {
+    --tw-rotate: -2deg;
+  }
+
+  .\32xl\:hover\:-rotate-1:hover {
+    --tw-rotate: -1deg;
+  }
+
+  .\32xl\:focus\:rotate-0:focus {
+    --tw-rotate: 0deg;
+  }
+
+  .\32xl\:focus\:rotate-1:focus {
+    --tw-rotate: 1deg;
+  }
+
+  .\32xl\:focus\:rotate-2:focus {
+    --tw-rotate: 2deg;
+  }
+
+  .\32xl\:focus\:rotate-3:focus {
+    --tw-rotate: 3deg;
+  }
+
+  .\32xl\:focus\:rotate-6:focus {
+    --tw-rotate: 6deg;
+  }
+
+  .\32xl\:focus\:rotate-12:focus {
+    --tw-rotate: 12deg;
+  }
+
+  .\32xl\:focus\:rotate-45:focus {
+    --tw-rotate: 45deg;
+  }
+
+  .\32xl\:focus\:rotate-90:focus {
+    --tw-rotate: 90deg;
+  }
+
+  .\32xl\:focus\:rotate-180:focus {
+    --tw-rotate: 180deg;
+  }
+
+  .\32xl\:focus\:-rotate-180:focus {
+    --tw-rotate: -180deg;
+  }
+
+  .\32xl\:focus\:-rotate-90:focus {
+    --tw-rotate: -90deg;
+  }
+
+  .\32xl\:focus\:-rotate-45:focus {
+    --tw-rotate: -45deg;
+  }
+
+  .\32xl\:focus\:-rotate-12:focus {
+    --tw-rotate: -12deg;
+  }
+
+  .\32xl\:focus\:-rotate-6:focus {
+    --tw-rotate: -6deg;
+  }
+
+  .\32xl\:focus\:-rotate-3:focus {
+    --tw-rotate: -3deg;
+  }
+
+  .\32xl\:focus\:-rotate-2:focus {
+    --tw-rotate: -2deg;
+  }
+
+  .\32xl\:focus\:-rotate-1:focus {
+    --tw-rotate: -1deg;
+  }
+
+  .\32xl\:translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .\32xl\:translate-x-1 {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .\32xl\:translate-x-2 {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .\32xl\:translate-x-3 {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .\32xl\:translate-x-4 {
+    --tw-translate-x: 1rem;
+  }
+
+  .\32xl\:translate-x-5 {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .\32xl\:translate-x-6 {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .\32xl\:translate-x-7 {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .\32xl\:translate-x-8 {
+    --tw-translate-x: 2rem;
+  }
+
+  .\32xl\:translate-x-9 {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .\32xl\:translate-x-10 {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .\32xl\:translate-x-11 {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .\32xl\:translate-x-12 {
+    --tw-translate-x: 3rem;
+  }
+
+  .\32xl\:translate-x-14 {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .\32xl\:translate-x-16 {
+    --tw-translate-x: 4rem;
+  }
+
+  .\32xl\:translate-x-20 {
+    --tw-translate-x: 5rem;
+  }
+
+  .\32xl\:translate-x-24 {
+    --tw-translate-x: 6rem;
+  }
+
+  .\32xl\:translate-x-28 {
+    --tw-translate-x: 7rem;
+  }
+
+  .\32xl\:translate-x-32 {
+    --tw-translate-x: 8rem;
+  }
+
+  .\32xl\:translate-x-36 {
+    --tw-translate-x: 9rem;
+  }
+
+  .\32xl\:translate-x-40 {
+    --tw-translate-x: 10rem;
+  }
+
+  .\32xl\:translate-x-44 {
+    --tw-translate-x: 11rem;
+  }
+
+  .\32xl\:translate-x-48 {
+    --tw-translate-x: 12rem;
+  }
+
+  .\32xl\:translate-x-52 {
+    --tw-translate-x: 13rem;
+  }
+
+  .\32xl\:translate-x-56 {
+    --tw-translate-x: 14rem;
+  }
+
+  .\32xl\:translate-x-60 {
+    --tw-translate-x: 15rem;
+  }
+
+  .\32xl\:translate-x-64 {
+    --tw-translate-x: 16rem;
+  }
+
+  .\32xl\:translate-x-72 {
+    --tw-translate-x: 18rem;
+  }
+
+  .\32xl\:translate-x-80 {
+    --tw-translate-x: 20rem;
+  }
+
+  .\32xl\:translate-x-96 {
+    --tw-translate-x: 24rem;
+  }
+
+  .\32xl\:translate-x-px {
+    --tw-translate-x: 1px;
+  }
+
+  .\32xl\:translate-x-0\.5 {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .\32xl\:translate-x-1\.5 {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .\32xl\:translate-x-2\.5 {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .\32xl\:translate-x-3\.5 {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .\32xl\:-translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .\32xl\:-translate-x-1 {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .\32xl\:-translate-x-2 {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .\32xl\:-translate-x-3 {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .\32xl\:-translate-x-4 {
+    --tw-translate-x: -1rem;
+  }
+
+  .\32xl\:-translate-x-5 {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .\32xl\:-translate-x-6 {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .\32xl\:-translate-x-7 {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .\32xl\:-translate-x-8 {
+    --tw-translate-x: -2rem;
+  }
+
+  .\32xl\:-translate-x-9 {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .\32xl\:-translate-x-10 {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .\32xl\:-translate-x-11 {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .\32xl\:-translate-x-12 {
+    --tw-translate-x: -3rem;
+  }
+
+  .\32xl\:-translate-x-14 {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .\32xl\:-translate-x-16 {
+    --tw-translate-x: -4rem;
+  }
+
+  .\32xl\:-translate-x-20 {
+    --tw-translate-x: -5rem;
+  }
+
+  .\32xl\:-translate-x-24 {
+    --tw-translate-x: -6rem;
+  }
+
+  .\32xl\:-translate-x-28 {
+    --tw-translate-x: -7rem;
+  }
+
+  .\32xl\:-translate-x-32 {
+    --tw-translate-x: -8rem;
+  }
+
+  .\32xl\:-translate-x-36 {
+    --tw-translate-x: -9rem;
+  }
+
+  .\32xl\:-translate-x-40 {
+    --tw-translate-x: -10rem;
+  }
+
+  .\32xl\:-translate-x-44 {
+    --tw-translate-x: -11rem;
+  }
+
+  .\32xl\:-translate-x-48 {
+    --tw-translate-x: -12rem;
+  }
+
+  .\32xl\:-translate-x-52 {
+    --tw-translate-x: -13rem;
+  }
+
+  .\32xl\:-translate-x-56 {
+    --tw-translate-x: -14rem;
+  }
+
+  .\32xl\:-translate-x-60 {
+    --tw-translate-x: -15rem;
+  }
+
+  .\32xl\:-translate-x-64 {
+    --tw-translate-x: -16rem;
+  }
+
+  .\32xl\:-translate-x-72 {
+    --tw-translate-x: -18rem;
+  }
+
+  .\32xl\:-translate-x-80 {
+    --tw-translate-x: -20rem;
+  }
+
+  .\32xl\:-translate-x-96 {
+    --tw-translate-x: -24rem;
+  }
+
+  .\32xl\:-translate-x-px {
+    --tw-translate-x: -1px;
+  }
+
+  .\32xl\:-translate-x-0\.5 {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .\32xl\:-translate-x-1\.5 {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .\32xl\:-translate-x-2\.5 {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .\32xl\:-translate-x-3\.5 {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .\32xl\:translate-x-1\/2 {
+    --tw-translate-x: 50%;
+  }
+
+  .\32xl\:translate-x-1\/3 {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .\32xl\:translate-x-2\/3 {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .\32xl\:translate-x-1\/4 {
+    --tw-translate-x: 25%;
+  }
+
+  .\32xl\:translate-x-2\/4 {
+    --tw-translate-x: 50%;
+  }
+
+  .\32xl\:translate-x-3\/4 {
+    --tw-translate-x: 75%;
+  }
+
+  .\32xl\:translate-x-full {
+    --tw-translate-x: 100%;
+  }
+
+  .\32xl\:-translate-x-1\/2 {
+    --tw-translate-x: -50%;
+  }
+
+  .\32xl\:-translate-x-1\/3 {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .\32xl\:-translate-x-2\/3 {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .\32xl\:-translate-x-1\/4 {
+    --tw-translate-x: -25%;
+  }
+
+  .\32xl\:-translate-x-2\/4 {
+    --tw-translate-x: -50%;
+  }
+
+  .\32xl\:-translate-x-3\/4 {
+    --tw-translate-x: -75%;
+  }
+
+  .\32xl\:-translate-x-full {
+    --tw-translate-x: -100%;
+  }
+
+  .\32xl\:translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .\32xl\:translate-y-1 {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .\32xl\:translate-y-2 {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .\32xl\:translate-y-3 {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .\32xl\:translate-y-4 {
+    --tw-translate-y: 1rem;
+  }
+
+  .\32xl\:translate-y-5 {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .\32xl\:translate-y-6 {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .\32xl\:translate-y-7 {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .\32xl\:translate-y-8 {
+    --tw-translate-y: 2rem;
+  }
+
+  .\32xl\:translate-y-9 {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .\32xl\:translate-y-10 {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .\32xl\:translate-y-11 {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .\32xl\:translate-y-12 {
+    --tw-translate-y: 3rem;
+  }
+
+  .\32xl\:translate-y-14 {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .\32xl\:translate-y-16 {
+    --tw-translate-y: 4rem;
+  }
+
+  .\32xl\:translate-y-20 {
+    --tw-translate-y: 5rem;
+  }
+
+  .\32xl\:translate-y-24 {
+    --tw-translate-y: 6rem;
+  }
+
+  .\32xl\:translate-y-28 {
+    --tw-translate-y: 7rem;
+  }
+
+  .\32xl\:translate-y-32 {
+    --tw-translate-y: 8rem;
+  }
+
+  .\32xl\:translate-y-36 {
+    --tw-translate-y: 9rem;
+  }
+
+  .\32xl\:translate-y-40 {
+    --tw-translate-y: 10rem;
+  }
+
+  .\32xl\:translate-y-44 {
+    --tw-translate-y: 11rem;
+  }
+
+  .\32xl\:translate-y-48 {
+    --tw-translate-y: 12rem;
+  }
+
+  .\32xl\:translate-y-52 {
+    --tw-translate-y: 13rem;
+  }
+
+  .\32xl\:translate-y-56 {
+    --tw-translate-y: 14rem;
+  }
+
+  .\32xl\:translate-y-60 {
+    --tw-translate-y: 15rem;
+  }
+
+  .\32xl\:translate-y-64 {
+    --tw-translate-y: 16rem;
+  }
+
+  .\32xl\:translate-y-72 {
+    --tw-translate-y: 18rem;
+  }
+
+  .\32xl\:translate-y-80 {
+    --tw-translate-y: 20rem;
+  }
+
+  .\32xl\:translate-y-96 {
+    --tw-translate-y: 24rem;
+  }
+
+  .\32xl\:translate-y-px {
+    --tw-translate-y: 1px;
+  }
+
+  .\32xl\:translate-y-0\.5 {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .\32xl\:translate-y-1\.5 {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .\32xl\:translate-y-2\.5 {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .\32xl\:translate-y-3\.5 {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .\32xl\:-translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .\32xl\:-translate-y-1 {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .\32xl\:-translate-y-2 {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .\32xl\:-translate-y-3 {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .\32xl\:-translate-y-4 {
+    --tw-translate-y: -1rem;
+  }
+
+  .\32xl\:-translate-y-5 {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .\32xl\:-translate-y-6 {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .\32xl\:-translate-y-7 {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .\32xl\:-translate-y-8 {
+    --tw-translate-y: -2rem;
+  }
+
+  .\32xl\:-translate-y-9 {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .\32xl\:-translate-y-10 {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .\32xl\:-translate-y-11 {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .\32xl\:-translate-y-12 {
+    --tw-translate-y: -3rem;
+  }
+
+  .\32xl\:-translate-y-14 {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .\32xl\:-translate-y-16 {
+    --tw-translate-y: -4rem;
+  }
+
+  .\32xl\:-translate-y-20 {
+    --tw-translate-y: -5rem;
+  }
+
+  .\32xl\:-translate-y-24 {
+    --tw-translate-y: -6rem;
+  }
+
+  .\32xl\:-translate-y-28 {
+    --tw-translate-y: -7rem;
+  }
+
+  .\32xl\:-translate-y-32 {
+    --tw-translate-y: -8rem;
+  }
+
+  .\32xl\:-translate-y-36 {
+    --tw-translate-y: -9rem;
+  }
+
+  .\32xl\:-translate-y-40 {
+    --tw-translate-y: -10rem;
+  }
+
+  .\32xl\:-translate-y-44 {
+    --tw-translate-y: -11rem;
+  }
+
+  .\32xl\:-translate-y-48 {
+    --tw-translate-y: -12rem;
+  }
+
+  .\32xl\:-translate-y-52 {
+    --tw-translate-y: -13rem;
+  }
+
+  .\32xl\:-translate-y-56 {
+    --tw-translate-y: -14rem;
+  }
+
+  .\32xl\:-translate-y-60 {
+    --tw-translate-y: -15rem;
+  }
+
+  .\32xl\:-translate-y-64 {
+    --tw-translate-y: -16rem;
+  }
+
+  .\32xl\:-translate-y-72 {
+    --tw-translate-y: -18rem;
+  }
+
+  .\32xl\:-translate-y-80 {
+    --tw-translate-y: -20rem;
+  }
+
+  .\32xl\:-translate-y-96 {
+    --tw-translate-y: -24rem;
+  }
+
+  .\32xl\:-translate-y-px {
+    --tw-translate-y: -1px;
+  }
+
+  .\32xl\:-translate-y-0\.5 {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .\32xl\:-translate-y-1\.5 {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .\32xl\:-translate-y-2\.5 {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .\32xl\:-translate-y-3\.5 {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .\32xl\:translate-y-1\/2 {
+    --tw-translate-y: 50%;
+  }
+
+  .\32xl\:translate-y-1\/3 {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .\32xl\:translate-y-2\/3 {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .\32xl\:translate-y-1\/4 {
+    --tw-translate-y: 25%;
+  }
+
+  .\32xl\:translate-y-2\/4 {
+    --tw-translate-y: 50%;
+  }
+
+  .\32xl\:translate-y-3\/4 {
+    --tw-translate-y: 75%;
+  }
+
+  .\32xl\:translate-y-full {
+    --tw-translate-y: 100%;
+  }
+
+  .\32xl\:-translate-y-1\/2 {
+    --tw-translate-y: -50%;
+  }
+
+  .\32xl\:-translate-y-1\/3 {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .\32xl\:-translate-y-2\/3 {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .\32xl\:-translate-y-1\/4 {
+    --tw-translate-y: -25%;
+  }
+
+  .\32xl\:-translate-y-2\/4 {
+    --tw-translate-y: -50%;
+  }
+
+  .\32xl\:-translate-y-3\/4 {
+    --tw-translate-y: -75%;
+  }
+
+  .\32xl\:-translate-y-full {
+    --tw-translate-y: -100%;
+  }
+
+  .\32xl\:hover\:translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .\32xl\:hover\:translate-x-1:hover {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .\32xl\:hover\:translate-x-2:hover {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .\32xl\:hover\:translate-x-3:hover {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .\32xl\:hover\:translate-x-4:hover {
+    --tw-translate-x: 1rem;
+  }
+
+  .\32xl\:hover\:translate-x-5:hover {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .\32xl\:hover\:translate-x-6:hover {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .\32xl\:hover\:translate-x-7:hover {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .\32xl\:hover\:translate-x-8:hover {
+    --tw-translate-x: 2rem;
+  }
+
+  .\32xl\:hover\:translate-x-9:hover {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .\32xl\:hover\:translate-x-10:hover {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .\32xl\:hover\:translate-x-11:hover {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .\32xl\:hover\:translate-x-12:hover {
+    --tw-translate-x: 3rem;
+  }
+
+  .\32xl\:hover\:translate-x-14:hover {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .\32xl\:hover\:translate-x-16:hover {
+    --tw-translate-x: 4rem;
+  }
+
+  .\32xl\:hover\:translate-x-20:hover {
+    --tw-translate-x: 5rem;
+  }
+
+  .\32xl\:hover\:translate-x-24:hover {
+    --tw-translate-x: 6rem;
+  }
+
+  .\32xl\:hover\:translate-x-28:hover {
+    --tw-translate-x: 7rem;
+  }
+
+  .\32xl\:hover\:translate-x-32:hover {
+    --tw-translate-x: 8rem;
+  }
+
+  .\32xl\:hover\:translate-x-36:hover {
+    --tw-translate-x: 9rem;
+  }
+
+  .\32xl\:hover\:translate-x-40:hover {
+    --tw-translate-x: 10rem;
+  }
+
+  .\32xl\:hover\:translate-x-44:hover {
+    --tw-translate-x: 11rem;
+  }
+
+  .\32xl\:hover\:translate-x-48:hover {
+    --tw-translate-x: 12rem;
+  }
+
+  .\32xl\:hover\:translate-x-52:hover {
+    --tw-translate-x: 13rem;
+  }
+
+  .\32xl\:hover\:translate-x-56:hover {
+    --tw-translate-x: 14rem;
+  }
+
+  .\32xl\:hover\:translate-x-60:hover {
+    --tw-translate-x: 15rem;
+  }
+
+  .\32xl\:hover\:translate-x-64:hover {
+    --tw-translate-x: 16rem;
+  }
+
+  .\32xl\:hover\:translate-x-72:hover {
+    --tw-translate-x: 18rem;
+  }
+
+  .\32xl\:hover\:translate-x-80:hover {
+    --tw-translate-x: 20rem;
+  }
+
+  .\32xl\:hover\:translate-x-96:hover {
+    --tw-translate-x: 24rem;
+  }
+
+  .\32xl\:hover\:translate-x-px:hover {
+    --tw-translate-x: 1px;
+  }
+
+  .\32xl\:hover\:translate-x-0\.5:hover {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .\32xl\:hover\:translate-x-1\.5:hover {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .\32xl\:hover\:translate-x-2\.5:hover {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .\32xl\:hover\:translate-x-3\.5:hover {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .\32xl\:hover\:-translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .\32xl\:hover\:-translate-x-1:hover {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .\32xl\:hover\:-translate-x-2:hover {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .\32xl\:hover\:-translate-x-3:hover {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .\32xl\:hover\:-translate-x-4:hover {
+    --tw-translate-x: -1rem;
+  }
+
+  .\32xl\:hover\:-translate-x-5:hover {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .\32xl\:hover\:-translate-x-6:hover {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .\32xl\:hover\:-translate-x-7:hover {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .\32xl\:hover\:-translate-x-8:hover {
+    --tw-translate-x: -2rem;
+  }
+
+  .\32xl\:hover\:-translate-x-9:hover {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .\32xl\:hover\:-translate-x-10:hover {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .\32xl\:hover\:-translate-x-11:hover {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .\32xl\:hover\:-translate-x-12:hover {
+    --tw-translate-x: -3rem;
+  }
+
+  .\32xl\:hover\:-translate-x-14:hover {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .\32xl\:hover\:-translate-x-16:hover {
+    --tw-translate-x: -4rem;
+  }
+
+  .\32xl\:hover\:-translate-x-20:hover {
+    --tw-translate-x: -5rem;
+  }
+
+  .\32xl\:hover\:-translate-x-24:hover {
+    --tw-translate-x: -6rem;
+  }
+
+  .\32xl\:hover\:-translate-x-28:hover {
+    --tw-translate-x: -7rem;
+  }
+
+  .\32xl\:hover\:-translate-x-32:hover {
+    --tw-translate-x: -8rem;
+  }
+
+  .\32xl\:hover\:-translate-x-36:hover {
+    --tw-translate-x: -9rem;
+  }
+
+  .\32xl\:hover\:-translate-x-40:hover {
+    --tw-translate-x: -10rem;
+  }
+
+  .\32xl\:hover\:-translate-x-44:hover {
+    --tw-translate-x: -11rem;
+  }
+
+  .\32xl\:hover\:-translate-x-48:hover {
+    --tw-translate-x: -12rem;
+  }
+
+  .\32xl\:hover\:-translate-x-52:hover {
+    --tw-translate-x: -13rem;
+  }
+
+  .\32xl\:hover\:-translate-x-56:hover {
+    --tw-translate-x: -14rem;
+  }
+
+  .\32xl\:hover\:-translate-x-60:hover {
+    --tw-translate-x: -15rem;
+  }
+
+  .\32xl\:hover\:-translate-x-64:hover {
+    --tw-translate-x: -16rem;
+  }
+
+  .\32xl\:hover\:-translate-x-72:hover {
+    --tw-translate-x: -18rem;
+  }
+
+  .\32xl\:hover\:-translate-x-80:hover {
+    --tw-translate-x: -20rem;
+  }
+
+  .\32xl\:hover\:-translate-x-96:hover {
+    --tw-translate-x: -24rem;
+  }
+
+  .\32xl\:hover\:-translate-x-px:hover {
+    --tw-translate-x: -1px;
+  }
+
+  .\32xl\:hover\:-translate-x-0\.5:hover {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .\32xl\:hover\:-translate-x-1\.5:hover {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .\32xl\:hover\:-translate-x-2\.5:hover {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .\32xl\:hover\:-translate-x-3\.5:hover {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .\32xl\:hover\:translate-x-1\/2:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .\32xl\:hover\:translate-x-1\/3:hover {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .\32xl\:hover\:translate-x-2\/3:hover {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .\32xl\:hover\:translate-x-1\/4:hover {
+    --tw-translate-x: 25%;
+  }
+
+  .\32xl\:hover\:translate-x-2\/4:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .\32xl\:hover\:translate-x-3\/4:hover {
+    --tw-translate-x: 75%;
+  }
+
+  .\32xl\:hover\:translate-x-full:hover {
+    --tw-translate-x: 100%;
+  }
+
+  .\32xl\:hover\:-translate-x-1\/2:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .\32xl\:hover\:-translate-x-1\/3:hover {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .\32xl\:hover\:-translate-x-2\/3:hover {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .\32xl\:hover\:-translate-x-1\/4:hover {
+    --tw-translate-x: -25%;
+  }
+
+  .\32xl\:hover\:-translate-x-2\/4:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .\32xl\:hover\:-translate-x-3\/4:hover {
+    --tw-translate-x: -75%;
+  }
+
+  .\32xl\:hover\:-translate-x-full:hover {
+    --tw-translate-x: -100%;
+  }
+
+  .\32xl\:hover\:translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .\32xl\:hover\:translate-y-1:hover {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .\32xl\:hover\:translate-y-2:hover {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .\32xl\:hover\:translate-y-3:hover {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .\32xl\:hover\:translate-y-4:hover {
+    --tw-translate-y: 1rem;
+  }
+
+  .\32xl\:hover\:translate-y-5:hover {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .\32xl\:hover\:translate-y-6:hover {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .\32xl\:hover\:translate-y-7:hover {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .\32xl\:hover\:translate-y-8:hover {
+    --tw-translate-y: 2rem;
+  }
+
+  .\32xl\:hover\:translate-y-9:hover {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .\32xl\:hover\:translate-y-10:hover {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .\32xl\:hover\:translate-y-11:hover {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .\32xl\:hover\:translate-y-12:hover {
+    --tw-translate-y: 3rem;
+  }
+
+  .\32xl\:hover\:translate-y-14:hover {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .\32xl\:hover\:translate-y-16:hover {
+    --tw-translate-y: 4rem;
+  }
+
+  .\32xl\:hover\:translate-y-20:hover {
+    --tw-translate-y: 5rem;
+  }
+
+  .\32xl\:hover\:translate-y-24:hover {
+    --tw-translate-y: 6rem;
+  }
+
+  .\32xl\:hover\:translate-y-28:hover {
+    --tw-translate-y: 7rem;
+  }
+
+  .\32xl\:hover\:translate-y-32:hover {
+    --tw-translate-y: 8rem;
+  }
+
+  .\32xl\:hover\:translate-y-36:hover {
+    --tw-translate-y: 9rem;
+  }
+
+  .\32xl\:hover\:translate-y-40:hover {
+    --tw-translate-y: 10rem;
+  }
+
+  .\32xl\:hover\:translate-y-44:hover {
+    --tw-translate-y: 11rem;
+  }
+
+  .\32xl\:hover\:translate-y-48:hover {
+    --tw-translate-y: 12rem;
+  }
+
+  .\32xl\:hover\:translate-y-52:hover {
+    --tw-translate-y: 13rem;
+  }
+
+  .\32xl\:hover\:translate-y-56:hover {
+    --tw-translate-y: 14rem;
+  }
+
+  .\32xl\:hover\:translate-y-60:hover {
+    --tw-translate-y: 15rem;
+  }
+
+  .\32xl\:hover\:translate-y-64:hover {
+    --tw-translate-y: 16rem;
+  }
+
+  .\32xl\:hover\:translate-y-72:hover {
+    --tw-translate-y: 18rem;
+  }
+
+  .\32xl\:hover\:translate-y-80:hover {
+    --tw-translate-y: 20rem;
+  }
+
+  .\32xl\:hover\:translate-y-96:hover {
+    --tw-translate-y: 24rem;
+  }
+
+  .\32xl\:hover\:translate-y-px:hover {
+    --tw-translate-y: 1px;
+  }
+
+  .\32xl\:hover\:translate-y-0\.5:hover {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .\32xl\:hover\:translate-y-1\.5:hover {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .\32xl\:hover\:translate-y-2\.5:hover {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .\32xl\:hover\:translate-y-3\.5:hover {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .\32xl\:hover\:-translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .\32xl\:hover\:-translate-y-1:hover {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .\32xl\:hover\:-translate-y-2:hover {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .\32xl\:hover\:-translate-y-3:hover {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .\32xl\:hover\:-translate-y-4:hover {
+    --tw-translate-y: -1rem;
+  }
+
+  .\32xl\:hover\:-translate-y-5:hover {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .\32xl\:hover\:-translate-y-6:hover {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .\32xl\:hover\:-translate-y-7:hover {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .\32xl\:hover\:-translate-y-8:hover {
+    --tw-translate-y: -2rem;
+  }
+
+  .\32xl\:hover\:-translate-y-9:hover {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .\32xl\:hover\:-translate-y-10:hover {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .\32xl\:hover\:-translate-y-11:hover {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .\32xl\:hover\:-translate-y-12:hover {
+    --tw-translate-y: -3rem;
+  }
+
+  .\32xl\:hover\:-translate-y-14:hover {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .\32xl\:hover\:-translate-y-16:hover {
+    --tw-translate-y: -4rem;
+  }
+
+  .\32xl\:hover\:-translate-y-20:hover {
+    --tw-translate-y: -5rem;
+  }
+
+  .\32xl\:hover\:-translate-y-24:hover {
+    --tw-translate-y: -6rem;
+  }
+
+  .\32xl\:hover\:-translate-y-28:hover {
+    --tw-translate-y: -7rem;
+  }
+
+  .\32xl\:hover\:-translate-y-32:hover {
+    --tw-translate-y: -8rem;
+  }
+
+  .\32xl\:hover\:-translate-y-36:hover {
+    --tw-translate-y: -9rem;
+  }
+
+  .\32xl\:hover\:-translate-y-40:hover {
+    --tw-translate-y: -10rem;
+  }
+
+  .\32xl\:hover\:-translate-y-44:hover {
+    --tw-translate-y: -11rem;
+  }
+
+  .\32xl\:hover\:-translate-y-48:hover {
+    --tw-translate-y: -12rem;
+  }
+
+  .\32xl\:hover\:-translate-y-52:hover {
+    --tw-translate-y: -13rem;
+  }
+
+  .\32xl\:hover\:-translate-y-56:hover {
+    --tw-translate-y: -14rem;
+  }
+
+  .\32xl\:hover\:-translate-y-60:hover {
+    --tw-translate-y: -15rem;
+  }
+
+  .\32xl\:hover\:-translate-y-64:hover {
+    --tw-translate-y: -16rem;
+  }
+
+  .\32xl\:hover\:-translate-y-72:hover {
+    --tw-translate-y: -18rem;
+  }
+
+  .\32xl\:hover\:-translate-y-80:hover {
+    --tw-translate-y: -20rem;
+  }
+
+  .\32xl\:hover\:-translate-y-96:hover {
+    --tw-translate-y: -24rem;
+  }
+
+  .\32xl\:hover\:-translate-y-px:hover {
+    --tw-translate-y: -1px;
+  }
+
+  .\32xl\:hover\:-translate-y-0\.5:hover {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .\32xl\:hover\:-translate-y-1\.5:hover {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .\32xl\:hover\:-translate-y-2\.5:hover {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .\32xl\:hover\:-translate-y-3\.5:hover {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .\32xl\:hover\:translate-y-1\/2:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .\32xl\:hover\:translate-y-1\/3:hover {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .\32xl\:hover\:translate-y-2\/3:hover {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .\32xl\:hover\:translate-y-1\/4:hover {
+    --tw-translate-y: 25%;
+  }
+
+  .\32xl\:hover\:translate-y-2\/4:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .\32xl\:hover\:translate-y-3\/4:hover {
+    --tw-translate-y: 75%;
+  }
+
+  .\32xl\:hover\:translate-y-full:hover {
+    --tw-translate-y: 100%;
+  }
+
+  .\32xl\:hover\:-translate-y-1\/2:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .\32xl\:hover\:-translate-y-1\/3:hover {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .\32xl\:hover\:-translate-y-2\/3:hover {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .\32xl\:hover\:-translate-y-1\/4:hover {
+    --tw-translate-y: -25%;
+  }
+
+  .\32xl\:hover\:-translate-y-2\/4:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .\32xl\:hover\:-translate-y-3\/4:hover {
+    --tw-translate-y: -75%;
+  }
+
+  .\32xl\:hover\:-translate-y-full:hover {
+    --tw-translate-y: -100%;
+  }
+
+  .\32xl\:focus\:translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .\32xl\:focus\:translate-x-1:focus {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .\32xl\:focus\:translate-x-2:focus {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .\32xl\:focus\:translate-x-3:focus {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .\32xl\:focus\:translate-x-4:focus {
+    --tw-translate-x: 1rem;
+  }
+
+  .\32xl\:focus\:translate-x-5:focus {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .\32xl\:focus\:translate-x-6:focus {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .\32xl\:focus\:translate-x-7:focus {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .\32xl\:focus\:translate-x-8:focus {
+    --tw-translate-x: 2rem;
+  }
+
+  .\32xl\:focus\:translate-x-9:focus {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .\32xl\:focus\:translate-x-10:focus {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .\32xl\:focus\:translate-x-11:focus {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .\32xl\:focus\:translate-x-12:focus {
+    --tw-translate-x: 3rem;
+  }
+
+  .\32xl\:focus\:translate-x-14:focus {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .\32xl\:focus\:translate-x-16:focus {
+    --tw-translate-x: 4rem;
+  }
+
+  .\32xl\:focus\:translate-x-20:focus {
+    --tw-translate-x: 5rem;
+  }
+
+  .\32xl\:focus\:translate-x-24:focus {
+    --tw-translate-x: 6rem;
+  }
+
+  .\32xl\:focus\:translate-x-28:focus {
+    --tw-translate-x: 7rem;
+  }
+
+  .\32xl\:focus\:translate-x-32:focus {
+    --tw-translate-x: 8rem;
+  }
+
+  .\32xl\:focus\:translate-x-36:focus {
+    --tw-translate-x: 9rem;
+  }
+
+  .\32xl\:focus\:translate-x-40:focus {
+    --tw-translate-x: 10rem;
+  }
+
+  .\32xl\:focus\:translate-x-44:focus {
+    --tw-translate-x: 11rem;
+  }
+
+  .\32xl\:focus\:translate-x-48:focus {
+    --tw-translate-x: 12rem;
+  }
+
+  .\32xl\:focus\:translate-x-52:focus {
+    --tw-translate-x: 13rem;
+  }
+
+  .\32xl\:focus\:translate-x-56:focus {
+    --tw-translate-x: 14rem;
+  }
+
+  .\32xl\:focus\:translate-x-60:focus {
+    --tw-translate-x: 15rem;
+  }
+
+  .\32xl\:focus\:translate-x-64:focus {
+    --tw-translate-x: 16rem;
+  }
+
+  .\32xl\:focus\:translate-x-72:focus {
+    --tw-translate-x: 18rem;
+  }
+
+  .\32xl\:focus\:translate-x-80:focus {
+    --tw-translate-x: 20rem;
+  }
+
+  .\32xl\:focus\:translate-x-96:focus {
+    --tw-translate-x: 24rem;
+  }
+
+  .\32xl\:focus\:translate-x-px:focus {
+    --tw-translate-x: 1px;
+  }
+
+  .\32xl\:focus\:translate-x-0\.5:focus {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .\32xl\:focus\:translate-x-1\.5:focus {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .\32xl\:focus\:translate-x-2\.5:focus {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .\32xl\:focus\:translate-x-3\.5:focus {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .\32xl\:focus\:-translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .\32xl\:focus\:-translate-x-1:focus {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .\32xl\:focus\:-translate-x-2:focus {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .\32xl\:focus\:-translate-x-3:focus {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .\32xl\:focus\:-translate-x-4:focus {
+    --tw-translate-x: -1rem;
+  }
+
+  .\32xl\:focus\:-translate-x-5:focus {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .\32xl\:focus\:-translate-x-6:focus {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .\32xl\:focus\:-translate-x-7:focus {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .\32xl\:focus\:-translate-x-8:focus {
+    --tw-translate-x: -2rem;
+  }
+
+  .\32xl\:focus\:-translate-x-9:focus {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .\32xl\:focus\:-translate-x-10:focus {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .\32xl\:focus\:-translate-x-11:focus {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .\32xl\:focus\:-translate-x-12:focus {
+    --tw-translate-x: -3rem;
+  }
+
+  .\32xl\:focus\:-translate-x-14:focus {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .\32xl\:focus\:-translate-x-16:focus {
+    --tw-translate-x: -4rem;
+  }
+
+  .\32xl\:focus\:-translate-x-20:focus {
+    --tw-translate-x: -5rem;
+  }
+
+  .\32xl\:focus\:-translate-x-24:focus {
+    --tw-translate-x: -6rem;
+  }
+
+  .\32xl\:focus\:-translate-x-28:focus {
+    --tw-translate-x: -7rem;
+  }
+
+  .\32xl\:focus\:-translate-x-32:focus {
+    --tw-translate-x: -8rem;
+  }
+
+  .\32xl\:focus\:-translate-x-36:focus {
+    --tw-translate-x: -9rem;
+  }
+
+  .\32xl\:focus\:-translate-x-40:focus {
+    --tw-translate-x: -10rem;
+  }
+
+  .\32xl\:focus\:-translate-x-44:focus {
+    --tw-translate-x: -11rem;
+  }
+
+  .\32xl\:focus\:-translate-x-48:focus {
+    --tw-translate-x: -12rem;
+  }
+
+  .\32xl\:focus\:-translate-x-52:focus {
+    --tw-translate-x: -13rem;
+  }
+
+  .\32xl\:focus\:-translate-x-56:focus {
+    --tw-translate-x: -14rem;
+  }
+
+  .\32xl\:focus\:-translate-x-60:focus {
+    --tw-translate-x: -15rem;
+  }
+
+  .\32xl\:focus\:-translate-x-64:focus {
+    --tw-translate-x: -16rem;
+  }
+
+  .\32xl\:focus\:-translate-x-72:focus {
+    --tw-translate-x: -18rem;
+  }
+
+  .\32xl\:focus\:-translate-x-80:focus {
+    --tw-translate-x: -20rem;
+  }
+
+  .\32xl\:focus\:-translate-x-96:focus {
+    --tw-translate-x: -24rem;
+  }
+
+  .\32xl\:focus\:-translate-x-px:focus {
+    --tw-translate-x: -1px;
+  }
+
+  .\32xl\:focus\:-translate-x-0\.5:focus {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .\32xl\:focus\:-translate-x-1\.5:focus {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .\32xl\:focus\:-translate-x-2\.5:focus {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .\32xl\:focus\:-translate-x-3\.5:focus {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .\32xl\:focus\:translate-x-1\/2:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .\32xl\:focus\:translate-x-1\/3:focus {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .\32xl\:focus\:translate-x-2\/3:focus {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .\32xl\:focus\:translate-x-1\/4:focus {
+    --tw-translate-x: 25%;
+  }
+
+  .\32xl\:focus\:translate-x-2\/4:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .\32xl\:focus\:translate-x-3\/4:focus {
+    --tw-translate-x: 75%;
+  }
+
+  .\32xl\:focus\:translate-x-full:focus {
+    --tw-translate-x: 100%;
+  }
+
+  .\32xl\:focus\:-translate-x-1\/2:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .\32xl\:focus\:-translate-x-1\/3:focus {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .\32xl\:focus\:-translate-x-2\/3:focus {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .\32xl\:focus\:-translate-x-1\/4:focus {
+    --tw-translate-x: -25%;
+  }
+
+  .\32xl\:focus\:-translate-x-2\/4:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .\32xl\:focus\:-translate-x-3\/4:focus {
+    --tw-translate-x: -75%;
+  }
+
+  .\32xl\:focus\:-translate-x-full:focus {
+    --tw-translate-x: -100%;
+  }
+
+  .\32xl\:focus\:translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .\32xl\:focus\:translate-y-1:focus {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .\32xl\:focus\:translate-y-2:focus {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .\32xl\:focus\:translate-y-3:focus {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .\32xl\:focus\:translate-y-4:focus {
+    --tw-translate-y: 1rem;
+  }
+
+  .\32xl\:focus\:translate-y-5:focus {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .\32xl\:focus\:translate-y-6:focus {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .\32xl\:focus\:translate-y-7:focus {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .\32xl\:focus\:translate-y-8:focus {
+    --tw-translate-y: 2rem;
+  }
+
+  .\32xl\:focus\:translate-y-9:focus {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .\32xl\:focus\:translate-y-10:focus {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .\32xl\:focus\:translate-y-11:focus {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .\32xl\:focus\:translate-y-12:focus {
+    --tw-translate-y: 3rem;
+  }
+
+  .\32xl\:focus\:translate-y-14:focus {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .\32xl\:focus\:translate-y-16:focus {
+    --tw-translate-y: 4rem;
+  }
+
+  .\32xl\:focus\:translate-y-20:focus {
+    --tw-translate-y: 5rem;
+  }
+
+  .\32xl\:focus\:translate-y-24:focus {
+    --tw-translate-y: 6rem;
+  }
+
+  .\32xl\:focus\:translate-y-28:focus {
+    --tw-translate-y: 7rem;
+  }
+
+  .\32xl\:focus\:translate-y-32:focus {
+    --tw-translate-y: 8rem;
+  }
+
+  .\32xl\:focus\:translate-y-36:focus {
+    --tw-translate-y: 9rem;
+  }
+
+  .\32xl\:focus\:translate-y-40:focus {
+    --tw-translate-y: 10rem;
+  }
+
+  .\32xl\:focus\:translate-y-44:focus {
+    --tw-translate-y: 11rem;
+  }
+
+  .\32xl\:focus\:translate-y-48:focus {
+    --tw-translate-y: 12rem;
+  }
+
+  .\32xl\:focus\:translate-y-52:focus {
+    --tw-translate-y: 13rem;
+  }
+
+  .\32xl\:focus\:translate-y-56:focus {
+    --tw-translate-y: 14rem;
+  }
+
+  .\32xl\:focus\:translate-y-60:focus {
+    --tw-translate-y: 15rem;
+  }
+
+  .\32xl\:focus\:translate-y-64:focus {
+    --tw-translate-y: 16rem;
+  }
+
+  .\32xl\:focus\:translate-y-72:focus {
+    --tw-translate-y: 18rem;
+  }
+
+  .\32xl\:focus\:translate-y-80:focus {
+    --tw-translate-y: 20rem;
+  }
+
+  .\32xl\:focus\:translate-y-96:focus {
+    --tw-translate-y: 24rem;
+  }
+
+  .\32xl\:focus\:translate-y-px:focus {
+    --tw-translate-y: 1px;
+  }
+
+  .\32xl\:focus\:translate-y-0\.5:focus {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .\32xl\:focus\:translate-y-1\.5:focus {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .\32xl\:focus\:translate-y-2\.5:focus {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .\32xl\:focus\:translate-y-3\.5:focus {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .\32xl\:focus\:-translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .\32xl\:focus\:-translate-y-1:focus {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .\32xl\:focus\:-translate-y-2:focus {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .\32xl\:focus\:-translate-y-3:focus {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .\32xl\:focus\:-translate-y-4:focus {
+    --tw-translate-y: -1rem;
+  }
+
+  .\32xl\:focus\:-translate-y-5:focus {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .\32xl\:focus\:-translate-y-6:focus {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .\32xl\:focus\:-translate-y-7:focus {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .\32xl\:focus\:-translate-y-8:focus {
+    --tw-translate-y: -2rem;
+  }
+
+  .\32xl\:focus\:-translate-y-9:focus {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .\32xl\:focus\:-translate-y-10:focus {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .\32xl\:focus\:-translate-y-11:focus {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .\32xl\:focus\:-translate-y-12:focus {
+    --tw-translate-y: -3rem;
+  }
+
+  .\32xl\:focus\:-translate-y-14:focus {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .\32xl\:focus\:-translate-y-16:focus {
+    --tw-translate-y: -4rem;
+  }
+
+  .\32xl\:focus\:-translate-y-20:focus {
+    --tw-translate-y: -5rem;
+  }
+
+  .\32xl\:focus\:-translate-y-24:focus {
+    --tw-translate-y: -6rem;
+  }
+
+  .\32xl\:focus\:-translate-y-28:focus {
+    --tw-translate-y: -7rem;
+  }
+
+  .\32xl\:focus\:-translate-y-32:focus {
+    --tw-translate-y: -8rem;
+  }
+
+  .\32xl\:focus\:-translate-y-36:focus {
+    --tw-translate-y: -9rem;
+  }
+
+  .\32xl\:focus\:-translate-y-40:focus {
+    --tw-translate-y: -10rem;
+  }
+
+  .\32xl\:focus\:-translate-y-44:focus {
+    --tw-translate-y: -11rem;
+  }
+
+  .\32xl\:focus\:-translate-y-48:focus {
+    --tw-translate-y: -12rem;
+  }
+
+  .\32xl\:focus\:-translate-y-52:focus {
+    --tw-translate-y: -13rem;
+  }
+
+  .\32xl\:focus\:-translate-y-56:focus {
+    --tw-translate-y: -14rem;
+  }
+
+  .\32xl\:focus\:-translate-y-60:focus {
+    --tw-translate-y: -15rem;
+  }
+
+  .\32xl\:focus\:-translate-y-64:focus {
+    --tw-translate-y: -16rem;
+  }
+
+  .\32xl\:focus\:-translate-y-72:focus {
+    --tw-translate-y: -18rem;
+  }
+
+  .\32xl\:focus\:-translate-y-80:focus {
+    --tw-translate-y: -20rem;
+  }
+
+  .\32xl\:focus\:-translate-y-96:focus {
+    --tw-translate-y: -24rem;
+  }
+
+  .\32xl\:focus\:-translate-y-px:focus {
+    --tw-translate-y: -1px;
+  }
+
+  .\32xl\:focus\:-translate-y-0\.5:focus {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .\32xl\:focus\:-translate-y-1\.5:focus {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .\32xl\:focus\:-translate-y-2\.5:focus {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .\32xl\:focus\:-translate-y-3\.5:focus {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .\32xl\:focus\:translate-y-1\/2:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .\32xl\:focus\:translate-y-1\/3:focus {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .\32xl\:focus\:translate-y-2\/3:focus {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .\32xl\:focus\:translate-y-1\/4:focus {
+    --tw-translate-y: 25%;
+  }
+
+  .\32xl\:focus\:translate-y-2\/4:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .\32xl\:focus\:translate-y-3\/4:focus {
+    --tw-translate-y: 75%;
+  }
+
+  .\32xl\:focus\:translate-y-full:focus {
+    --tw-translate-y: 100%;
+  }
+
+  .\32xl\:focus\:-translate-y-1\/2:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .\32xl\:focus\:-translate-y-1\/3:focus {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .\32xl\:focus\:-translate-y-2\/3:focus {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .\32xl\:focus\:-translate-y-1\/4:focus {
+    --tw-translate-y: -25%;
+  }
+
+  .\32xl\:focus\:-translate-y-2\/4:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .\32xl\:focus\:-translate-y-3\/4:focus {
+    --tw-translate-y: -75%;
+  }
+
+  .\32xl\:focus\:-translate-y-full:focus {
+    --tw-translate-y: -100%;
+  }
+
+  .\32xl\:skew-x-0 {
+    --tw-skew-x: 0deg;
+  }
+
+  .\32xl\:skew-x-1 {
+    --tw-skew-x: 1deg;
+  }
+
+  .\32xl\:skew-x-2 {
+    --tw-skew-x: 2deg;
+  }
+
+  .\32xl\:skew-x-3 {
+    --tw-skew-x: 3deg;
+  }
+
+  .\32xl\:skew-x-6 {
+    --tw-skew-x: 6deg;
+  }
+
+  .\32xl\:skew-x-12 {
+    --tw-skew-x: 12deg;
+  }
+
+  .\32xl\:-skew-x-12 {
+    --tw-skew-x: -12deg;
+  }
+
+  .\32xl\:-skew-x-6 {
+    --tw-skew-x: -6deg;
+  }
+
+  .\32xl\:-skew-x-3 {
+    --tw-skew-x: -3deg;
+  }
+
+  .\32xl\:-skew-x-2 {
+    --tw-skew-x: -2deg;
+  }
+
+  .\32xl\:-skew-x-1 {
+    --tw-skew-x: -1deg;
+  }
+
+  .\32xl\:skew-y-0 {
+    --tw-skew-y: 0deg;
+  }
+
+  .\32xl\:skew-y-1 {
+    --tw-skew-y: 1deg;
+  }
+
+  .\32xl\:skew-y-2 {
+    --tw-skew-y: 2deg;
+  }
+
+  .\32xl\:skew-y-3 {
+    --tw-skew-y: 3deg;
+  }
+
+  .\32xl\:skew-y-6 {
+    --tw-skew-y: 6deg;
+  }
+
+  .\32xl\:skew-y-12 {
+    --tw-skew-y: 12deg;
+  }
+
+  .\32xl\:-skew-y-12 {
+    --tw-skew-y: -12deg;
+  }
+
+  .\32xl\:-skew-y-6 {
+    --tw-skew-y: -6deg;
+  }
+
+  .\32xl\:-skew-y-3 {
+    --tw-skew-y: -3deg;
+  }
+
+  .\32xl\:-skew-y-2 {
+    --tw-skew-y: -2deg;
+  }
+
+  .\32xl\:-skew-y-1 {
+    --tw-skew-y: -1deg;
+  }
+
+  .\32xl\:hover\:skew-x-0:hover {
+    --tw-skew-x: 0deg;
+  }
+
+  .\32xl\:hover\:skew-x-1:hover {
+    --tw-skew-x: 1deg;
+  }
+
+  .\32xl\:hover\:skew-x-2:hover {
+    --tw-skew-x: 2deg;
+  }
+
+  .\32xl\:hover\:skew-x-3:hover {
+    --tw-skew-x: 3deg;
+  }
+
+  .\32xl\:hover\:skew-x-6:hover {
+    --tw-skew-x: 6deg;
+  }
+
+  .\32xl\:hover\:skew-x-12:hover {
+    --tw-skew-x: 12deg;
+  }
+
+  .\32xl\:hover\:-skew-x-12:hover {
+    --tw-skew-x: -12deg;
+  }
+
+  .\32xl\:hover\:-skew-x-6:hover {
+    --tw-skew-x: -6deg;
+  }
+
+  .\32xl\:hover\:-skew-x-3:hover {
+    --tw-skew-x: -3deg;
+  }
+
+  .\32xl\:hover\:-skew-x-2:hover {
+    --tw-skew-x: -2deg;
+  }
+
+  .\32xl\:hover\:-skew-x-1:hover {
+    --tw-skew-x: -1deg;
+  }
+
+  .\32xl\:hover\:skew-y-0:hover {
+    --tw-skew-y: 0deg;
+  }
+
+  .\32xl\:hover\:skew-y-1:hover {
+    --tw-skew-y: 1deg;
+  }
+
+  .\32xl\:hover\:skew-y-2:hover {
+    --tw-skew-y: 2deg;
+  }
+
+  .\32xl\:hover\:skew-y-3:hover {
+    --tw-skew-y: 3deg;
+  }
+
+  .\32xl\:hover\:skew-y-6:hover {
+    --tw-skew-y: 6deg;
+  }
+
+  .\32xl\:hover\:skew-y-12:hover {
+    --tw-skew-y: 12deg;
+  }
+
+  .\32xl\:hover\:-skew-y-12:hover {
+    --tw-skew-y: -12deg;
+  }
+
+  .\32xl\:hover\:-skew-y-6:hover {
+    --tw-skew-y: -6deg;
+  }
+
+  .\32xl\:hover\:-skew-y-3:hover {
+    --tw-skew-y: -3deg;
+  }
+
+  .\32xl\:hover\:-skew-y-2:hover {
+    --tw-skew-y: -2deg;
+  }
+
+  .\32xl\:hover\:-skew-y-1:hover {
+    --tw-skew-y: -1deg;
+  }
+
+  .\32xl\:focus\:skew-x-0:focus {
+    --tw-skew-x: 0deg;
+  }
+
+  .\32xl\:focus\:skew-x-1:focus {
+    --tw-skew-x: 1deg;
+  }
+
+  .\32xl\:focus\:skew-x-2:focus {
+    --tw-skew-x: 2deg;
+  }
+
+  .\32xl\:focus\:skew-x-3:focus {
+    --tw-skew-x: 3deg;
+  }
+
+  .\32xl\:focus\:skew-x-6:focus {
+    --tw-skew-x: 6deg;
+  }
+
+  .\32xl\:focus\:skew-x-12:focus {
+    --tw-skew-x: 12deg;
+  }
+
+  .\32xl\:focus\:-skew-x-12:focus {
+    --tw-skew-x: -12deg;
+  }
+
+  .\32xl\:focus\:-skew-x-6:focus {
+    --tw-skew-x: -6deg;
+  }
+
+  .\32xl\:focus\:-skew-x-3:focus {
+    --tw-skew-x: -3deg;
+  }
+
+  .\32xl\:focus\:-skew-x-2:focus {
+    --tw-skew-x: -2deg;
+  }
+
+  .\32xl\:focus\:-skew-x-1:focus {
+    --tw-skew-x: -1deg;
+  }
+
+  .\32xl\:focus\:skew-y-0:focus {
+    --tw-skew-y: 0deg;
+  }
+
+  .\32xl\:focus\:skew-y-1:focus {
+    --tw-skew-y: 1deg;
+  }
+
+  .\32xl\:focus\:skew-y-2:focus {
+    --tw-skew-y: 2deg;
+  }
+
+  .\32xl\:focus\:skew-y-3:focus {
+    --tw-skew-y: 3deg;
+  }
+
+  .\32xl\:focus\:skew-y-6:focus {
+    --tw-skew-y: 6deg;
+  }
+
+  .\32xl\:focus\:skew-y-12:focus {
+    --tw-skew-y: 12deg;
+  }
+
+  .\32xl\:focus\:-skew-y-12:focus {
+    --tw-skew-y: -12deg;
+  }
+
+  .\32xl\:focus\:-skew-y-6:focus {
+    --tw-skew-y: -6deg;
+  }
+
+  .\32xl\:focus\:-skew-y-3:focus {
+    --tw-skew-y: -3deg;
+  }
+
+  .\32xl\:focus\:-skew-y-2:focus {
+    --tw-skew-y: -2deg;
+  }
+
+  .\32xl\:focus\:-skew-y-1:focus {
+    --tw-skew-y: -1deg;
+  }
+
+  .\32xl\:transition-none {
+    transition-property: none;
+  }
+
+  .\32xl\:transition-all {
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .\32xl\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .\32xl\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .\32xl\:transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .\32xl\:transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .\32xl\:transition-transform {
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .\32xl\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .\32xl\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .\32xl\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .\32xl\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .\32xl\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .\32xl\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .\32xl\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .\32xl\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .\32xl\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .\32xl\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .\32xl\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .\32xl\:duration-1000 {
+    transition-duration: 1000ms;
+  }
+
+  .\32xl\:delay-75 {
+    transition-delay: 75ms;
+  }
+
+  .\32xl\:delay-100 {
+    transition-delay: 100ms;
+  }
+
+  .\32xl\:delay-150 {
+    transition-delay: 150ms;
+  }
+
+  .\32xl\:delay-200 {
+    transition-delay: 200ms;
+  }
+
+  .\32xl\:delay-300 {
+    transition-delay: 300ms;
+  }
+
+  .\32xl\:delay-500 {
+    transition-delay: 500ms;
+  }
+
+  .\32xl\:delay-700 {
+    transition-delay: 700ms;
+  }
+
+  .\32xl\:delay-1000 {
+    transition-delay: 1000ms;
+  }
+
+  .\32xl\:animate-none {
+    animation: none;
+  }
+
+  .\32xl\:animate-spin {
+    animation: spin 1s linear infinite;
+  }
+
+  .\32xl\:animate-ping {
+    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .\32xl\:animate-pulse {
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .\32xl\:animate-bounce {
+    animation: bounce 1s infinite;
+  }
+}
diff --git a/test/specs/code/nesting.js b/test/specs/code/nesting.js
index a7fe6381..6c7b18e9 100644
--- a/test/specs/code/nesting.js
+++ b/test/specs/code/nesting.js
@@ -605,7 +605,7 @@ table.colortable td:first-child, table.colortable td:first-child+td {
             }).then(result => expect(result.code).equals(`table.colortable td.c {
  text-transform: uppercase
 }
-table.colortable td:first-child,table.colortable td:first-child+td {
+table.colortable td:is(:first-child,:first-child+td) {
  border: 1px solid #000
 }`));
         });
diff --git a/test/specs/code/validation.js b/test/specs/code/validation.js
index ae347493..f259d14a 100644
--- a/test/specs/code/validation.js
+++ b/test/specs/code/validation.js
@@ -549,6 +549,24 @@ html, body, div, span, applet, object, iframe,
                 resolveImport: true
             }).then(result => expect(result.errors.length).equals(20)).then(() => done(), () => done());
         });
+
+        it('file validation #26', function (done) {
+
+            transform(`@import '${import.meta.dirname ?? dirname(new URL(import.meta.url).pathname)}/../../files/css/tailwind-2.0.4.css';
+`, {
+                validation: true,
+                resolveImport: true
+            }).then(result => expect(result.errors.length).equals(0)).then(() => done(), () => done());
+        });
+
+        it('file validation #27', function (done) {
+
+            transform(`@import '${import.meta.dirname ?? dirname(new URL(import.meta.url).pathname)}/../../files/css/github-markdown.css';
+`, {
+                validation: true,
+                resolveImport: true
+            }).then(result => expect(result.errors.length).equals(1)).then(() => done(), () => done());
+        });
     });
 
 }
\ No newline at end of file
diff --git a/tools/local-patch.json b/tools/local-patch.json
index 4278f92f..ca305676 100644
--- a/tools/local-patch.json
+++ b/tools/local-patch.json
@@ -14,10 +14,15 @@
     }
   },
   "types": {
+    "track-breadth": {
+      "comment": "extend display syntax with -ms-flexbox",
+      "syntax": "| <-non-standard-size>>"
+    },
     "-non-standard-display": {
       "comment": "extend display syntax with -ms-flexbox",
       "syntax": "| -ms-flexbox"
     },
+
     "-non-standard-text-align": {
       "comment": "extend text-align",
       "syntax": "| -moz-center | -webkit-center | -webkit-match-parent"

From 8c38b43b83a0cfbeac982a5de1f0ab5c50933d6f Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Fri, 25 Jul 2025 22:41:50 -0400
Subject: [PATCH 02/11] fix comment #92

---
 README.md                          |      2 +-
 dist/index-umd-web.js              |     69 +-
 dist/index.cjs                     |     69 +-
 dist/lib/ast/minify.js             |     30 +-
 dist/lib/ast/utils/utils.js        |    104 -
 dist/lib/parser/parse.js           |     11 +-
 dist/lib/validation/config.json.js |      2 +-
 dist/lib/validation/syntax.js      |     26 +-
 jsr.json                           |      2 +-
 package.json                       |      2 +-
 src/@types/validation.d.ts         |      2 +
 src/lib/ast/minify.ts              |     43 +-
 src/lib/parser/parse.ts            |      1 +
 src/lib/validation/config.json     |      2 +-
 src/lib/validation/syntax.ts       |     29 +-
 test/files/css/github-markdown.css |   1228 +
 test/files/css/tailwind-2.0.4.css  | 171973 ++++++++++++++++++++++++++
 test/specs/code/nesting.js         |      2 +-
 test/specs/code/validation.js      |     18 +
 tools/local-patch.json             |      5 +
 20 files changed, 173404 insertions(+), 216 deletions(-)
 delete mode 100644 dist/lib/ast/utils/utils.js
 create mode 100644 test/files/css/github-markdown.css
 create mode 100644 test/files/css/tailwind-2.0.4.css

diff --git a/README.md b/README.md
index f9418b26..15ff1f2a 100644
--- a/README.md
+++ b/README.md
@@ -96,7 +96,7 @@ Javascript module from cdn
 
 <script type="module">
 
-    import {transform} from 'https://esm.sh/@tbela99/css-parser@1.1.1/web';
+    import {transform} from 'https://esm.sh/@tbela99/css-parser@1.1.2/web';
 
 
     const css = `
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index a3e5b92c..3f654c53 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -10748,7 +10748,7 @@
     		syntax: "cover | contain | entry | exit | entry-crossing | exit-crossing"
     	},
     	"track-breadth": {
-    		syntax: "<length-percentage> | <flex> | min-content | max-content | auto"
+    		syntax: "<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>"
     	},
     	"track-list": {
     		syntax: "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"
@@ -13344,7 +13344,7 @@
     const allValues = getSyntaxConfig()["declarations" /* ValidationSyntaxGroupEnum.Declarations */].all.syntax.trim().split(/[\s|]+/g);
     function createContext(input) {
         const values = input.slice();
-        const result = values.slice();
+        const result = values.filter(token => token.typ != exports.EnumToken.CommentTokenType).slice();
         if (result.at(-1)?.typ == exports.EnumToken.WhitespaceTokenType) {
             result.pop();
         }
@@ -13579,9 +13579,9 @@
         }
         return {
             valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-            node: context.current(),
+            node: context.peek(),
             syntax,
-            error: success ? '' : `could not match atLeastOnce: ${renderSyntax(syntax)}`,
+            error: success ? '' : `could not match syntax: ${renderSyntax(syntax)}`,
             context
         };
     }
@@ -13618,7 +13618,7 @@
                     valid: SyntaxValidationResult.Drop,
                     node: context.peek(),
                     syntax,
-                    error: `could not match list: ${renderSyntax(syntax)}`,
+                    error: `could not match syntax: ${renderSyntax(syntax)}`,
                     context
                 };
             }
@@ -13650,7 +13650,7 @@
         }
         return {
             valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-            node: context.current(),
+            node: context.peek(),
             syntax,
             error: '',
             context
@@ -13675,7 +13675,7 @@
         }
         return {
             valid: sucesss ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-            node: context.current(),
+            node: context.peek(),
             syntax,
             error: sucesss ? '' : `expected ${renderSyntax(syntax)} ${syntax.occurence.min} to ${syntax.occurence.max} occurences, got ${counter}`,
             context
@@ -13699,7 +13699,7 @@
                 }
                 return {
                     valid: SyntaxValidationResult.Drop,
-                    node: context.current(),
+                    node: context.peek(),
                     syntax,
                     error: `expected '${ValidationTokenEnum[syntax.typ].toLowerCase()}', got '${context.done() ? null : renderToken(context.peek())}'`,
                     context
@@ -14158,9 +14158,9 @@
         }
         return matched[0] ?? {
             valid: SyntaxValidationResult.Drop,
-            node: context.current(),
+            node: context.peek(),
             syntax: null,
-            error: success ? '' : `could not match someOf: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
+            error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
             context
         };
     }
@@ -14182,9 +14182,9 @@
         }
         return {
             valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-            node: context.current(),
+            node: context.peek(),
             syntax: null,
-            error: success ? '' : `could not match anyOf: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+            error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
             context
         };
     }
@@ -14274,9 +14274,9 @@
         const success = syntax.length == 0;
         return {
             valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-            node: context.current(),
+            node: context.peek(),
             syntax: syntax?.[0]?.[0] ?? null,
-            error: `could not match allOf: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+            error: `could not match syntax: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
             context: success ? con : context
         };
     }
@@ -16359,7 +16359,6 @@
                     }
                 }
                 catch (error) {
-                    // console.error(error);
                     // @ts-ignore
                     errors.push({ action: 'ignore', message: 'doParse: ' + error.message, error });
                 }
@@ -16632,7 +16631,6 @@
                 node.loc = loc;
                 node.loc.end = { ...map.get(delim).end };
             }
-            // if (options.validation) {
             let isValid = true;
             if (node.nam == 'else') {
                 const prev = getLastNode(context);
@@ -16909,12 +16907,11 @@
                             value: valid.valid == SyntaxValidationResult.Valid
                         });
                         if (valid.valid == SyntaxValidationResult.Drop) {
-                            // console.error({result, valid});
-                            // console.error(JSON.stringify({result, options, valid}, null, 1));
                             errors.push({
                                 action: 'drop',
                                 message: valid.error,
                                 syntax: valid.syntax,
+                                node: valid.node,
                                 location: map.get(valid.node) ?? valid.node?.loc ?? result.loc ?? location
                             });
                             if (!options.lenient) {
@@ -17075,10 +17072,7 @@
                     break;
                 }
                 if (valueIndex == -1) {
-                    // @ts-ignore
-                    // value.chi[nameIndex].typ = EnumToken.MediaFeatureTokenType;
                     continue;
-                    // return tokens;
                 }
                 for (i = nameIndex + 1; i < value.chi.length; i++) {
                     if ([
@@ -17209,7 +17203,6 @@
                                 break;
                         }
                         // @ts-ignore
-                        // @ts-ignore
                         delete value.val;
                     }
                 }
@@ -17498,7 +17491,6 @@
                 }
                 // @ts-ignore
                 if (attr.chi.length > 1) {
-                    /*(<AttrToken>t).chi =*/
                     // @ts-ignore
                     parseTokens(attr.chi, t.typ);
                 }
@@ -17718,7 +17710,6 @@
                 // @ts-ignore
                 if (t.chi.length > 0) {
                     if (t.typ == exports.EnumToken.PseudoClassFuncTokenType && t.val == ':is' && options.minify) {
-                        //
                         const count = t.chi.filter((t) => t.typ != exports.EnumToken.CommentTokenType).length;
                         if (count == 1 ||
                             (i == 0 &&
@@ -21037,12 +21028,32 @@
                         if (!wrap) {
                             wrap = selector.some((s) => s[0] != '&');
                         }
-                        let rule = selector.map(s => {
-                            if (s[0] == '&') {
-                                s.splice(0, 1, ...node.optimized.optimized);
+                        let rule = null;
+                        const optimized = node.optimized.optimized.slice();
+                        if (optimized.length > 1) {
+                            const check = optimized.at(-2);
+                            if (!combinators.includes(check)) {
+                                let last = optimized.pop();
+                                wrap = false;
+                                rule = optimized.join('') + `:is(${selector.map(s => {
+                                if (s[0] == '&') {
+                                    s.splice(0, 1, last);
+                                }
+                                else {
+                                    s.unshift(last);
+                                }
+                                return s.join('');
+                            }).join(',')})`;
                             }
-                            return s.join('');
-                        }).join(',');
+                        }
+                        if (rule == null) {
+                            rule = selector.map(s => {
+                                if (s[0] == '&') {
+                                    s.splice(0, 1, ...node.optimized.optimized);
+                                }
+                                return s.join('');
+                            }).join(',');
+                        }
                         // @ts-ignore
                         let sel = wrap ? node.optimized.optimized.join('') + `:is(${rule})` : rule;
                         if (rule.includes('&')) {
diff --git a/dist/index.cjs b/dist/index.cjs
index 9345ff17..d84adce4 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -10747,7 +10747,7 @@ var syntaxes = {
 		syntax: "cover | contain | entry | exit | entry-crossing | exit-crossing"
 	},
 	"track-breadth": {
-		syntax: "<length-percentage> | <flex> | min-content | max-content | auto"
+		syntax: "<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>"
 	},
 	"track-list": {
 		syntax: "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"
@@ -13453,7 +13453,7 @@ const config$2 = getSyntaxConfig();
 const allValues = getSyntaxConfig()["declarations" /* ValidationSyntaxGroupEnum.Declarations */].all.syntax.trim().split(/[\s|]+/g);
 function createContext(input) {
     const values = input.slice();
-    const result = values.slice();
+    const result = values.filter(token => token.typ != exports.EnumToken.CommentTokenType).slice();
     if (result.at(-1)?.typ == exports.EnumToken.WhitespaceTokenType) {
         result.pop();
     }
@@ -13688,9 +13688,9 @@ function matchAtLeastOnce(syntax, context, options) {
     }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
-        error: success ? '' : `could not match atLeastOnce: ${renderSyntax(syntax)}`,
+        error: success ? '' : `could not match syntax: ${renderSyntax(syntax)}`,
         context
     };
 }
@@ -13727,7 +13727,7 @@ function matchList(syntax, context, options) {
                 valid: SyntaxValidationResult.Drop,
                 node: context.peek(),
                 syntax,
-                error: `could not match list: ${renderSyntax(syntax)}`,
+                error: `could not match syntax: ${renderSyntax(syntax)}`,
                 context
             };
         }
@@ -13759,7 +13759,7 @@ function matchList(syntax, context, options) {
     }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
         error: '',
         context
@@ -13784,7 +13784,7 @@ function matchOccurence(syntax, context, options) {
     }
     return {
         valid: sucesss ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
         error: sucesss ? '' : `expected ${renderSyntax(syntax)} ${syntax.occurence.min} to ${syntax.occurence.max} occurences, got ${counter}`,
         context
@@ -13808,7 +13808,7 @@ function match(syntax, context, options) {
             }
             return {
                 valid: SyntaxValidationResult.Drop,
-                node: context.current(),
+                node: context.peek(),
                 syntax,
                 error: `expected '${ValidationTokenEnum[syntax.typ].toLowerCase()}', got '${context.done() ? null : renderToken(context.peek())}'`,
                 context
@@ -14267,9 +14267,9 @@ function someOf(syntaxes, context, options) {
     }
     return matched[0] ?? {
         valid: SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: null,
-        error: success ? '' : `could not match someOf: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
+        error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
         context
     };
 }
@@ -14291,9 +14291,9 @@ function anyOf(syntaxes, context, options) {
     }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: null,
-        error: success ? '' : `could not match anyOf: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+        error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
         context
     };
 }
@@ -14383,9 +14383,9 @@ function allOf(syntax, context, options) {
     const success = syntax.length == 0;
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: syntax?.[0]?.[0] ?? null,
-        error: `could not match allOf: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+        error: `could not match syntax: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
         context: success ? con : context
     };
 }
@@ -16468,7 +16468,6 @@ async function doParse(iterator, options = {}) {
                 }
             }
             catch (error) {
-                // console.error(error);
                 // @ts-ignore
                 errors.push({ action: 'ignore', message: 'doParse: ' + error.message, error });
             }
@@ -16741,7 +16740,6 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
             node.loc = loc;
             node.loc.end = { ...map.get(delim).end };
         }
-        // if (options.validation) {
         let isValid = true;
         if (node.nam == 'else') {
             const prev = getLastNode(context);
@@ -17018,12 +17016,11 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
                         value: valid.valid == SyntaxValidationResult.Valid
                     });
                     if (valid.valid == SyntaxValidationResult.Drop) {
-                        // console.error({result, valid});
-                        // console.error(JSON.stringify({result, options, valid}, null, 1));
                         errors.push({
                             action: 'drop',
                             message: valid.error,
                             syntax: valid.syntax,
+                            node: valid.node,
                             location: map.get(valid.node) ?? valid.node?.loc ?? result.loc ?? location
                         });
                         if (!options.lenient) {
@@ -17184,10 +17181,7 @@ function parseAtRulePrelude(tokens, atRule) {
                 break;
             }
             if (valueIndex == -1) {
-                // @ts-ignore
-                // value.chi[nameIndex].typ = EnumToken.MediaFeatureTokenType;
                 continue;
-                // return tokens;
             }
             for (i = nameIndex + 1; i < value.chi.length; i++) {
                 if ([
@@ -17318,7 +17312,6 @@ function parseSelector(tokens) {
                             break;
                     }
                     // @ts-ignore
-                    // @ts-ignore
                     delete value.val;
                 }
             }
@@ -17607,7 +17600,6 @@ function parseTokens(tokens, options = {}) {
             }
             // @ts-ignore
             if (attr.chi.length > 1) {
-                /*(<AttrToken>t).chi =*/
                 // @ts-ignore
                 parseTokens(attr.chi, t.typ);
             }
@@ -17827,7 +17819,6 @@ function parseTokens(tokens, options = {}) {
             // @ts-ignore
             if (t.chi.length > 0) {
                 if (t.typ == exports.EnumToken.PseudoClassFuncTokenType && t.val == ':is' && options.minify) {
-                    //
                     const count = t.chi.filter((t) => t.typ != exports.EnumToken.CommentTokenType).length;
                     if (count == 1 ||
                         (i == 0 &&
@@ -21146,12 +21137,32 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                     if (!wrap) {
                         wrap = selector.some((s) => s[0] != '&');
                     }
-                    let rule = selector.map(s => {
-                        if (s[0] == '&') {
-                            s.splice(0, 1, ...node.optimized.optimized);
+                    let rule = null;
+                    const optimized = node.optimized.optimized.slice();
+                    if (optimized.length > 1) {
+                        const check = optimized.at(-2);
+                        if (!combinators.includes(check)) {
+                            let last = optimized.pop();
+                            wrap = false;
+                            rule = optimized.join('') + `:is(${selector.map(s => {
+                                if (s[0] == '&') {
+                                    s.splice(0, 1, last);
+                                }
+                                else {
+                                    s.unshift(last);
+                                }
+                                return s.join('');
+                            }).join(',')})`;
                         }
-                        return s.join('');
-                    }).join(',');
+                    }
+                    if (rule == null) {
+                        rule = selector.map(s => {
+                            if (s[0] == '&') {
+                                s.splice(0, 1, ...node.optimized.optimized);
+                            }
+                            return s.join('');
+                        }).join(',');
+                    }
                     // @ts-ignore
                     let sel = wrap ? node.optimized.optimized.join('') + `:is(${rule})` : rule;
                     if (rule.includes('&')) {
diff --git a/dist/lib/ast/minify.js b/dist/lib/ast/minify.js
index d0e6b27b..8f96e317 100644
--- a/dist/lib/ast/minify.js
+++ b/dist/lib/ast/minify.js
@@ -345,12 +345,32 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                     if (!wrap) {
                         wrap = selector.some((s) => s[0] != '&');
                     }
-                    let rule = selector.map(s => {
-                        if (s[0] == '&') {
-                            s.splice(0, 1, ...node.optimized.optimized);
+                    let rule = null;
+                    const optimized = node.optimized.optimized.slice();
+                    if (optimized.length > 1) {
+                        const check = optimized.at(-2);
+                        if (!combinators.includes(check)) {
+                            let last = optimized.pop();
+                            wrap = false;
+                            rule = optimized.join('') + `:is(${selector.map(s => {
+                                if (s[0] == '&') {
+                                    s.splice(0, 1, last);
+                                }
+                                else {
+                                    s.unshift(last);
+                                }
+                                return s.join('');
+                            }).join(',')})`;
                         }
-                        return s.join('');
-                    }).join(',');
+                    }
+                    if (rule == null) {
+                        rule = selector.map(s => {
+                            if (s[0] == '&') {
+                                s.splice(0, 1, ...node.optimized.optimized);
+                            }
+                            return s.join('');
+                        }).join(',');
+                    }
                     // @ts-ignore
                     let sel = wrap ? node.optimized.optimized.join('') + `:is(${rule})` : rule;
                     if (rule.includes('&')) {
diff --git a/dist/lib/ast/utils/utils.js b/dist/lib/ast/utils/utils.js
deleted file mode 100644
index 359a5b8f..00000000
--- a/dist/lib/ast/utils/utils.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import { funcLike, ColorKind } from '../../renderer/color/utils/constants.js';
-import { EnumToken } from '../types.js';
-import '../minify.js';
-import '../walk.js';
-import '../../parser/parse.js';
-import '../../parser/tokenize.js';
-import '../../parser/utils/config.js';
-import '../../renderer/sourcemap/lib/encode.js';
-import { minmax } from '../../renderer/color/color.js';
-
-function reduceNumber(val) {
-    val = String(+val);
-    if (val === '0') {
-        return '0';
-    }
-    const chr = val.charAt(0);
-    if (chr == '-') {
-        const slice = val.slice(0, 2);
-        if (slice == '-0') {
-            return val.length == 2 ? '0' : '-' + val.slice(2);
-        }
-    }
-    if (chr == '0') {
-        return val.slice(1);
-    }
-    return val;
-}
-/**
- * clamp color values
- * @param token
- */
-function clamp(token) {
-    if (token.kin == ColorKind.RGB || token.kin == ColorKind.RGBA) {
-        token.chi.filter((token) => ![EnumToken.LiteralTokenType, EnumToken.CommaTokenType, EnumToken.WhitespaceTokenType].includes(token.typ)).forEach((token, index) => {
-            if (index <= 2) {
-                if (token.typ == EnumToken.NumberTokenType) {
-                    token.val = String(minmax(+token.val, 0, 255));
-                }
-                else if (token.typ == EnumToken.PercentageTokenType) {
-                    token.val = String(minmax(+token.val, 0, 100));
-                }
-            }
-            else {
-                if (token.typ == EnumToken.NumberTokenType) {
-                    token.val = String(minmax(+token.val, 0, 1));
-                }
-                else if (token.typ == EnumToken.PercentageTokenType) {
-                    token.val = String(minmax(+token.val, 0, 100));
-                }
-            }
-        });
-    }
-    return token;
-}
-function getNumber(token) {
-    if (token.typ == EnumToken.IdenTokenType && token.val == 'none') {
-        return 0;
-    }
-    // @ts-ignore
-    return token.typ == EnumToken.PercentageTokenType ? token.val / 100 : +token.val;
-}
-/**
- * convert angle to turn
- * @param token
- */
-function getAngle(token) {
-    if (token.typ == EnumToken.IdenTokenType) {
-        if (token.val == 'none') {
-            return 0;
-        }
-    }
-    if (token.typ == EnumToken.AngleTokenType) {
-        switch (token.unit) {
-            case 'deg':
-                // @ts-ignore
-                return token.val / 360;
-            case 'rad':
-                // @ts-ignore
-                return token.val / (2 * Math.PI);
-            case 'grad':
-                // @ts-ignore
-                return token.val / 400;
-            case 'turn':
-                // @ts-ignore
-                return +token.val;
-        }
-    }
-    // @ts-ignore
-    return token.val / 360;
-}
-function filterValues(values) {
-    let i = 0;
-    for (; i < values.length; i++) {
-        if (values[i].typ == EnumToken.ImportantTokenType && values[i - 1]?.typ == EnumToken.WhitespaceTokenType) {
-            values.splice(i - 1, 1);
-        }
-        else if (funcLike.includes(values[i].typ) && !['var', 'calc'].includes(values[i].val) && values[i + 1]?.typ == EnumToken.WhitespaceTokenType) {
-            values.splice(i + 1, 1);
-        }
-    }
-    return values;
-}
-
-export { clamp, filterValues, getAngle, getNumber, reduceNumber };
diff --git a/dist/lib/parser/parse.js b/dist/lib/parser/parse.js
index a9241b5e..09285428 100644
--- a/dist/lib/parser/parse.js
+++ b/dist/lib/parser/parse.js
@@ -234,7 +234,6 @@ async function doParse(iterator, options = {}) {
                 }
             }
             catch (error) {
-                // console.error(error);
                 // @ts-ignore
                 errors.push({ action: 'ignore', message: 'doParse: ' + error.message, error });
             }
@@ -507,7 +506,6 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
             node.loc = loc;
             node.loc.end = { ...map.get(delim).end };
         }
-        // if (options.validation) {
         let isValid = true;
         if (node.nam == 'else') {
             const prev = getLastNode(context);
@@ -784,12 +782,11 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
                         value: valid.valid == SyntaxValidationResult.Valid
                     });
                     if (valid.valid == SyntaxValidationResult.Drop) {
-                        // console.error({result, valid});
-                        // console.error(JSON.stringify({result, options, valid}, null, 1));
                         errors.push({
                             action: 'drop',
                             message: valid.error,
                             syntax: valid.syntax,
+                            node: valid.node,
                             location: map.get(valid.node) ?? valid.node?.loc ?? result.loc ?? location
                         });
                         if (!options.lenient) {
@@ -950,10 +947,7 @@ function parseAtRulePrelude(tokens, atRule) {
                 break;
             }
             if (valueIndex == -1) {
-                // @ts-ignore
-                // value.chi[nameIndex].typ = EnumToken.MediaFeatureTokenType;
                 continue;
-                // return tokens;
             }
             for (i = nameIndex + 1; i < value.chi.length; i++) {
                 if ([
@@ -1084,7 +1078,6 @@ function parseSelector(tokens) {
                             break;
                     }
                     // @ts-ignore
-                    // @ts-ignore
                     delete value.val;
                 }
             }
@@ -1373,7 +1366,6 @@ function parseTokens(tokens, options = {}) {
             }
             // @ts-ignore
             if (attr.chi.length > 1) {
-                /*(<AttrToken>t).chi =*/
                 // @ts-ignore
                 parseTokens(attr.chi, t.typ);
             }
@@ -1593,7 +1585,6 @@ function parseTokens(tokens, options = {}) {
             // @ts-ignore
             if (t.chi.length > 0) {
                 if (t.typ == EnumToken.PseudoClassFuncTokenType && t.val == ':is' && options.minify) {
-                    //
                     const count = t.chi.filter((t) => t.typ != EnumToken.CommentTokenType).length;
                     if (count == 1 ||
                         (i == 0 &&
diff --git a/dist/lib/validation/config.json.js b/dist/lib/validation/config.json.js
index 94e130f8..79908a82 100644
--- a/dist/lib/validation/config.json.js
+++ b/dist/lib/validation/config.json.js
@@ -3340,7 +3340,7 @@ var syntaxes = {
 		syntax: "cover | contain | entry | exit | entry-crossing | exit-crossing"
 	},
 	"track-breadth": {
-		syntax: "<length-percentage> | <flex> | min-content | max-content | auto"
+		syntax: "<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>"
 	},
 	"track-list": {
 		syntax: "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"
diff --git a/dist/lib/validation/syntax.js b/dist/lib/validation/syntax.js
index 62b48bbd..86647f72 100644
--- a/dist/lib/validation/syntax.js
+++ b/dist/lib/validation/syntax.js
@@ -17,7 +17,7 @@ const config = getSyntaxConfig();
 const allValues = getSyntaxConfig()["declarations" /* ValidationSyntaxGroupEnum.Declarations */].all.syntax.trim().split(/[\s|]+/g);
 function createContext(input) {
     const values = input.slice();
-    const result = values.slice();
+    const result = values.filter(token => token.typ != EnumToken.CommentTokenType).slice();
     if (result.at(-1)?.typ == EnumToken.WhitespaceTokenType) {
         result.pop();
     }
@@ -252,9 +252,9 @@ function matchAtLeastOnce(syntax, context, options) {
     }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
-        error: success ? '' : `could not match atLeastOnce: ${renderSyntax(syntax)}`,
+        error: success ? '' : `could not match syntax: ${renderSyntax(syntax)}`,
         context
     };
 }
@@ -291,7 +291,7 @@ function matchList(syntax, context, options) {
                 valid: SyntaxValidationResult.Drop,
                 node: context.peek(),
                 syntax,
-                error: `could not match list: ${renderSyntax(syntax)}`,
+                error: `could not match syntax: ${renderSyntax(syntax)}`,
                 context
             };
         }
@@ -323,7 +323,7 @@ function matchList(syntax, context, options) {
     }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
         error: '',
         context
@@ -348,7 +348,7 @@ function matchOccurence(syntax, context, options) {
     }
     return {
         valid: sucesss ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
         error: sucesss ? '' : `expected ${renderSyntax(syntax)} ${syntax.occurence.min} to ${syntax.occurence.max} occurences, got ${counter}`,
         context
@@ -372,7 +372,7 @@ function match(syntax, context, options) {
             }
             return {
                 valid: SyntaxValidationResult.Drop,
-                node: context.current(),
+                node: context.peek(),
                 syntax,
                 error: `expected '${ValidationTokenEnum[syntax.typ].toLowerCase()}', got '${context.done() ? null : renderToken(context.peek())}'`,
                 context
@@ -831,9 +831,9 @@ function someOf(syntaxes, context, options) {
     }
     return matched[0] ?? {
         valid: SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: null,
-        error: success ? '' : `could not match someOf: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
+        error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
         context
     };
 }
@@ -855,9 +855,9 @@ function anyOf(syntaxes, context, options) {
     }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: null,
-        error: success ? '' : `could not match anyOf: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+        error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
         context
     };
 }
@@ -947,9 +947,9 @@ function allOf(syntax, context, options) {
     const success = syntax.length == 0;
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: syntax?.[0]?.[0] ?? null,
-        error: `could not match allOf: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+        error: `could not match syntax: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
         context: success ? con : context
     };
 }
diff --git a/jsr.json b/jsr.json
index 869ea7c9..561af13f 100644
--- a/jsr.json
+++ b/jsr.json
@@ -1,6 +1,6 @@
 {
   "name": "@tbela99/css-parser",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "publish": {
     "include": [
       "src",
diff --git a/package.json b/package.json
index 3dfaf035..4d3db820 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@tbela99/css-parser",
   "description": "CSS parser for node and the browser",
-  "version": "v1.1.1",
+  "version": "v1.1.2",
   "exports": {
     ".": "./dist/node/index.js",
     "./node": "./dist/node/index.js",
diff --git a/src/@types/validation.d.ts b/src/@types/validation.d.ts
index 08a104e7..0caec221 100644
--- a/src/@types/validation.d.ts
+++ b/src/@types/validation.d.ts
@@ -49,6 +49,8 @@ export interface Context<Type> {
 
     update<Type>(context: Context<Type>): void;
 
+    consume<Type>(token: Type, howMany?: number): boolean;
+
     peek<Type>(): Type | null;
 
     next<Type>(): Type | null;
diff --git a/src/lib/ast/minify.ts b/src/lib/ast/minify.ts
index 3bb434c3..1eb11172 100644
--- a/src/lib/ast/minify.ts
+++ b/src/lib/ast/minify.ts
@@ -493,19 +493,52 @@ function doMinify(ast: AstNode, options: ParserOptions = {}, recursive: boolean
                         wrap = selector.some((s: string[]) => s[0] != '&');
                     }
 
-                    let rule: string = selector.map(s => {
+                    let rule: string | null = null;
+                    const optimized = (node as AstRule)!.optimized!.optimized.slice() as string[];
 
-                        if (s[0] == '&') {
+                    if (optimized.length > 1) {
 
-                            s.splice(0, 1, ...(node as AstRule)!.optimized!.optimized);
+                        const check = optimized.at(-2) as string;
+
+                        if (!combinators.includes(check)) {
+
+                            let last = optimized.pop() as string;
+                            wrap = false;
+                            rule = optimized.join('') + `:is(${selector.map(s => {
+
+                                if (s[0] == '&') {
+
+                                    s.splice(0, 1, last);
+                                }
+
+                                else {
+''
+                                    s.unshift(last);
+                                }
+
+                                return s.join('');
+                                
+                            }).join(',')})`;
                         }
+                    }
+
+                    if (rule == null) {
+
+                       rule = selector.map(s => {
+
+                            if (s[0] == '&') {
 
-                        return s.join('');
-                    }).join(',');
+                                s.splice(0, 1, ...(node as AstRule)!.optimized!.optimized);
+                            }
+
+                            return s.join('');
+                        }).join(',');
+                    }
 
                     // @ts-ignore
                     let sel: string = wrap ? node.optimized.optimized.join('') + `:is(${rule})` : rule;
 
+
                     if (rule.includes('&')) {
 
                         // @ts-ignore
diff --git a/src/lib/parser/parse.ts b/src/lib/parser/parse.ts
index e8490752..580074ec 100644
--- a/src/lib/parser/parse.ts
+++ b/src/lib/parser/parse.ts
@@ -1193,6 +1193,7 @@ function parseNode(results: TokenizeResult[], context: AstRuleList | AstInvalidR
                             action: 'drop',
                             message: valid.error,
                             syntax: valid.syntax,
+                            node: valid.node,
                             location: map.get(valid.node as Token) ?? valid.node?.loc ?? result.loc ?? location
                         });
 
diff --git a/src/lib/validation/config.json b/src/lib/validation/config.json
index fa62096e..a4d112a0 100644
--- a/src/lib/validation/config.json
+++ b/src/lib/validation/config.json
@@ -3341,7 +3341,7 @@
    "syntax": "cover | contain | entry | exit | entry-crossing | exit-crossing"
   },
   "track-breadth": {
-   "syntax": "<length-percentage> | <flex> | min-content | max-content | auto"
+   "syntax": "<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>"
   },
   "track-list": {
    "syntax": "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"
diff --git a/src/lib/validation/syntax.ts b/src/lib/validation/syntax.ts
index 937310e9..6f104874 100644
--- a/src/lib/validation/syntax.ts
+++ b/src/lib/validation/syntax.ts
@@ -44,7 +44,7 @@ const allValues: string[] = getSyntaxConfig()[ValidationSyntaxGroupEnum.Declarat
 export function createContext(input: Token[]): Context<Token> {
 
     const values: Token[] = input.slice();
-    const result: Token[] = values.slice();
+    const result: Token[] = values.filter(token => token.typ != EnumToken.CommentTokenType).slice();
 
     if (result.at(-1)?.typ == EnumToken.WhitespaceTokenType) {
 
@@ -383,9 +383,9 @@ function matchAtLeastOnce(syntax: ValidationToken, context: Context<Token>, opti
 
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
-        error: success ? '' : `could not match atLeastOnce: ${renderSyntax(syntax)}`,
+        error: success ? '' : `could not match syntax: ${renderSyntax(syntax)}`,
         context
     }
 }
@@ -438,7 +438,7 @@ function matchList(syntax: ValidationToken, context: Context<Token>, options: Va
                 valid: SyntaxValidationResult.Drop,
                 node: context.peek(),
                 syntax,
-                error: `could not match list: ${renderSyntax(syntax)}`,
+                error: `could not match syntax: ${renderSyntax(syntax)}`,
                 context
             }
         }
@@ -483,7 +483,7 @@ function matchList(syntax: ValidationToken, context: Context<Token>, options: Va
 
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
         error: '',
         context
@@ -522,7 +522,7 @@ function matchOccurence(syntax: ValidationToken, context: Context<Token>, option
 
     return {
         valid: sucesss ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax,
         error: sucesss ? '' : `expected ${renderSyntax(syntax)} ${syntax.occurence!.min} to ${syntax.occurence!.max} occurences, got ${counter}`,
         context
@@ -560,7 +560,7 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
 
             return {
                 valid: SyntaxValidationResult.Drop,
-                node: context.current(),
+                node: context.peek(),
                 syntax,
                 error: `expected '${ValidationTokenEnum[syntax.typ].toLowerCase()}', got '${context.done() ? null : renderToken(context.peek() as Token)}'`,
                 context
@@ -924,7 +924,7 @@ function matchPropertyType(syntax: ValidationPropertyToken, context: Context<Tok
                     continue;
                 }
 
-                success = token.typ == EnumToken.LengthTokenType || token.typ == EnumToken.PercentageTokenType || (token.typ == EnumToken.NumberTokenType && (token as NumberToken).val  == '0');
+                success = token.typ == EnumToken.LengthTokenType || token.typ == EnumToken.PercentageTokenType || (token.typ == EnumToken.NumberTokenType && (token as NumberToken).val == '0');
 
                 if (!success) {
 
@@ -1184,7 +1184,6 @@ function someOf(syntaxes: ValidationToken[][], context: Context<Token>, options:
     let result: ValidationSyntaxResult;
     let i: number;
     let success: boolean = false;
-    let isOptional: boolean;
     const matched: ValidationSyntaxResult[] = [];
 
     for (i = 0; i < syntaxes.length; i++) {
@@ -1217,9 +1216,9 @@ function someOf(syntaxes: ValidationToken[][], context: Context<Token>, options:
 
     return matched[0] ?? {
         valid: SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: null,
-        error: success ? '' : `could not match someOf: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
+        error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + (acc.length > 0 ? ' | ' : '') + curr.reduce((acc, curr) => acc + renderSyntax(curr), ''), '')}`,
         context
     }
 }
@@ -1252,9 +1251,9 @@ function anyOf(syntaxes: ValidationToken[][], context: Context<Token>, options:
 
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: null,
-        error: success ? '' : `could not match anyOf: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+        error: success ? '' : `could not match syntax: ${syntaxes.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
         context
     }
 }
@@ -1389,9 +1388,9 @@ function allOf(syntax: ValidationToken[][], context: Context<Token>, options: Va
 
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
-        node: context.current(),
+        node: context.peek(),
         syntax: syntax?.[0]?.[0] ?? null,
-        error: `could not match allOf: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
+        error: `could not match syntax: ${syntax.reduce((acc, curr) => acc + '[' + curr.reduce((acc, curr) => acc + renderSyntax(curr), '') + ']', '')}`,
         context: success ? con : context
     }
 }
diff --git a/test/files/css/github-markdown.css b/test/files/css/github-markdown.css
new file mode 100644
index 00000000..bc8e12bb
--- /dev/null
+++ b/test/files/css/github-markdown.css
@@ -0,0 +1,1228 @@
+.markdown-body {
+  --base-size-4: 0.25rem;
+  --base-size-8: 0.5rem;
+  --base-size-16: 1rem;
+  --base-size-24: 1.5rem;
+  --base-size-40: 2.5rem;
+  --base-text-weight-normal: 400;
+  --base-text-weight-medium: 500;
+  --base-text-weight-semibold: 600;
+  --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+  --fgColor-accent: Highlight;
+}
+@media (prefers-color-scheme: dark) {
+  .markdown-body, [data-theme="dark"] {
+    /* dark */
+    color-scheme: dark;
+    --focus-outlineColor: #1f6feb;
+    --fgColor-default: #f0f6fc;
+    --fgColor-muted: #9198a1;
+    --fgColor-accent: #4493f8;
+    --fgColor-success: #3fb950;
+    --fgColor-attention: #d29922;
+    --fgColor-danger: #f85149;
+    --fgColor-done: #ab7df8;
+    --bgColor-default: #0d1117;
+    --bgColor-muted: #151b23;
+    --bgColor-neutral-muted: #656c7633;
+    --bgColor-attention-muted: #bb800926;
+    --borderColor-default: #3d444d;
+    --borderColor-muted: #3d444db3;
+    --borderColor-neutral-muted: #3d444db3;
+    --borderColor-accent-emphasis: #1f6feb;
+    --borderColor-success-emphasis: #238636;
+    --borderColor-attention-emphasis: #9e6a03;
+    --borderColor-danger-emphasis: #da3633;
+    --borderColor-done-emphasis: #8957e5;
+    --color-prettylights-syntax-comment: #9198a1;
+    --color-prettylights-syntax-constant: #79c0ff;
+    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
+    --color-prettylights-syntax-entity: #d2a8ff;
+    --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
+    --color-prettylights-syntax-entity-tag: #7ee787;
+    --color-prettylights-syntax-keyword: #ff7b72;
+    --color-prettylights-syntax-string: #a5d6ff;
+    --color-prettylights-syntax-variable: #ffa657;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
+    --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
+    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
+    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
+    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
+    --color-prettylights-syntax-carriage-return-bg: #b62324;
+    --color-prettylights-syntax-string-regexp: #7ee787;
+    --color-prettylights-syntax-markup-list: #f2cc60;
+    --color-prettylights-syntax-markup-heading: #1f6feb;
+    --color-prettylights-syntax-markup-italic: #f0f6fc;
+    --color-prettylights-syntax-markup-bold: #f0f6fc;
+    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
+    --color-prettylights-syntax-markup-deleted-bg: #67060c;
+    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
+    --color-prettylights-syntax-markup-inserted-bg: #033a16;
+    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
+    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
+    --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
+    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
+    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
+  }
+}
+@media (prefers-color-scheme: light) {
+  .markdown-body, [data-theme="light"] {
+    /* light */
+    color-scheme: light;
+    --focus-outlineColor: #0969da;
+    --fgColor-default: #1f2328;
+    --fgColor-muted: #59636e;
+    --fgColor-accent: #0969da;
+    --fgColor-success: #1a7f37;
+    --fgColor-attention: #9a6700;
+    --fgColor-danger: #d1242f;
+    --fgColor-done: #8250df;
+    --bgColor-default: #ffffff;
+    --bgColor-muted: #f6f8fa;
+    --bgColor-neutral-muted: #818b981f;
+    --bgColor-attention-muted: #fff8c5;
+    --borderColor-default: #d1d9e0;
+    --borderColor-muted: #d1d9e0b3;
+    --borderColor-neutral-muted: #d1d9e0b3;
+    --borderColor-accent-emphasis: #0969da;
+    --borderColor-success-emphasis: #1a7f37;
+    --borderColor-attention-emphasis: #9a6700;
+    --borderColor-danger-emphasis: #cf222e;
+    --borderColor-done-emphasis: #8250df;
+    --color-prettylights-syntax-comment: #59636e;
+    --color-prettylights-syntax-constant: #0550ae;
+    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
+    --color-prettylights-syntax-entity: #6639ba;
+    --color-prettylights-syntax-storage-modifier-import: #1f2328;
+    --color-prettylights-syntax-entity-tag: #0550ae;
+    --color-prettylights-syntax-keyword: #cf222e;
+    --color-prettylights-syntax-string: #0a3069;
+    --color-prettylights-syntax-variable: #953800;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
+    --color-prettylights-syntax-brackethighlighter-angle: #59636e;
+    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
+    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
+    --color-prettylights-syntax-carriage-return-bg: #cf222e;
+    --color-prettylights-syntax-string-regexp: #116329;
+    --color-prettylights-syntax-markup-list: #3b2300;
+    --color-prettylights-syntax-markup-heading: #0550ae;
+    --color-prettylights-syntax-markup-italic: #1f2328;
+    --color-prettylights-syntax-markup-bold: #1f2328;
+    --color-prettylights-syntax-markup-deleted-text: #82071e;
+    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
+    --color-prettylights-syntax-markup-inserted-text: #116329;
+    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
+    --color-prettylights-syntax-markup-changed-text: #953800;
+    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
+    --color-prettylights-syntax-markup-ignored-text: #d1d9e0;
+    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
+    --color-prettylights-syntax-meta-diff-range: #8250df;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
+  }
+}
+
+.markdown-body {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  margin: 0;
+  color: var(--fgColor-default);
+  background-color: var(--bgColor-default);
+  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
+  font-size: 16px;
+  line-height: 1.5;
+  word-wrap: break-word;
+}
+
+.markdown-body .octicon {
+  display: inline-block;
+  fill: currentColor;
+  vertical-align: text-bottom;
+}
+
+.markdown-body h1:hover .anchor .octicon-link:before,
+.markdown-body h2:hover .anchor .octicon-link:before,
+.markdown-body h3:hover .anchor .octicon-link:before,
+.markdown-body h4:hover .anchor .octicon-link:before,
+.markdown-body h5:hover .anchor .octicon-link:before,
+.markdown-body h6:hover .anchor .octicon-link:before {
+  width: 16px;
+  height: 16px;
+  content: ' ';
+  display: inline-block;
+  background-color: currentColor;
+  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
+  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
+}
+
+.markdown-body details,
+.markdown-body figcaption,
+.markdown-body figure {
+  display: block;
+}
+
+.markdown-body summary {
+  display: list-item;
+}
+
+.markdown-body [hidden] {
+  display: none !important;
+}
+
+.markdown-body a {
+  background-color: transparent;
+  color: var(--fgColor-accent);
+  text-decoration: none;
+}
+
+.markdown-body abbr[title] {
+  border-bottom: none;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+}
+
+.markdown-body b,
+.markdown-body strong {
+  font-weight: var(--base-text-weight-semibold, 600);
+}
+
+.markdown-body dfn {
+  font-style: italic;
+}
+
+.markdown-body h1 {
+  margin: .67em 0;
+  font-weight: var(--base-text-weight-semibold, 600);
+  padding-bottom: .3em;
+  font-size: 2em;
+  border-bottom: 1px solid var(--borderColor-muted);
+}
+
+.markdown-body mark {
+  background-color: var(--bgColor-attention-muted);
+  color: var(--fgColor-default);
+}
+
+.markdown-body small {
+  font-size: 90%;
+}
+
+.markdown-body sub,
+.markdown-body sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+.markdown-body sub {
+  bottom: -0.25em;
+}
+
+.markdown-body sup {
+  top: -0.5em;
+}
+
+.markdown-body img {
+  border-style: none;
+  max-width: 100%;
+  box-sizing: content-box;
+}
+
+.markdown-body code,
+.markdown-body kbd,
+.markdown-body pre,
+.markdown-body samp {
+  font-family: monospace;
+  font-size: 1em;
+}
+
+.markdown-body figure {
+  margin: 1em var(--base-size-40);
+}
+
+.markdown-body hr {
+  box-sizing: content-box;
+  overflow: hidden;
+  background: transparent;
+  border-bottom: 1px solid var(--borderColor-muted);
+  height: .25em;
+  padding: 0;
+  margin: var(--base-size-24) 0;
+  background-color: var(--borderColor-default);
+  border: 0;
+}
+
+.markdown-body input {
+  font: inherit;
+  margin: 0;
+  overflow: visible;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.markdown-body [type=button],
+.markdown-body [type=reset],
+.markdown-body [type=submit] {
+  -webkit-appearance: button;
+  appearance: button;
+}
+
+.markdown-body [type=checkbox],
+.markdown-body [type=radio] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+.markdown-body [type=number]::-webkit-inner-spin-button,
+.markdown-body [type=number]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+.markdown-body [type=search]::-webkit-search-cancel-button,
+.markdown-body [type=search]::-webkit-search-decoration {
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+.markdown-body ::-webkit-input-placeholder {
+  color: inherit;
+  opacity: .54;
+}
+
+.markdown-body ::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  appearance: button;
+  font: inherit;
+}
+
+.markdown-body a:hover {
+  text-decoration: underline;
+}
+
+.markdown-body ::placeholder {
+  color: var(--fgColor-muted);
+  opacity: 1;
+}
+
+.markdown-body hr::before {
+  display: table;
+  content: "";
+}
+
+.markdown-body hr::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.markdown-body table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  display: block;
+  width: max-content;
+  max-width: 100%;
+  overflow: auto;
+  font-variant: tabular-nums;
+}
+
+.markdown-body td,
+.markdown-body th {
+  padding: 0;
+}
+
+.markdown-body details summary {
+  cursor: pointer;
+}
+
+.markdown-body a:focus,
+.markdown-body [role=button]:focus,
+.markdown-body input[type=radio]:focus,
+.markdown-body input[type=checkbox]:focus {
+  outline: 2px solid var(--focus-outlineColor);
+  outline-offset: -2px;
+  box-shadow: none;
+}
+
+.markdown-body a:focus:not(:focus-visible),
+.markdown-body [role=button]:focus:not(:focus-visible),
+.markdown-body input[type=radio]:focus:not(:focus-visible),
+.markdown-body input[type=checkbox]:focus:not(:focus-visible) {
+  outline: solid 1px transparent;
+}
+
+.markdown-body a:focus-visible,
+.markdown-body [role=button]:focus-visible,
+.markdown-body input[type=radio]:focus-visible,
+.markdown-body input[type=checkbox]:focus-visible {
+  outline: 2px solid var(--focus-outlineColor);
+  outline-offset: -2px;
+  box-shadow: none;
+}
+
+.markdown-body a:not([class]):focus,
+.markdown-body a:not([class]):focus-visible,
+.markdown-body input[type=radio]:focus,
+.markdown-body input[type=radio]:focus-visible,
+.markdown-body input[type=checkbox]:focus,
+.markdown-body input[type=checkbox]:focus-visible {
+  outline-offset: 0;
+}
+
+.markdown-body kbd {
+  display: inline-block;
+  padding: var(--base-size-4);
+  font: 11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
+  line-height: 10px;
+  color: var(--fgColor-default);
+  vertical-align: middle;
+  background-color: var(--bgColor-muted);
+  border: solid 1px var(--borderColor-neutral-muted);
+  border-bottom-color: var(--borderColor-neutral-muted);
+  border-radius: 6px;
+  box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted);
+}
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+  margin-top: var(--base-size-24);
+  margin-bottom: var(--base-size-16);
+  font-weight: var(--base-text-weight-semibold, 600);
+  line-height: 1.25;
+}
+
+.markdown-body h2 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  padding-bottom: .3em;
+  font-size: 1.5em;
+  border-bottom: 1px solid var(--borderColor-muted);
+}
+
+.markdown-body h3 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  font-size: 1.25em;
+}
+
+.markdown-body h4 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  font-size: 1em;
+}
+
+.markdown-body h5 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  font-size: .875em;
+}
+
+.markdown-body h6 {
+  font-weight: var(--base-text-weight-semibold, 600);
+  font-size: .85em;
+  color: var(--fgColor-muted);
+}
+
+.markdown-body p {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+.markdown-body blockquote {
+  margin: 0;
+  padding: 0 1em;
+  color: var(--fgColor-muted);
+  border-left: .25em solid var(--borderColor-default);
+}
+
+.markdown-body ul,
+.markdown-body ol {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-left: 2em;
+}
+
+.markdown-body ol ol,
+.markdown-body ul ol {
+  list-style-type: lower-roman;
+}
+
+.markdown-body ul ul ol,
+.markdown-body ul ol ol,
+.markdown-body ol ul ol,
+.markdown-body ol ol ol {
+  list-style-type: lower-alpha;
+}
+
+.markdown-body dd {
+  margin-left: 0;
+}
+
+.markdown-body tt,
+.markdown-body code,
+.markdown-body samp {
+  font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
+  font-size: 12px;
+}
+
+.markdown-body pre {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
+  font-size: 12px;
+  word-wrap: normal;
+}
+
+.markdown-body .octicon {
+  display: inline-block;
+  overflow: visible !important;
+  vertical-align: text-bottom;
+  fill: currentColor;
+}
+
+.markdown-body input::-webkit-outer-spin-button,
+.markdown-body input::-webkit-inner-spin-button {
+  margin: 0;
+  appearance: none;
+}
+
+.markdown-body .mr-2 {
+  margin-right: var(--base-size-8, 8px) !important;
+}
+
+.markdown-body::before {
+  display: table;
+  content: "";
+}
+
+.markdown-body::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+.markdown-body>*:first-child {
+  margin-top: 0 !important;
+}
+
+.markdown-body>*:last-child {
+  margin-bottom: 0 !important;
+}
+
+.markdown-body a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+.markdown-body .absent {
+  color: var(--fgColor-danger);
+}
+
+.markdown-body .anchor {
+  float: left;
+  padding-right: var(--base-size-4);
+  margin-left: -20px;
+  line-height: 1;
+}
+
+.markdown-body .anchor:focus {
+  outline: none;
+}
+
+.markdown-body p,
+.markdown-body blockquote,
+.markdown-body ul,
+.markdown-body ol,
+.markdown-body dl,
+.markdown-body table,
+.markdown-body pre,
+.markdown-body details {
+  margin-top: 0;
+  margin-bottom: var(--base-size-16);
+}
+
+.markdown-body blockquote>:first-child {
+  margin-top: 0;
+}
+
+.markdown-body blockquote>:last-child {
+  margin-bottom: 0;
+}
+
+.markdown-body h1 .octicon-link,
+.markdown-body h2 .octicon-link,
+.markdown-body h3 .octicon-link,
+.markdown-body h4 .octicon-link,
+.markdown-body h5 .octicon-link,
+.markdown-body h6 .octicon-link {
+  color: var(--fgColor-default);
+  vertical-align: middle;
+  visibility: hidden;
+}
+
+.markdown-body h1:hover .anchor,
+.markdown-body h2:hover .anchor,
+.markdown-body h3:hover .anchor,
+.markdown-body h4:hover .anchor,
+.markdown-body h5:hover .anchor,
+.markdown-body h6:hover .anchor {
+  text-decoration: none;
+}
+
+.markdown-body h1:hover .anchor .octicon-link,
+.markdown-body h2:hover .anchor .octicon-link,
+.markdown-body h3:hover .anchor .octicon-link,
+.markdown-body h4:hover .anchor .octicon-link,
+.markdown-body h5:hover .anchor .octicon-link,
+.markdown-body h6:hover .anchor .octicon-link {
+  visibility: visible;
+}
+
+.markdown-body h1 tt,
+.markdown-body h1 code,
+.markdown-body h2 tt,
+.markdown-body h2 code,
+.markdown-body h3 tt,
+.markdown-body h3 code,
+.markdown-body h4 tt,
+.markdown-body h4 code,
+.markdown-body h5 tt,
+.markdown-body h5 code,
+.markdown-body h6 tt,
+.markdown-body h6 code {
+  padding: 0 .2em;
+  font-size: inherit;
+}
+
+.markdown-body summary h1,
+.markdown-body summary h2,
+.markdown-body summary h3,
+.markdown-body summary h4,
+.markdown-body summary h5,
+.markdown-body summary h6 {
+  display: inline-block;
+}
+
+.markdown-body summary h1 .anchor,
+.markdown-body summary h2 .anchor,
+.markdown-body summary h3 .anchor,
+.markdown-body summary h4 .anchor,
+.markdown-body summary h5 .anchor,
+.markdown-body summary h6 .anchor {
+  margin-left: -40px;
+}
+
+.markdown-body summary h1,
+.markdown-body summary h2 {
+  padding-bottom: 0;
+  border-bottom: 0;
+}
+
+.markdown-body ul.no-list,
+.markdown-body ol.no-list {
+  padding: 0;
+  list-style-type: none;
+}
+
+.markdown-body ol[type="a s"] {
+  list-style-type: lower-alpha;
+}
+
+.markdown-body ol[type="A s"] {
+  list-style-type: upper-alpha;
+}
+
+.markdown-body ol[type="i s"] {
+  list-style-type: lower-roman;
+}
+
+.markdown-body ol[type="I s"] {
+  list-style-type: upper-roman;
+}
+
+.markdown-body ol[type="1"] {
+  list-style-type: decimal;
+}
+
+.markdown-body div>ol:not([type]) {
+  list-style-type: decimal;
+}
+
+.markdown-body ul ul,
+.markdown-body ul ol,
+.markdown-body ol ol,
+.markdown-body ol ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.markdown-body li>p {
+  margin-top: var(--base-size-16);
+}
+
+.markdown-body li+li {
+  margin-top: .25em;
+}
+
+.markdown-body dl {
+  padding: 0;
+}
+
+.markdown-body dl dt {
+  padding: 0;
+  margin-top: var(--base-size-16);
+  font-size: 1em;
+  font-style: italic;
+  font-weight: var(--base-text-weight-semibold, 600);
+}
+
+.markdown-body dl dd {
+  padding: 0 var(--base-size-16);
+  margin-bottom: var(--base-size-16);
+}
+
+.markdown-body table th {
+  font-weight: var(--base-text-weight-semibold, 600);
+}
+
+.markdown-body table th,
+.markdown-body table td {
+  padding: 6px 13px;
+  border: 1px solid var(--borderColor-default);
+}
+
+.markdown-body table td>:last-child {
+  margin-bottom: 0;
+}
+
+.markdown-body table tr {
+  background-color: var(--bgColor-default);
+  border-top: 1px solid var(--borderColor-muted);
+}
+
+.markdown-body table tr:nth-child(2n) {
+  background-color: var(--bgColor-muted);
+}
+
+.markdown-body table img {
+  background-color: transparent;
+}
+
+.markdown-body img[align=right] {
+  padding-left: 20px;
+}
+
+.markdown-body img[align=left] {
+  padding-right: 20px;
+}
+
+.markdown-body .emoji {
+  max-width: none;
+  vertical-align: text-top;
+  background-color: transparent;
+}
+
+.markdown-body span.frame {
+  display: block;
+  overflow: hidden;
+}
+
+.markdown-body span.frame>span {
+  display: block;
+  float: left;
+  width: auto;
+  padding: 7px;
+  margin: 13px 0 0;
+  overflow: hidden;
+  border: 1px solid var(--borderColor-default);
+}
+
+.markdown-body span.frame span img {
+  display: block;
+  float: left;
+}
+
+.markdown-body span.frame span span {
+  display: block;
+  padding: 5px 0 0;
+  clear: both;
+  color: var(--fgColor-default);
+}
+
+.markdown-body span.align-center {
+  display: block;
+  overflow: hidden;
+  clear: both;
+}
+
+.markdown-body span.align-center>span {
+  display: block;
+  margin: 13px auto 0;
+  overflow: hidden;
+  text-align: center;
+}
+
+.markdown-body span.align-center span img {
+  margin: 0 auto;
+  text-align: center;
+}
+
+.markdown-body span.align-right {
+  display: block;
+  overflow: hidden;
+  clear: both;
+}
+
+.markdown-body span.align-right>span {
+  display: block;
+  margin: 13px 0 0;
+  overflow: hidden;
+  text-align: right;
+}
+
+.markdown-body span.align-right span img {
+  margin: 0;
+  text-align: right;
+}
+
+.markdown-body span.float-left {
+  display: block;
+  float: left;
+  margin-right: 13px;
+  overflow: hidden;
+}
+
+.markdown-body span.float-left span {
+  margin: 13px 0 0;
+}
+
+.markdown-body span.float-right {
+  display: block;
+  float: right;
+  margin-left: 13px;
+  overflow: hidden;
+}
+
+.markdown-body span.float-right>span {
+  display: block;
+  margin: 13px auto 0;
+  overflow: hidden;
+  text-align: right;
+}
+
+.markdown-body code,
+.markdown-body tt {
+  padding: .2em .4em;
+  margin: 0;
+  font-size: 85%;
+  white-space: break-spaces;
+  background-color: var(--bgColor-neutral-muted);
+  border-radius: 6px;
+}
+
+.markdown-body code br,
+.markdown-body tt br {
+  display: none;
+}
+
+.markdown-body del code {
+  text-decoration: inherit;
+}
+
+.markdown-body samp {
+  font-size: 85%;
+}
+
+.markdown-body pre code {
+  font-size: 100%;
+}
+
+.markdown-body pre>code {
+  padding: 0;
+  margin: 0;
+  word-break: normal;
+  white-space: pre;
+  background: transparent;
+  border: 0;
+}
+
+.markdown-body .highlight {
+  margin-bottom: var(--base-size-16);
+}
+
+.markdown-body .highlight pre {
+  margin-bottom: 0;
+  word-break: normal;
+}
+
+.markdown-body .highlight pre,
+.markdown-body pre {
+  padding: var(--base-size-16);
+  overflow: auto;
+  font-size: 85%;
+  line-height: 1.45;
+  color: var(--fgColor-default);
+  background-color: var(--bgColor-muted);
+  border-radius: 6px;
+}
+
+.markdown-body pre code,
+.markdown-body pre tt {
+  display: inline;
+  max-width: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  line-height: inherit;
+  word-wrap: normal;
+  background-color: transparent;
+  border: 0;
+}
+
+.markdown-body .csv-data td,
+.markdown-body .csv-data th {
+  padding: 5px;
+  overflow: hidden;
+  font-size: 12px;
+  line-height: 1;
+  text-align: left;
+  white-space: nowrap;
+}
+
+.markdown-body .csv-data .blob-num {
+  padding: 10px var(--base-size-8) 9px;
+  text-align: right;
+  background: var(--bgColor-default);
+  border: 0;
+}
+
+.markdown-body .csv-data tr {
+  border-top: 0;
+}
+
+.markdown-body .csv-data th {
+  font-weight: var(--base-text-weight-semibold, 600);
+  background: var(--bgColor-muted);
+  border-top: 0;
+}
+
+.markdown-body [data-footnote-ref]::before {
+  content: "[";
+}
+
+.markdown-body [data-footnote-ref]::after {
+  content: "]";
+}
+
+.markdown-body .footnotes {
+  font-size: 12px;
+  color: var(--fgColor-muted);
+  border-top: 1px solid var(--borderColor-default);
+}
+
+.markdown-body .footnotes ol {
+  padding-left: var(--base-size-16);
+}
+
+.markdown-body .footnotes ol ul {
+  display: inline-block;
+  padding-left: var(--base-size-16);
+  margin-top: var(--base-size-16);
+}
+
+.markdown-body .footnotes li {
+  position: relative;
+}
+
+.markdown-body .footnotes li:target::before {
+  position: absolute;
+  top: calc(var(--base-size-8)*-1);
+  right: calc(var(--base-size-8)*-1);
+  bottom: calc(var(--base-size-8)*-1);
+  left: calc(var(--base-size-24)*-1);
+  pointer-events: none;
+  content: "";
+  border: 2px solid var(--borderColor-accent-emphasis);
+  border-radius: 6px;
+}
+
+.markdown-body .footnotes li:target {
+  color: var(--fgColor-default);
+}
+
+.markdown-body .footnotes .data-footnote-backref g-emoji {
+  font-family: monospace;
+}
+
+.markdown-body body:has(:modal) {
+  padding-right: var(--dialog-scrollgutter) !important;
+}
+
+.markdown-body .pl-c {
+  color: var(--color-prettylights-syntax-comment);
+}
+
+.markdown-body .pl-c1,
+.markdown-body .pl-s .pl-v {
+  color: var(--color-prettylights-syntax-constant);
+}
+
+.markdown-body .pl-e,
+.markdown-body .pl-en {
+  color: var(--color-prettylights-syntax-entity);
+}
+
+.markdown-body .pl-smi,
+.markdown-body .pl-s .pl-s1 {
+  color: var(--color-prettylights-syntax-storage-modifier-import);
+}
+
+.markdown-body .pl-ent {
+  color: var(--color-prettylights-syntax-entity-tag);
+}
+
+.markdown-body .pl-k {
+  color: var(--color-prettylights-syntax-keyword);
+}
+
+.markdown-body .pl-s,
+.markdown-body .pl-pds,
+.markdown-body .pl-s .pl-pse .pl-s1,
+.markdown-body .pl-sr,
+.markdown-body .pl-sr .pl-cce,
+.markdown-body .pl-sr .pl-sre,
+.markdown-body .pl-sr .pl-sra {
+  color: var(--color-prettylights-syntax-string);
+}
+
+.markdown-body .pl-v,
+.markdown-body .pl-smw {
+  color: var(--color-prettylights-syntax-variable);
+}
+
+.markdown-body .pl-bu {
+  color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
+}
+
+.markdown-body .pl-ii {
+  color: var(--color-prettylights-syntax-invalid-illegal-text);
+  background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
+}
+
+.markdown-body .pl-c2 {
+  color: var(--color-prettylights-syntax-carriage-return-text);
+  background-color: var(--color-prettylights-syntax-carriage-return-bg);
+}
+
+.markdown-body .pl-sr .pl-cce {
+  font-weight: bold;
+  color: var(--color-prettylights-syntax-string-regexp);
+}
+
+.markdown-body .pl-ml {
+  color: var(--color-prettylights-syntax-markup-list);
+}
+
+.markdown-body .pl-mh,
+.markdown-body .pl-mh .pl-en,
+.markdown-body .pl-ms {
+  font-weight: bold;
+  color: var(--color-prettylights-syntax-markup-heading);
+}
+
+.markdown-body .pl-mi {
+  font-style: italic;
+  color: var(--color-prettylights-syntax-markup-italic);
+}
+
+.markdown-body .pl-mb {
+  font-weight: bold;
+  color: var(--color-prettylights-syntax-markup-bold);
+}
+
+.markdown-body .pl-md {
+  color: var(--color-prettylights-syntax-markup-deleted-text);
+  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
+}
+
+.markdown-body .pl-mi1 {
+  color: var(--color-prettylights-syntax-markup-inserted-text);
+  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
+}
+
+.markdown-body .pl-mc {
+  color: var(--color-prettylights-syntax-markup-changed-text);
+  background-color: var(--color-prettylights-syntax-markup-changed-bg);
+}
+
+.markdown-body .pl-mi2 {
+  color: var(--color-prettylights-syntax-markup-ignored-text);
+  background-color: var(--color-prettylights-syntax-markup-ignored-bg);
+}
+
+.markdown-body .pl-mdr {
+  font-weight: bold;
+  color: var(--color-prettylights-syntax-meta-diff-range);
+}
+
+.markdown-body .pl-ba {
+  color: var(--color-prettylights-syntax-brackethighlighter-angle);
+}
+
+.markdown-body .pl-sg {
+  color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
+}
+
+.markdown-body .pl-corl {
+  text-decoration: underline;
+  color: var(--color-prettylights-syntax-constant-other-reference-link);
+}
+
+.markdown-body [role=button]:focus:not(:focus-visible),
+.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),
+.markdown-body button:focus:not(:focus-visible),
+.markdown-body summary:focus:not(:focus-visible),
+.markdown-body a:focus:not(:focus-visible) {
+  outline: none;
+  box-shadow: none;
+}
+
+.markdown-body [tabindex="0"]:focus:not(:focus-visible),
+.markdown-body details-dialog:focus:not(:focus-visible) {
+  outline: none;
+}
+
+.markdown-body g-emoji {
+  display: inline-block;
+  min-width: 1ch;
+  font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+  font-size: 1em;
+  font-style: normal !important;
+  font-weight: var(--base-text-weight-normal, 400);
+  line-height: 1;
+  vertical-align: -0.075em;
+}
+
+.markdown-body g-emoji img {
+  width: 1em;
+  height: 1em;
+}
+
+.markdown-body .task-list-item {
+  list-style-type: none;
+}
+
+.markdown-body .task-list-item label {
+  font-weight: var(--base-text-weight-normal, 400);
+}
+
+.markdown-body .task-list-item.enabled label {
+  cursor: pointer;
+}
+
+.markdown-body .task-list-item+.task-list-item {
+  margin-top: var(--base-size-4);
+}
+
+.markdown-body .task-list-item .handle {
+  display: none;
+}
+
+.markdown-body .task-list-item-checkbox {
+  margin: 0 .2em .25em -1.4em;
+  vertical-align: middle;
+}
+
+.markdown-body ul:dir(rtl) .task-list-item-checkbox {
+  margin: 0 -1.6em .25em .2em;
+}
+
+.markdown-body ol:dir(rtl) .task-list-item-checkbox {
+  margin: 0 -1.6em .25em .2em;
+}
+
+.markdown-body .contains-task-list:hover .task-list-item-convert-container,
+.markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
+  display: block;
+  width: auto;
+  height: 24px;
+  overflow: visible;
+  clip: auto;
+}
+
+.markdown-body ::-webkit-calendar-picker-indicator {
+  filter: invert(50%);
+}
+
+.markdown-body .markdown-alert {
+  padding: var(--base-size-8) var(--base-size-16);
+  margin-bottom: var(--base-size-16);
+  color: inherit;
+  border-left: .25em solid var(--borderColor-default);
+}
+
+.markdown-body .markdown-alert>:first-child {
+  margin-top: 0;
+}
+
+.markdown-body .markdown-alert>:last-child {
+  margin-bottom: 0;
+}
+
+.markdown-body .markdown-alert .markdown-alert-title {
+  display: flex;
+  font-weight: var(--base-text-weight-medium, 500);
+  align-items: center;
+  line-height: 1;
+}
+
+.markdown-body .markdown-alert.markdown-alert-note {
+  border-left-color: var(--borderColor-accent-emphasis);
+}
+
+.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {
+  color: var(--fgColor-accent);
+}
+
+.markdown-body .markdown-alert.markdown-alert-important {
+  border-left-color: var(--borderColor-done-emphasis);
+}
+
+.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {
+  color: var(--fgColor-done);
+}
+
+.markdown-body .markdown-alert.markdown-alert-warning {
+  border-left-color: var(--borderColor-attention-emphasis);
+}
+
+.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {
+  color: var(--fgColor-attention);
+}
+
+.markdown-body .markdown-alert.markdown-alert-tip {
+  border-left-color: var(--borderColor-success-emphasis);
+}
+
+.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {
+  color: var(--fgColor-success);
+}
+
+.markdown-body .markdown-alert.markdown-alert-caution {
+  border-left-color: var(--borderColor-danger-emphasis);
+}
+
+.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
+  color: var(--fgColor-danger);
+}
+
+.markdown-body>*:first-child>.heading-element:first-child {
+  margin-top: 0 !important;
+}
+
+.markdown-body .highlight pre:has(+.zeroclipboard-container) {
+  min-height: 52px;
+}
+
diff --git a/test/files/css/tailwind-2.0.4.css b/test/files/css/tailwind-2.0.4.css
new file mode 100644
index 00000000..26011061
--- /dev/null
+++ b/test/files/css/tailwind-2.0.4.css
@@ -0,0 +1,171973 @@
+/*! tailwindcss v2.0.4 | MIT License | https://tailwindcss.com */
+
+/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+
+/*
+Document
+========
+*/
+
+/**
+Use a better box model (opinionated).
+*/
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/**
+Use a more readable tab size (opinionated).
+*/
+
+:root {
+  -moz-tab-size: 4;
+  tab-size: 4;
+}
+
+/**
+1. Correct the line height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+*/
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+Sections
+========
+*/
+
+/**
+Remove the margin in all browsers.
+*/
+
+body {
+  margin: 0;
+}
+
+/**
+Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+*/
+
+body {
+  font-family:
+		system-ui,
+		-apple-system, /* Firefox supports this but not yet `system-ui` */
+		'Segoe UI',
+		Roboto,
+		Helvetica,
+		Arial,
+		sans-serif,
+		'Apple Color Emoji',
+		'Segoe UI Emoji';
+}
+
+/*
+Grouping content
+================
+*/
+
+/**
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+*/
+
+hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+}
+
+/*
+Text-level semantics
+====================
+*/
+
+/**
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+}
+
+/**
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+2. Correct the odd 'em' font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family:
+		ui-monospace,
+		SFMono-Regular,
+		Consolas,
+		'Liberation Mono',
+		Menlo,
+		monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/**
+Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+Tabular data
+============
+*/
+
+/**
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+*/
+
+table {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+}
+
+/*
+Forms
+=====
+*/
+
+/**
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+Remove the inheritance of text transform in Edge and Firefox.
+1. Remove the inheritance of text transform in Firefox.
+*/
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+Correct the inability to style clickable types in iOS and Safari.
+*/
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button;
+}
+
+/**
+Remove the inner border and padding in Firefox.
+*/
+
+::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+Restore the focus styles unset by the previous rule.
+*/
+
+:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+Remove the additional ':invalid' styles in Firefox.
+See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
+*/
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+/**
+Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
+*/
+
+legend {
+  padding: 0;
+}
+
+/**
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to 'inherit' in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/*
+Interactive
+===========
+*/
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}
+
+/**
+ * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
+ * A thin layer on top of normalize.css that provides a starting point more
+ * suitable for web applications.
+ */
+
+/**
+ * Removes the default spacing and border for appropriate elements.
+ */
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+button {
+  background-color: transparent;
+  background-image: none;
+}
+
+/**
+ * Work around a Firefox/IE bug where the transparent `button` background
+ * results in a loss of the default `button` focus styles.
+ */
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+ol,
+ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/**
+ * Tailwind custom reset styles
+ */
+
+/**
+ * 1. Use the user's configured `sans` font-family (with Tailwind's default
+ *    sans-serif font stack as a fallback) as a sane default.
+ * 2. Use Tailwind's default "normal" line-height so the user isn't forced
+ *    to override it to ensure consistency even when using the default theme.
+ */
+
+html {
+  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
+  line-height: 1.5; /* 2 */
+}
+
+/**
+ * Inherit font-family and line-height from `html` so users can set them as
+ * a class directly on the `html` element.
+ */
+
+body {
+  font-family: inherit;
+  line-height: inherit;
+}
+
+/**
+ * 1. Prevent padding and border from affecting element width.
+ *
+ *    We used to set this in the html element and inherit from
+ *    the parent element for everything else. This caused issues
+ *    in shadow-dom-enhanced elements like <details> where the content
+ *    is wrapped by a div with box-sizing set to `content-box`.
+ *
+ *    https://github.com/mozdevs/cssremedy/issues/4
+ *
+ *
+ * 2. Allow adding a border to an element by just adding a border-width.
+ *
+ *    By default, the way the browser specifies that an element should have no
+ *    border is by setting it's border-style to `none` in the user-agent
+ *    stylesheet.
+ *
+ *    In order to easily add borders to elements by just setting the `border-width`
+ *    property, we change the default border-style for all elements to `solid`, and
+ *    use border-width to hide them instead. This way our `border` utilities only
+ *    need to set the `border-width` property instead of the entire `border`
+ *    shorthand, making our border utilities much more straightforward to compose.
+ *
+ *    https://github.com/tailwindcss/tailwindcss/pull/116
+ */
+
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: #e5e7eb; /* 2 */
+}
+
+/*
+ * Ensure horizontal rules are visible by default
+ */
+
+hr {
+  border-top-width: 1px;
+}
+
+/**
+ * Undo the `border-style: none` reset that Normalize applies to images so that
+ * our `border-{width}` utilities have the expected effect.
+ *
+ * The Normalize reset is unnecessary for us since we default the border-width
+ * to 0 on all elements.
+ *
+ * https://github.com/tailwindcss/tailwindcss/issues/362
+ */
+
+img {
+  border-style: solid;
+}
+
+textarea {
+  resize: vertical;
+}
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/**
+ * Reset links to optimize for opt-in styling instead of
+ * opt-out.
+ */
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/**
+ * Reset form element properties that are easy to forget to
+ * style explicitly so you don't inadvertently introduce
+ * styles that deviate from your design system. These styles
+ * supplement a partial reset that is already applied by
+ * normalize.css.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  padding: 0;
+  line-height: inherit;
+  color: inherit;
+}
+
+/**
+ * Use the configured 'mono' font family for elements that
+ * are expected to be rendered with a monospace font, falling
+ * back to the system monospace stack if there is no configured
+ * 'mono' font family.
+ */
+
+pre,
+code,
+kbd,
+samp {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+/**
+ * Make replaced elements `display: block` by default as that's
+ * the behavior you want almost all of the time. Inspired by
+ * CSS Remedy, with `svg` added as well.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  vertical-align: middle;
+}
+
+/**
+ * Constrain images and videos to the parent width and preserve
+ * their instrinsic aspect ratio.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+.container {
+  width: 100%;
+}
+
+@media (min-width: 640px) {
+  .container {
+    max-width: 640px;
+  }
+}
+
+@media (min-width: 768px) {
+  .container {
+    max-width: 768px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .container {
+    max-width: 1024px;
+  }
+}
+
+@media (min-width: 1280px) {
+  .container {
+    max-width: 1280px;
+  }
+}
+
+@media (min-width: 1536px) {
+  .container {
+    max-width: 1536px;
+  }
+}
+
+.space-y-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0px * var(--tw-space-y-reverse));
+}
+
+.space-x-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0px * var(--tw-space-x-reverse));
+  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+}
+
+.space-x-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+}
+
+.space-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+
+.space-x-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
+
+.space-x-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1rem * var(--tw-space-x-reverse));
+  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+}
+
+.space-x-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-6 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+}
+
+.space-x-6 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-7 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
+}
+
+.space-x-7 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+}
+
+.space-x-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(2rem * var(--tw-space-x-reverse));
+  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-9 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
+}
+
+.space-x-9 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(2.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+}
+
+.space-x-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(2.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-11 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
+}
+
+.space-x-11 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(2.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-12 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
+}
+
+.space-x-12 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(3rem * var(--tw-space-x-reverse));
+  margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-14 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
+}
+
+.space-x-14 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(3.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-16 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
+}
+
+.space-x-16 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(4rem * var(--tw-space-x-reverse));
+  margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-20 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(5rem * var(--tw-space-y-reverse));
+}
+
+.space-x-20 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(5rem * var(--tw-space-x-reverse));
+  margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-24 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(6rem * var(--tw-space-y-reverse));
+}
+
+.space-x-24 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(6rem * var(--tw-space-x-reverse));
+  margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-28 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(7rem * var(--tw-space-y-reverse));
+}
+
+.space-x-28 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(7rem * var(--tw-space-x-reverse));
+  margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-32 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(8rem * var(--tw-space-y-reverse));
+}
+
+.space-x-32 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(8rem * var(--tw-space-x-reverse));
+  margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-36 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(9rem * var(--tw-space-y-reverse));
+}
+
+.space-x-36 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(9rem * var(--tw-space-x-reverse));
+  margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-40 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(10rem * var(--tw-space-y-reverse));
+}
+
+.space-x-40 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(10rem * var(--tw-space-x-reverse));
+  margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-44 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(11rem * var(--tw-space-y-reverse));
+}
+
+.space-x-44 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(11rem * var(--tw-space-x-reverse));
+  margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-48 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(12rem * var(--tw-space-y-reverse));
+}
+
+.space-x-48 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(12rem * var(--tw-space-x-reverse));
+  margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-52 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(13rem * var(--tw-space-y-reverse));
+}
+
+.space-x-52 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(13rem * var(--tw-space-x-reverse));
+  margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-56 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(14rem * var(--tw-space-y-reverse));
+}
+
+.space-x-56 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(14rem * var(--tw-space-x-reverse));
+  margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-60 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(15rem * var(--tw-space-y-reverse));
+}
+
+.space-x-60 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(15rem * var(--tw-space-x-reverse));
+  margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-64 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(16rem * var(--tw-space-y-reverse));
+}
+
+.space-x-64 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(16rem * var(--tw-space-x-reverse));
+  margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-72 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(18rem * var(--tw-space-y-reverse));
+}
+
+.space-x-72 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(18rem * var(--tw-space-x-reverse));
+  margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-80 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(20rem * var(--tw-space-y-reverse));
+}
+
+.space-x-80 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(20rem * var(--tw-space-x-reverse));
+  margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-96 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(24rem * var(--tw-space-y-reverse));
+}
+
+.space-x-96 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(24rem * var(--tw-space-x-reverse));
+  margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-px > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1px * var(--tw-space-y-reverse));
+}
+
+.space-x-px > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1px * var(--tw-space-x-reverse));
+  margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+}
+
+.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+}
+
+.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+}
+
+.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
+}
+
+.space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.875rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0px * var(--tw-space-y-reverse));
+}
+
+.-space-x-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0px * var(--tw-space-x-reverse));
+  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-1rem * var(--tw-space-x-reverse));
+  margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-6 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-6 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-7 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-7 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-2rem * var(--tw-space-x-reverse));
+  margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-9 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-9 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-11 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-11 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-12 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-12 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-3rem * var(--tw-space-x-reverse));
+  margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-14 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-14 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
+  margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-16 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-16 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-4rem * var(--tw-space-x-reverse));
+  margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-20 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-20 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-5rem * var(--tw-space-x-reverse));
+  margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-24 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-24 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-6rem * var(--tw-space-x-reverse));
+  margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-28 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-28 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-7rem * var(--tw-space-x-reverse));
+  margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-32 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-32 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-8rem * var(--tw-space-x-reverse));
+  margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-36 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-36 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-9rem * var(--tw-space-x-reverse));
+  margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-40 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-40 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-10rem * var(--tw-space-x-reverse));
+  margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-44 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-44 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-11rem * var(--tw-space-x-reverse));
+  margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-48 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-48 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-12rem * var(--tw-space-x-reverse));
+  margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-52 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-52 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-13rem * var(--tw-space-x-reverse));
+  margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-56 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-56 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-14rem * var(--tw-space-x-reverse));
+  margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-60 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-60 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-15rem * var(--tw-space-x-reverse));
+  margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-64 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-64 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-16rem * var(--tw-space-x-reverse));
+  margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-72 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-72 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-18rem * var(--tw-space-x-reverse));
+  margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-80 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-80 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-20rem * var(--tw-space-x-reverse));
+  margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-96 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-96 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-24rem * var(--tw-space-x-reverse));
+  margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-px > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-1px * var(--tw-space-y-reverse));
+}
+
+.-space-x-px > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-1px * var(--tw-space-x-reverse));
+  margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
+}
+
+.-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
+  margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+.space-y-reverse > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 1;
+}
+
+.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 1;
+}
+
+.divide-y-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+}
+
+.divide-x-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 0;
+  border-right-width: calc(0px * var(--tw-divide-x-reverse));
+  border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
+}
+
+.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
+}
+
+.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 0;
+  border-right-width: calc(2px * var(--tw-divide-x-reverse));
+  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
+}
+
+.divide-y-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
+}
+
+.divide-x-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 0;
+  border-right-width: calc(4px * var(--tw-divide-x-reverse));
+  border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
+}
+
+.divide-y-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
+}
+
+.divide-x-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 0;
+  border-right-width: calc(8px * var(--tw-divide-x-reverse));
+  border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
+}
+
+.divide-y > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+}
+
+.divide-x > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 0;
+  border-right-width: calc(1px * var(--tw-divide-x-reverse));
+  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+}
+
+.divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 1;
+}
+
+.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 1;
+}
+
+.divide-transparent > :not([hidden]) ~ :not([hidden]) {
+  border-color: transparent;
+}
+
+.divide-current > :not([hidden]) ~ :not([hidden]) {
+  border-color: currentColor;
+}
+
+.divide-black > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+}
+
+.divide-white > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+}
+
+.divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+}
+
+.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+}
+
+.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+}
+
+.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+}
+
+.divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+}
+
+.divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+}
+
+.divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+}
+
+.divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+}
+
+.divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+}
+
+.divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+}
+
+.divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+}
+
+.divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+}
+
+.divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+}
+
+.divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+}
+
+.divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+}
+
+.divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+}
+
+.divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+}
+
+.divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+}
+
+.divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+}
+
+.divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+}
+
+.divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+}
+
+.divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+}
+
+.divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+}
+
+.divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+}
+
+.divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+}
+
+.divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+}
+
+.divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+}
+
+.divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+}
+
+.divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+}
+
+.divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+}
+
+.divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+}
+
+.divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
+}
+
+.divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
+}
+
+.divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
+}
+
+.divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
+}
+
+.divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
+}
+
+.divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
+}
+
+.divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
+}
+
+.divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
+}
+
+.divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
+}
+
+.divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+}
+
+.divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+}
+
+.divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+}
+
+.divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+}
+
+.divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+}
+
+.divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+}
+
+.divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+}
+
+.divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+}
+
+.divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+}
+
+.divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+}
+
+.divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+}
+
+.divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+}
+
+.divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+}
+
+.divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+}
+
+.divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+}
+
+.divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+}
+
+.divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+}
+
+.divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+}
+
+.divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+}
+
+.divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+}
+
+.divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+}
+
+.divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+}
+
+.divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+}
+
+.divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+}
+
+.divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+}
+
+.divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+}
+
+.divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+}
+
+.divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+}
+
+.divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+}
+
+.divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+}
+
+.divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+}
+
+.divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+}
+
+.divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+}
+
+.divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+}
+
+.divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+}
+
+.divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+}
+
+.divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+}
+
+.divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+}
+
+.divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+}
+
+.divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+}
+
+.divide-solid > :not([hidden]) ~ :not([hidden]) {
+  border-style: solid;
+}
+
+.divide-dashed > :not([hidden]) ~ :not([hidden]) {
+  border-style: dashed;
+}
+
+.divide-dotted > :not([hidden]) ~ :not([hidden]) {
+  border-style: dotted;
+}
+
+.divide-double > :not([hidden]) ~ :not([hidden]) {
+  border-style: double;
+}
+
+.divide-none > :not([hidden]) ~ :not([hidden]) {
+  border-style: none;
+}
+
+.divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0;
+}
+
+.divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.05;
+}
+
+.divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.1;
+}
+
+.divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.2;
+}
+
+.divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.25;
+}
+
+.divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.3;
+}
+
+.divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.4;
+}
+
+.divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.5;
+}
+
+.divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.6;
+}
+
+.divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.7;
+}
+
+.divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.75;
+}
+
+.divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.8;
+}
+
+.divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.9;
+}
+
+.divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 0.95;
+}
+
+.divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+}
+
+.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;
+}
+
+.not-sr-only {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
+.focus-within\:sr-only:focus-within {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+.focus-within\:not-sr-only:focus-within {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
+.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;
+}
+
+.focus\:not-sr-only:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
+.appearance-none {
+  -webkit-appearance: none;
+          appearance: none;
+}
+
+.bg-fixed {
+  background-attachment: fixed;
+}
+
+.bg-local {
+  background-attachment: local;
+}
+
+.bg-scroll {
+  background-attachment: scroll;
+}
+
+.bg-clip-border {
+  background-clip: border-box;
+}
+
+.bg-clip-padding {
+  background-clip: padding-box;
+}
+
+.bg-clip-content {
+  background-clip: content-box;
+}
+
+.bg-clip-text {
+  -webkit-background-clip: text;
+          background-clip: text;
+}
+
+.bg-transparent {
+  background-color: transparent;
+}
+
+.bg-current {
+  background-color: currentColor;
+}
+
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+
+.bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+}
+
+.bg-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+}
+
+.bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+}
+
+.bg-gray-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+}
+
+.bg-gray-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+}
+
+.bg-gray-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+}
+
+.bg-gray-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+}
+
+.bg-gray-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+}
+
+.bg-gray-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+}
+
+.bg-gray-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+}
+
+.bg-red-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+}
+
+.bg-red-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+}
+
+.bg-red-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+}
+
+.bg-red-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+}
+
+.bg-red-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+}
+
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+}
+
+.bg-red-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+}
+
+.bg-red-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+}
+
+.bg-red-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+}
+
+.bg-red-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+}
+
+.bg-yellow-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+}
+
+.bg-yellow-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+}
+
+.bg-yellow-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+}
+
+.bg-yellow-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+}
+
+.bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+}
+
+.bg-yellow-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+}
+
+.bg-yellow-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+}
+
+.bg-yellow-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+}
+
+.bg-yellow-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+}
+
+.bg-yellow-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+}
+
+.bg-green-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+}
+
+.bg-green-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+}
+
+.bg-green-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+}
+
+.bg-green-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+}
+
+.bg-green-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+}
+
+.bg-green-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+}
+
+.bg-green-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+}
+
+.bg-green-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+}
+
+.bg-green-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+}
+
+.bg-green-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+}
+
+.bg-blue-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+}
+
+.bg-blue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+}
+
+.bg-blue-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+}
+
+.bg-blue-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+}
+
+.bg-blue-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+}
+
+.bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+
+.bg-blue-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+
+.bg-blue-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+}
+
+.bg-blue-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+}
+
+.bg-blue-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+}
+
+.bg-indigo-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+}
+
+.bg-indigo-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+}
+
+.bg-indigo-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+}
+
+.bg-indigo-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+}
+
+.bg-indigo-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+}
+
+.bg-indigo-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+}
+
+.bg-indigo-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+}
+
+.bg-indigo-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+}
+
+.bg-indigo-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+}
+
+.bg-indigo-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+}
+
+.bg-purple-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+}
+
+.bg-purple-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+}
+
+.bg-purple-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+}
+
+.bg-purple-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+}
+
+.bg-purple-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+}
+
+.bg-purple-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+}
+
+.bg-purple-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+}
+
+.bg-purple-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+}
+
+.bg-purple-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+}
+
+.bg-purple-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+}
+
+.bg-pink-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+}
+
+.bg-pink-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+}
+
+.bg-pink-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+}
+
+.bg-pink-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+}
+
+.bg-pink-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+}
+
+.bg-pink-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+}
+
+.bg-pink-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+}
+
+.bg-pink-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+}
+
+.bg-pink-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+}
+
+.bg-pink-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-transparent {
+  background-color: transparent;
+}
+
+.group:hover .group-hover\:bg-current {
+  background-color: currentColor;
+}
+
+.group:hover .group-hover\:bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-gray-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-red-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-yellow-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-blue-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-indigo-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-transparent:focus-within {
+  background-color: transparent;
+}
+
+.focus-within\:bg-current:focus-within {
+  background-color: currentColor;
+}
+
+.focus-within\:bg-black:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-white:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-gray-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-red-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-yellow-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-green-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-blue-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-indigo-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-purple-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-100:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-200:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-300:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-400:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-500:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-600:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-700:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-800:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-pink-900:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+}
+
+.hover\:bg-transparent:hover {
+  background-color: transparent;
+}
+
+.hover\:bg-current:hover {
+  background-color: currentColor;
+}
+
+.hover\:bg-black:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+
+.hover\:bg-white:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+}
+
+.focus\:bg-transparent:focus {
+  background-color: transparent;
+}
+
+.focus\:bg-current:focus {
+  background-color: currentColor;
+}
+
+.focus\:bg-black:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+
+.focus\:bg-white:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+}
+
+.focus\:bg-gray-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+}
+
+.focus\:bg-red-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+}
+
+.focus\:bg-yellow-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+}
+
+.focus\:bg-green-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+}
+
+.focus\:bg-blue-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+}
+
+.focus\:bg-indigo-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+}
+
+.focus\:bg-purple-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-200:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-400:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-500:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-600:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-700:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-800:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+}
+
+.focus\:bg-pink-900:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+}
+
+.bg-none {
+  background-image: none;
+}
+
+.bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-tr {
+  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-r {
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-br {
+  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-b {
+  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-bl {
+  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-l {
+  background-image: linear-gradient(to left, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-tl {
+  background-image: linear-gradient(to top left, var(--tw-gradient-stops));
+}
+
+.from-transparent {
+  --tw-gradient-from: transparent;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.from-current {
+  --tw-gradient-from: currentColor;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-black {
+  --tw-gradient-from: #000;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.from-white {
+  --tw-gradient-from: #fff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-gray-50 {
+  --tw-gradient-from: #f9fafb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+}
+
+.from-gray-100 {
+  --tw-gradient-from: #f3f4f6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+}
+
+.from-gray-200 {
+  --tw-gradient-from: #e5e7eb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+}
+
+.from-gray-300 {
+  --tw-gradient-from: #d1d5db;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+}
+
+.from-gray-400 {
+  --tw-gradient-from: #9ca3af;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+}
+
+.from-gray-500 {
+  --tw-gradient-from: #6b7280;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+}
+
+.from-gray-600 {
+  --tw-gradient-from: #4b5563;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+}
+
+.from-gray-700 {
+  --tw-gradient-from: #374151;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+}
+
+.from-gray-800 {
+  --tw-gradient-from: #1f2937;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+}
+
+.from-gray-900 {
+  --tw-gradient-from: #111827;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+}
+
+.from-red-50 {
+  --tw-gradient-from: #fef2f2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+}
+
+.from-red-100 {
+  --tw-gradient-from: #fee2e2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+}
+
+.from-red-200 {
+  --tw-gradient-from: #fecaca;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+}
+
+.from-red-300 {
+  --tw-gradient-from: #fca5a5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+}
+
+.from-red-400 {
+  --tw-gradient-from: #f87171;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+}
+
+.from-red-500 {
+  --tw-gradient-from: #ef4444;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+}
+
+.from-red-600 {
+  --tw-gradient-from: #dc2626;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+}
+
+.from-red-700 {
+  --tw-gradient-from: #b91c1c;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+}
+
+.from-red-800 {
+  --tw-gradient-from: #991b1b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+}
+
+.from-red-900 {
+  --tw-gradient-from: #7f1d1d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+}
+
+.from-yellow-50 {
+  --tw-gradient-from: #fffbeb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+}
+
+.from-yellow-100 {
+  --tw-gradient-from: #fef3c7;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+}
+
+.from-yellow-200 {
+  --tw-gradient-from: #fde68a;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+}
+
+.from-yellow-300 {
+  --tw-gradient-from: #fcd34d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+}
+
+.from-yellow-400 {
+  --tw-gradient-from: #fbbf24;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+}
+
+.from-yellow-500 {
+  --tw-gradient-from: #f59e0b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+}
+
+.from-yellow-600 {
+  --tw-gradient-from: #d97706;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+}
+
+.from-yellow-700 {
+  --tw-gradient-from: #b45309;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+}
+
+.from-yellow-800 {
+  --tw-gradient-from: #92400e;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+}
+
+.from-yellow-900 {
+  --tw-gradient-from: #78350f;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+}
+
+.from-green-50 {
+  --tw-gradient-from: #ecfdf5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+}
+
+.from-green-100 {
+  --tw-gradient-from: #d1fae5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+}
+
+.from-green-200 {
+  --tw-gradient-from: #a7f3d0;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+}
+
+.from-green-300 {
+  --tw-gradient-from: #6ee7b7;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+}
+
+.from-green-400 {
+  --tw-gradient-from: #34d399;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+}
+
+.from-green-500 {
+  --tw-gradient-from: #10b981;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+}
+
+.from-green-600 {
+  --tw-gradient-from: #059669;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+}
+
+.from-green-700 {
+  --tw-gradient-from: #047857;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+}
+
+.from-green-800 {
+  --tw-gradient-from: #065f46;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+}
+
+.from-green-900 {
+  --tw-gradient-from: #064e3b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+}
+
+.from-blue-50 {
+  --tw-gradient-from: #eff6ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+}
+
+.from-blue-100 {
+  --tw-gradient-from: #dbeafe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+}
+
+.from-blue-200 {
+  --tw-gradient-from: #bfdbfe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+}
+
+.from-blue-300 {
+  --tw-gradient-from: #93c5fd;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+}
+
+.from-blue-400 {
+  --tw-gradient-from: #60a5fa;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+}
+
+.from-blue-500 {
+  --tw-gradient-from: #3b82f6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+}
+
+.from-blue-600 {
+  --tw-gradient-from: #2563eb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+}
+
+.from-blue-700 {
+  --tw-gradient-from: #1d4ed8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+}
+
+.from-blue-800 {
+  --tw-gradient-from: #1e40af;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+}
+
+.from-blue-900 {
+  --tw-gradient-from: #1e3a8a;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+}
+
+.from-indigo-50 {
+  --tw-gradient-from: #eef2ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+}
+
+.from-indigo-100 {
+  --tw-gradient-from: #e0e7ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+}
+
+.from-indigo-200 {
+  --tw-gradient-from: #c7d2fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+}
+
+.from-indigo-300 {
+  --tw-gradient-from: #a5b4fc;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+}
+
+.from-indigo-400 {
+  --tw-gradient-from: #818cf8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+}
+
+.from-indigo-500 {
+  --tw-gradient-from: #6366f1;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+}
+
+.from-indigo-600 {
+  --tw-gradient-from: #4f46e5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+}
+
+.from-indigo-700 {
+  --tw-gradient-from: #4338ca;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+}
+
+.from-indigo-800 {
+  --tw-gradient-from: #3730a3;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+}
+
+.from-indigo-900 {
+  --tw-gradient-from: #312e81;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+}
+
+.from-purple-50 {
+  --tw-gradient-from: #f5f3ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+}
+
+.from-purple-100 {
+  --tw-gradient-from: #ede9fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+}
+
+.from-purple-200 {
+  --tw-gradient-from: #ddd6fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+}
+
+.from-purple-300 {
+  --tw-gradient-from: #c4b5fd;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+}
+
+.from-purple-400 {
+  --tw-gradient-from: #a78bfa;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+}
+
+.from-purple-500 {
+  --tw-gradient-from: #8b5cf6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+}
+
+.from-purple-600 {
+  --tw-gradient-from: #7c3aed;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+}
+
+.from-purple-700 {
+  --tw-gradient-from: #6d28d9;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+}
+
+.from-purple-800 {
+  --tw-gradient-from: #5b21b6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+}
+
+.from-purple-900 {
+  --tw-gradient-from: #4c1d95;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+}
+
+.from-pink-50 {
+  --tw-gradient-from: #fdf2f8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+}
+
+.from-pink-100 {
+  --tw-gradient-from: #fce7f3;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+}
+
+.from-pink-200 {
+  --tw-gradient-from: #fbcfe8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+}
+
+.from-pink-300 {
+  --tw-gradient-from: #f9a8d4;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+}
+
+.from-pink-400 {
+  --tw-gradient-from: #f472b6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+}
+
+.from-pink-500 {
+  --tw-gradient-from: #ec4899;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+}
+
+.from-pink-600 {
+  --tw-gradient-from: #db2777;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+}
+
+.from-pink-700 {
+  --tw-gradient-from: #be185d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+}
+
+.from-pink-800 {
+  --tw-gradient-from: #9d174d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+}
+
+.from-pink-900 {
+  --tw-gradient-from: #831843;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+}
+
+.via-transparent {
+  --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.via-current {
+  --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-black {
+  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.via-white {
+  --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-gray-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+}
+
+.via-gray-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+}
+
+.via-gray-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+}
+
+.via-gray-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+}
+
+.via-gray-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+}
+
+.via-gray-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+}
+
+.via-gray-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+}
+
+.via-gray-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+}
+
+.via-gray-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+}
+
+.via-gray-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+}
+
+.via-red-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+}
+
+.via-red-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+}
+
+.via-red-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+}
+
+.via-red-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+}
+
+.via-red-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+}
+
+.via-red-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+}
+
+.via-red-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+}
+
+.via-red-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+}
+
+.via-red-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+}
+
+.via-red-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+}
+
+.via-yellow-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+}
+
+.via-yellow-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+}
+
+.via-yellow-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+}
+
+.via-yellow-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+}
+
+.via-yellow-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+}
+
+.via-yellow-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+}
+
+.via-yellow-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+}
+
+.via-yellow-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+}
+
+.via-yellow-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+}
+
+.via-yellow-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+}
+
+.via-green-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+}
+
+.via-green-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+}
+
+.via-green-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+}
+
+.via-green-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+}
+
+.via-green-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+}
+
+.via-green-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+}
+
+.via-green-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+}
+
+.via-green-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+}
+
+.via-green-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+}
+
+.via-green-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+}
+
+.via-blue-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+}
+
+.via-blue-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+}
+
+.via-blue-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+}
+
+.via-blue-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+}
+
+.via-blue-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+}
+
+.via-blue-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+}
+
+.via-blue-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+}
+
+.via-blue-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+}
+
+.via-blue-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+}
+
+.via-blue-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+}
+
+.via-indigo-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+}
+
+.via-indigo-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+}
+
+.via-indigo-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+}
+
+.via-indigo-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+}
+
+.via-indigo-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+}
+
+.via-indigo-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+}
+
+.via-indigo-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+}
+
+.via-indigo-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+}
+
+.via-indigo-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+}
+
+.via-indigo-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+}
+
+.via-purple-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+}
+
+.via-purple-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+}
+
+.via-purple-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+}
+
+.via-purple-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+}
+
+.via-purple-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+}
+
+.via-purple-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+}
+
+.via-purple-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+}
+
+.via-purple-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+}
+
+.via-purple-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+}
+
+.via-purple-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+}
+
+.via-pink-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+}
+
+.via-pink-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+}
+
+.via-pink-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+}
+
+.via-pink-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+}
+
+.via-pink-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+}
+
+.via-pink-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+}
+
+.via-pink-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+}
+
+.via-pink-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+}
+
+.via-pink-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+}
+
+.via-pink-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+}
+
+.to-transparent {
+  --tw-gradient-to: transparent;
+}
+
+.to-current {
+  --tw-gradient-to: currentColor;
+}
+
+.to-black {
+  --tw-gradient-to: #000;
+}
+
+.to-white {
+  --tw-gradient-to: #fff;
+}
+
+.to-gray-50 {
+  --tw-gradient-to: #f9fafb;
+}
+
+.to-gray-100 {
+  --tw-gradient-to: #f3f4f6;
+}
+
+.to-gray-200 {
+  --tw-gradient-to: #e5e7eb;
+}
+
+.to-gray-300 {
+  --tw-gradient-to: #d1d5db;
+}
+
+.to-gray-400 {
+  --tw-gradient-to: #9ca3af;
+}
+
+.to-gray-500 {
+  --tw-gradient-to: #6b7280;
+}
+
+.to-gray-600 {
+  --tw-gradient-to: #4b5563;
+}
+
+.to-gray-700 {
+  --tw-gradient-to: #374151;
+}
+
+.to-gray-800 {
+  --tw-gradient-to: #1f2937;
+}
+
+.to-gray-900 {
+  --tw-gradient-to: #111827;
+}
+
+.to-red-50 {
+  --tw-gradient-to: #fef2f2;
+}
+
+.to-red-100 {
+  --tw-gradient-to: #fee2e2;
+}
+
+.to-red-200 {
+  --tw-gradient-to: #fecaca;
+}
+
+.to-red-300 {
+  --tw-gradient-to: #fca5a5;
+}
+
+.to-red-400 {
+  --tw-gradient-to: #f87171;
+}
+
+.to-red-500 {
+  --tw-gradient-to: #ef4444;
+}
+
+.to-red-600 {
+  --tw-gradient-to: #dc2626;
+}
+
+.to-red-700 {
+  --tw-gradient-to: #b91c1c;
+}
+
+.to-red-800 {
+  --tw-gradient-to: #991b1b;
+}
+
+.to-red-900 {
+  --tw-gradient-to: #7f1d1d;
+}
+
+.to-yellow-50 {
+  --tw-gradient-to: #fffbeb;
+}
+
+.to-yellow-100 {
+  --tw-gradient-to: #fef3c7;
+}
+
+.to-yellow-200 {
+  --tw-gradient-to: #fde68a;
+}
+
+.to-yellow-300 {
+  --tw-gradient-to: #fcd34d;
+}
+
+.to-yellow-400 {
+  --tw-gradient-to: #fbbf24;
+}
+
+.to-yellow-500 {
+  --tw-gradient-to: #f59e0b;
+}
+
+.to-yellow-600 {
+  --tw-gradient-to: #d97706;
+}
+
+.to-yellow-700 {
+  --tw-gradient-to: #b45309;
+}
+
+.to-yellow-800 {
+  --tw-gradient-to: #92400e;
+}
+
+.to-yellow-900 {
+  --tw-gradient-to: #78350f;
+}
+
+.to-green-50 {
+  --tw-gradient-to: #ecfdf5;
+}
+
+.to-green-100 {
+  --tw-gradient-to: #d1fae5;
+}
+
+.to-green-200 {
+  --tw-gradient-to: #a7f3d0;
+}
+
+.to-green-300 {
+  --tw-gradient-to: #6ee7b7;
+}
+
+.to-green-400 {
+  --tw-gradient-to: #34d399;
+}
+
+.to-green-500 {
+  --tw-gradient-to: #10b981;
+}
+
+.to-green-600 {
+  --tw-gradient-to: #059669;
+}
+
+.to-green-700 {
+  --tw-gradient-to: #047857;
+}
+
+.to-green-800 {
+  --tw-gradient-to: #065f46;
+}
+
+.to-green-900 {
+  --tw-gradient-to: #064e3b;
+}
+
+.to-blue-50 {
+  --tw-gradient-to: #eff6ff;
+}
+
+.to-blue-100 {
+  --tw-gradient-to: #dbeafe;
+}
+
+.to-blue-200 {
+  --tw-gradient-to: #bfdbfe;
+}
+
+.to-blue-300 {
+  --tw-gradient-to: #93c5fd;
+}
+
+.to-blue-400 {
+  --tw-gradient-to: #60a5fa;
+}
+
+.to-blue-500 {
+  --tw-gradient-to: #3b82f6;
+}
+
+.to-blue-600 {
+  --tw-gradient-to: #2563eb;
+}
+
+.to-blue-700 {
+  --tw-gradient-to: #1d4ed8;
+}
+
+.to-blue-800 {
+  --tw-gradient-to: #1e40af;
+}
+
+.to-blue-900 {
+  --tw-gradient-to: #1e3a8a;
+}
+
+.to-indigo-50 {
+  --tw-gradient-to: #eef2ff;
+}
+
+.to-indigo-100 {
+  --tw-gradient-to: #e0e7ff;
+}
+
+.to-indigo-200 {
+  --tw-gradient-to: #c7d2fe;
+}
+
+.to-indigo-300 {
+  --tw-gradient-to: #a5b4fc;
+}
+
+.to-indigo-400 {
+  --tw-gradient-to: #818cf8;
+}
+
+.to-indigo-500 {
+  --tw-gradient-to: #6366f1;
+}
+
+.to-indigo-600 {
+  --tw-gradient-to: #4f46e5;
+}
+
+.to-indigo-700 {
+  --tw-gradient-to: #4338ca;
+}
+
+.to-indigo-800 {
+  --tw-gradient-to: #3730a3;
+}
+
+.to-indigo-900 {
+  --tw-gradient-to: #312e81;
+}
+
+.to-purple-50 {
+  --tw-gradient-to: #f5f3ff;
+}
+
+.to-purple-100 {
+  --tw-gradient-to: #ede9fe;
+}
+
+.to-purple-200 {
+  --tw-gradient-to: #ddd6fe;
+}
+
+.to-purple-300 {
+  --tw-gradient-to: #c4b5fd;
+}
+
+.to-purple-400 {
+  --tw-gradient-to: #a78bfa;
+}
+
+.to-purple-500 {
+  --tw-gradient-to: #8b5cf6;
+}
+
+.to-purple-600 {
+  --tw-gradient-to: #7c3aed;
+}
+
+.to-purple-700 {
+  --tw-gradient-to: #6d28d9;
+}
+
+.to-purple-800 {
+  --tw-gradient-to: #5b21b6;
+}
+
+.to-purple-900 {
+  --tw-gradient-to: #4c1d95;
+}
+
+.to-pink-50 {
+  --tw-gradient-to: #fdf2f8;
+}
+
+.to-pink-100 {
+  --tw-gradient-to: #fce7f3;
+}
+
+.to-pink-200 {
+  --tw-gradient-to: #fbcfe8;
+}
+
+.to-pink-300 {
+  --tw-gradient-to: #f9a8d4;
+}
+
+.to-pink-400 {
+  --tw-gradient-to: #f472b6;
+}
+
+.to-pink-500 {
+  --tw-gradient-to: #ec4899;
+}
+
+.to-pink-600 {
+  --tw-gradient-to: #db2777;
+}
+
+.to-pink-700 {
+  --tw-gradient-to: #be185d;
+}
+
+.to-pink-800 {
+  --tw-gradient-to: #9d174d;
+}
+
+.to-pink-900 {
+  --tw-gradient-to: #831843;
+}
+
+.hover\:from-transparent:hover {
+  --tw-gradient-from: transparent;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.hover\:from-current:hover {
+  --tw-gradient-from: currentColor;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-black:hover {
+  --tw-gradient-from: #000;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.hover\:from-white:hover {
+  --tw-gradient-from: #fff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-gray-50:hover {
+  --tw-gradient-from: #f9fafb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+}
+
+.hover\:from-gray-100:hover {
+  --tw-gradient-from: #f3f4f6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+}
+
+.hover\:from-gray-200:hover {
+  --tw-gradient-from: #e5e7eb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+}
+
+.hover\:from-gray-300:hover {
+  --tw-gradient-from: #d1d5db;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+}
+
+.hover\:from-gray-400:hover {
+  --tw-gradient-from: #9ca3af;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+}
+
+.hover\:from-gray-500:hover {
+  --tw-gradient-from: #6b7280;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+}
+
+.hover\:from-gray-600:hover {
+  --tw-gradient-from: #4b5563;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+}
+
+.hover\:from-gray-700:hover {
+  --tw-gradient-from: #374151;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+}
+
+.hover\:from-gray-800:hover {
+  --tw-gradient-from: #1f2937;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+}
+
+.hover\:from-gray-900:hover {
+  --tw-gradient-from: #111827;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+}
+
+.hover\:from-red-50:hover {
+  --tw-gradient-from: #fef2f2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+}
+
+.hover\:from-red-100:hover {
+  --tw-gradient-from: #fee2e2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+}
+
+.hover\:from-red-200:hover {
+  --tw-gradient-from: #fecaca;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+}
+
+.hover\:from-red-300:hover {
+  --tw-gradient-from: #fca5a5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+}
+
+.hover\:from-red-400:hover {
+  --tw-gradient-from: #f87171;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+}
+
+.hover\:from-red-500:hover {
+  --tw-gradient-from: #ef4444;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+}
+
+.hover\:from-red-600:hover {
+  --tw-gradient-from: #dc2626;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+}
+
+.hover\:from-red-700:hover {
+  --tw-gradient-from: #b91c1c;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+}
+
+.hover\:from-red-800:hover {
+  --tw-gradient-from: #991b1b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+}
+
+.hover\:from-red-900:hover {
+  --tw-gradient-from: #7f1d1d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+}
+
+.hover\:from-yellow-50:hover {
+  --tw-gradient-from: #fffbeb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+}
+
+.hover\:from-yellow-100:hover {
+  --tw-gradient-from: #fef3c7;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+}
+
+.hover\:from-yellow-200:hover {
+  --tw-gradient-from: #fde68a;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+}
+
+.hover\:from-yellow-300:hover {
+  --tw-gradient-from: #fcd34d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+}
+
+.hover\:from-yellow-400:hover {
+  --tw-gradient-from: #fbbf24;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+}
+
+.hover\:from-yellow-500:hover {
+  --tw-gradient-from: #f59e0b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+}
+
+.hover\:from-yellow-600:hover {
+  --tw-gradient-from: #d97706;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+}
+
+.hover\:from-yellow-700:hover {
+  --tw-gradient-from: #b45309;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+}
+
+.hover\:from-yellow-800:hover {
+  --tw-gradient-from: #92400e;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+}
+
+.hover\:from-yellow-900:hover {
+  --tw-gradient-from: #78350f;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+}
+
+.hover\:from-green-50:hover {
+  --tw-gradient-from: #ecfdf5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+}
+
+.hover\:from-green-100:hover {
+  --tw-gradient-from: #d1fae5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+}
+
+.hover\:from-green-200:hover {
+  --tw-gradient-from: #a7f3d0;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+}
+
+.hover\:from-green-300:hover {
+  --tw-gradient-from: #6ee7b7;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+}
+
+.hover\:from-green-400:hover {
+  --tw-gradient-from: #34d399;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+}
+
+.hover\:from-green-500:hover {
+  --tw-gradient-from: #10b981;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+}
+
+.hover\:from-green-600:hover {
+  --tw-gradient-from: #059669;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+}
+
+.hover\:from-green-700:hover {
+  --tw-gradient-from: #047857;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+}
+
+.hover\:from-green-800:hover {
+  --tw-gradient-from: #065f46;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+}
+
+.hover\:from-green-900:hover {
+  --tw-gradient-from: #064e3b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+}
+
+.hover\:from-blue-50:hover {
+  --tw-gradient-from: #eff6ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+}
+
+.hover\:from-blue-100:hover {
+  --tw-gradient-from: #dbeafe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+}
+
+.hover\:from-blue-200:hover {
+  --tw-gradient-from: #bfdbfe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+}
+
+.hover\:from-blue-300:hover {
+  --tw-gradient-from: #93c5fd;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+}
+
+.hover\:from-blue-400:hover {
+  --tw-gradient-from: #60a5fa;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+}
+
+.hover\:from-blue-500:hover {
+  --tw-gradient-from: #3b82f6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+}
+
+.hover\:from-blue-600:hover {
+  --tw-gradient-from: #2563eb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+}
+
+.hover\:from-blue-700:hover {
+  --tw-gradient-from: #1d4ed8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+}
+
+.hover\:from-blue-800:hover {
+  --tw-gradient-from: #1e40af;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+}
+
+.hover\:from-blue-900:hover {
+  --tw-gradient-from: #1e3a8a;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+}
+
+.hover\:from-indigo-50:hover {
+  --tw-gradient-from: #eef2ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+}
+
+.hover\:from-indigo-100:hover {
+  --tw-gradient-from: #e0e7ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+}
+
+.hover\:from-indigo-200:hover {
+  --tw-gradient-from: #c7d2fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+}
+
+.hover\:from-indigo-300:hover {
+  --tw-gradient-from: #a5b4fc;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+}
+
+.hover\:from-indigo-400:hover {
+  --tw-gradient-from: #818cf8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+}
+
+.hover\:from-indigo-500:hover {
+  --tw-gradient-from: #6366f1;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+}
+
+.hover\:from-indigo-600:hover {
+  --tw-gradient-from: #4f46e5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+}
+
+.hover\:from-indigo-700:hover {
+  --tw-gradient-from: #4338ca;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+}
+
+.hover\:from-indigo-800:hover {
+  --tw-gradient-from: #3730a3;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+}
+
+.hover\:from-indigo-900:hover {
+  --tw-gradient-from: #312e81;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+}
+
+.hover\:from-purple-50:hover {
+  --tw-gradient-from: #f5f3ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+}
+
+.hover\:from-purple-100:hover {
+  --tw-gradient-from: #ede9fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+}
+
+.hover\:from-purple-200:hover {
+  --tw-gradient-from: #ddd6fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+}
+
+.hover\:from-purple-300:hover {
+  --tw-gradient-from: #c4b5fd;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+}
+
+.hover\:from-purple-400:hover {
+  --tw-gradient-from: #a78bfa;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+}
+
+.hover\:from-purple-500:hover {
+  --tw-gradient-from: #8b5cf6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+}
+
+.hover\:from-purple-600:hover {
+  --tw-gradient-from: #7c3aed;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+}
+
+.hover\:from-purple-700:hover {
+  --tw-gradient-from: #6d28d9;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+}
+
+.hover\:from-purple-800:hover {
+  --tw-gradient-from: #5b21b6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+}
+
+.hover\:from-purple-900:hover {
+  --tw-gradient-from: #4c1d95;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+}
+
+.hover\:from-pink-50:hover {
+  --tw-gradient-from: #fdf2f8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+}
+
+.hover\:from-pink-100:hover {
+  --tw-gradient-from: #fce7f3;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+}
+
+.hover\:from-pink-200:hover {
+  --tw-gradient-from: #fbcfe8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+}
+
+.hover\:from-pink-300:hover {
+  --tw-gradient-from: #f9a8d4;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+}
+
+.hover\:from-pink-400:hover {
+  --tw-gradient-from: #f472b6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+}
+
+.hover\:from-pink-500:hover {
+  --tw-gradient-from: #ec4899;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+}
+
+.hover\:from-pink-600:hover {
+  --tw-gradient-from: #db2777;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+}
+
+.hover\:from-pink-700:hover {
+  --tw-gradient-from: #be185d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+}
+
+.hover\:from-pink-800:hover {
+  --tw-gradient-from: #9d174d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+}
+
+.hover\:from-pink-900:hover {
+  --tw-gradient-from: #831843;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+}
+
+.hover\:via-transparent:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.hover\:via-current:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-black:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.hover\:via-white:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-gray-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+}
+
+.hover\:via-gray-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+}
+
+.hover\:via-gray-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+}
+
+.hover\:via-gray-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+}
+
+.hover\:via-gray-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+}
+
+.hover\:via-gray-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+}
+
+.hover\:via-gray-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+}
+
+.hover\:via-gray-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+}
+
+.hover\:via-gray-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+}
+
+.hover\:via-gray-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+}
+
+.hover\:via-red-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+}
+
+.hover\:via-red-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+}
+
+.hover\:via-red-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+}
+
+.hover\:via-red-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+}
+
+.hover\:via-red-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+}
+
+.hover\:via-red-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+}
+
+.hover\:via-red-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+}
+
+.hover\:via-red-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+}
+
+.hover\:via-red-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+}
+
+.hover\:via-red-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+}
+
+.hover\:via-yellow-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+}
+
+.hover\:via-yellow-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+}
+
+.hover\:via-yellow-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+}
+
+.hover\:via-yellow-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+}
+
+.hover\:via-yellow-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+}
+
+.hover\:via-yellow-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+}
+
+.hover\:via-yellow-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+}
+
+.hover\:via-yellow-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+}
+
+.hover\:via-yellow-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+}
+
+.hover\:via-yellow-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+}
+
+.hover\:via-green-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+}
+
+.hover\:via-green-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+}
+
+.hover\:via-green-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+}
+
+.hover\:via-green-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+}
+
+.hover\:via-green-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+}
+
+.hover\:via-green-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+}
+
+.hover\:via-green-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+}
+
+.hover\:via-green-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+}
+
+.hover\:via-green-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+}
+
+.hover\:via-green-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+}
+
+.hover\:via-blue-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+}
+
+.hover\:via-blue-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+}
+
+.hover\:via-blue-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+}
+
+.hover\:via-blue-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+}
+
+.hover\:via-blue-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+}
+
+.hover\:via-blue-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+}
+
+.hover\:via-blue-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+}
+
+.hover\:via-blue-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+}
+
+.hover\:via-blue-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+}
+
+.hover\:via-blue-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+}
+
+.hover\:via-indigo-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+}
+
+.hover\:via-indigo-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+}
+
+.hover\:via-indigo-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+}
+
+.hover\:via-indigo-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+}
+
+.hover\:via-indigo-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+}
+
+.hover\:via-indigo-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+}
+
+.hover\:via-indigo-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+}
+
+.hover\:via-indigo-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+}
+
+.hover\:via-indigo-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+}
+
+.hover\:via-indigo-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+}
+
+.hover\:via-purple-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+}
+
+.hover\:via-purple-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+}
+
+.hover\:via-purple-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+}
+
+.hover\:via-purple-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+}
+
+.hover\:via-purple-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+}
+
+.hover\:via-purple-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+}
+
+.hover\:via-purple-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+}
+
+.hover\:via-purple-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+}
+
+.hover\:via-purple-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+}
+
+.hover\:via-purple-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+}
+
+.hover\:via-pink-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+}
+
+.hover\:via-pink-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+}
+
+.hover\:via-pink-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+}
+
+.hover\:via-pink-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+}
+
+.hover\:via-pink-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+}
+
+.hover\:via-pink-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+}
+
+.hover\:via-pink-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+}
+
+.hover\:via-pink-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+}
+
+.hover\:via-pink-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+}
+
+.hover\:via-pink-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+}
+
+.hover\:to-transparent:hover {
+  --tw-gradient-to: transparent;
+}
+
+.hover\:to-current:hover {
+  --tw-gradient-to: currentColor;
+}
+
+.hover\:to-black:hover {
+  --tw-gradient-to: #000;
+}
+
+.hover\:to-white:hover {
+  --tw-gradient-to: #fff;
+}
+
+.hover\:to-gray-50:hover {
+  --tw-gradient-to: #f9fafb;
+}
+
+.hover\:to-gray-100:hover {
+  --tw-gradient-to: #f3f4f6;
+}
+
+.hover\:to-gray-200:hover {
+  --tw-gradient-to: #e5e7eb;
+}
+
+.hover\:to-gray-300:hover {
+  --tw-gradient-to: #d1d5db;
+}
+
+.hover\:to-gray-400:hover {
+  --tw-gradient-to: #9ca3af;
+}
+
+.hover\:to-gray-500:hover {
+  --tw-gradient-to: #6b7280;
+}
+
+.hover\:to-gray-600:hover {
+  --tw-gradient-to: #4b5563;
+}
+
+.hover\:to-gray-700:hover {
+  --tw-gradient-to: #374151;
+}
+
+.hover\:to-gray-800:hover {
+  --tw-gradient-to: #1f2937;
+}
+
+.hover\:to-gray-900:hover {
+  --tw-gradient-to: #111827;
+}
+
+.hover\:to-red-50:hover {
+  --tw-gradient-to: #fef2f2;
+}
+
+.hover\:to-red-100:hover {
+  --tw-gradient-to: #fee2e2;
+}
+
+.hover\:to-red-200:hover {
+  --tw-gradient-to: #fecaca;
+}
+
+.hover\:to-red-300:hover {
+  --tw-gradient-to: #fca5a5;
+}
+
+.hover\:to-red-400:hover {
+  --tw-gradient-to: #f87171;
+}
+
+.hover\:to-red-500:hover {
+  --tw-gradient-to: #ef4444;
+}
+
+.hover\:to-red-600:hover {
+  --tw-gradient-to: #dc2626;
+}
+
+.hover\:to-red-700:hover {
+  --tw-gradient-to: #b91c1c;
+}
+
+.hover\:to-red-800:hover {
+  --tw-gradient-to: #991b1b;
+}
+
+.hover\:to-red-900:hover {
+  --tw-gradient-to: #7f1d1d;
+}
+
+.hover\:to-yellow-50:hover {
+  --tw-gradient-to: #fffbeb;
+}
+
+.hover\:to-yellow-100:hover {
+  --tw-gradient-to: #fef3c7;
+}
+
+.hover\:to-yellow-200:hover {
+  --tw-gradient-to: #fde68a;
+}
+
+.hover\:to-yellow-300:hover {
+  --tw-gradient-to: #fcd34d;
+}
+
+.hover\:to-yellow-400:hover {
+  --tw-gradient-to: #fbbf24;
+}
+
+.hover\:to-yellow-500:hover {
+  --tw-gradient-to: #f59e0b;
+}
+
+.hover\:to-yellow-600:hover {
+  --tw-gradient-to: #d97706;
+}
+
+.hover\:to-yellow-700:hover {
+  --tw-gradient-to: #b45309;
+}
+
+.hover\:to-yellow-800:hover {
+  --tw-gradient-to: #92400e;
+}
+
+.hover\:to-yellow-900:hover {
+  --tw-gradient-to: #78350f;
+}
+
+.hover\:to-green-50:hover {
+  --tw-gradient-to: #ecfdf5;
+}
+
+.hover\:to-green-100:hover {
+  --tw-gradient-to: #d1fae5;
+}
+
+.hover\:to-green-200:hover {
+  --tw-gradient-to: #a7f3d0;
+}
+
+.hover\:to-green-300:hover {
+  --tw-gradient-to: #6ee7b7;
+}
+
+.hover\:to-green-400:hover {
+  --tw-gradient-to: #34d399;
+}
+
+.hover\:to-green-500:hover {
+  --tw-gradient-to: #10b981;
+}
+
+.hover\:to-green-600:hover {
+  --tw-gradient-to: #059669;
+}
+
+.hover\:to-green-700:hover {
+  --tw-gradient-to: #047857;
+}
+
+.hover\:to-green-800:hover {
+  --tw-gradient-to: #065f46;
+}
+
+.hover\:to-green-900:hover {
+  --tw-gradient-to: #064e3b;
+}
+
+.hover\:to-blue-50:hover {
+  --tw-gradient-to: #eff6ff;
+}
+
+.hover\:to-blue-100:hover {
+  --tw-gradient-to: #dbeafe;
+}
+
+.hover\:to-blue-200:hover {
+  --tw-gradient-to: #bfdbfe;
+}
+
+.hover\:to-blue-300:hover {
+  --tw-gradient-to: #93c5fd;
+}
+
+.hover\:to-blue-400:hover {
+  --tw-gradient-to: #60a5fa;
+}
+
+.hover\:to-blue-500:hover {
+  --tw-gradient-to: #3b82f6;
+}
+
+.hover\:to-blue-600:hover {
+  --tw-gradient-to: #2563eb;
+}
+
+.hover\:to-blue-700:hover {
+  --tw-gradient-to: #1d4ed8;
+}
+
+.hover\:to-blue-800:hover {
+  --tw-gradient-to: #1e40af;
+}
+
+.hover\:to-blue-900:hover {
+  --tw-gradient-to: #1e3a8a;
+}
+
+.hover\:to-indigo-50:hover {
+  --tw-gradient-to: #eef2ff;
+}
+
+.hover\:to-indigo-100:hover {
+  --tw-gradient-to: #e0e7ff;
+}
+
+.hover\:to-indigo-200:hover {
+  --tw-gradient-to: #c7d2fe;
+}
+
+.hover\:to-indigo-300:hover {
+  --tw-gradient-to: #a5b4fc;
+}
+
+.hover\:to-indigo-400:hover {
+  --tw-gradient-to: #818cf8;
+}
+
+.hover\:to-indigo-500:hover {
+  --tw-gradient-to: #6366f1;
+}
+
+.hover\:to-indigo-600:hover {
+  --tw-gradient-to: #4f46e5;
+}
+
+.hover\:to-indigo-700:hover {
+  --tw-gradient-to: #4338ca;
+}
+
+.hover\:to-indigo-800:hover {
+  --tw-gradient-to: #3730a3;
+}
+
+.hover\:to-indigo-900:hover {
+  --tw-gradient-to: #312e81;
+}
+
+.hover\:to-purple-50:hover {
+  --tw-gradient-to: #f5f3ff;
+}
+
+.hover\:to-purple-100:hover {
+  --tw-gradient-to: #ede9fe;
+}
+
+.hover\:to-purple-200:hover {
+  --tw-gradient-to: #ddd6fe;
+}
+
+.hover\:to-purple-300:hover {
+  --tw-gradient-to: #c4b5fd;
+}
+
+.hover\:to-purple-400:hover {
+  --tw-gradient-to: #a78bfa;
+}
+
+.hover\:to-purple-500:hover {
+  --tw-gradient-to: #8b5cf6;
+}
+
+.hover\:to-purple-600:hover {
+  --tw-gradient-to: #7c3aed;
+}
+
+.hover\:to-purple-700:hover {
+  --tw-gradient-to: #6d28d9;
+}
+
+.hover\:to-purple-800:hover {
+  --tw-gradient-to: #5b21b6;
+}
+
+.hover\:to-purple-900:hover {
+  --tw-gradient-to: #4c1d95;
+}
+
+.hover\:to-pink-50:hover {
+  --tw-gradient-to: #fdf2f8;
+}
+
+.hover\:to-pink-100:hover {
+  --tw-gradient-to: #fce7f3;
+}
+
+.hover\:to-pink-200:hover {
+  --tw-gradient-to: #fbcfe8;
+}
+
+.hover\:to-pink-300:hover {
+  --tw-gradient-to: #f9a8d4;
+}
+
+.hover\:to-pink-400:hover {
+  --tw-gradient-to: #f472b6;
+}
+
+.hover\:to-pink-500:hover {
+  --tw-gradient-to: #ec4899;
+}
+
+.hover\:to-pink-600:hover {
+  --tw-gradient-to: #db2777;
+}
+
+.hover\:to-pink-700:hover {
+  --tw-gradient-to: #be185d;
+}
+
+.hover\:to-pink-800:hover {
+  --tw-gradient-to: #9d174d;
+}
+
+.hover\:to-pink-900:hover {
+  --tw-gradient-to: #831843;
+}
+
+.focus\:from-transparent:focus {
+  --tw-gradient-from: transparent;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.focus\:from-current:focus {
+  --tw-gradient-from: currentColor;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-black:focus {
+  --tw-gradient-from: #000;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.focus\:from-white:focus {
+  --tw-gradient-from: #fff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-gray-50:focus {
+  --tw-gradient-from: #f9fafb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+}
+
+.focus\:from-gray-100:focus {
+  --tw-gradient-from: #f3f4f6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+}
+
+.focus\:from-gray-200:focus {
+  --tw-gradient-from: #e5e7eb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+}
+
+.focus\:from-gray-300:focus {
+  --tw-gradient-from: #d1d5db;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+}
+
+.focus\:from-gray-400:focus {
+  --tw-gradient-from: #9ca3af;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+}
+
+.focus\:from-gray-500:focus {
+  --tw-gradient-from: #6b7280;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+}
+
+.focus\:from-gray-600:focus {
+  --tw-gradient-from: #4b5563;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+}
+
+.focus\:from-gray-700:focus {
+  --tw-gradient-from: #374151;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+}
+
+.focus\:from-gray-800:focus {
+  --tw-gradient-from: #1f2937;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+}
+
+.focus\:from-gray-900:focus {
+  --tw-gradient-from: #111827;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+}
+
+.focus\:from-red-50:focus {
+  --tw-gradient-from: #fef2f2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+}
+
+.focus\:from-red-100:focus {
+  --tw-gradient-from: #fee2e2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+}
+
+.focus\:from-red-200:focus {
+  --tw-gradient-from: #fecaca;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+}
+
+.focus\:from-red-300:focus {
+  --tw-gradient-from: #fca5a5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+}
+
+.focus\:from-red-400:focus {
+  --tw-gradient-from: #f87171;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+}
+
+.focus\:from-red-500:focus {
+  --tw-gradient-from: #ef4444;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+}
+
+.focus\:from-red-600:focus {
+  --tw-gradient-from: #dc2626;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+}
+
+.focus\:from-red-700:focus {
+  --tw-gradient-from: #b91c1c;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+}
+
+.focus\:from-red-800:focus {
+  --tw-gradient-from: #991b1b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+}
+
+.focus\:from-red-900:focus {
+  --tw-gradient-from: #7f1d1d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+}
+
+.focus\:from-yellow-50:focus {
+  --tw-gradient-from: #fffbeb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+}
+
+.focus\:from-yellow-100:focus {
+  --tw-gradient-from: #fef3c7;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+}
+
+.focus\:from-yellow-200:focus {
+  --tw-gradient-from: #fde68a;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+}
+
+.focus\:from-yellow-300:focus {
+  --tw-gradient-from: #fcd34d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+}
+
+.focus\:from-yellow-400:focus {
+  --tw-gradient-from: #fbbf24;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+}
+
+.focus\:from-yellow-500:focus {
+  --tw-gradient-from: #f59e0b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+}
+
+.focus\:from-yellow-600:focus {
+  --tw-gradient-from: #d97706;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+}
+
+.focus\:from-yellow-700:focus {
+  --tw-gradient-from: #b45309;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+}
+
+.focus\:from-yellow-800:focus {
+  --tw-gradient-from: #92400e;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+}
+
+.focus\:from-yellow-900:focus {
+  --tw-gradient-from: #78350f;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+}
+
+.focus\:from-green-50:focus {
+  --tw-gradient-from: #ecfdf5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+}
+
+.focus\:from-green-100:focus {
+  --tw-gradient-from: #d1fae5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+}
+
+.focus\:from-green-200:focus {
+  --tw-gradient-from: #a7f3d0;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+}
+
+.focus\:from-green-300:focus {
+  --tw-gradient-from: #6ee7b7;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+}
+
+.focus\:from-green-400:focus {
+  --tw-gradient-from: #34d399;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+}
+
+.focus\:from-green-500:focus {
+  --tw-gradient-from: #10b981;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+}
+
+.focus\:from-green-600:focus {
+  --tw-gradient-from: #059669;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+}
+
+.focus\:from-green-700:focus {
+  --tw-gradient-from: #047857;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+}
+
+.focus\:from-green-800:focus {
+  --tw-gradient-from: #065f46;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+}
+
+.focus\:from-green-900:focus {
+  --tw-gradient-from: #064e3b;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+}
+
+.focus\:from-blue-50:focus {
+  --tw-gradient-from: #eff6ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+}
+
+.focus\:from-blue-100:focus {
+  --tw-gradient-from: #dbeafe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+}
+
+.focus\:from-blue-200:focus {
+  --tw-gradient-from: #bfdbfe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+}
+
+.focus\:from-blue-300:focus {
+  --tw-gradient-from: #93c5fd;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+}
+
+.focus\:from-blue-400:focus {
+  --tw-gradient-from: #60a5fa;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+}
+
+.focus\:from-blue-500:focus {
+  --tw-gradient-from: #3b82f6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+}
+
+.focus\:from-blue-600:focus {
+  --tw-gradient-from: #2563eb;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+}
+
+.focus\:from-blue-700:focus {
+  --tw-gradient-from: #1d4ed8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+}
+
+.focus\:from-blue-800:focus {
+  --tw-gradient-from: #1e40af;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+}
+
+.focus\:from-blue-900:focus {
+  --tw-gradient-from: #1e3a8a;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+}
+
+.focus\:from-indigo-50:focus {
+  --tw-gradient-from: #eef2ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+}
+
+.focus\:from-indigo-100:focus {
+  --tw-gradient-from: #e0e7ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+}
+
+.focus\:from-indigo-200:focus {
+  --tw-gradient-from: #c7d2fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+}
+
+.focus\:from-indigo-300:focus {
+  --tw-gradient-from: #a5b4fc;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+}
+
+.focus\:from-indigo-400:focus {
+  --tw-gradient-from: #818cf8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+}
+
+.focus\:from-indigo-500:focus {
+  --tw-gradient-from: #6366f1;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+}
+
+.focus\:from-indigo-600:focus {
+  --tw-gradient-from: #4f46e5;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+}
+
+.focus\:from-indigo-700:focus {
+  --tw-gradient-from: #4338ca;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+}
+
+.focus\:from-indigo-800:focus {
+  --tw-gradient-from: #3730a3;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+}
+
+.focus\:from-indigo-900:focus {
+  --tw-gradient-from: #312e81;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+}
+
+.focus\:from-purple-50:focus {
+  --tw-gradient-from: #f5f3ff;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+}
+
+.focus\:from-purple-100:focus {
+  --tw-gradient-from: #ede9fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+}
+
+.focus\:from-purple-200:focus {
+  --tw-gradient-from: #ddd6fe;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+}
+
+.focus\:from-purple-300:focus {
+  --tw-gradient-from: #c4b5fd;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+}
+
+.focus\:from-purple-400:focus {
+  --tw-gradient-from: #a78bfa;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+}
+
+.focus\:from-purple-500:focus {
+  --tw-gradient-from: #8b5cf6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+}
+
+.focus\:from-purple-600:focus {
+  --tw-gradient-from: #7c3aed;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+}
+
+.focus\:from-purple-700:focus {
+  --tw-gradient-from: #6d28d9;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+}
+
+.focus\:from-purple-800:focus {
+  --tw-gradient-from: #5b21b6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+}
+
+.focus\:from-purple-900:focus {
+  --tw-gradient-from: #4c1d95;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+}
+
+.focus\:from-pink-50:focus {
+  --tw-gradient-from: #fdf2f8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+}
+
+.focus\:from-pink-100:focus {
+  --tw-gradient-from: #fce7f3;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+}
+
+.focus\:from-pink-200:focus {
+  --tw-gradient-from: #fbcfe8;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+}
+
+.focus\:from-pink-300:focus {
+  --tw-gradient-from: #f9a8d4;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+}
+
+.focus\:from-pink-400:focus {
+  --tw-gradient-from: #f472b6;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+}
+
+.focus\:from-pink-500:focus {
+  --tw-gradient-from: #ec4899;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+}
+
+.focus\:from-pink-600:focus {
+  --tw-gradient-from: #db2777;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+}
+
+.focus\:from-pink-700:focus {
+  --tw-gradient-from: #be185d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+}
+
+.focus\:from-pink-800:focus {
+  --tw-gradient-from: #9d174d;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+}
+
+.focus\:from-pink-900:focus {
+  --tw-gradient-from: #831843;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+}
+
+.focus\:via-transparent:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.focus\:via-current:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-black:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+}
+
+.focus\:via-white:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-gray-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+}
+
+.focus\:via-gray-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+}
+
+.focus\:via-gray-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+}
+
+.focus\:via-gray-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+}
+
+.focus\:via-gray-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+}
+
+.focus\:via-gray-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+}
+
+.focus\:via-gray-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+}
+
+.focus\:via-gray-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+}
+
+.focus\:via-gray-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+}
+
+.focus\:via-gray-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+}
+
+.focus\:via-red-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+}
+
+.focus\:via-red-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+}
+
+.focus\:via-red-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+}
+
+.focus\:via-red-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+}
+
+.focus\:via-red-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+}
+
+.focus\:via-red-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+}
+
+.focus\:via-red-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+}
+
+.focus\:via-red-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+}
+
+.focus\:via-red-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+}
+
+.focus\:via-red-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+}
+
+.focus\:via-yellow-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+}
+
+.focus\:via-yellow-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+}
+
+.focus\:via-yellow-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+}
+
+.focus\:via-yellow-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+}
+
+.focus\:via-yellow-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+}
+
+.focus\:via-yellow-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+}
+
+.focus\:via-yellow-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+}
+
+.focus\:via-yellow-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+}
+
+.focus\:via-yellow-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+}
+
+.focus\:via-yellow-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+}
+
+.focus\:via-green-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+}
+
+.focus\:via-green-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+}
+
+.focus\:via-green-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+}
+
+.focus\:via-green-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+}
+
+.focus\:via-green-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+}
+
+.focus\:via-green-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+}
+
+.focus\:via-green-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+}
+
+.focus\:via-green-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+}
+
+.focus\:via-green-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+}
+
+.focus\:via-green-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+}
+
+.focus\:via-blue-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+}
+
+.focus\:via-blue-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+}
+
+.focus\:via-blue-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+}
+
+.focus\:via-blue-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+}
+
+.focus\:via-blue-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+}
+
+.focus\:via-blue-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+}
+
+.focus\:via-blue-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+}
+
+.focus\:via-blue-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+}
+
+.focus\:via-blue-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+}
+
+.focus\:via-blue-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+}
+
+.focus\:via-indigo-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+}
+
+.focus\:via-indigo-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+}
+
+.focus\:via-indigo-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+}
+
+.focus\:via-indigo-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+}
+
+.focus\:via-indigo-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+}
+
+.focus\:via-indigo-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+}
+
+.focus\:via-indigo-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+}
+
+.focus\:via-indigo-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+}
+
+.focus\:via-indigo-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+}
+
+.focus\:via-indigo-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+}
+
+.focus\:via-purple-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+}
+
+.focus\:via-purple-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+}
+
+.focus\:via-purple-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+}
+
+.focus\:via-purple-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+}
+
+.focus\:via-purple-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+}
+
+.focus\:via-purple-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+}
+
+.focus\:via-purple-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+}
+
+.focus\:via-purple-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+}
+
+.focus\:via-purple-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+}
+
+.focus\:via-purple-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+}
+
+.focus\:via-pink-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+}
+
+.focus\:via-pink-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+}
+
+.focus\:via-pink-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+}
+
+.focus\:via-pink-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+}
+
+.focus\:via-pink-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+}
+
+.focus\:via-pink-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+}
+
+.focus\:via-pink-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+}
+
+.focus\:via-pink-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+}
+
+.focus\:via-pink-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+}
+
+.focus\:via-pink-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+}
+
+.focus\:to-transparent:focus {
+  --tw-gradient-to: transparent;
+}
+
+.focus\:to-current:focus {
+  --tw-gradient-to: currentColor;
+}
+
+.focus\:to-black:focus {
+  --tw-gradient-to: #000;
+}
+
+.focus\:to-white:focus {
+  --tw-gradient-to: #fff;
+}
+
+.focus\:to-gray-50:focus {
+  --tw-gradient-to: #f9fafb;
+}
+
+.focus\:to-gray-100:focus {
+  --tw-gradient-to: #f3f4f6;
+}
+
+.focus\:to-gray-200:focus {
+  --tw-gradient-to: #e5e7eb;
+}
+
+.focus\:to-gray-300:focus {
+  --tw-gradient-to: #d1d5db;
+}
+
+.focus\:to-gray-400:focus {
+  --tw-gradient-to: #9ca3af;
+}
+
+.focus\:to-gray-500:focus {
+  --tw-gradient-to: #6b7280;
+}
+
+.focus\:to-gray-600:focus {
+  --tw-gradient-to: #4b5563;
+}
+
+.focus\:to-gray-700:focus {
+  --tw-gradient-to: #374151;
+}
+
+.focus\:to-gray-800:focus {
+  --tw-gradient-to: #1f2937;
+}
+
+.focus\:to-gray-900:focus {
+  --tw-gradient-to: #111827;
+}
+
+.focus\:to-red-50:focus {
+  --tw-gradient-to: #fef2f2;
+}
+
+.focus\:to-red-100:focus {
+  --tw-gradient-to: #fee2e2;
+}
+
+.focus\:to-red-200:focus {
+  --tw-gradient-to: #fecaca;
+}
+
+.focus\:to-red-300:focus {
+  --tw-gradient-to: #fca5a5;
+}
+
+.focus\:to-red-400:focus {
+  --tw-gradient-to: #f87171;
+}
+
+.focus\:to-red-500:focus {
+  --tw-gradient-to: #ef4444;
+}
+
+.focus\:to-red-600:focus {
+  --tw-gradient-to: #dc2626;
+}
+
+.focus\:to-red-700:focus {
+  --tw-gradient-to: #b91c1c;
+}
+
+.focus\:to-red-800:focus {
+  --tw-gradient-to: #991b1b;
+}
+
+.focus\:to-red-900:focus {
+  --tw-gradient-to: #7f1d1d;
+}
+
+.focus\:to-yellow-50:focus {
+  --tw-gradient-to: #fffbeb;
+}
+
+.focus\:to-yellow-100:focus {
+  --tw-gradient-to: #fef3c7;
+}
+
+.focus\:to-yellow-200:focus {
+  --tw-gradient-to: #fde68a;
+}
+
+.focus\:to-yellow-300:focus {
+  --tw-gradient-to: #fcd34d;
+}
+
+.focus\:to-yellow-400:focus {
+  --tw-gradient-to: #fbbf24;
+}
+
+.focus\:to-yellow-500:focus {
+  --tw-gradient-to: #f59e0b;
+}
+
+.focus\:to-yellow-600:focus {
+  --tw-gradient-to: #d97706;
+}
+
+.focus\:to-yellow-700:focus {
+  --tw-gradient-to: #b45309;
+}
+
+.focus\:to-yellow-800:focus {
+  --tw-gradient-to: #92400e;
+}
+
+.focus\:to-yellow-900:focus {
+  --tw-gradient-to: #78350f;
+}
+
+.focus\:to-green-50:focus {
+  --tw-gradient-to: #ecfdf5;
+}
+
+.focus\:to-green-100:focus {
+  --tw-gradient-to: #d1fae5;
+}
+
+.focus\:to-green-200:focus {
+  --tw-gradient-to: #a7f3d0;
+}
+
+.focus\:to-green-300:focus {
+  --tw-gradient-to: #6ee7b7;
+}
+
+.focus\:to-green-400:focus {
+  --tw-gradient-to: #34d399;
+}
+
+.focus\:to-green-500:focus {
+  --tw-gradient-to: #10b981;
+}
+
+.focus\:to-green-600:focus {
+  --tw-gradient-to: #059669;
+}
+
+.focus\:to-green-700:focus {
+  --tw-gradient-to: #047857;
+}
+
+.focus\:to-green-800:focus {
+  --tw-gradient-to: #065f46;
+}
+
+.focus\:to-green-900:focus {
+  --tw-gradient-to: #064e3b;
+}
+
+.focus\:to-blue-50:focus {
+  --tw-gradient-to: #eff6ff;
+}
+
+.focus\:to-blue-100:focus {
+  --tw-gradient-to: #dbeafe;
+}
+
+.focus\:to-blue-200:focus {
+  --tw-gradient-to: #bfdbfe;
+}
+
+.focus\:to-blue-300:focus {
+  --tw-gradient-to: #93c5fd;
+}
+
+.focus\:to-blue-400:focus {
+  --tw-gradient-to: #60a5fa;
+}
+
+.focus\:to-blue-500:focus {
+  --tw-gradient-to: #3b82f6;
+}
+
+.focus\:to-blue-600:focus {
+  --tw-gradient-to: #2563eb;
+}
+
+.focus\:to-blue-700:focus {
+  --tw-gradient-to: #1d4ed8;
+}
+
+.focus\:to-blue-800:focus {
+  --tw-gradient-to: #1e40af;
+}
+
+.focus\:to-blue-900:focus {
+  --tw-gradient-to: #1e3a8a;
+}
+
+.focus\:to-indigo-50:focus {
+  --tw-gradient-to: #eef2ff;
+}
+
+.focus\:to-indigo-100:focus {
+  --tw-gradient-to: #e0e7ff;
+}
+
+.focus\:to-indigo-200:focus {
+  --tw-gradient-to: #c7d2fe;
+}
+
+.focus\:to-indigo-300:focus {
+  --tw-gradient-to: #a5b4fc;
+}
+
+.focus\:to-indigo-400:focus {
+  --tw-gradient-to: #818cf8;
+}
+
+.focus\:to-indigo-500:focus {
+  --tw-gradient-to: #6366f1;
+}
+
+.focus\:to-indigo-600:focus {
+  --tw-gradient-to: #4f46e5;
+}
+
+.focus\:to-indigo-700:focus {
+  --tw-gradient-to: #4338ca;
+}
+
+.focus\:to-indigo-800:focus {
+  --tw-gradient-to: #3730a3;
+}
+
+.focus\:to-indigo-900:focus {
+  --tw-gradient-to: #312e81;
+}
+
+.focus\:to-purple-50:focus {
+  --tw-gradient-to: #f5f3ff;
+}
+
+.focus\:to-purple-100:focus {
+  --tw-gradient-to: #ede9fe;
+}
+
+.focus\:to-purple-200:focus {
+  --tw-gradient-to: #ddd6fe;
+}
+
+.focus\:to-purple-300:focus {
+  --tw-gradient-to: #c4b5fd;
+}
+
+.focus\:to-purple-400:focus {
+  --tw-gradient-to: #a78bfa;
+}
+
+.focus\:to-purple-500:focus {
+  --tw-gradient-to: #8b5cf6;
+}
+
+.focus\:to-purple-600:focus {
+  --tw-gradient-to: #7c3aed;
+}
+
+.focus\:to-purple-700:focus {
+  --tw-gradient-to: #6d28d9;
+}
+
+.focus\:to-purple-800:focus {
+  --tw-gradient-to: #5b21b6;
+}
+
+.focus\:to-purple-900:focus {
+  --tw-gradient-to: #4c1d95;
+}
+
+.focus\:to-pink-50:focus {
+  --tw-gradient-to: #fdf2f8;
+}
+
+.focus\:to-pink-100:focus {
+  --tw-gradient-to: #fce7f3;
+}
+
+.focus\:to-pink-200:focus {
+  --tw-gradient-to: #fbcfe8;
+}
+
+.focus\:to-pink-300:focus {
+  --tw-gradient-to: #f9a8d4;
+}
+
+.focus\:to-pink-400:focus {
+  --tw-gradient-to: #f472b6;
+}
+
+.focus\:to-pink-500:focus {
+  --tw-gradient-to: #ec4899;
+}
+
+.focus\:to-pink-600:focus {
+  --tw-gradient-to: #db2777;
+}
+
+.focus\:to-pink-700:focus {
+  --tw-gradient-to: #be185d;
+}
+
+.focus\:to-pink-800:focus {
+  --tw-gradient-to: #9d174d;
+}
+
+.focus\:to-pink-900:focus {
+  --tw-gradient-to: #831843;
+}
+
+.bg-opacity-0 {
+  --tw-bg-opacity: 0;
+}
+
+.bg-opacity-5 {
+  --tw-bg-opacity: 0.05;
+}
+
+.bg-opacity-10 {
+  --tw-bg-opacity: 0.1;
+}
+
+.bg-opacity-20 {
+  --tw-bg-opacity: 0.2;
+}
+
+.bg-opacity-25 {
+  --tw-bg-opacity: 0.25;
+}
+
+.bg-opacity-30 {
+  --tw-bg-opacity: 0.3;
+}
+
+.bg-opacity-40 {
+  --tw-bg-opacity: 0.4;
+}
+
+.bg-opacity-50 {
+  --tw-bg-opacity: 0.5;
+}
+
+.bg-opacity-60 {
+  --tw-bg-opacity: 0.6;
+}
+
+.bg-opacity-70 {
+  --tw-bg-opacity: 0.7;
+}
+
+.bg-opacity-75 {
+  --tw-bg-opacity: 0.75;
+}
+
+.bg-opacity-80 {
+  --tw-bg-opacity: 0.8;
+}
+
+.bg-opacity-90 {
+  --tw-bg-opacity: 0.9;
+}
+
+.bg-opacity-95 {
+  --tw-bg-opacity: 0.95;
+}
+
+.bg-opacity-100 {
+  --tw-bg-opacity: 1;
+}
+
+.group:hover .group-hover\:bg-opacity-0 {
+  --tw-bg-opacity: 0;
+}
+
+.group:hover .group-hover\:bg-opacity-5 {
+  --tw-bg-opacity: 0.05;
+}
+
+.group:hover .group-hover\:bg-opacity-10 {
+  --tw-bg-opacity: 0.1;
+}
+
+.group:hover .group-hover\:bg-opacity-20 {
+  --tw-bg-opacity: 0.2;
+}
+
+.group:hover .group-hover\:bg-opacity-25 {
+  --tw-bg-opacity: 0.25;
+}
+
+.group:hover .group-hover\:bg-opacity-30 {
+  --tw-bg-opacity: 0.3;
+}
+
+.group:hover .group-hover\:bg-opacity-40 {
+  --tw-bg-opacity: 0.4;
+}
+
+.group:hover .group-hover\:bg-opacity-50 {
+  --tw-bg-opacity: 0.5;
+}
+
+.group:hover .group-hover\:bg-opacity-60 {
+  --tw-bg-opacity: 0.6;
+}
+
+.group:hover .group-hover\:bg-opacity-70 {
+  --tw-bg-opacity: 0.7;
+}
+
+.group:hover .group-hover\:bg-opacity-75 {
+  --tw-bg-opacity: 0.75;
+}
+
+.group:hover .group-hover\:bg-opacity-80 {
+  --tw-bg-opacity: 0.8;
+}
+
+.group:hover .group-hover\:bg-opacity-90 {
+  --tw-bg-opacity: 0.9;
+}
+
+.group:hover .group-hover\:bg-opacity-95 {
+  --tw-bg-opacity: 0.95;
+}
+
+.group:hover .group-hover\:bg-opacity-100 {
+  --tw-bg-opacity: 1;
+}
+
+.focus-within\:bg-opacity-0:focus-within {
+  --tw-bg-opacity: 0;
+}
+
+.focus-within\:bg-opacity-5:focus-within {
+  --tw-bg-opacity: 0.05;
+}
+
+.focus-within\:bg-opacity-10:focus-within {
+  --tw-bg-opacity: 0.1;
+}
+
+.focus-within\:bg-opacity-20:focus-within {
+  --tw-bg-opacity: 0.2;
+}
+
+.focus-within\:bg-opacity-25:focus-within {
+  --tw-bg-opacity: 0.25;
+}
+
+.focus-within\:bg-opacity-30:focus-within {
+  --tw-bg-opacity: 0.3;
+}
+
+.focus-within\:bg-opacity-40:focus-within {
+  --tw-bg-opacity: 0.4;
+}
+
+.focus-within\:bg-opacity-50:focus-within {
+  --tw-bg-opacity: 0.5;
+}
+
+.focus-within\:bg-opacity-60:focus-within {
+  --tw-bg-opacity: 0.6;
+}
+
+.focus-within\:bg-opacity-70:focus-within {
+  --tw-bg-opacity: 0.7;
+}
+
+.focus-within\:bg-opacity-75:focus-within {
+  --tw-bg-opacity: 0.75;
+}
+
+.focus-within\:bg-opacity-80:focus-within {
+  --tw-bg-opacity: 0.8;
+}
+
+.focus-within\:bg-opacity-90:focus-within {
+  --tw-bg-opacity: 0.9;
+}
+
+.focus-within\:bg-opacity-95:focus-within {
+  --tw-bg-opacity: 0.95;
+}
+
+.focus-within\:bg-opacity-100:focus-within {
+  --tw-bg-opacity: 1;
+}
+
+.hover\:bg-opacity-0:hover {
+  --tw-bg-opacity: 0;
+}
+
+.hover\:bg-opacity-5:hover {
+  --tw-bg-opacity: 0.05;
+}
+
+.hover\:bg-opacity-10:hover {
+  --tw-bg-opacity: 0.1;
+}
+
+.hover\:bg-opacity-20:hover {
+  --tw-bg-opacity: 0.2;
+}
+
+.hover\:bg-opacity-25:hover {
+  --tw-bg-opacity: 0.25;
+}
+
+.hover\:bg-opacity-30:hover {
+  --tw-bg-opacity: 0.3;
+}
+
+.hover\:bg-opacity-40:hover {
+  --tw-bg-opacity: 0.4;
+}
+
+.hover\:bg-opacity-50:hover {
+  --tw-bg-opacity: 0.5;
+}
+
+.hover\:bg-opacity-60:hover {
+  --tw-bg-opacity: 0.6;
+}
+
+.hover\:bg-opacity-70:hover {
+  --tw-bg-opacity: 0.7;
+}
+
+.hover\:bg-opacity-75:hover {
+  --tw-bg-opacity: 0.75;
+}
+
+.hover\:bg-opacity-80:hover {
+  --tw-bg-opacity: 0.8;
+}
+
+.hover\:bg-opacity-90:hover {
+  --tw-bg-opacity: 0.9;
+}
+
+.hover\:bg-opacity-95:hover {
+  --tw-bg-opacity: 0.95;
+}
+
+.hover\:bg-opacity-100:hover {
+  --tw-bg-opacity: 1;
+}
+
+.focus\:bg-opacity-0:focus {
+  --tw-bg-opacity: 0;
+}
+
+.focus\:bg-opacity-5:focus {
+  --tw-bg-opacity: 0.05;
+}
+
+.focus\:bg-opacity-10:focus {
+  --tw-bg-opacity: 0.1;
+}
+
+.focus\:bg-opacity-20:focus {
+  --tw-bg-opacity: 0.2;
+}
+
+.focus\:bg-opacity-25:focus {
+  --tw-bg-opacity: 0.25;
+}
+
+.focus\:bg-opacity-30:focus {
+  --tw-bg-opacity: 0.3;
+}
+
+.focus\:bg-opacity-40:focus {
+  --tw-bg-opacity: 0.4;
+}
+
+.focus\:bg-opacity-50:focus {
+  --tw-bg-opacity: 0.5;
+}
+
+.focus\:bg-opacity-60:focus {
+  --tw-bg-opacity: 0.6;
+}
+
+.focus\:bg-opacity-70:focus {
+  --tw-bg-opacity: 0.7;
+}
+
+.focus\:bg-opacity-75:focus {
+  --tw-bg-opacity: 0.75;
+}
+
+.focus\:bg-opacity-80:focus {
+  --tw-bg-opacity: 0.8;
+}
+
+.focus\:bg-opacity-90:focus {
+  --tw-bg-opacity: 0.9;
+}
+
+.focus\:bg-opacity-95:focus {
+  --tw-bg-opacity: 0.95;
+}
+
+.focus\:bg-opacity-100:focus {
+  --tw-bg-opacity: 1;
+}
+
+.bg-bottom {
+  background-position: bottom;
+}
+
+.bg-center {
+  background-position: center;
+}
+
+.bg-left {
+  background-position: left;
+}
+
+.bg-left-bottom {
+  background-position: left bottom;
+}
+
+.bg-left-top {
+  background-position: left top;
+}
+
+.bg-right {
+  background-position: right;
+}
+
+.bg-right-bottom {
+  background-position: right bottom;
+}
+
+.bg-right-top {
+  background-position: right top;
+}
+
+.bg-top {
+  background-position: top;
+}
+
+.bg-repeat {
+  background-repeat: repeat;
+}
+
+.bg-no-repeat {
+  background-repeat: no-repeat;
+}
+
+.bg-repeat-x {
+  background-repeat: repeat-x;
+}
+
+.bg-repeat-y {
+  background-repeat: repeat-y;
+}
+
+.bg-repeat-round {
+  background-repeat: round;
+}
+
+.bg-repeat-space {
+  background-repeat: space;
+}
+
+.bg-auto {
+  background-size: auto;
+}
+
+.bg-cover {
+  background-size: cover;
+}
+
+.bg-contain {
+  background-size: contain;
+}
+
+.border-collapse {
+  border-collapse: collapse;
+}
+
+.border-separate {
+  border-collapse: separate;
+}
+
+.border-transparent {
+  border-color: transparent;
+}
+
+.border-current {
+  border-color: currentColor;
+}
+
+.border-black {
+  --tw-border-opacity: 1;
+  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+}
+
+.border-white {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+.border-gray-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+}
+
+.border-gray-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+}
+
+.border-gray-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+}
+
+.border-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+}
+
+.border-gray-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+}
+
+.border-gray-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+}
+
+.border-gray-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+}
+
+.border-gray-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+}
+
+.border-gray-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+}
+
+.border-gray-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+}
+
+.border-red-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+}
+
+.border-red-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+}
+
+.border-red-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+}
+
+.border-red-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+}
+
+.border-red-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+}
+
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+
+.border-red-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+}
+
+.border-red-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+}
+
+.border-red-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+}
+
+.border-red-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+}
+
+.border-yellow-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+}
+
+.border-yellow-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+}
+
+.border-yellow-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+}
+
+.border-yellow-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+}
+
+.border-yellow-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+}
+
+.border-yellow-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+}
+
+.border-yellow-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+}
+
+.border-yellow-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+}
+
+.border-yellow-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+}
+
+.border-yellow-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+}
+
+.border-green-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+}
+
+.border-green-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+}
+
+.border-green-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+}
+
+.border-green-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+}
+
+.border-green-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+}
+
+.border-green-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+}
+
+.border-green-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+}
+
+.border-green-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+}
+
+.border-green-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+}
+
+.border-green-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+}
+
+.border-blue-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+}
+
+.border-blue-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+}
+
+.border-blue-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+}
+
+.border-blue-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+}
+
+.border-blue-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+}
+
+.border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+
+.border-blue-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+}
+
+.border-blue-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+}
+
+.border-blue-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+}
+
+.border-blue-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+}
+
+.border-indigo-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+}
+
+.border-indigo-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+}
+
+.border-indigo-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+}
+
+.border-indigo-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+}
+
+.border-indigo-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+}
+
+.border-indigo-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+}
+
+.border-indigo-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+}
+
+.border-indigo-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+}
+
+.border-indigo-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+}
+
+.border-indigo-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+}
+
+.border-purple-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+}
+
+.border-purple-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+}
+
+.border-purple-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+}
+
+.border-purple-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+}
+
+.border-purple-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+}
+
+.border-purple-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+}
+
+.border-purple-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+}
+
+.border-purple-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+}
+
+.border-purple-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+}
+
+.border-purple-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+}
+
+.border-pink-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+}
+
+.border-pink-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+}
+
+.border-pink-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+}
+
+.border-pink-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+}
+
+.border-pink-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+}
+
+.border-pink-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+}
+
+.border-pink-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+}
+
+.border-pink-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+}
+
+.border-pink-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+}
+
+.border-pink-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-transparent {
+  border-color: transparent;
+}
+
+.group:hover .group-hover\:border-current {
+  border-color: currentColor;
+}
+
+.group:hover .group-hover\:border-black {
+  --tw-border-opacity: 1;
+  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-white {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-gray-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-red-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-yellow-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-green-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-blue-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-indigo-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-purple-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-200 {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-300 {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-pink-900 {
+  --tw-border-opacity: 1;
+  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+}
+
+.focus-within\:border-transparent:focus-within {
+  border-color: transparent;
+}
+
+.focus-within\:border-current:focus-within {
+  border-color: currentColor;
+}
+
+.focus-within\:border-black:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+}
+
+.focus-within\:border-white:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+}
+
+.focus-within\:border-gray-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+}
+
+.focus-within\:border-red-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+}
+
+.focus-within\:border-yellow-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+}
+
+.focus-within\:border-green-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+}
+
+.focus-within\:border-blue-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+}
+
+.focus-within\:border-indigo-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+}
+
+.focus-within\:border-purple-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-100:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-200:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-300:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-400:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-500:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-600:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-700:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-800:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+}
+
+.focus-within\:border-pink-900:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+}
+
+.hover\:border-transparent:hover {
+  border-color: transparent;
+}
+
+.hover\:border-current:hover {
+  border-color: currentColor;
+}
+
+.hover\:border-black:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+}
+
+.hover\:border-white:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+}
+
+.hover\:border-gray-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+}
+
+.hover\:border-red-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+}
+
+.hover\:border-red-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+}
+
+.hover\:border-red-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+}
+
+.hover\:border-red-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+}
+
+.hover\:border-red-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+}
+
+.hover\:border-red-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+
+.hover\:border-red-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+}
+
+.hover\:border-red-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+}
+
+.hover\:border-red-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+}
+
+.hover\:border-red-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+}
+
+.hover\:border-green-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+}
+
+.hover\:border-green-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+}
+
+.hover\:border-green-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+}
+
+.hover\:border-green-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+}
+
+.hover\:border-green-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+}
+
+.hover\:border-green-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+}
+
+.hover\:border-green-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+}
+
+.hover\:border-green-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+}
+
+.hover\:border-green-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+}
+
+.hover\:border-green-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+}
+
+.hover\:border-blue-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+}
+
+.hover\:border-purple-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+}
+
+.hover\:border-pink-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+}
+
+.focus\:border-transparent:focus {
+  border-color: transparent;
+}
+
+.focus\:border-current:focus {
+  border-color: currentColor;
+}
+
+.focus\:border-black:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+}
+
+.focus\:border-white:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+}
+
+.focus\:border-gray-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+}
+
+.focus\:border-red-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+}
+
+.focus\:border-red-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+}
+
+.focus\:border-red-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+}
+
+.focus\:border-red-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+}
+
+.focus\:border-red-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+}
+
+.focus\:border-red-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+
+.focus\:border-red-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+}
+
+.focus\:border-red-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+}
+
+.focus\:border-red-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+}
+
+.focus\:border-red-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+}
+
+.focus\:border-yellow-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+}
+
+.focus\:border-green-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+}
+
+.focus\:border-green-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+}
+
+.focus\:border-green-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+}
+
+.focus\:border-green-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+}
+
+.focus\:border-green-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+}
+
+.focus\:border-green-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+}
+
+.focus\:border-green-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+}
+
+.focus\:border-green-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+}
+
+.focus\:border-green-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+}
+
+.focus\:border-green-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+}
+
+.focus\:border-blue-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+}
+
+.focus\:border-indigo-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+}
+
+.focus\:border-purple-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-100:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-200:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+}
+
+.focus\:border-pink-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+}
+
+.border-opacity-0 {
+  --tw-border-opacity: 0;
+}
+
+.border-opacity-5 {
+  --tw-border-opacity: 0.05;
+}
+
+.border-opacity-10 {
+  --tw-border-opacity: 0.1;
+}
+
+.border-opacity-20 {
+  --tw-border-opacity: 0.2;
+}
+
+.border-opacity-25 {
+  --tw-border-opacity: 0.25;
+}
+
+.border-opacity-30 {
+  --tw-border-opacity: 0.3;
+}
+
+.border-opacity-40 {
+  --tw-border-opacity: 0.4;
+}
+
+.border-opacity-50 {
+  --tw-border-opacity: 0.5;
+}
+
+.border-opacity-60 {
+  --tw-border-opacity: 0.6;
+}
+
+.border-opacity-70 {
+  --tw-border-opacity: 0.7;
+}
+
+.border-opacity-75 {
+  --tw-border-opacity: 0.75;
+}
+
+.border-opacity-80 {
+  --tw-border-opacity: 0.8;
+}
+
+.border-opacity-90 {
+  --tw-border-opacity: 0.9;
+}
+
+.border-opacity-95 {
+  --tw-border-opacity: 0.95;
+}
+
+.border-opacity-100 {
+  --tw-border-opacity: 1;
+}
+
+.group:hover .group-hover\:border-opacity-0 {
+  --tw-border-opacity: 0;
+}
+
+.group:hover .group-hover\:border-opacity-5 {
+  --tw-border-opacity: 0.05;
+}
+
+.group:hover .group-hover\:border-opacity-10 {
+  --tw-border-opacity: 0.1;
+}
+
+.group:hover .group-hover\:border-opacity-20 {
+  --tw-border-opacity: 0.2;
+}
+
+.group:hover .group-hover\:border-opacity-25 {
+  --tw-border-opacity: 0.25;
+}
+
+.group:hover .group-hover\:border-opacity-30 {
+  --tw-border-opacity: 0.3;
+}
+
+.group:hover .group-hover\:border-opacity-40 {
+  --tw-border-opacity: 0.4;
+}
+
+.group:hover .group-hover\:border-opacity-50 {
+  --tw-border-opacity: 0.5;
+}
+
+.group:hover .group-hover\:border-opacity-60 {
+  --tw-border-opacity: 0.6;
+}
+
+.group:hover .group-hover\:border-opacity-70 {
+  --tw-border-opacity: 0.7;
+}
+
+.group:hover .group-hover\:border-opacity-75 {
+  --tw-border-opacity: 0.75;
+}
+
+.group:hover .group-hover\:border-opacity-80 {
+  --tw-border-opacity: 0.8;
+}
+
+.group:hover .group-hover\:border-opacity-90 {
+  --tw-border-opacity: 0.9;
+}
+
+.group:hover .group-hover\:border-opacity-95 {
+  --tw-border-opacity: 0.95;
+}
+
+.group:hover .group-hover\:border-opacity-100 {
+  --tw-border-opacity: 1;
+}
+
+.focus-within\:border-opacity-0:focus-within {
+  --tw-border-opacity: 0;
+}
+
+.focus-within\:border-opacity-5:focus-within {
+  --tw-border-opacity: 0.05;
+}
+
+.focus-within\:border-opacity-10:focus-within {
+  --tw-border-opacity: 0.1;
+}
+
+.focus-within\:border-opacity-20:focus-within {
+  --tw-border-opacity: 0.2;
+}
+
+.focus-within\:border-opacity-25:focus-within {
+  --tw-border-opacity: 0.25;
+}
+
+.focus-within\:border-opacity-30:focus-within {
+  --tw-border-opacity: 0.3;
+}
+
+.focus-within\:border-opacity-40:focus-within {
+  --tw-border-opacity: 0.4;
+}
+
+.focus-within\:border-opacity-50:focus-within {
+  --tw-border-opacity: 0.5;
+}
+
+.focus-within\:border-opacity-60:focus-within {
+  --tw-border-opacity: 0.6;
+}
+
+.focus-within\:border-opacity-70:focus-within {
+  --tw-border-opacity: 0.7;
+}
+
+.focus-within\:border-opacity-75:focus-within {
+  --tw-border-opacity: 0.75;
+}
+
+.focus-within\:border-opacity-80:focus-within {
+  --tw-border-opacity: 0.8;
+}
+
+.focus-within\:border-opacity-90:focus-within {
+  --tw-border-opacity: 0.9;
+}
+
+.focus-within\:border-opacity-95:focus-within {
+  --tw-border-opacity: 0.95;
+}
+
+.focus-within\:border-opacity-100:focus-within {
+  --tw-border-opacity: 1;
+}
+
+.hover\:border-opacity-0:hover {
+  --tw-border-opacity: 0;
+}
+
+.hover\:border-opacity-5:hover {
+  --tw-border-opacity: 0.05;
+}
+
+.hover\:border-opacity-10:hover {
+  --tw-border-opacity: 0.1;
+}
+
+.hover\:border-opacity-20:hover {
+  --tw-border-opacity: 0.2;
+}
+
+.hover\:border-opacity-25:hover {
+  --tw-border-opacity: 0.25;
+}
+
+.hover\:border-opacity-30:hover {
+  --tw-border-opacity: 0.3;
+}
+
+.hover\:border-opacity-40:hover {
+  --tw-border-opacity: 0.4;
+}
+
+.hover\:border-opacity-50:hover {
+  --tw-border-opacity: 0.5;
+}
+
+.hover\:border-opacity-60:hover {
+  --tw-border-opacity: 0.6;
+}
+
+.hover\:border-opacity-70:hover {
+  --tw-border-opacity: 0.7;
+}
+
+.hover\:border-opacity-75:hover {
+  --tw-border-opacity: 0.75;
+}
+
+.hover\:border-opacity-80:hover {
+  --tw-border-opacity: 0.8;
+}
+
+.hover\:border-opacity-90:hover {
+  --tw-border-opacity: 0.9;
+}
+
+.hover\:border-opacity-95:hover {
+  --tw-border-opacity: 0.95;
+}
+
+.hover\:border-opacity-100:hover {
+  --tw-border-opacity: 1;
+}
+
+.focus\:border-opacity-0:focus {
+  --tw-border-opacity: 0;
+}
+
+.focus\:border-opacity-5:focus {
+  --tw-border-opacity: 0.05;
+}
+
+.focus\:border-opacity-10:focus {
+  --tw-border-opacity: 0.1;
+}
+
+.focus\:border-opacity-20:focus {
+  --tw-border-opacity: 0.2;
+}
+
+.focus\:border-opacity-25:focus {
+  --tw-border-opacity: 0.25;
+}
+
+.focus\:border-opacity-30:focus {
+  --tw-border-opacity: 0.3;
+}
+
+.focus\:border-opacity-40:focus {
+  --tw-border-opacity: 0.4;
+}
+
+.focus\:border-opacity-50:focus {
+  --tw-border-opacity: 0.5;
+}
+
+.focus\:border-opacity-60:focus {
+  --tw-border-opacity: 0.6;
+}
+
+.focus\:border-opacity-70:focus {
+  --tw-border-opacity: 0.7;
+}
+
+.focus\:border-opacity-75:focus {
+  --tw-border-opacity: 0.75;
+}
+
+.focus\:border-opacity-80:focus {
+  --tw-border-opacity: 0.8;
+}
+
+.focus\:border-opacity-90:focus {
+  --tw-border-opacity: 0.9;
+}
+
+.focus\:border-opacity-95:focus {
+  --tw-border-opacity: 0.95;
+}
+
+.focus\:border-opacity-100:focus {
+  --tw-border-opacity: 1;
+}
+
+.rounded-none {
+  border-radius: 0px;
+}
+
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+
+.rounded {
+  border-radius: 0.25rem;
+}
+
+.rounded-md {
+  border-radius: 0.375rem;
+}
+
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+
+.rounded-xl {
+  border-radius: 0.75rem;
+}
+
+.rounded-2xl {
+  border-radius: 1rem;
+}
+
+.rounded-3xl {
+  border-radius: 1.5rem;
+}
+
+.rounded-full {
+  border-radius: 9999px;
+}
+
+.rounded-t-none {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
+
+.rounded-r-none {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+
+.rounded-b-none {
+  border-bottom-right-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+
+.rounded-l-none {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+
+.rounded-t-sm {
+  border-top-left-radius: 0.125rem;
+  border-top-right-radius: 0.125rem;
+}
+
+.rounded-r-sm {
+  border-top-right-radius: 0.125rem;
+  border-bottom-right-radius: 0.125rem;
+}
+
+.rounded-b-sm {
+  border-bottom-right-radius: 0.125rem;
+  border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-l-sm {
+  border-top-left-radius: 0.125rem;
+  border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-t {
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
+
+.rounded-r {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
+
+.rounded-b {
+  border-bottom-right-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-l {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-t-md {
+  border-top-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
+}
+
+.rounded-r-md {
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+}
+
+.rounded-b-md {
+  border-bottom-right-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-l-md {
+  border-top-left-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-t-lg {
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
+
+.rounded-r-lg {
+  border-top-right-radius: 0.5rem;
+  border-bottom-right-radius: 0.5rem;
+}
+
+.rounded-b-lg {
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-l-lg {
+  border-top-left-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-t-xl {
+  border-top-left-radius: 0.75rem;
+  border-top-right-radius: 0.75rem;
+}
+
+.rounded-r-xl {
+  border-top-right-radius: 0.75rem;
+  border-bottom-right-radius: 0.75rem;
+}
+
+.rounded-b-xl {
+  border-bottom-right-radius: 0.75rem;
+  border-bottom-left-radius: 0.75rem;
+}
+
+.rounded-l-xl {
+  border-top-left-radius: 0.75rem;
+  border-bottom-left-radius: 0.75rem;
+}
+
+.rounded-t-2xl {
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem;
+}
+
+.rounded-r-2xl {
+  border-top-right-radius: 1rem;
+  border-bottom-right-radius: 1rem;
+}
+
+.rounded-b-2xl {
+  border-bottom-right-radius: 1rem;
+  border-bottom-left-radius: 1rem;
+}
+
+.rounded-l-2xl {
+  border-top-left-radius: 1rem;
+  border-bottom-left-radius: 1rem;
+}
+
+.rounded-t-3xl {
+  border-top-left-radius: 1.5rem;
+  border-top-right-radius: 1.5rem;
+}
+
+.rounded-r-3xl {
+  border-top-right-radius: 1.5rem;
+  border-bottom-right-radius: 1.5rem;
+}
+
+.rounded-b-3xl {
+  border-bottom-right-radius: 1.5rem;
+  border-bottom-left-radius: 1.5rem;
+}
+
+.rounded-l-3xl {
+  border-top-left-radius: 1.5rem;
+  border-bottom-left-radius: 1.5rem;
+}
+
+.rounded-t-full {
+  border-top-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+}
+
+.rounded-r-full {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.rounded-b-full {
+  border-bottom-right-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.rounded-l-full {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.rounded-tl-none {
+  border-top-left-radius: 0px;
+}
+
+.rounded-tr-none {
+  border-top-right-radius: 0px;
+}
+
+.rounded-br-none {
+  border-bottom-right-radius: 0px;
+}
+
+.rounded-bl-none {
+  border-bottom-left-radius: 0px;
+}
+
+.rounded-tl-sm {
+  border-top-left-radius: 0.125rem;
+}
+
+.rounded-tr-sm {
+  border-top-right-radius: 0.125rem;
+}
+
+.rounded-br-sm {
+  border-bottom-right-radius: 0.125rem;
+}
+
+.rounded-bl-sm {
+  border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-tl {
+  border-top-left-radius: 0.25rem;
+}
+
+.rounded-tr {
+  border-top-right-radius: 0.25rem;
+}
+
+.rounded-br {
+  border-bottom-right-radius: 0.25rem;
+}
+
+.rounded-bl {
+  border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-tl-md {
+  border-top-left-radius: 0.375rem;
+}
+
+.rounded-tr-md {
+  border-top-right-radius: 0.375rem;
+}
+
+.rounded-br-md {
+  border-bottom-right-radius: 0.375rem;
+}
+
+.rounded-bl-md {
+  border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-tl-lg {
+  border-top-left-radius: 0.5rem;
+}
+
+.rounded-tr-lg {
+  border-top-right-radius: 0.5rem;
+}
+
+.rounded-br-lg {
+  border-bottom-right-radius: 0.5rem;
+}
+
+.rounded-bl-lg {
+  border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-tl-xl {
+  border-top-left-radius: 0.75rem;
+}
+
+.rounded-tr-xl {
+  border-top-right-radius: 0.75rem;
+}
+
+.rounded-br-xl {
+  border-bottom-right-radius: 0.75rem;
+}
+
+.rounded-bl-xl {
+  border-bottom-left-radius: 0.75rem;
+}
+
+.rounded-tl-2xl {
+  border-top-left-radius: 1rem;
+}
+
+.rounded-tr-2xl {
+  border-top-right-radius: 1rem;
+}
+
+.rounded-br-2xl {
+  border-bottom-right-radius: 1rem;
+}
+
+.rounded-bl-2xl {
+  border-bottom-left-radius: 1rem;
+}
+
+.rounded-tl-3xl {
+  border-top-left-radius: 1.5rem;
+}
+
+.rounded-tr-3xl {
+  border-top-right-radius: 1.5rem;
+}
+
+.rounded-br-3xl {
+  border-bottom-right-radius: 1.5rem;
+}
+
+.rounded-bl-3xl {
+  border-bottom-left-radius: 1.5rem;
+}
+
+.rounded-tl-full {
+  border-top-left-radius: 9999px;
+}
+
+.rounded-tr-full {
+  border-top-right-radius: 9999px;
+}
+
+.rounded-br-full {
+  border-bottom-right-radius: 9999px;
+}
+
+.rounded-bl-full {
+  border-bottom-left-radius: 9999px;
+}
+
+.border-solid {
+  border-style: solid;
+}
+
+.border-dashed {
+  border-style: dashed;
+}
+
+.border-dotted {
+  border-style: dotted;
+}
+
+.border-double {
+  border-style: double;
+}
+
+.border-none {
+  border-style: none;
+}
+
+.border-0 {
+  border-width: 0px;
+}
+
+.border-2 {
+  border-width: 2px;
+}
+
+.border-4 {
+  border-width: 4px;
+}
+
+.border-8 {
+  border-width: 8px;
+}
+
+.border {
+  border-width: 1px;
+}
+
+.border-t-0 {
+  border-top-width: 0px;
+}
+
+.border-r-0 {
+  border-right-width: 0px;
+}
+
+.border-b-0 {
+  border-bottom-width: 0px;
+}
+
+.border-l-0 {
+  border-left-width: 0px;
+}
+
+.border-t-2 {
+  border-top-width: 2px;
+}
+
+.border-r-2 {
+  border-right-width: 2px;
+}
+
+.border-b-2 {
+  border-bottom-width: 2px;
+}
+
+.border-l-2 {
+  border-left-width: 2px;
+}
+
+.border-t-4 {
+  border-top-width: 4px;
+}
+
+.border-r-4 {
+  border-right-width: 4px;
+}
+
+.border-b-4 {
+  border-bottom-width: 4px;
+}
+
+.border-l-4 {
+  border-left-width: 4px;
+}
+
+.border-t-8 {
+  border-top-width: 8px;
+}
+
+.border-r-8 {
+  border-right-width: 8px;
+}
+
+.border-b-8 {
+  border-bottom-width: 8px;
+}
+
+.border-l-8 {
+  border-left-width: 8px;
+}
+
+.border-t {
+  border-top-width: 1px;
+}
+
+.border-r {
+  border-right-width: 1px;
+}
+
+.border-b {
+  border-bottom-width: 1px;
+}
+
+.border-l {
+  border-left-width: 1px;
+}
+
+.box-border {
+  box-sizing: border-box;
+}
+
+.box-content {
+  box-sizing: content-box;
+}
+
+.cursor-auto {
+  cursor: auto;
+}
+
+.cursor-default {
+  cursor: default;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.cursor-wait {
+  cursor: wait;
+}
+
+.cursor-text {
+  cursor: text;
+}
+
+.cursor-move {
+  cursor: move;
+}
+
+.cursor-help {
+  cursor: help;
+}
+
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+
+.block {
+  display: block;
+}
+
+.inline-block {
+  display: inline-block;
+}
+
+.inline {
+  display: inline;
+}
+
+.flex {
+  display: flex;
+}
+
+.inline-flex {
+  display: inline-flex;
+}
+
+.table {
+  display: table;
+}
+
+.table-caption {
+  display: table-caption;
+}
+
+.table-cell {
+  display: table-cell;
+}
+
+.table-column {
+  display: table-column;
+}
+
+.table-column-group {
+  display: table-column-group;
+}
+
+.table-footer-group {
+  display: table-footer-group;
+}
+
+.table-header-group {
+  display: table-header-group;
+}
+
+.table-row-group {
+  display: table-row-group;
+}
+
+.table-row {
+  display: table-row;
+}
+
+.flow-root {
+  display: flow-root;
+}
+
+.grid {
+  display: grid;
+}
+
+.inline-grid {
+  display: inline-grid;
+}
+
+.contents {
+  display: contents;
+}
+
+.hidden {
+  display: none;
+}
+
+.flex-row {
+  flex-direction: row;
+}
+
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}
+
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+
+.place-items-auto {
+  place-items: auto;
+}
+
+.place-items-start {
+  place-items: start;
+}
+
+.place-items-end {
+  place-items: end;
+}
+
+.place-items-center {
+  place-items: center;
+}
+
+.place-items-stretch {
+  place-items: stretch;
+}
+
+.place-content-center {
+  place-content: center;
+}
+
+.place-content-start {
+  place-content: start;
+}
+
+.place-content-end {
+  place-content: end;
+}
+
+.place-content-between {
+  place-content: space-between;
+}
+
+.place-content-around {
+  place-content: space-around;
+}
+
+.place-content-evenly {
+  place-content: space-evenly;
+}
+
+.place-content-stretch {
+  place-content: stretch;
+}
+
+.place-self-auto {
+  place-self: auto;
+}
+
+.place-self-start {
+  place-self: start;
+}
+
+.place-self-end {
+  place-self: end;
+}
+
+.place-self-center {
+  place-self: center;
+}
+
+.place-self-stretch {
+  place-self: stretch;
+}
+
+.items-start {
+  align-items: flex-start;
+}
+
+.items-end {
+  align-items: flex-end;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.items-baseline {
+  align-items: baseline;
+}
+
+.items-stretch {
+  align-items: stretch;
+}
+
+.content-center {
+  align-content: center;
+}
+
+.content-start {
+  align-content: flex-start;
+}
+
+.content-end {
+  align-content: flex-end;
+}
+
+.content-between {
+  align-content: space-between;
+}
+
+.content-around {
+  align-content: space-around;
+}
+
+.content-evenly {
+  align-content: space-evenly;
+}
+
+.self-auto {
+  align-self: auto;
+}
+
+.self-start {
+  align-self: flex-start;
+}
+
+.self-end {
+  align-self: flex-end;
+}
+
+.self-center {
+  align-self: center;
+}
+
+.self-stretch {
+  align-self: stretch;
+}
+
+.justify-items-auto {
+  justify-items: auto;
+}
+
+.justify-items-start {
+  justify-items: start;
+}
+
+.justify-items-end {
+  justify-items: end;
+}
+
+.justify-items-center {
+  justify-items: center;
+}
+
+.justify-items-stretch {
+  justify-items: stretch;
+}
+
+.justify-start {
+  justify-content: flex-start;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.justify-around {
+  justify-content: space-around;
+}
+
+.justify-evenly {
+  justify-content: space-evenly;
+}
+
+.justify-self-auto {
+  justify-self: auto;
+}
+
+.justify-self-start {
+  justify-self: start;
+}
+
+.justify-self-end {
+  justify-self: end;
+}
+
+.justify-self-center {
+  justify-self: center;
+}
+
+.justify-self-stretch {
+  justify-self: stretch;
+}
+
+.flex-1 {
+  flex: 1 1 0%;
+}
+
+.flex-auto {
+  flex: 1 1 auto;
+}
+
+.flex-initial {
+  flex: 0 1 auto;
+}
+
+.flex-none {
+  flex: none;
+}
+
+.flex-grow-0 {
+  flex-grow: 0;
+}
+
+.flex-grow {
+  flex-grow: 1;
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
+.flex-shrink {
+  flex-shrink: 1;
+}
+
+.order-1 {
+  order: 1;
+}
+
+.order-2 {
+  order: 2;
+}
+
+.order-3 {
+  order: 3;
+}
+
+.order-4 {
+  order: 4;
+}
+
+.order-5 {
+  order: 5;
+}
+
+.order-6 {
+  order: 6;
+}
+
+.order-7 {
+  order: 7;
+}
+
+.order-8 {
+  order: 8;
+}
+
+.order-9 {
+  order: 9;
+}
+
+.order-10 {
+  order: 10;
+}
+
+.order-11 {
+  order: 11;
+}
+
+.order-12 {
+  order: 12;
+}
+
+.order-first {
+  order: -9999;
+}
+
+.order-last {
+  order: 9999;
+}
+
+.order-none {
+  order: 0;
+}
+
+.float-right {
+  float: right;
+}
+
+.float-left {
+  float: left;
+}
+
+.float-none {
+  float: none;
+}
+
+.clear-left {
+  clear: left;
+}
+
+.clear-right {
+  clear: right;
+}
+
+.clear-both {
+  clear: both;
+}
+
+.clear-none {
+  clear: none;
+}
+
+.font-sans {
+  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+.font-serif {
+  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+}
+
+.font-mono {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+.font-thin {
+  font-weight: 100;
+}
+
+.font-extralight {
+  font-weight: 200;
+}
+
+.font-light {
+  font-weight: 300;
+}
+
+.font-normal {
+  font-weight: 400;
+}
+
+.font-medium {
+  font-weight: 500;
+}
+
+.font-semibold {
+  font-weight: 600;
+}
+
+.font-bold {
+  font-weight: 700;
+}
+
+.font-extrabold {
+  font-weight: 800;
+}
+
+.font-black {
+  font-weight: 900;
+}
+
+.h-0 {
+  height: 0px;
+}
+
+.h-1 {
+  height: 0.25rem;
+}
+
+.h-2 {
+  height: 0.5rem;
+}
+
+.h-3 {
+  height: 0.75rem;
+}
+
+.h-4 {
+  height: 1rem;
+}
+
+.h-5 {
+  height: 1.25rem;
+}
+
+.h-6 {
+  height: 1.5rem;
+}
+
+.h-7 {
+  height: 1.75rem;
+}
+
+.h-8 {
+  height: 2rem;
+}
+
+.h-9 {
+  height: 2.25rem;
+}
+
+.h-10 {
+  height: 2.5rem;
+}
+
+.h-11 {
+  height: 2.75rem;
+}
+
+.h-12 {
+  height: 3rem;
+}
+
+.h-14 {
+  height: 3.5rem;
+}
+
+.h-16 {
+  height: 4rem;
+}
+
+.h-20 {
+  height: 5rem;
+}
+
+.h-24 {
+  height: 6rem;
+}
+
+.h-28 {
+  height: 7rem;
+}
+
+.h-32 {
+  height: 8rem;
+}
+
+.h-36 {
+  height: 9rem;
+}
+
+.h-40 {
+  height: 10rem;
+}
+
+.h-44 {
+  height: 11rem;
+}
+
+.h-48 {
+  height: 12rem;
+}
+
+.h-52 {
+  height: 13rem;
+}
+
+.h-56 {
+  height: 14rem;
+}
+
+.h-60 {
+  height: 15rem;
+}
+
+.h-64 {
+  height: 16rem;
+}
+
+.h-72 {
+  height: 18rem;
+}
+
+.h-80 {
+  height: 20rem;
+}
+
+.h-96 {
+  height: 24rem;
+}
+
+.h-auto {
+  height: auto;
+}
+
+.h-px {
+  height: 1px;
+}
+
+.h-0\.5 {
+  height: 0.125rem;
+}
+
+.h-1\.5 {
+  height: 0.375rem;
+}
+
+.h-2\.5 {
+  height: 0.625rem;
+}
+
+.h-3\.5 {
+  height: 0.875rem;
+}
+
+.h-1\/2 {
+  height: 50%;
+}
+
+.h-1\/3 {
+  height: 33.333333%;
+}
+
+.h-2\/3 {
+  height: 66.666667%;
+}
+
+.h-1\/4 {
+  height: 25%;
+}
+
+.h-2\/4 {
+  height: 50%;
+}
+
+.h-3\/4 {
+  height: 75%;
+}
+
+.h-1\/5 {
+  height: 20%;
+}
+
+.h-2\/5 {
+  height: 40%;
+}
+
+.h-3\/5 {
+  height: 60%;
+}
+
+.h-4\/5 {
+  height: 80%;
+}
+
+.h-1\/6 {
+  height: 16.666667%;
+}
+
+.h-2\/6 {
+  height: 33.333333%;
+}
+
+.h-3\/6 {
+  height: 50%;
+}
+
+.h-4\/6 {
+  height: 66.666667%;
+}
+
+.h-5\/6 {
+  height: 83.333333%;
+}
+
+.h-full {
+  height: 100%;
+}
+
+.h-screen {
+  height: 100vh;
+}
+
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
+.text-4xl {
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+}
+
+.text-5xl {
+  font-size: 3rem;
+  line-height: 1;
+}
+
+.text-6xl {
+  font-size: 3.75rem;
+  line-height: 1;
+}
+
+.text-7xl {
+  font-size: 4.5rem;
+  line-height: 1;
+}
+
+.text-8xl {
+  font-size: 6rem;
+  line-height: 1;
+}
+
+.text-9xl {
+  font-size: 8rem;
+  line-height: 1;
+}
+
+.leading-3 {
+  line-height: .75rem;
+}
+
+.leading-4 {
+  line-height: 1rem;
+}
+
+.leading-5 {
+  line-height: 1.25rem;
+}
+
+.leading-6 {
+  line-height: 1.5rem;
+}
+
+.leading-7 {
+  line-height: 1.75rem;
+}
+
+.leading-8 {
+  line-height: 2rem;
+}
+
+.leading-9 {
+  line-height: 2.25rem;
+}
+
+.leading-10 {
+  line-height: 2.5rem;
+}
+
+.leading-none {
+  line-height: 1;
+}
+
+.leading-tight {
+  line-height: 1.25;
+}
+
+.leading-snug {
+  line-height: 1.375;
+}
+
+.leading-normal {
+  line-height: 1.5;
+}
+
+.leading-relaxed {
+  line-height: 1.625;
+}
+
+.leading-loose {
+  line-height: 2;
+}
+
+.list-inside {
+  list-style-position: inside;
+}
+
+.list-outside {
+  list-style-position: outside;
+}
+
+.list-none {
+  list-style-type: none;
+}
+
+.list-disc {
+  list-style-type: disc;
+}
+
+.list-decimal {
+  list-style-type: decimal;
+}
+
+.m-0 {
+  margin: 0px;
+}
+
+.m-1 {
+  margin: 0.25rem;
+}
+
+.m-2 {
+  margin: 0.5rem;
+}
+
+.m-3 {
+  margin: 0.75rem;
+}
+
+.m-4 {
+  margin: 1rem;
+}
+
+.m-5 {
+  margin: 1.25rem;
+}
+
+.m-6 {
+  margin: 1.5rem;
+}
+
+.m-7 {
+  margin: 1.75rem;
+}
+
+.m-8 {
+  margin: 2rem;
+}
+
+.m-9 {
+  margin: 2.25rem;
+}
+
+.m-10 {
+  margin: 2.5rem;
+}
+
+.m-11 {
+  margin: 2.75rem;
+}
+
+.m-12 {
+  margin: 3rem;
+}
+
+.m-14 {
+  margin: 3.5rem;
+}
+
+.m-16 {
+  margin: 4rem;
+}
+
+.m-20 {
+  margin: 5rem;
+}
+
+.m-24 {
+  margin: 6rem;
+}
+
+.m-28 {
+  margin: 7rem;
+}
+
+.m-32 {
+  margin: 8rem;
+}
+
+.m-36 {
+  margin: 9rem;
+}
+
+.m-40 {
+  margin: 10rem;
+}
+
+.m-44 {
+  margin: 11rem;
+}
+
+.m-48 {
+  margin: 12rem;
+}
+
+.m-52 {
+  margin: 13rem;
+}
+
+.m-56 {
+  margin: 14rem;
+}
+
+.m-60 {
+  margin: 15rem;
+}
+
+.m-64 {
+  margin: 16rem;
+}
+
+.m-72 {
+  margin: 18rem;
+}
+
+.m-80 {
+  margin: 20rem;
+}
+
+.m-96 {
+  margin: 24rem;
+}
+
+.m-auto {
+  margin: auto;
+}
+
+.m-px {
+  margin: 1px;
+}
+
+.m-0\.5 {
+  margin: 0.125rem;
+}
+
+.m-1\.5 {
+  margin: 0.375rem;
+}
+
+.m-2\.5 {
+  margin: 0.625rem;
+}
+
+.m-3\.5 {
+  margin: 0.875rem;
+}
+
+.-m-0 {
+  margin: 0px;
+}
+
+.-m-1 {
+  margin: -0.25rem;
+}
+
+.-m-2 {
+  margin: -0.5rem;
+}
+
+.-m-3 {
+  margin: -0.75rem;
+}
+
+.-m-4 {
+  margin: -1rem;
+}
+
+.-m-5 {
+  margin: -1.25rem;
+}
+
+.-m-6 {
+  margin: -1.5rem;
+}
+
+.-m-7 {
+  margin: -1.75rem;
+}
+
+.-m-8 {
+  margin: -2rem;
+}
+
+.-m-9 {
+  margin: -2.25rem;
+}
+
+.-m-10 {
+  margin: -2.5rem;
+}
+
+.-m-11 {
+  margin: -2.75rem;
+}
+
+.-m-12 {
+  margin: -3rem;
+}
+
+.-m-14 {
+  margin: -3.5rem;
+}
+
+.-m-16 {
+  margin: -4rem;
+}
+
+.-m-20 {
+  margin: -5rem;
+}
+
+.-m-24 {
+  margin: -6rem;
+}
+
+.-m-28 {
+  margin: -7rem;
+}
+
+.-m-32 {
+  margin: -8rem;
+}
+
+.-m-36 {
+  margin: -9rem;
+}
+
+.-m-40 {
+  margin: -10rem;
+}
+
+.-m-44 {
+  margin: -11rem;
+}
+
+.-m-48 {
+  margin: -12rem;
+}
+
+.-m-52 {
+  margin: -13rem;
+}
+
+.-m-56 {
+  margin: -14rem;
+}
+
+.-m-60 {
+  margin: -15rem;
+}
+
+.-m-64 {
+  margin: -16rem;
+}
+
+.-m-72 {
+  margin: -18rem;
+}
+
+.-m-80 {
+  margin: -20rem;
+}
+
+.-m-96 {
+  margin: -24rem;
+}
+
+.-m-px {
+  margin: -1px;
+}
+
+.-m-0\.5 {
+  margin: -0.125rem;
+}
+
+.-m-1\.5 {
+  margin: -0.375rem;
+}
+
+.-m-2\.5 {
+  margin: -0.625rem;
+}
+
+.-m-3\.5 {
+  margin: -0.875rem;
+}
+
+.my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
+.my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.mx-2 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+
+.my-3 {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+
+.mx-3 {
+  margin-left: 0.75rem;
+  margin-right: 0.75rem;
+}
+
+.my-4 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
+.mx-4 {
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+
+.my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
+
+.mx-5 {
+  margin-left: 1.25rem;
+  margin-right: 1.25rem;
+}
+
+.my-6 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+
+.mx-6 {
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
+}
+
+.my-7 {
+  margin-top: 1.75rem;
+  margin-bottom: 1.75rem;
+}
+
+.mx-7 {
+  margin-left: 1.75rem;
+  margin-right: 1.75rem;
+}
+
+.my-8 {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
+.mx-8 {
+  margin-left: 2rem;
+  margin-right: 2rem;
+}
+
+.my-9 {
+  margin-top: 2.25rem;
+  margin-bottom: 2.25rem;
+}
+
+.mx-9 {
+  margin-left: 2.25rem;
+  margin-right: 2.25rem;
+}
+
+.my-10 {
+  margin-top: 2.5rem;
+  margin-bottom: 2.5rem;
+}
+
+.mx-10 {
+  margin-left: 2.5rem;
+  margin-right: 2.5rem;
+}
+
+.my-11 {
+  margin-top: 2.75rem;
+  margin-bottom: 2.75rem;
+}
+
+.mx-11 {
+  margin-left: 2.75rem;
+  margin-right: 2.75rem;
+}
+
+.my-12 {
+  margin-top: 3rem;
+  margin-bottom: 3rem;
+}
+
+.mx-12 {
+  margin-left: 3rem;
+  margin-right: 3rem;
+}
+
+.my-14 {
+  margin-top: 3.5rem;
+  margin-bottom: 3.5rem;
+}
+
+.mx-14 {
+  margin-left: 3.5rem;
+  margin-right: 3.5rem;
+}
+
+.my-16 {
+  margin-top: 4rem;
+  margin-bottom: 4rem;
+}
+
+.mx-16 {
+  margin-left: 4rem;
+  margin-right: 4rem;
+}
+
+.my-20 {
+  margin-top: 5rem;
+  margin-bottom: 5rem;
+}
+
+.mx-20 {
+  margin-left: 5rem;
+  margin-right: 5rem;
+}
+
+.my-24 {
+  margin-top: 6rem;
+  margin-bottom: 6rem;
+}
+
+.mx-24 {
+  margin-left: 6rem;
+  margin-right: 6rem;
+}
+
+.my-28 {
+  margin-top: 7rem;
+  margin-bottom: 7rem;
+}
+
+.mx-28 {
+  margin-left: 7rem;
+  margin-right: 7rem;
+}
+
+.my-32 {
+  margin-top: 8rem;
+  margin-bottom: 8rem;
+}
+
+.mx-32 {
+  margin-left: 8rem;
+  margin-right: 8rem;
+}
+
+.my-36 {
+  margin-top: 9rem;
+  margin-bottom: 9rem;
+}
+
+.mx-36 {
+  margin-left: 9rem;
+  margin-right: 9rem;
+}
+
+.my-40 {
+  margin-top: 10rem;
+  margin-bottom: 10rem;
+}
+
+.mx-40 {
+  margin-left: 10rem;
+  margin-right: 10rem;
+}
+
+.my-44 {
+  margin-top: 11rem;
+  margin-bottom: 11rem;
+}
+
+.mx-44 {
+  margin-left: 11rem;
+  margin-right: 11rem;
+}
+
+.my-48 {
+  margin-top: 12rem;
+  margin-bottom: 12rem;
+}
+
+.mx-48 {
+  margin-left: 12rem;
+  margin-right: 12rem;
+}
+
+.my-52 {
+  margin-top: 13rem;
+  margin-bottom: 13rem;
+}
+
+.mx-52 {
+  margin-left: 13rem;
+  margin-right: 13rem;
+}
+
+.my-56 {
+  margin-top: 14rem;
+  margin-bottom: 14rem;
+}
+
+.mx-56 {
+  margin-left: 14rem;
+  margin-right: 14rem;
+}
+
+.my-60 {
+  margin-top: 15rem;
+  margin-bottom: 15rem;
+}
+
+.mx-60 {
+  margin-left: 15rem;
+  margin-right: 15rem;
+}
+
+.my-64 {
+  margin-top: 16rem;
+  margin-bottom: 16rem;
+}
+
+.mx-64 {
+  margin-left: 16rem;
+  margin-right: 16rem;
+}
+
+.my-72 {
+  margin-top: 18rem;
+  margin-bottom: 18rem;
+}
+
+.mx-72 {
+  margin-left: 18rem;
+  margin-right: 18rem;
+}
+
+.my-80 {
+  margin-top: 20rem;
+  margin-bottom: 20rem;
+}
+
+.mx-80 {
+  margin-left: 20rem;
+  margin-right: 20rem;
+}
+
+.my-96 {
+  margin-top: 24rem;
+  margin-bottom: 24rem;
+}
+
+.mx-96 {
+  margin-left: 24rem;
+  margin-right: 24rem;
+}
+
+.my-auto {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.my-px {
+  margin-top: 1px;
+  margin-bottom: 1px;
+}
+
+.mx-px {
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.my-0\.5 {
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
+}
+
+.mx-0\.5 {
+  margin-left: 0.125rem;
+  margin-right: 0.125rem;
+}
+
+.my-1\.5 {
+  margin-top: 0.375rem;
+  margin-bottom: 0.375rem;
+}
+
+.mx-1\.5 {
+  margin-left: 0.375rem;
+  margin-right: 0.375rem;
+}
+
+.my-2\.5 {
+  margin-top: 0.625rem;
+  margin-bottom: 0.625rem;
+}
+
+.mx-2\.5 {
+  margin-left: 0.625rem;
+  margin-right: 0.625rem;
+}
+
+.my-3\.5 {
+  margin-top: 0.875rem;
+  margin-bottom: 0.875rem;
+}
+
+.mx-3\.5 {
+  margin-left: 0.875rem;
+  margin-right: 0.875rem;
+}
+
+.-my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.-mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
+.-my-1 {
+  margin-top: -0.25rem;
+  margin-bottom: -0.25rem;
+}
+
+.-mx-1 {
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
+}
+
+.-my-2 {
+  margin-top: -0.5rem;
+  margin-bottom: -0.5rem;
+}
+
+.-mx-2 {
+  margin-left: -0.5rem;
+  margin-right: -0.5rem;
+}
+
+.-my-3 {
+  margin-top: -0.75rem;
+  margin-bottom: -0.75rem;
+}
+
+.-mx-3 {
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
+}
+
+.-my-4 {
+  margin-top: -1rem;
+  margin-bottom: -1rem;
+}
+
+.-mx-4 {
+  margin-left: -1rem;
+  margin-right: -1rem;
+}
+
+.-my-5 {
+  margin-top: -1.25rem;
+  margin-bottom: -1.25rem;
+}
+
+.-mx-5 {
+  margin-left: -1.25rem;
+  margin-right: -1.25rem;
+}
+
+.-my-6 {
+  margin-top: -1.5rem;
+  margin-bottom: -1.5rem;
+}
+
+.-mx-6 {
+  margin-left: -1.5rem;
+  margin-right: -1.5rem;
+}
+
+.-my-7 {
+  margin-top: -1.75rem;
+  margin-bottom: -1.75rem;
+}
+
+.-mx-7 {
+  margin-left: -1.75rem;
+  margin-right: -1.75rem;
+}
+
+.-my-8 {
+  margin-top: -2rem;
+  margin-bottom: -2rem;
+}
+
+.-mx-8 {
+  margin-left: -2rem;
+  margin-right: -2rem;
+}
+
+.-my-9 {
+  margin-top: -2.25rem;
+  margin-bottom: -2.25rem;
+}
+
+.-mx-9 {
+  margin-left: -2.25rem;
+  margin-right: -2.25rem;
+}
+
+.-my-10 {
+  margin-top: -2.5rem;
+  margin-bottom: -2.5rem;
+}
+
+.-mx-10 {
+  margin-left: -2.5rem;
+  margin-right: -2.5rem;
+}
+
+.-my-11 {
+  margin-top: -2.75rem;
+  margin-bottom: -2.75rem;
+}
+
+.-mx-11 {
+  margin-left: -2.75rem;
+  margin-right: -2.75rem;
+}
+
+.-my-12 {
+  margin-top: -3rem;
+  margin-bottom: -3rem;
+}
+
+.-mx-12 {
+  margin-left: -3rem;
+  margin-right: -3rem;
+}
+
+.-my-14 {
+  margin-top: -3.5rem;
+  margin-bottom: -3.5rem;
+}
+
+.-mx-14 {
+  margin-left: -3.5rem;
+  margin-right: -3.5rem;
+}
+
+.-my-16 {
+  margin-top: -4rem;
+  margin-bottom: -4rem;
+}
+
+.-mx-16 {
+  margin-left: -4rem;
+  margin-right: -4rem;
+}
+
+.-my-20 {
+  margin-top: -5rem;
+  margin-bottom: -5rem;
+}
+
+.-mx-20 {
+  margin-left: -5rem;
+  margin-right: -5rem;
+}
+
+.-my-24 {
+  margin-top: -6rem;
+  margin-bottom: -6rem;
+}
+
+.-mx-24 {
+  margin-left: -6rem;
+  margin-right: -6rem;
+}
+
+.-my-28 {
+  margin-top: -7rem;
+  margin-bottom: -7rem;
+}
+
+.-mx-28 {
+  margin-left: -7rem;
+  margin-right: -7rem;
+}
+
+.-my-32 {
+  margin-top: -8rem;
+  margin-bottom: -8rem;
+}
+
+.-mx-32 {
+  margin-left: -8rem;
+  margin-right: -8rem;
+}
+
+.-my-36 {
+  margin-top: -9rem;
+  margin-bottom: -9rem;
+}
+
+.-mx-36 {
+  margin-left: -9rem;
+  margin-right: -9rem;
+}
+
+.-my-40 {
+  margin-top: -10rem;
+  margin-bottom: -10rem;
+}
+
+.-mx-40 {
+  margin-left: -10rem;
+  margin-right: -10rem;
+}
+
+.-my-44 {
+  margin-top: -11rem;
+  margin-bottom: -11rem;
+}
+
+.-mx-44 {
+  margin-left: -11rem;
+  margin-right: -11rem;
+}
+
+.-my-48 {
+  margin-top: -12rem;
+  margin-bottom: -12rem;
+}
+
+.-mx-48 {
+  margin-left: -12rem;
+  margin-right: -12rem;
+}
+
+.-my-52 {
+  margin-top: -13rem;
+  margin-bottom: -13rem;
+}
+
+.-mx-52 {
+  margin-left: -13rem;
+  margin-right: -13rem;
+}
+
+.-my-56 {
+  margin-top: -14rem;
+  margin-bottom: -14rem;
+}
+
+.-mx-56 {
+  margin-left: -14rem;
+  margin-right: -14rem;
+}
+
+.-my-60 {
+  margin-top: -15rem;
+  margin-bottom: -15rem;
+}
+
+.-mx-60 {
+  margin-left: -15rem;
+  margin-right: -15rem;
+}
+
+.-my-64 {
+  margin-top: -16rem;
+  margin-bottom: -16rem;
+}
+
+.-mx-64 {
+  margin-left: -16rem;
+  margin-right: -16rem;
+}
+
+.-my-72 {
+  margin-top: -18rem;
+  margin-bottom: -18rem;
+}
+
+.-mx-72 {
+  margin-left: -18rem;
+  margin-right: -18rem;
+}
+
+.-my-80 {
+  margin-top: -20rem;
+  margin-bottom: -20rem;
+}
+
+.-mx-80 {
+  margin-left: -20rem;
+  margin-right: -20rem;
+}
+
+.-my-96 {
+  margin-top: -24rem;
+  margin-bottom: -24rem;
+}
+
+.-mx-96 {
+  margin-left: -24rem;
+  margin-right: -24rem;
+}
+
+.-my-px {
+  margin-top: -1px;
+  margin-bottom: -1px;
+}
+
+.-mx-px {
+  margin-left: -1px;
+  margin-right: -1px;
+}
+
+.-my-0\.5 {
+  margin-top: -0.125rem;
+  margin-bottom: -0.125rem;
+}
+
+.-mx-0\.5 {
+  margin-left: -0.125rem;
+  margin-right: -0.125rem;
+}
+
+.-my-1\.5 {
+  margin-top: -0.375rem;
+  margin-bottom: -0.375rem;
+}
+
+.-mx-1\.5 {
+  margin-left: -0.375rem;
+  margin-right: -0.375rem;
+}
+
+.-my-2\.5 {
+  margin-top: -0.625rem;
+  margin-bottom: -0.625rem;
+}
+
+.-mx-2\.5 {
+  margin-left: -0.625rem;
+  margin-right: -0.625rem;
+}
+
+.-my-3\.5 {
+  margin-top: -0.875rem;
+  margin-bottom: -0.875rem;
+}
+
+.-mx-3\.5 {
+  margin-left: -0.875rem;
+  margin-right: -0.875rem;
+}
+
+.mt-0 {
+  margin-top: 0px;
+}
+
+.mr-0 {
+  margin-right: 0px;
+}
+
+.mb-0 {
+  margin-bottom: 0px;
+}
+
+.ml-0 {
+  margin-left: 0px;
+}
+
+.mt-1 {
+  margin-top: 0.25rem;
+}
+
+.mr-1 {
+  margin-right: 0.25rem;
+}
+
+.mb-1 {
+  margin-bottom: 0.25rem;
+}
+
+.ml-1 {
+  margin-left: 0.25rem;
+}
+
+.mt-2 {
+  margin-top: 0.5rem;
+}
+
+.mr-2 {
+  margin-right: 0.5rem;
+}
+
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+
+.ml-2 {
+  margin-left: 0.5rem;
+}
+
+.mt-3 {
+  margin-top: 0.75rem;
+}
+
+.mr-3 {
+  margin-right: 0.75rem;
+}
+
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
+
+.ml-3 {
+  margin-left: 0.75rem;
+}
+
+.mt-4 {
+  margin-top: 1rem;
+}
+
+.mr-4 {
+  margin-right: 1rem;
+}
+
+.mb-4 {
+  margin-bottom: 1rem;
+}
+
+.ml-4 {
+  margin-left: 1rem;
+}
+
+.mt-5 {
+  margin-top: 1.25rem;
+}
+
+.mr-5 {
+  margin-right: 1.25rem;
+}
+
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+
+.ml-5 {
+  margin-left: 1.25rem;
+}
+
+.mt-6 {
+  margin-top: 1.5rem;
+}
+
+.mr-6 {
+  margin-right: 1.5rem;
+}
+
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
+
+.ml-6 {
+  margin-left: 1.5rem;
+}
+
+.mt-7 {
+  margin-top: 1.75rem;
+}
+
+.mr-7 {
+  margin-right: 1.75rem;
+}
+
+.mb-7 {
+  margin-bottom: 1.75rem;
+}
+
+.ml-7 {
+  margin-left: 1.75rem;
+}
+
+.mt-8 {
+  margin-top: 2rem;
+}
+
+.mr-8 {
+  margin-right: 2rem;
+}
+
+.mb-8 {
+  margin-bottom: 2rem;
+}
+
+.ml-8 {
+  margin-left: 2rem;
+}
+
+.mt-9 {
+  margin-top: 2.25rem;
+}
+
+.mr-9 {
+  margin-right: 2.25rem;
+}
+
+.mb-9 {
+  margin-bottom: 2.25rem;
+}
+
+.ml-9 {
+  margin-left: 2.25rem;
+}
+
+.mt-10 {
+  margin-top: 2.5rem;
+}
+
+.mr-10 {
+  margin-right: 2.5rem;
+}
+
+.mb-10 {
+  margin-bottom: 2.5rem;
+}
+
+.ml-10 {
+  margin-left: 2.5rem;
+}
+
+.mt-11 {
+  margin-top: 2.75rem;
+}
+
+.mr-11 {
+  margin-right: 2.75rem;
+}
+
+.mb-11 {
+  margin-bottom: 2.75rem;
+}
+
+.ml-11 {
+  margin-left: 2.75rem;
+}
+
+.mt-12 {
+  margin-top: 3rem;
+}
+
+.mr-12 {
+  margin-right: 3rem;
+}
+
+.mb-12 {
+  margin-bottom: 3rem;
+}
+
+.ml-12 {
+  margin-left: 3rem;
+}
+
+.mt-14 {
+  margin-top: 3.5rem;
+}
+
+.mr-14 {
+  margin-right: 3.5rem;
+}
+
+.mb-14 {
+  margin-bottom: 3.5rem;
+}
+
+.ml-14 {
+  margin-left: 3.5rem;
+}
+
+.mt-16 {
+  margin-top: 4rem;
+}
+
+.mr-16 {
+  margin-right: 4rem;
+}
+
+.mb-16 {
+  margin-bottom: 4rem;
+}
+
+.ml-16 {
+  margin-left: 4rem;
+}
+
+.mt-20 {
+  margin-top: 5rem;
+}
+
+.mr-20 {
+  margin-right: 5rem;
+}
+
+.mb-20 {
+  margin-bottom: 5rem;
+}
+
+.ml-20 {
+  margin-left: 5rem;
+}
+
+.mt-24 {
+  margin-top: 6rem;
+}
+
+.mr-24 {
+  margin-right: 6rem;
+}
+
+.mb-24 {
+  margin-bottom: 6rem;
+}
+
+.ml-24 {
+  margin-left: 6rem;
+}
+
+.mt-28 {
+  margin-top: 7rem;
+}
+
+.mr-28 {
+  margin-right: 7rem;
+}
+
+.mb-28 {
+  margin-bottom: 7rem;
+}
+
+.ml-28 {
+  margin-left: 7rem;
+}
+
+.mt-32 {
+  margin-top: 8rem;
+}
+
+.mr-32 {
+  margin-right: 8rem;
+}
+
+.mb-32 {
+  margin-bottom: 8rem;
+}
+
+.ml-32 {
+  margin-left: 8rem;
+}
+
+.mt-36 {
+  margin-top: 9rem;
+}
+
+.mr-36 {
+  margin-right: 9rem;
+}
+
+.mb-36 {
+  margin-bottom: 9rem;
+}
+
+.ml-36 {
+  margin-left: 9rem;
+}
+
+.mt-40 {
+  margin-top: 10rem;
+}
+
+.mr-40 {
+  margin-right: 10rem;
+}
+
+.mb-40 {
+  margin-bottom: 10rem;
+}
+
+.ml-40 {
+  margin-left: 10rem;
+}
+
+.mt-44 {
+  margin-top: 11rem;
+}
+
+.mr-44 {
+  margin-right: 11rem;
+}
+
+.mb-44 {
+  margin-bottom: 11rem;
+}
+
+.ml-44 {
+  margin-left: 11rem;
+}
+
+.mt-48 {
+  margin-top: 12rem;
+}
+
+.mr-48 {
+  margin-right: 12rem;
+}
+
+.mb-48 {
+  margin-bottom: 12rem;
+}
+
+.ml-48 {
+  margin-left: 12rem;
+}
+
+.mt-52 {
+  margin-top: 13rem;
+}
+
+.mr-52 {
+  margin-right: 13rem;
+}
+
+.mb-52 {
+  margin-bottom: 13rem;
+}
+
+.ml-52 {
+  margin-left: 13rem;
+}
+
+.mt-56 {
+  margin-top: 14rem;
+}
+
+.mr-56 {
+  margin-right: 14rem;
+}
+
+.mb-56 {
+  margin-bottom: 14rem;
+}
+
+.ml-56 {
+  margin-left: 14rem;
+}
+
+.mt-60 {
+  margin-top: 15rem;
+}
+
+.mr-60 {
+  margin-right: 15rem;
+}
+
+.mb-60 {
+  margin-bottom: 15rem;
+}
+
+.ml-60 {
+  margin-left: 15rem;
+}
+
+.mt-64 {
+  margin-top: 16rem;
+}
+
+.mr-64 {
+  margin-right: 16rem;
+}
+
+.mb-64 {
+  margin-bottom: 16rem;
+}
+
+.ml-64 {
+  margin-left: 16rem;
+}
+
+.mt-72 {
+  margin-top: 18rem;
+}
+
+.mr-72 {
+  margin-right: 18rem;
+}
+
+.mb-72 {
+  margin-bottom: 18rem;
+}
+
+.ml-72 {
+  margin-left: 18rem;
+}
+
+.mt-80 {
+  margin-top: 20rem;
+}
+
+.mr-80 {
+  margin-right: 20rem;
+}
+
+.mb-80 {
+  margin-bottom: 20rem;
+}
+
+.ml-80 {
+  margin-left: 20rem;
+}
+
+.mt-96 {
+  margin-top: 24rem;
+}
+
+.mr-96 {
+  margin-right: 24rem;
+}
+
+.mb-96 {
+  margin-bottom: 24rem;
+}
+
+.ml-96 {
+  margin-left: 24rem;
+}
+
+.mt-auto {
+  margin-top: auto;
+}
+
+.mr-auto {
+  margin-right: auto;
+}
+
+.mb-auto {
+  margin-bottom: auto;
+}
+
+.ml-auto {
+  margin-left: auto;
+}
+
+.mt-px {
+  margin-top: 1px;
+}
+
+.mr-px {
+  margin-right: 1px;
+}
+
+.mb-px {
+  margin-bottom: 1px;
+}
+
+.ml-px {
+  margin-left: 1px;
+}
+
+.mt-0\.5 {
+  margin-top: 0.125rem;
+}
+
+.mr-0\.5 {
+  margin-right: 0.125rem;
+}
+
+.mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
+
+.ml-0\.5 {
+  margin-left: 0.125rem;
+}
+
+.mt-1\.5 {
+  margin-top: 0.375rem;
+}
+
+.mr-1\.5 {
+  margin-right: 0.375rem;
+}
+
+.mb-1\.5 {
+  margin-bottom: 0.375rem;
+}
+
+.ml-1\.5 {
+  margin-left: 0.375rem;
+}
+
+.mt-2\.5 {
+  margin-top: 0.625rem;
+}
+
+.mr-2\.5 {
+  margin-right: 0.625rem;
+}
+
+.mb-2\.5 {
+  margin-bottom: 0.625rem;
+}
+
+.ml-2\.5 {
+  margin-left: 0.625rem;
+}
+
+.mt-3\.5 {
+  margin-top: 0.875rem;
+}
+
+.mr-3\.5 {
+  margin-right: 0.875rem;
+}
+
+.mb-3\.5 {
+  margin-bottom: 0.875rem;
+}
+
+.ml-3\.5 {
+  margin-left: 0.875rem;
+}
+
+.-mt-0 {
+  margin-top: 0px;
+}
+
+.-mr-0 {
+  margin-right: 0px;
+}
+
+.-mb-0 {
+  margin-bottom: 0px;
+}
+
+.-ml-0 {
+  margin-left: 0px;
+}
+
+.-mt-1 {
+  margin-top: -0.25rem;
+}
+
+.-mr-1 {
+  margin-right: -0.25rem;
+}
+
+.-mb-1 {
+  margin-bottom: -0.25rem;
+}
+
+.-ml-1 {
+  margin-left: -0.25rem;
+}
+
+.-mt-2 {
+  margin-top: -0.5rem;
+}
+
+.-mr-2 {
+  margin-right: -0.5rem;
+}
+
+.-mb-2 {
+  margin-bottom: -0.5rem;
+}
+
+.-ml-2 {
+  margin-left: -0.5rem;
+}
+
+.-mt-3 {
+  margin-top: -0.75rem;
+}
+
+.-mr-3 {
+  margin-right: -0.75rem;
+}
+
+.-mb-3 {
+  margin-bottom: -0.75rem;
+}
+
+.-ml-3 {
+  margin-left: -0.75rem;
+}
+
+.-mt-4 {
+  margin-top: -1rem;
+}
+
+.-mr-4 {
+  margin-right: -1rem;
+}
+
+.-mb-4 {
+  margin-bottom: -1rem;
+}
+
+.-ml-4 {
+  margin-left: -1rem;
+}
+
+.-mt-5 {
+  margin-top: -1.25rem;
+}
+
+.-mr-5 {
+  margin-right: -1.25rem;
+}
+
+.-mb-5 {
+  margin-bottom: -1.25rem;
+}
+
+.-ml-5 {
+  margin-left: -1.25rem;
+}
+
+.-mt-6 {
+  margin-top: -1.5rem;
+}
+
+.-mr-6 {
+  margin-right: -1.5rem;
+}
+
+.-mb-6 {
+  margin-bottom: -1.5rem;
+}
+
+.-ml-6 {
+  margin-left: -1.5rem;
+}
+
+.-mt-7 {
+  margin-top: -1.75rem;
+}
+
+.-mr-7 {
+  margin-right: -1.75rem;
+}
+
+.-mb-7 {
+  margin-bottom: -1.75rem;
+}
+
+.-ml-7 {
+  margin-left: -1.75rem;
+}
+
+.-mt-8 {
+  margin-top: -2rem;
+}
+
+.-mr-8 {
+  margin-right: -2rem;
+}
+
+.-mb-8 {
+  margin-bottom: -2rem;
+}
+
+.-ml-8 {
+  margin-left: -2rem;
+}
+
+.-mt-9 {
+  margin-top: -2.25rem;
+}
+
+.-mr-9 {
+  margin-right: -2.25rem;
+}
+
+.-mb-9 {
+  margin-bottom: -2.25rem;
+}
+
+.-ml-9 {
+  margin-left: -2.25rem;
+}
+
+.-mt-10 {
+  margin-top: -2.5rem;
+}
+
+.-mr-10 {
+  margin-right: -2.5rem;
+}
+
+.-mb-10 {
+  margin-bottom: -2.5rem;
+}
+
+.-ml-10 {
+  margin-left: -2.5rem;
+}
+
+.-mt-11 {
+  margin-top: -2.75rem;
+}
+
+.-mr-11 {
+  margin-right: -2.75rem;
+}
+
+.-mb-11 {
+  margin-bottom: -2.75rem;
+}
+
+.-ml-11 {
+  margin-left: -2.75rem;
+}
+
+.-mt-12 {
+  margin-top: -3rem;
+}
+
+.-mr-12 {
+  margin-right: -3rem;
+}
+
+.-mb-12 {
+  margin-bottom: -3rem;
+}
+
+.-ml-12 {
+  margin-left: -3rem;
+}
+
+.-mt-14 {
+  margin-top: -3.5rem;
+}
+
+.-mr-14 {
+  margin-right: -3.5rem;
+}
+
+.-mb-14 {
+  margin-bottom: -3.5rem;
+}
+
+.-ml-14 {
+  margin-left: -3.5rem;
+}
+
+.-mt-16 {
+  margin-top: -4rem;
+}
+
+.-mr-16 {
+  margin-right: -4rem;
+}
+
+.-mb-16 {
+  margin-bottom: -4rem;
+}
+
+.-ml-16 {
+  margin-left: -4rem;
+}
+
+.-mt-20 {
+  margin-top: -5rem;
+}
+
+.-mr-20 {
+  margin-right: -5rem;
+}
+
+.-mb-20 {
+  margin-bottom: -5rem;
+}
+
+.-ml-20 {
+  margin-left: -5rem;
+}
+
+.-mt-24 {
+  margin-top: -6rem;
+}
+
+.-mr-24 {
+  margin-right: -6rem;
+}
+
+.-mb-24 {
+  margin-bottom: -6rem;
+}
+
+.-ml-24 {
+  margin-left: -6rem;
+}
+
+.-mt-28 {
+  margin-top: -7rem;
+}
+
+.-mr-28 {
+  margin-right: -7rem;
+}
+
+.-mb-28 {
+  margin-bottom: -7rem;
+}
+
+.-ml-28 {
+  margin-left: -7rem;
+}
+
+.-mt-32 {
+  margin-top: -8rem;
+}
+
+.-mr-32 {
+  margin-right: -8rem;
+}
+
+.-mb-32 {
+  margin-bottom: -8rem;
+}
+
+.-ml-32 {
+  margin-left: -8rem;
+}
+
+.-mt-36 {
+  margin-top: -9rem;
+}
+
+.-mr-36 {
+  margin-right: -9rem;
+}
+
+.-mb-36 {
+  margin-bottom: -9rem;
+}
+
+.-ml-36 {
+  margin-left: -9rem;
+}
+
+.-mt-40 {
+  margin-top: -10rem;
+}
+
+.-mr-40 {
+  margin-right: -10rem;
+}
+
+.-mb-40 {
+  margin-bottom: -10rem;
+}
+
+.-ml-40 {
+  margin-left: -10rem;
+}
+
+.-mt-44 {
+  margin-top: -11rem;
+}
+
+.-mr-44 {
+  margin-right: -11rem;
+}
+
+.-mb-44 {
+  margin-bottom: -11rem;
+}
+
+.-ml-44 {
+  margin-left: -11rem;
+}
+
+.-mt-48 {
+  margin-top: -12rem;
+}
+
+.-mr-48 {
+  margin-right: -12rem;
+}
+
+.-mb-48 {
+  margin-bottom: -12rem;
+}
+
+.-ml-48 {
+  margin-left: -12rem;
+}
+
+.-mt-52 {
+  margin-top: -13rem;
+}
+
+.-mr-52 {
+  margin-right: -13rem;
+}
+
+.-mb-52 {
+  margin-bottom: -13rem;
+}
+
+.-ml-52 {
+  margin-left: -13rem;
+}
+
+.-mt-56 {
+  margin-top: -14rem;
+}
+
+.-mr-56 {
+  margin-right: -14rem;
+}
+
+.-mb-56 {
+  margin-bottom: -14rem;
+}
+
+.-ml-56 {
+  margin-left: -14rem;
+}
+
+.-mt-60 {
+  margin-top: -15rem;
+}
+
+.-mr-60 {
+  margin-right: -15rem;
+}
+
+.-mb-60 {
+  margin-bottom: -15rem;
+}
+
+.-ml-60 {
+  margin-left: -15rem;
+}
+
+.-mt-64 {
+  margin-top: -16rem;
+}
+
+.-mr-64 {
+  margin-right: -16rem;
+}
+
+.-mb-64 {
+  margin-bottom: -16rem;
+}
+
+.-ml-64 {
+  margin-left: -16rem;
+}
+
+.-mt-72 {
+  margin-top: -18rem;
+}
+
+.-mr-72 {
+  margin-right: -18rem;
+}
+
+.-mb-72 {
+  margin-bottom: -18rem;
+}
+
+.-ml-72 {
+  margin-left: -18rem;
+}
+
+.-mt-80 {
+  margin-top: -20rem;
+}
+
+.-mr-80 {
+  margin-right: -20rem;
+}
+
+.-mb-80 {
+  margin-bottom: -20rem;
+}
+
+.-ml-80 {
+  margin-left: -20rem;
+}
+
+.-mt-96 {
+  margin-top: -24rem;
+}
+
+.-mr-96 {
+  margin-right: -24rem;
+}
+
+.-mb-96 {
+  margin-bottom: -24rem;
+}
+
+.-ml-96 {
+  margin-left: -24rem;
+}
+
+.-mt-px {
+  margin-top: -1px;
+}
+
+.-mr-px {
+  margin-right: -1px;
+}
+
+.-mb-px {
+  margin-bottom: -1px;
+}
+
+.-ml-px {
+  margin-left: -1px;
+}
+
+.-mt-0\.5 {
+  margin-top: -0.125rem;
+}
+
+.-mr-0\.5 {
+  margin-right: -0.125rem;
+}
+
+.-mb-0\.5 {
+  margin-bottom: -0.125rem;
+}
+
+.-ml-0\.5 {
+  margin-left: -0.125rem;
+}
+
+.-mt-1\.5 {
+  margin-top: -0.375rem;
+}
+
+.-mr-1\.5 {
+  margin-right: -0.375rem;
+}
+
+.-mb-1\.5 {
+  margin-bottom: -0.375rem;
+}
+
+.-ml-1\.5 {
+  margin-left: -0.375rem;
+}
+
+.-mt-2\.5 {
+  margin-top: -0.625rem;
+}
+
+.-mr-2\.5 {
+  margin-right: -0.625rem;
+}
+
+.-mb-2\.5 {
+  margin-bottom: -0.625rem;
+}
+
+.-ml-2\.5 {
+  margin-left: -0.625rem;
+}
+
+.-mt-3\.5 {
+  margin-top: -0.875rem;
+}
+
+.-mr-3\.5 {
+  margin-right: -0.875rem;
+}
+
+.-mb-3\.5 {
+  margin-bottom: -0.875rem;
+}
+
+.-ml-3\.5 {
+  margin-left: -0.875rem;
+}
+
+.max-h-0 {
+  max-height: 0px;
+}
+
+.max-h-1 {
+  max-height: 0.25rem;
+}
+
+.max-h-2 {
+  max-height: 0.5rem;
+}
+
+.max-h-3 {
+  max-height: 0.75rem;
+}
+
+.max-h-4 {
+  max-height: 1rem;
+}
+
+.max-h-5 {
+  max-height: 1.25rem;
+}
+
+.max-h-6 {
+  max-height: 1.5rem;
+}
+
+.max-h-7 {
+  max-height: 1.75rem;
+}
+
+.max-h-8 {
+  max-height: 2rem;
+}
+
+.max-h-9 {
+  max-height: 2.25rem;
+}
+
+.max-h-10 {
+  max-height: 2.5rem;
+}
+
+.max-h-11 {
+  max-height: 2.75rem;
+}
+
+.max-h-12 {
+  max-height: 3rem;
+}
+
+.max-h-14 {
+  max-height: 3.5rem;
+}
+
+.max-h-16 {
+  max-height: 4rem;
+}
+
+.max-h-20 {
+  max-height: 5rem;
+}
+
+.max-h-24 {
+  max-height: 6rem;
+}
+
+.max-h-28 {
+  max-height: 7rem;
+}
+
+.max-h-32 {
+  max-height: 8rem;
+}
+
+.max-h-36 {
+  max-height: 9rem;
+}
+
+.max-h-40 {
+  max-height: 10rem;
+}
+
+.max-h-44 {
+  max-height: 11rem;
+}
+
+.max-h-48 {
+  max-height: 12rem;
+}
+
+.max-h-52 {
+  max-height: 13rem;
+}
+
+.max-h-56 {
+  max-height: 14rem;
+}
+
+.max-h-60 {
+  max-height: 15rem;
+}
+
+.max-h-64 {
+  max-height: 16rem;
+}
+
+.max-h-72 {
+  max-height: 18rem;
+}
+
+.max-h-80 {
+  max-height: 20rem;
+}
+
+.max-h-96 {
+  max-height: 24rem;
+}
+
+.max-h-px {
+  max-height: 1px;
+}
+
+.max-h-0\.5 {
+  max-height: 0.125rem;
+}
+
+.max-h-1\.5 {
+  max-height: 0.375rem;
+}
+
+.max-h-2\.5 {
+  max-height: 0.625rem;
+}
+
+.max-h-3\.5 {
+  max-height: 0.875rem;
+}
+
+.max-h-full {
+  max-height: 100%;
+}
+
+.max-h-screen {
+  max-height: 100vh;
+}
+
+.max-w-0 {
+  max-width: 0rem;
+}
+
+.max-w-none {
+  max-width: none;
+}
+
+.max-w-xs {
+  max-width: 20rem;
+}
+
+.max-w-sm {
+  max-width: 24rem;
+}
+
+.max-w-md {
+  max-width: 28rem;
+}
+
+.max-w-lg {
+  max-width: 32rem;
+}
+
+.max-w-xl {
+  max-width: 36rem;
+}
+
+.max-w-2xl {
+  max-width: 42rem;
+}
+
+.max-w-3xl {
+  max-width: 48rem;
+}
+
+.max-w-4xl {
+  max-width: 56rem;
+}
+
+.max-w-5xl {
+  max-width: 64rem;
+}
+
+.max-w-6xl {
+  max-width: 72rem;
+}
+
+.max-w-7xl {
+  max-width: 80rem;
+}
+
+.max-w-full {
+  max-width: 100%;
+}
+
+.max-w-min {
+  max-width: -webkit-min-content;
+  max-width: min-content;
+}
+
+.max-w-max {
+  max-width: -webkit-max-content;
+  max-width: max-content;
+}
+
+.max-w-prose {
+  max-width: 65ch;
+}
+
+.max-w-screen-sm {
+  max-width: 640px;
+}
+
+.max-w-screen-md {
+  max-width: 768px;
+}
+
+.max-w-screen-lg {
+  max-width: 1024px;
+}
+
+.max-w-screen-xl {
+  max-width: 1280px;
+}
+
+.max-w-screen-2xl {
+  max-width: 1536px;
+}
+
+.min-h-0 {
+  min-height: 0px;
+}
+
+.min-h-full {
+  min-height: 100%;
+}
+
+.min-h-screen {
+  min-height: 100vh;
+}
+
+.min-w-0 {
+  min-width: 0px;
+}
+
+.min-w-full {
+  min-width: 100%;
+}
+
+.min-w-min {
+  min-width: -webkit-min-content;
+  min-width: min-content;
+}
+
+.min-w-max {
+  min-width: -webkit-max-content;
+  min-width: max-content;
+}
+
+.object-contain {
+  object-fit: contain;
+}
+
+.object-cover {
+  object-fit: cover;
+}
+
+.object-fill {
+  object-fit: fill;
+}
+
+.object-none {
+  object-fit: none;
+}
+
+.object-scale-down {
+  object-fit: scale-down;
+}
+
+.object-bottom {
+  object-position: bottom;
+}
+
+.object-center {
+  object-position: center;
+}
+
+.object-left {
+  object-position: left;
+}
+
+.object-left-bottom {
+  object-position: left bottom;
+}
+
+.object-left-top {
+  object-position: left top;
+}
+
+.object-right {
+  object-position: right;
+}
+
+.object-right-bottom {
+  object-position: right bottom;
+}
+
+.object-right-top {
+  object-position: right top;
+}
+
+.object-top {
+  object-position: top;
+}
+
+.opacity-0 {
+  opacity: 0;
+}
+
+.opacity-5 {
+  opacity: 0.05;
+}
+
+.opacity-10 {
+  opacity: 0.1;
+}
+
+.opacity-20 {
+  opacity: 0.2;
+}
+
+.opacity-25 {
+  opacity: 0.25;
+}
+
+.opacity-30 {
+  opacity: 0.3;
+}
+
+.opacity-40 {
+  opacity: 0.4;
+}
+
+.opacity-50 {
+  opacity: 0.5;
+}
+
+.opacity-60 {
+  opacity: 0.6;
+}
+
+.opacity-70 {
+  opacity: 0.7;
+}
+
+.opacity-75 {
+  opacity: 0.75;
+}
+
+.opacity-80 {
+  opacity: 0.8;
+}
+
+.opacity-90 {
+  opacity: 0.9;
+}
+
+.opacity-95 {
+  opacity: 0.95;
+}
+
+.opacity-100 {
+  opacity: 1;
+}
+
+.group:hover .group-hover\:opacity-0 {
+  opacity: 0;
+}
+
+.group:hover .group-hover\:opacity-5 {
+  opacity: 0.05;
+}
+
+.group:hover .group-hover\:opacity-10 {
+  opacity: 0.1;
+}
+
+.group:hover .group-hover\:opacity-20 {
+  opacity: 0.2;
+}
+
+.group:hover .group-hover\:opacity-25 {
+  opacity: 0.25;
+}
+
+.group:hover .group-hover\:opacity-30 {
+  opacity: 0.3;
+}
+
+.group:hover .group-hover\:opacity-40 {
+  opacity: 0.4;
+}
+
+.group:hover .group-hover\:opacity-50 {
+  opacity: 0.5;
+}
+
+.group:hover .group-hover\:opacity-60 {
+  opacity: 0.6;
+}
+
+.group:hover .group-hover\:opacity-70 {
+  opacity: 0.7;
+}
+
+.group:hover .group-hover\:opacity-75 {
+  opacity: 0.75;
+}
+
+.group:hover .group-hover\:opacity-80 {
+  opacity: 0.8;
+}
+
+.group:hover .group-hover\:opacity-90 {
+  opacity: 0.9;
+}
+
+.group:hover .group-hover\:opacity-95 {
+  opacity: 0.95;
+}
+
+.group:hover .group-hover\:opacity-100 {
+  opacity: 1;
+}
+
+.focus-within\:opacity-0:focus-within {
+  opacity: 0;
+}
+
+.focus-within\:opacity-5:focus-within {
+  opacity: 0.05;
+}
+
+.focus-within\:opacity-10:focus-within {
+  opacity: 0.1;
+}
+
+.focus-within\:opacity-20:focus-within {
+  opacity: 0.2;
+}
+
+.focus-within\:opacity-25:focus-within {
+  opacity: 0.25;
+}
+
+.focus-within\:opacity-30:focus-within {
+  opacity: 0.3;
+}
+
+.focus-within\:opacity-40:focus-within {
+  opacity: 0.4;
+}
+
+.focus-within\:opacity-50:focus-within {
+  opacity: 0.5;
+}
+
+.focus-within\:opacity-60:focus-within {
+  opacity: 0.6;
+}
+
+.focus-within\:opacity-70:focus-within {
+  opacity: 0.7;
+}
+
+.focus-within\:opacity-75:focus-within {
+  opacity: 0.75;
+}
+
+.focus-within\:opacity-80:focus-within {
+  opacity: 0.8;
+}
+
+.focus-within\:opacity-90:focus-within {
+  opacity: 0.9;
+}
+
+.focus-within\:opacity-95:focus-within {
+  opacity: 0.95;
+}
+
+.focus-within\:opacity-100:focus-within {
+  opacity: 1;
+}
+
+.hover\:opacity-0:hover {
+  opacity: 0;
+}
+
+.hover\:opacity-5:hover {
+  opacity: 0.05;
+}
+
+.hover\:opacity-10:hover {
+  opacity: 0.1;
+}
+
+.hover\:opacity-20:hover {
+  opacity: 0.2;
+}
+
+.hover\:opacity-25:hover {
+  opacity: 0.25;
+}
+
+.hover\:opacity-30:hover {
+  opacity: 0.3;
+}
+
+.hover\:opacity-40:hover {
+  opacity: 0.4;
+}
+
+.hover\:opacity-50:hover {
+  opacity: 0.5;
+}
+
+.hover\:opacity-60:hover {
+  opacity: 0.6;
+}
+
+.hover\:opacity-70:hover {
+  opacity: 0.7;
+}
+
+.hover\:opacity-75:hover {
+  opacity: 0.75;
+}
+
+.hover\:opacity-80:hover {
+  opacity: 0.8;
+}
+
+.hover\:opacity-90:hover {
+  opacity: 0.9;
+}
+
+.hover\:opacity-95:hover {
+  opacity: 0.95;
+}
+
+.hover\:opacity-100:hover {
+  opacity: 1;
+}
+
+.focus\:opacity-0:focus {
+  opacity: 0;
+}
+
+.focus\:opacity-5:focus {
+  opacity: 0.05;
+}
+
+.focus\:opacity-10:focus {
+  opacity: 0.1;
+}
+
+.focus\:opacity-20:focus {
+  opacity: 0.2;
+}
+
+.focus\:opacity-25:focus {
+  opacity: 0.25;
+}
+
+.focus\:opacity-30:focus {
+  opacity: 0.3;
+}
+
+.focus\:opacity-40:focus {
+  opacity: 0.4;
+}
+
+.focus\:opacity-50:focus {
+  opacity: 0.5;
+}
+
+.focus\:opacity-60:focus {
+  opacity: 0.6;
+}
+
+.focus\:opacity-70:focus {
+  opacity: 0.7;
+}
+
+.focus\:opacity-75:focus {
+  opacity: 0.75;
+}
+
+.focus\:opacity-80:focus {
+  opacity: 0.8;
+}
+
+.focus\:opacity-90:focus {
+  opacity: 0.9;
+}
+
+.focus\:opacity-95:focus {
+  opacity: 0.95;
+}
+
+.focus\:opacity-100:focus {
+  opacity: 1;
+}
+
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.outline-white {
+  outline: 2px dotted white;
+  outline-offset: 2px;
+}
+
+.outline-black {
+  outline: 2px dotted black;
+  outline-offset: 2px;
+}
+
+.focus-within\:outline-none:focus-within {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.focus-within\:outline-white:focus-within {
+  outline: 2px dotted white;
+  outline-offset: 2px;
+}
+
+.focus-within\:outline-black:focus-within {
+  outline: 2px dotted black;
+  outline-offset: 2px;
+}
+
+.focus\:outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.focus\:outline-white:focus {
+  outline: 2px dotted white;
+  outline-offset: 2px;
+}
+
+.focus\:outline-black:focus {
+  outline: 2px dotted black;
+  outline-offset: 2px;
+}
+
+.overflow-auto {
+  overflow: auto;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.overflow-visible {
+  overflow: visible;
+}
+
+.overflow-scroll {
+  overflow: scroll;
+}
+
+.overflow-x-auto {
+  overflow-x: auto;
+}
+
+.overflow-y-auto {
+  overflow-y: auto;
+}
+
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+
+.overflow-y-hidden {
+  overflow-y: hidden;
+}
+
+.overflow-x-visible {
+  overflow-x: visible;
+}
+
+.overflow-y-visible {
+  overflow-y: visible;
+}
+
+.overflow-x-scroll {
+  overflow-x: scroll;
+}
+
+.overflow-y-scroll {
+  overflow-y: scroll;
+}
+
+.overscroll-auto {
+  overscroll-behavior: auto;
+}
+
+.overscroll-contain {
+  overscroll-behavior: contain;
+}
+
+.overscroll-none {
+  overscroll-behavior: none;
+}
+
+.overscroll-y-auto {
+  overscroll-behavior-y: auto;
+}
+
+.overscroll-y-contain {
+  overscroll-behavior-y: contain;
+}
+
+.overscroll-y-none {
+  overscroll-behavior-y: none;
+}
+
+.overscroll-x-auto {
+  overscroll-behavior-x: auto;
+}
+
+.overscroll-x-contain {
+  overscroll-behavior-x: contain;
+}
+
+.overscroll-x-none {
+  overscroll-behavior-x: none;
+}
+
+.p-0 {
+  padding: 0px;
+}
+
+.p-1 {
+  padding: 0.25rem;
+}
+
+.p-2 {
+  padding: 0.5rem;
+}
+
+.p-3 {
+  padding: 0.75rem;
+}
+
+.p-4 {
+  padding: 1rem;
+}
+
+.p-5 {
+  padding: 1.25rem;
+}
+
+.p-6 {
+  padding: 1.5rem;
+}
+
+.p-7 {
+  padding: 1.75rem;
+}
+
+.p-8 {
+  padding: 2rem;
+}
+
+.p-9 {
+  padding: 2.25rem;
+}
+
+.p-10 {
+  padding: 2.5rem;
+}
+
+.p-11 {
+  padding: 2.75rem;
+}
+
+.p-12 {
+  padding: 3rem;
+}
+
+.p-14 {
+  padding: 3.5rem;
+}
+
+.p-16 {
+  padding: 4rem;
+}
+
+.p-20 {
+  padding: 5rem;
+}
+
+.p-24 {
+  padding: 6rem;
+}
+
+.p-28 {
+  padding: 7rem;
+}
+
+.p-32 {
+  padding: 8rem;
+}
+
+.p-36 {
+  padding: 9rem;
+}
+
+.p-40 {
+  padding: 10rem;
+}
+
+.p-44 {
+  padding: 11rem;
+}
+
+.p-48 {
+  padding: 12rem;
+}
+
+.p-52 {
+  padding: 13rem;
+}
+
+.p-56 {
+  padding: 14rem;
+}
+
+.p-60 {
+  padding: 15rem;
+}
+
+.p-64 {
+  padding: 16rem;
+}
+
+.p-72 {
+  padding: 18rem;
+}
+
+.p-80 {
+  padding: 20rem;
+}
+
+.p-96 {
+  padding: 24rem;
+}
+
+.p-px {
+  padding: 1px;
+}
+
+.p-0\.5 {
+  padding: 0.125rem;
+}
+
+.p-1\.5 {
+  padding: 0.375rem;
+}
+
+.p-2\.5 {
+  padding: 0.625rem;
+}
+
+.p-3\.5 {
+  padding: 0.875rem;
+}
+
+.py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+.px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.py-5 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
+.px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
+.py-7 {
+  padding-top: 1.75rem;
+  padding-bottom: 1.75rem;
+}
+
+.px-7 {
+  padding-left: 1.75rem;
+  padding-right: 1.75rem;
+}
+
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
+.py-9 {
+  padding-top: 2.25rem;
+  padding-bottom: 2.25rem;
+}
+
+.px-9 {
+  padding-left: 2.25rem;
+  padding-right: 2.25rem;
+}
+
+.py-10 {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
+
+.px-10 {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+
+.py-11 {
+  padding-top: 2.75rem;
+  padding-bottom: 2.75rem;
+}
+
+.px-11 {
+  padding-left: 2.75rem;
+  padding-right: 2.75rem;
+}
+
+.py-12 {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
+
+.px-12 {
+  padding-left: 3rem;
+  padding-right: 3rem;
+}
+
+.py-14 {
+  padding-top: 3.5rem;
+  padding-bottom: 3.5rem;
+}
+
+.px-14 {
+  padding-left: 3.5rem;
+  padding-right: 3.5rem;
+}
+
+.py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+.px-16 {
+  padding-left: 4rem;
+  padding-right: 4rem;
+}
+
+.py-20 {
+  padding-top: 5rem;
+  padding-bottom: 5rem;
+}
+
+.px-20 {
+  padding-left: 5rem;
+  padding-right: 5rem;
+}
+
+.py-24 {
+  padding-top: 6rem;
+  padding-bottom: 6rem;
+}
+
+.px-24 {
+  padding-left: 6rem;
+  padding-right: 6rem;
+}
+
+.py-28 {
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+}
+
+.px-28 {
+  padding-left: 7rem;
+  padding-right: 7rem;
+}
+
+.py-32 {
+  padding-top: 8rem;
+  padding-bottom: 8rem;
+}
+
+.px-32 {
+  padding-left: 8rem;
+  padding-right: 8rem;
+}
+
+.py-36 {
+  padding-top: 9rem;
+  padding-bottom: 9rem;
+}
+
+.px-36 {
+  padding-left: 9rem;
+  padding-right: 9rem;
+}
+
+.py-40 {
+  padding-top: 10rem;
+  padding-bottom: 10rem;
+}
+
+.px-40 {
+  padding-left: 10rem;
+  padding-right: 10rem;
+}
+
+.py-44 {
+  padding-top: 11rem;
+  padding-bottom: 11rem;
+}
+
+.px-44 {
+  padding-left: 11rem;
+  padding-right: 11rem;
+}
+
+.py-48 {
+  padding-top: 12rem;
+  padding-bottom: 12rem;
+}
+
+.px-48 {
+  padding-left: 12rem;
+  padding-right: 12rem;
+}
+
+.py-52 {
+  padding-top: 13rem;
+  padding-bottom: 13rem;
+}
+
+.px-52 {
+  padding-left: 13rem;
+  padding-right: 13rem;
+}
+
+.py-56 {
+  padding-top: 14rem;
+  padding-bottom: 14rem;
+}
+
+.px-56 {
+  padding-left: 14rem;
+  padding-right: 14rem;
+}
+
+.py-60 {
+  padding-top: 15rem;
+  padding-bottom: 15rem;
+}
+
+.px-60 {
+  padding-left: 15rem;
+  padding-right: 15rem;
+}
+
+.py-64 {
+  padding-top: 16rem;
+  padding-bottom: 16rem;
+}
+
+.px-64 {
+  padding-left: 16rem;
+  padding-right: 16rem;
+}
+
+.py-72 {
+  padding-top: 18rem;
+  padding-bottom: 18rem;
+}
+
+.px-72 {
+  padding-left: 18rem;
+  padding-right: 18rem;
+}
+
+.py-80 {
+  padding-top: 20rem;
+  padding-bottom: 20rem;
+}
+
+.px-80 {
+  padding-left: 20rem;
+  padding-right: 20rem;
+}
+
+.py-96 {
+  padding-top: 24rem;
+  padding-bottom: 24rem;
+}
+
+.px-96 {
+  padding-left: 24rem;
+  padding-right: 24rem;
+}
+
+.py-px {
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+
+.px-px {
+  padding-left: 1px;
+  padding-right: 1px;
+}
+
+.py-0\.5 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
+.px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+
+.py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+
+.px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
+
+.py-2\.5 {
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+}
+
+.px-2\.5 {
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+}
+
+.py-3\.5 {
+  padding-top: 0.875rem;
+  padding-bottom: 0.875rem;
+}
+
+.px-3\.5 {
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+}
+
+.pt-0 {
+  padding-top: 0px;
+}
+
+.pr-0 {
+  padding-right: 0px;
+}
+
+.pb-0 {
+  padding-bottom: 0px;
+}
+
+.pl-0 {
+  padding-left: 0px;
+}
+
+.pt-1 {
+  padding-top: 0.25rem;
+}
+
+.pr-1 {
+  padding-right: 0.25rem;
+}
+
+.pb-1 {
+  padding-bottom: 0.25rem;
+}
+
+.pl-1 {
+  padding-left: 0.25rem;
+}
+
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
+.pr-2 {
+  padding-right: 0.5rem;
+}
+
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
+
+.pl-2 {
+  padding-left: 0.5rem;
+}
+
+.pt-3 {
+  padding-top: 0.75rem;
+}
+
+.pr-3 {
+  padding-right: 0.75rem;
+}
+
+.pb-3 {
+  padding-bottom: 0.75rem;
+}
+
+.pl-3 {
+  padding-left: 0.75rem;
+}
+
+.pt-4 {
+  padding-top: 1rem;
+}
+
+.pr-4 {
+  padding-right: 1rem;
+}
+
+.pb-4 {
+  padding-bottom: 1rem;
+}
+
+.pl-4 {
+  padding-left: 1rem;
+}
+
+.pt-5 {
+  padding-top: 1.25rem;
+}
+
+.pr-5 {
+  padding-right: 1.25rem;
+}
+
+.pb-5 {
+  padding-bottom: 1.25rem;
+}
+
+.pl-5 {
+  padding-left: 1.25rem;
+}
+
+.pt-6 {
+  padding-top: 1.5rem;
+}
+
+.pr-6 {
+  padding-right: 1.5rem;
+}
+
+.pb-6 {
+  padding-bottom: 1.5rem;
+}
+
+.pl-6 {
+  padding-left: 1.5rem;
+}
+
+.pt-7 {
+  padding-top: 1.75rem;
+}
+
+.pr-7 {
+  padding-right: 1.75rem;
+}
+
+.pb-7 {
+  padding-bottom: 1.75rem;
+}
+
+.pl-7 {
+  padding-left: 1.75rem;
+}
+
+.pt-8 {
+  padding-top: 2rem;
+}
+
+.pr-8 {
+  padding-right: 2rem;
+}
+
+.pb-8 {
+  padding-bottom: 2rem;
+}
+
+.pl-8 {
+  padding-left: 2rem;
+}
+
+.pt-9 {
+  padding-top: 2.25rem;
+}
+
+.pr-9 {
+  padding-right: 2.25rem;
+}
+
+.pb-9 {
+  padding-bottom: 2.25rem;
+}
+
+.pl-9 {
+  padding-left: 2.25rem;
+}
+
+.pt-10 {
+  padding-top: 2.5rem;
+}
+
+.pr-10 {
+  padding-right: 2.5rem;
+}
+
+.pb-10 {
+  padding-bottom: 2.5rem;
+}
+
+.pl-10 {
+  padding-left: 2.5rem;
+}
+
+.pt-11 {
+  padding-top: 2.75rem;
+}
+
+.pr-11 {
+  padding-right: 2.75rem;
+}
+
+.pb-11 {
+  padding-bottom: 2.75rem;
+}
+
+.pl-11 {
+  padding-left: 2.75rem;
+}
+
+.pt-12 {
+  padding-top: 3rem;
+}
+
+.pr-12 {
+  padding-right: 3rem;
+}
+
+.pb-12 {
+  padding-bottom: 3rem;
+}
+
+.pl-12 {
+  padding-left: 3rem;
+}
+
+.pt-14 {
+  padding-top: 3.5rem;
+}
+
+.pr-14 {
+  padding-right: 3.5rem;
+}
+
+.pb-14 {
+  padding-bottom: 3.5rem;
+}
+
+.pl-14 {
+  padding-left: 3.5rem;
+}
+
+.pt-16 {
+  padding-top: 4rem;
+}
+
+.pr-16 {
+  padding-right: 4rem;
+}
+
+.pb-16 {
+  padding-bottom: 4rem;
+}
+
+.pl-16 {
+  padding-left: 4rem;
+}
+
+.pt-20 {
+  padding-top: 5rem;
+}
+
+.pr-20 {
+  padding-right: 5rem;
+}
+
+.pb-20 {
+  padding-bottom: 5rem;
+}
+
+.pl-20 {
+  padding-left: 5rem;
+}
+
+.pt-24 {
+  padding-top: 6rem;
+}
+
+.pr-24 {
+  padding-right: 6rem;
+}
+
+.pb-24 {
+  padding-bottom: 6rem;
+}
+
+.pl-24 {
+  padding-left: 6rem;
+}
+
+.pt-28 {
+  padding-top: 7rem;
+}
+
+.pr-28 {
+  padding-right: 7rem;
+}
+
+.pb-28 {
+  padding-bottom: 7rem;
+}
+
+.pl-28 {
+  padding-left: 7rem;
+}
+
+.pt-32 {
+  padding-top: 8rem;
+}
+
+.pr-32 {
+  padding-right: 8rem;
+}
+
+.pb-32 {
+  padding-bottom: 8rem;
+}
+
+.pl-32 {
+  padding-left: 8rem;
+}
+
+.pt-36 {
+  padding-top: 9rem;
+}
+
+.pr-36 {
+  padding-right: 9rem;
+}
+
+.pb-36 {
+  padding-bottom: 9rem;
+}
+
+.pl-36 {
+  padding-left: 9rem;
+}
+
+.pt-40 {
+  padding-top: 10rem;
+}
+
+.pr-40 {
+  padding-right: 10rem;
+}
+
+.pb-40 {
+  padding-bottom: 10rem;
+}
+
+.pl-40 {
+  padding-left: 10rem;
+}
+
+.pt-44 {
+  padding-top: 11rem;
+}
+
+.pr-44 {
+  padding-right: 11rem;
+}
+
+.pb-44 {
+  padding-bottom: 11rem;
+}
+
+.pl-44 {
+  padding-left: 11rem;
+}
+
+.pt-48 {
+  padding-top: 12rem;
+}
+
+.pr-48 {
+  padding-right: 12rem;
+}
+
+.pb-48 {
+  padding-bottom: 12rem;
+}
+
+.pl-48 {
+  padding-left: 12rem;
+}
+
+.pt-52 {
+  padding-top: 13rem;
+}
+
+.pr-52 {
+  padding-right: 13rem;
+}
+
+.pb-52 {
+  padding-bottom: 13rem;
+}
+
+.pl-52 {
+  padding-left: 13rem;
+}
+
+.pt-56 {
+  padding-top: 14rem;
+}
+
+.pr-56 {
+  padding-right: 14rem;
+}
+
+.pb-56 {
+  padding-bottom: 14rem;
+}
+
+.pl-56 {
+  padding-left: 14rem;
+}
+
+.pt-60 {
+  padding-top: 15rem;
+}
+
+.pr-60 {
+  padding-right: 15rem;
+}
+
+.pb-60 {
+  padding-bottom: 15rem;
+}
+
+.pl-60 {
+  padding-left: 15rem;
+}
+
+.pt-64 {
+  padding-top: 16rem;
+}
+
+.pr-64 {
+  padding-right: 16rem;
+}
+
+.pb-64 {
+  padding-bottom: 16rem;
+}
+
+.pl-64 {
+  padding-left: 16rem;
+}
+
+.pt-72 {
+  padding-top: 18rem;
+}
+
+.pr-72 {
+  padding-right: 18rem;
+}
+
+.pb-72 {
+  padding-bottom: 18rem;
+}
+
+.pl-72 {
+  padding-left: 18rem;
+}
+
+.pt-80 {
+  padding-top: 20rem;
+}
+
+.pr-80 {
+  padding-right: 20rem;
+}
+
+.pb-80 {
+  padding-bottom: 20rem;
+}
+
+.pl-80 {
+  padding-left: 20rem;
+}
+
+.pt-96 {
+  padding-top: 24rem;
+}
+
+.pr-96 {
+  padding-right: 24rem;
+}
+
+.pb-96 {
+  padding-bottom: 24rem;
+}
+
+.pl-96 {
+  padding-left: 24rem;
+}
+
+.pt-px {
+  padding-top: 1px;
+}
+
+.pr-px {
+  padding-right: 1px;
+}
+
+.pb-px {
+  padding-bottom: 1px;
+}
+
+.pl-px {
+  padding-left: 1px;
+}
+
+.pt-0\.5 {
+  padding-top: 0.125rem;
+}
+
+.pr-0\.5 {
+  padding-right: 0.125rem;
+}
+
+.pb-0\.5 {
+  padding-bottom: 0.125rem;
+}
+
+.pl-0\.5 {
+  padding-left: 0.125rem;
+}
+
+.pt-1\.5 {
+  padding-top: 0.375rem;
+}
+
+.pr-1\.5 {
+  padding-right: 0.375rem;
+}
+
+.pb-1\.5 {
+  padding-bottom: 0.375rem;
+}
+
+.pl-1\.5 {
+  padding-left: 0.375rem;
+}
+
+.pt-2\.5 {
+  padding-top: 0.625rem;
+}
+
+.pr-2\.5 {
+  padding-right: 0.625rem;
+}
+
+.pb-2\.5 {
+  padding-bottom: 0.625rem;
+}
+
+.pl-2\.5 {
+  padding-left: 0.625rem;
+}
+
+.pt-3\.5 {
+  padding-top: 0.875rem;
+}
+
+.pr-3\.5 {
+  padding-right: 0.875rem;
+}
+
+.pb-3\.5 {
+  padding-bottom: 0.875rem;
+}
+
+.pl-3\.5 {
+  padding-left: 0.875rem;
+}
+
+.placeholder-transparent::placeholder {
+  color: transparent;
+}
+
+.placeholder-current::placeholder {
+  color: currentColor;
+}
+
+.placeholder-black::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+}
+
+.placeholder-white::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+}
+
+.placeholder-red-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+}
+
+.placeholder-yellow-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+}
+
+.placeholder-green-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+}
+
+.placeholder-blue-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+}
+
+.placeholder-indigo-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+}
+
+.placeholder-purple-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-100::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-200::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-300::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-400::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-600::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-700::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-800::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+}
+
+.placeholder-pink-900::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-transparent:focus::placeholder {
+  color: transparent;
+}
+
+.focus\:placeholder-current:focus::placeholder {
+  color: currentColor;
+}
+
+.focus\:placeholder-black:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-white:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-red-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-green-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-blue-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-purple-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-200:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-300:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-400:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-500:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-600:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-700:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-800:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-pink-900:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+}
+
+.placeholder-opacity-0::placeholder {
+  --tw-placeholder-opacity: 0;
+}
+
+.placeholder-opacity-5::placeholder {
+  --tw-placeholder-opacity: 0.05;
+}
+
+.placeholder-opacity-10::placeholder {
+  --tw-placeholder-opacity: 0.1;
+}
+
+.placeholder-opacity-20::placeholder {
+  --tw-placeholder-opacity: 0.2;
+}
+
+.placeholder-opacity-25::placeholder {
+  --tw-placeholder-opacity: 0.25;
+}
+
+.placeholder-opacity-30::placeholder {
+  --tw-placeholder-opacity: 0.3;
+}
+
+.placeholder-opacity-40::placeholder {
+  --tw-placeholder-opacity: 0.4;
+}
+
+.placeholder-opacity-50::placeholder {
+  --tw-placeholder-opacity: 0.5;
+}
+
+.placeholder-opacity-60::placeholder {
+  --tw-placeholder-opacity: 0.6;
+}
+
+.placeholder-opacity-70::placeholder {
+  --tw-placeholder-opacity: 0.7;
+}
+
+.placeholder-opacity-75::placeholder {
+  --tw-placeholder-opacity: 0.75;
+}
+
+.placeholder-opacity-80::placeholder {
+  --tw-placeholder-opacity: 0.8;
+}
+
+.placeholder-opacity-90::placeholder {
+  --tw-placeholder-opacity: 0.9;
+}
+
+.placeholder-opacity-95::placeholder {
+  --tw-placeholder-opacity: 0.95;
+}
+
+.placeholder-opacity-100::placeholder {
+  --tw-placeholder-opacity: 1;
+}
+
+.focus\:placeholder-opacity-0:focus::placeholder {
+  --tw-placeholder-opacity: 0;
+}
+
+.focus\:placeholder-opacity-5:focus::placeholder {
+  --tw-placeholder-opacity: 0.05;
+}
+
+.focus\:placeholder-opacity-10:focus::placeholder {
+  --tw-placeholder-opacity: 0.1;
+}
+
+.focus\:placeholder-opacity-20:focus::placeholder {
+  --tw-placeholder-opacity: 0.2;
+}
+
+.focus\:placeholder-opacity-25:focus::placeholder {
+  --tw-placeholder-opacity: 0.25;
+}
+
+.focus\:placeholder-opacity-30:focus::placeholder {
+  --tw-placeholder-opacity: 0.3;
+}
+
+.focus\:placeholder-opacity-40:focus::placeholder {
+  --tw-placeholder-opacity: 0.4;
+}
+
+.focus\:placeholder-opacity-50:focus::placeholder {
+  --tw-placeholder-opacity: 0.5;
+}
+
+.focus\:placeholder-opacity-60:focus::placeholder {
+  --tw-placeholder-opacity: 0.6;
+}
+
+.focus\:placeholder-opacity-70:focus::placeholder {
+  --tw-placeholder-opacity: 0.7;
+}
+
+.focus\:placeholder-opacity-75:focus::placeholder {
+  --tw-placeholder-opacity: 0.75;
+}
+
+.focus\:placeholder-opacity-80:focus::placeholder {
+  --tw-placeholder-opacity: 0.8;
+}
+
+.focus\:placeholder-opacity-90:focus::placeholder {
+  --tw-placeholder-opacity: 0.9;
+}
+
+.focus\:placeholder-opacity-95:focus::placeholder {
+  --tw-placeholder-opacity: 0.95;
+}
+
+.focus\:placeholder-opacity-100:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+}
+
+.pointer-events-none {
+  pointer-events: none;
+}
+
+.pointer-events-auto {
+  pointer-events: auto;
+}
+
+.static {
+  position: static;
+}
+
+.fixed {
+  position: fixed;
+}
+
+.absolute {
+  position: absolute;
+}
+
+.relative {
+  position: relative;
+}
+
+.sticky {
+  position: -webkit-sticky;
+  position: sticky;
+}
+
+.inset-0 {
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+.inset-1 {
+  top: 0.25rem;
+  right: 0.25rem;
+  bottom: 0.25rem;
+  left: 0.25rem;
+}
+
+.inset-2 {
+  top: 0.5rem;
+  right: 0.5rem;
+  bottom: 0.5rem;
+  left: 0.5rem;
+}
+
+.inset-3 {
+  top: 0.75rem;
+  right: 0.75rem;
+  bottom: 0.75rem;
+  left: 0.75rem;
+}
+
+.inset-4 {
+  top: 1rem;
+  right: 1rem;
+  bottom: 1rem;
+  left: 1rem;
+}
+
+.inset-5 {
+  top: 1.25rem;
+  right: 1.25rem;
+  bottom: 1.25rem;
+  left: 1.25rem;
+}
+
+.inset-6 {
+  top: 1.5rem;
+  right: 1.5rem;
+  bottom: 1.5rem;
+  left: 1.5rem;
+}
+
+.inset-7 {
+  top: 1.75rem;
+  right: 1.75rem;
+  bottom: 1.75rem;
+  left: 1.75rem;
+}
+
+.inset-8 {
+  top: 2rem;
+  right: 2rem;
+  bottom: 2rem;
+  left: 2rem;
+}
+
+.inset-9 {
+  top: 2.25rem;
+  right: 2.25rem;
+  bottom: 2.25rem;
+  left: 2.25rem;
+}
+
+.inset-10 {
+  top: 2.5rem;
+  right: 2.5rem;
+  bottom: 2.5rem;
+  left: 2.5rem;
+}
+
+.inset-11 {
+  top: 2.75rem;
+  right: 2.75rem;
+  bottom: 2.75rem;
+  left: 2.75rem;
+}
+
+.inset-12 {
+  top: 3rem;
+  right: 3rem;
+  bottom: 3rem;
+  left: 3rem;
+}
+
+.inset-14 {
+  top: 3.5rem;
+  right: 3.5rem;
+  bottom: 3.5rem;
+  left: 3.5rem;
+}
+
+.inset-16 {
+  top: 4rem;
+  right: 4rem;
+  bottom: 4rem;
+  left: 4rem;
+}
+
+.inset-20 {
+  top: 5rem;
+  right: 5rem;
+  bottom: 5rem;
+  left: 5rem;
+}
+
+.inset-24 {
+  top: 6rem;
+  right: 6rem;
+  bottom: 6rem;
+  left: 6rem;
+}
+
+.inset-28 {
+  top: 7rem;
+  right: 7rem;
+  bottom: 7rem;
+  left: 7rem;
+}
+
+.inset-32 {
+  top: 8rem;
+  right: 8rem;
+  bottom: 8rem;
+  left: 8rem;
+}
+
+.inset-36 {
+  top: 9rem;
+  right: 9rem;
+  bottom: 9rem;
+  left: 9rem;
+}
+
+.inset-40 {
+  top: 10rem;
+  right: 10rem;
+  bottom: 10rem;
+  left: 10rem;
+}
+
+.inset-44 {
+  top: 11rem;
+  right: 11rem;
+  bottom: 11rem;
+  left: 11rem;
+}
+
+.inset-48 {
+  top: 12rem;
+  right: 12rem;
+  bottom: 12rem;
+  left: 12rem;
+}
+
+.inset-52 {
+  top: 13rem;
+  right: 13rem;
+  bottom: 13rem;
+  left: 13rem;
+}
+
+.inset-56 {
+  top: 14rem;
+  right: 14rem;
+  bottom: 14rem;
+  left: 14rem;
+}
+
+.inset-60 {
+  top: 15rem;
+  right: 15rem;
+  bottom: 15rem;
+  left: 15rem;
+}
+
+.inset-64 {
+  top: 16rem;
+  right: 16rem;
+  bottom: 16rem;
+  left: 16rem;
+}
+
+.inset-72 {
+  top: 18rem;
+  right: 18rem;
+  bottom: 18rem;
+  left: 18rem;
+}
+
+.inset-80 {
+  top: 20rem;
+  right: 20rem;
+  bottom: 20rem;
+  left: 20rem;
+}
+
+.inset-96 {
+  top: 24rem;
+  right: 24rem;
+  bottom: 24rem;
+  left: 24rem;
+}
+
+.inset-auto {
+  top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
+}
+
+.inset-px {
+  top: 1px;
+  right: 1px;
+  bottom: 1px;
+  left: 1px;
+}
+
+.inset-0\.5 {
+  top: 0.125rem;
+  right: 0.125rem;
+  bottom: 0.125rem;
+  left: 0.125rem;
+}
+
+.inset-1\.5 {
+  top: 0.375rem;
+  right: 0.375rem;
+  bottom: 0.375rem;
+  left: 0.375rem;
+}
+
+.inset-2\.5 {
+  top: 0.625rem;
+  right: 0.625rem;
+  bottom: 0.625rem;
+  left: 0.625rem;
+}
+
+.inset-3\.5 {
+  top: 0.875rem;
+  right: 0.875rem;
+  bottom: 0.875rem;
+  left: 0.875rem;
+}
+
+.-inset-0 {
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+.-inset-1 {
+  top: -0.25rem;
+  right: -0.25rem;
+  bottom: -0.25rem;
+  left: -0.25rem;
+}
+
+.-inset-2 {
+  top: -0.5rem;
+  right: -0.5rem;
+  bottom: -0.5rem;
+  left: -0.5rem;
+}
+
+.-inset-3 {
+  top: -0.75rem;
+  right: -0.75rem;
+  bottom: -0.75rem;
+  left: -0.75rem;
+}
+
+.-inset-4 {
+  top: -1rem;
+  right: -1rem;
+  bottom: -1rem;
+  left: -1rem;
+}
+
+.-inset-5 {
+  top: -1.25rem;
+  right: -1.25rem;
+  bottom: -1.25rem;
+  left: -1.25rem;
+}
+
+.-inset-6 {
+  top: -1.5rem;
+  right: -1.5rem;
+  bottom: -1.5rem;
+  left: -1.5rem;
+}
+
+.-inset-7 {
+  top: -1.75rem;
+  right: -1.75rem;
+  bottom: -1.75rem;
+  left: -1.75rem;
+}
+
+.-inset-8 {
+  top: -2rem;
+  right: -2rem;
+  bottom: -2rem;
+  left: -2rem;
+}
+
+.-inset-9 {
+  top: -2.25rem;
+  right: -2.25rem;
+  bottom: -2.25rem;
+  left: -2.25rem;
+}
+
+.-inset-10 {
+  top: -2.5rem;
+  right: -2.5rem;
+  bottom: -2.5rem;
+  left: -2.5rem;
+}
+
+.-inset-11 {
+  top: -2.75rem;
+  right: -2.75rem;
+  bottom: -2.75rem;
+  left: -2.75rem;
+}
+
+.-inset-12 {
+  top: -3rem;
+  right: -3rem;
+  bottom: -3rem;
+  left: -3rem;
+}
+
+.-inset-14 {
+  top: -3.5rem;
+  right: -3.5rem;
+  bottom: -3.5rem;
+  left: -3.5rem;
+}
+
+.-inset-16 {
+  top: -4rem;
+  right: -4rem;
+  bottom: -4rem;
+  left: -4rem;
+}
+
+.-inset-20 {
+  top: -5rem;
+  right: -5rem;
+  bottom: -5rem;
+  left: -5rem;
+}
+
+.-inset-24 {
+  top: -6rem;
+  right: -6rem;
+  bottom: -6rem;
+  left: -6rem;
+}
+
+.-inset-28 {
+  top: -7rem;
+  right: -7rem;
+  bottom: -7rem;
+  left: -7rem;
+}
+
+.-inset-32 {
+  top: -8rem;
+  right: -8rem;
+  bottom: -8rem;
+  left: -8rem;
+}
+
+.-inset-36 {
+  top: -9rem;
+  right: -9rem;
+  bottom: -9rem;
+  left: -9rem;
+}
+
+.-inset-40 {
+  top: -10rem;
+  right: -10rem;
+  bottom: -10rem;
+  left: -10rem;
+}
+
+.-inset-44 {
+  top: -11rem;
+  right: -11rem;
+  bottom: -11rem;
+  left: -11rem;
+}
+
+.-inset-48 {
+  top: -12rem;
+  right: -12rem;
+  bottom: -12rem;
+  left: -12rem;
+}
+
+.-inset-52 {
+  top: -13rem;
+  right: -13rem;
+  bottom: -13rem;
+  left: -13rem;
+}
+
+.-inset-56 {
+  top: -14rem;
+  right: -14rem;
+  bottom: -14rem;
+  left: -14rem;
+}
+
+.-inset-60 {
+  top: -15rem;
+  right: -15rem;
+  bottom: -15rem;
+  left: -15rem;
+}
+
+.-inset-64 {
+  top: -16rem;
+  right: -16rem;
+  bottom: -16rem;
+  left: -16rem;
+}
+
+.-inset-72 {
+  top: -18rem;
+  right: -18rem;
+  bottom: -18rem;
+  left: -18rem;
+}
+
+.-inset-80 {
+  top: -20rem;
+  right: -20rem;
+  bottom: -20rem;
+  left: -20rem;
+}
+
+.-inset-96 {
+  top: -24rem;
+  right: -24rem;
+  bottom: -24rem;
+  left: -24rem;
+}
+
+.-inset-px {
+  top: -1px;
+  right: -1px;
+  bottom: -1px;
+  left: -1px;
+}
+
+.-inset-0\.5 {
+  top: -0.125rem;
+  right: -0.125rem;
+  bottom: -0.125rem;
+  left: -0.125rem;
+}
+
+.-inset-1\.5 {
+  top: -0.375rem;
+  right: -0.375rem;
+  bottom: -0.375rem;
+  left: -0.375rem;
+}
+
+.-inset-2\.5 {
+  top: -0.625rem;
+  right: -0.625rem;
+  bottom: -0.625rem;
+  left: -0.625rem;
+}
+
+.-inset-3\.5 {
+  top: -0.875rem;
+  right: -0.875rem;
+  bottom: -0.875rem;
+  left: -0.875rem;
+}
+
+.inset-1\/2 {
+  top: 50%;
+  right: 50%;
+  bottom: 50%;
+  left: 50%;
+}
+
+.inset-1\/3 {
+  top: 33.333333%;
+  right: 33.333333%;
+  bottom: 33.333333%;
+  left: 33.333333%;
+}
+
+.inset-2\/3 {
+  top: 66.666667%;
+  right: 66.666667%;
+  bottom: 66.666667%;
+  left: 66.666667%;
+}
+
+.inset-1\/4 {
+  top: 25%;
+  right: 25%;
+  bottom: 25%;
+  left: 25%;
+}
+
+.inset-2\/4 {
+  top: 50%;
+  right: 50%;
+  bottom: 50%;
+  left: 50%;
+}
+
+.inset-3\/4 {
+  top: 75%;
+  right: 75%;
+  bottom: 75%;
+  left: 75%;
+}
+
+.inset-full {
+  top: 100%;
+  right: 100%;
+  bottom: 100%;
+  left: 100%;
+}
+
+.-inset-1\/2 {
+  top: -50%;
+  right: -50%;
+  bottom: -50%;
+  left: -50%;
+}
+
+.-inset-1\/3 {
+  top: -33.333333%;
+  right: -33.333333%;
+  bottom: -33.333333%;
+  left: -33.333333%;
+}
+
+.-inset-2\/3 {
+  top: -66.666667%;
+  right: -66.666667%;
+  bottom: -66.666667%;
+  left: -66.666667%;
+}
+
+.-inset-1\/4 {
+  top: -25%;
+  right: -25%;
+  bottom: -25%;
+  left: -25%;
+}
+
+.-inset-2\/4 {
+  top: -50%;
+  right: -50%;
+  bottom: -50%;
+  left: -50%;
+}
+
+.-inset-3\/4 {
+  top: -75%;
+  right: -75%;
+  bottom: -75%;
+  left: -75%;
+}
+
+.-inset-full {
+  top: -100%;
+  right: -100%;
+  bottom: -100%;
+  left: -100%;
+}
+
+.inset-y-0 {
+  top: 0px;
+  bottom: 0px;
+}
+
+.inset-x-0 {
+  right: 0px;
+  left: 0px;
+}
+
+.inset-y-1 {
+  top: 0.25rem;
+  bottom: 0.25rem;
+}
+
+.inset-x-1 {
+  right: 0.25rem;
+  left: 0.25rem;
+}
+
+.inset-y-2 {
+  top: 0.5rem;
+  bottom: 0.5rem;
+}
+
+.inset-x-2 {
+  right: 0.5rem;
+  left: 0.5rem;
+}
+
+.inset-y-3 {
+  top: 0.75rem;
+  bottom: 0.75rem;
+}
+
+.inset-x-3 {
+  right: 0.75rem;
+  left: 0.75rem;
+}
+
+.inset-y-4 {
+  top: 1rem;
+  bottom: 1rem;
+}
+
+.inset-x-4 {
+  right: 1rem;
+  left: 1rem;
+}
+
+.inset-y-5 {
+  top: 1.25rem;
+  bottom: 1.25rem;
+}
+
+.inset-x-5 {
+  right: 1.25rem;
+  left: 1.25rem;
+}
+
+.inset-y-6 {
+  top: 1.5rem;
+  bottom: 1.5rem;
+}
+
+.inset-x-6 {
+  right: 1.5rem;
+  left: 1.5rem;
+}
+
+.inset-y-7 {
+  top: 1.75rem;
+  bottom: 1.75rem;
+}
+
+.inset-x-7 {
+  right: 1.75rem;
+  left: 1.75rem;
+}
+
+.inset-y-8 {
+  top: 2rem;
+  bottom: 2rem;
+}
+
+.inset-x-8 {
+  right: 2rem;
+  left: 2rem;
+}
+
+.inset-y-9 {
+  top: 2.25rem;
+  bottom: 2.25rem;
+}
+
+.inset-x-9 {
+  right: 2.25rem;
+  left: 2.25rem;
+}
+
+.inset-y-10 {
+  top: 2.5rem;
+  bottom: 2.5rem;
+}
+
+.inset-x-10 {
+  right: 2.5rem;
+  left: 2.5rem;
+}
+
+.inset-y-11 {
+  top: 2.75rem;
+  bottom: 2.75rem;
+}
+
+.inset-x-11 {
+  right: 2.75rem;
+  left: 2.75rem;
+}
+
+.inset-y-12 {
+  top: 3rem;
+  bottom: 3rem;
+}
+
+.inset-x-12 {
+  right: 3rem;
+  left: 3rem;
+}
+
+.inset-y-14 {
+  top: 3.5rem;
+  bottom: 3.5rem;
+}
+
+.inset-x-14 {
+  right: 3.5rem;
+  left: 3.5rem;
+}
+
+.inset-y-16 {
+  top: 4rem;
+  bottom: 4rem;
+}
+
+.inset-x-16 {
+  right: 4rem;
+  left: 4rem;
+}
+
+.inset-y-20 {
+  top: 5rem;
+  bottom: 5rem;
+}
+
+.inset-x-20 {
+  right: 5rem;
+  left: 5rem;
+}
+
+.inset-y-24 {
+  top: 6rem;
+  bottom: 6rem;
+}
+
+.inset-x-24 {
+  right: 6rem;
+  left: 6rem;
+}
+
+.inset-y-28 {
+  top: 7rem;
+  bottom: 7rem;
+}
+
+.inset-x-28 {
+  right: 7rem;
+  left: 7rem;
+}
+
+.inset-y-32 {
+  top: 8rem;
+  bottom: 8rem;
+}
+
+.inset-x-32 {
+  right: 8rem;
+  left: 8rem;
+}
+
+.inset-y-36 {
+  top: 9rem;
+  bottom: 9rem;
+}
+
+.inset-x-36 {
+  right: 9rem;
+  left: 9rem;
+}
+
+.inset-y-40 {
+  top: 10rem;
+  bottom: 10rem;
+}
+
+.inset-x-40 {
+  right: 10rem;
+  left: 10rem;
+}
+
+.inset-y-44 {
+  top: 11rem;
+  bottom: 11rem;
+}
+
+.inset-x-44 {
+  right: 11rem;
+  left: 11rem;
+}
+
+.inset-y-48 {
+  top: 12rem;
+  bottom: 12rem;
+}
+
+.inset-x-48 {
+  right: 12rem;
+  left: 12rem;
+}
+
+.inset-y-52 {
+  top: 13rem;
+  bottom: 13rem;
+}
+
+.inset-x-52 {
+  right: 13rem;
+  left: 13rem;
+}
+
+.inset-y-56 {
+  top: 14rem;
+  bottom: 14rem;
+}
+
+.inset-x-56 {
+  right: 14rem;
+  left: 14rem;
+}
+
+.inset-y-60 {
+  top: 15rem;
+  bottom: 15rem;
+}
+
+.inset-x-60 {
+  right: 15rem;
+  left: 15rem;
+}
+
+.inset-y-64 {
+  top: 16rem;
+  bottom: 16rem;
+}
+
+.inset-x-64 {
+  right: 16rem;
+  left: 16rem;
+}
+
+.inset-y-72 {
+  top: 18rem;
+  bottom: 18rem;
+}
+
+.inset-x-72 {
+  right: 18rem;
+  left: 18rem;
+}
+
+.inset-y-80 {
+  top: 20rem;
+  bottom: 20rem;
+}
+
+.inset-x-80 {
+  right: 20rem;
+  left: 20rem;
+}
+
+.inset-y-96 {
+  top: 24rem;
+  bottom: 24rem;
+}
+
+.inset-x-96 {
+  right: 24rem;
+  left: 24rem;
+}
+
+.inset-y-auto {
+  top: auto;
+  bottom: auto;
+}
+
+.inset-x-auto {
+  right: auto;
+  left: auto;
+}
+
+.inset-y-px {
+  top: 1px;
+  bottom: 1px;
+}
+
+.inset-x-px {
+  right: 1px;
+  left: 1px;
+}
+
+.inset-y-0\.5 {
+  top: 0.125rem;
+  bottom: 0.125rem;
+}
+
+.inset-x-0\.5 {
+  right: 0.125rem;
+  left: 0.125rem;
+}
+
+.inset-y-1\.5 {
+  top: 0.375rem;
+  bottom: 0.375rem;
+}
+
+.inset-x-1\.5 {
+  right: 0.375rem;
+  left: 0.375rem;
+}
+
+.inset-y-2\.5 {
+  top: 0.625rem;
+  bottom: 0.625rem;
+}
+
+.inset-x-2\.5 {
+  right: 0.625rem;
+  left: 0.625rem;
+}
+
+.inset-y-3\.5 {
+  top: 0.875rem;
+  bottom: 0.875rem;
+}
+
+.inset-x-3\.5 {
+  right: 0.875rem;
+  left: 0.875rem;
+}
+
+.-inset-y-0 {
+  top: 0px;
+  bottom: 0px;
+}
+
+.-inset-x-0 {
+  right: 0px;
+  left: 0px;
+}
+
+.-inset-y-1 {
+  top: -0.25rem;
+  bottom: -0.25rem;
+}
+
+.-inset-x-1 {
+  right: -0.25rem;
+  left: -0.25rem;
+}
+
+.-inset-y-2 {
+  top: -0.5rem;
+  bottom: -0.5rem;
+}
+
+.-inset-x-2 {
+  right: -0.5rem;
+  left: -0.5rem;
+}
+
+.-inset-y-3 {
+  top: -0.75rem;
+  bottom: -0.75rem;
+}
+
+.-inset-x-3 {
+  right: -0.75rem;
+  left: -0.75rem;
+}
+
+.-inset-y-4 {
+  top: -1rem;
+  bottom: -1rem;
+}
+
+.-inset-x-4 {
+  right: -1rem;
+  left: -1rem;
+}
+
+.-inset-y-5 {
+  top: -1.25rem;
+  bottom: -1.25rem;
+}
+
+.-inset-x-5 {
+  right: -1.25rem;
+  left: -1.25rem;
+}
+
+.-inset-y-6 {
+  top: -1.5rem;
+  bottom: -1.5rem;
+}
+
+.-inset-x-6 {
+  right: -1.5rem;
+  left: -1.5rem;
+}
+
+.-inset-y-7 {
+  top: -1.75rem;
+  bottom: -1.75rem;
+}
+
+.-inset-x-7 {
+  right: -1.75rem;
+  left: -1.75rem;
+}
+
+.-inset-y-8 {
+  top: -2rem;
+  bottom: -2rem;
+}
+
+.-inset-x-8 {
+  right: -2rem;
+  left: -2rem;
+}
+
+.-inset-y-9 {
+  top: -2.25rem;
+  bottom: -2.25rem;
+}
+
+.-inset-x-9 {
+  right: -2.25rem;
+  left: -2.25rem;
+}
+
+.-inset-y-10 {
+  top: -2.5rem;
+  bottom: -2.5rem;
+}
+
+.-inset-x-10 {
+  right: -2.5rem;
+  left: -2.5rem;
+}
+
+.-inset-y-11 {
+  top: -2.75rem;
+  bottom: -2.75rem;
+}
+
+.-inset-x-11 {
+  right: -2.75rem;
+  left: -2.75rem;
+}
+
+.-inset-y-12 {
+  top: -3rem;
+  bottom: -3rem;
+}
+
+.-inset-x-12 {
+  right: -3rem;
+  left: -3rem;
+}
+
+.-inset-y-14 {
+  top: -3.5rem;
+  bottom: -3.5rem;
+}
+
+.-inset-x-14 {
+  right: -3.5rem;
+  left: -3.5rem;
+}
+
+.-inset-y-16 {
+  top: -4rem;
+  bottom: -4rem;
+}
+
+.-inset-x-16 {
+  right: -4rem;
+  left: -4rem;
+}
+
+.-inset-y-20 {
+  top: -5rem;
+  bottom: -5rem;
+}
+
+.-inset-x-20 {
+  right: -5rem;
+  left: -5rem;
+}
+
+.-inset-y-24 {
+  top: -6rem;
+  bottom: -6rem;
+}
+
+.-inset-x-24 {
+  right: -6rem;
+  left: -6rem;
+}
+
+.-inset-y-28 {
+  top: -7rem;
+  bottom: -7rem;
+}
+
+.-inset-x-28 {
+  right: -7rem;
+  left: -7rem;
+}
+
+.-inset-y-32 {
+  top: -8rem;
+  bottom: -8rem;
+}
+
+.-inset-x-32 {
+  right: -8rem;
+  left: -8rem;
+}
+
+.-inset-y-36 {
+  top: -9rem;
+  bottom: -9rem;
+}
+
+.-inset-x-36 {
+  right: -9rem;
+  left: -9rem;
+}
+
+.-inset-y-40 {
+  top: -10rem;
+  bottom: -10rem;
+}
+
+.-inset-x-40 {
+  right: -10rem;
+  left: -10rem;
+}
+
+.-inset-y-44 {
+  top: -11rem;
+  bottom: -11rem;
+}
+
+.-inset-x-44 {
+  right: -11rem;
+  left: -11rem;
+}
+
+.-inset-y-48 {
+  top: -12rem;
+  bottom: -12rem;
+}
+
+.-inset-x-48 {
+  right: -12rem;
+  left: -12rem;
+}
+
+.-inset-y-52 {
+  top: -13rem;
+  bottom: -13rem;
+}
+
+.-inset-x-52 {
+  right: -13rem;
+  left: -13rem;
+}
+
+.-inset-y-56 {
+  top: -14rem;
+  bottom: -14rem;
+}
+
+.-inset-x-56 {
+  right: -14rem;
+  left: -14rem;
+}
+
+.-inset-y-60 {
+  top: -15rem;
+  bottom: -15rem;
+}
+
+.-inset-x-60 {
+  right: -15rem;
+  left: -15rem;
+}
+
+.-inset-y-64 {
+  top: -16rem;
+  bottom: -16rem;
+}
+
+.-inset-x-64 {
+  right: -16rem;
+  left: -16rem;
+}
+
+.-inset-y-72 {
+  top: -18rem;
+  bottom: -18rem;
+}
+
+.-inset-x-72 {
+  right: -18rem;
+  left: -18rem;
+}
+
+.-inset-y-80 {
+  top: -20rem;
+  bottom: -20rem;
+}
+
+.-inset-x-80 {
+  right: -20rem;
+  left: -20rem;
+}
+
+.-inset-y-96 {
+  top: -24rem;
+  bottom: -24rem;
+}
+
+.-inset-x-96 {
+  right: -24rem;
+  left: -24rem;
+}
+
+.-inset-y-px {
+  top: -1px;
+  bottom: -1px;
+}
+
+.-inset-x-px {
+  right: -1px;
+  left: -1px;
+}
+
+.-inset-y-0\.5 {
+  top: -0.125rem;
+  bottom: -0.125rem;
+}
+
+.-inset-x-0\.5 {
+  right: -0.125rem;
+  left: -0.125rem;
+}
+
+.-inset-y-1\.5 {
+  top: -0.375rem;
+  bottom: -0.375rem;
+}
+
+.-inset-x-1\.5 {
+  right: -0.375rem;
+  left: -0.375rem;
+}
+
+.-inset-y-2\.5 {
+  top: -0.625rem;
+  bottom: -0.625rem;
+}
+
+.-inset-x-2\.5 {
+  right: -0.625rem;
+  left: -0.625rem;
+}
+
+.-inset-y-3\.5 {
+  top: -0.875rem;
+  bottom: -0.875rem;
+}
+
+.-inset-x-3\.5 {
+  right: -0.875rem;
+  left: -0.875rem;
+}
+
+.inset-y-1\/2 {
+  top: 50%;
+  bottom: 50%;
+}
+
+.inset-x-1\/2 {
+  right: 50%;
+  left: 50%;
+}
+
+.inset-y-1\/3 {
+  top: 33.333333%;
+  bottom: 33.333333%;
+}
+
+.inset-x-1\/3 {
+  right: 33.333333%;
+  left: 33.333333%;
+}
+
+.inset-y-2\/3 {
+  top: 66.666667%;
+  bottom: 66.666667%;
+}
+
+.inset-x-2\/3 {
+  right: 66.666667%;
+  left: 66.666667%;
+}
+
+.inset-y-1\/4 {
+  top: 25%;
+  bottom: 25%;
+}
+
+.inset-x-1\/4 {
+  right: 25%;
+  left: 25%;
+}
+
+.inset-y-2\/4 {
+  top: 50%;
+  bottom: 50%;
+}
+
+.inset-x-2\/4 {
+  right: 50%;
+  left: 50%;
+}
+
+.inset-y-3\/4 {
+  top: 75%;
+  bottom: 75%;
+}
+
+.inset-x-3\/4 {
+  right: 75%;
+  left: 75%;
+}
+
+.inset-y-full {
+  top: 100%;
+  bottom: 100%;
+}
+
+.inset-x-full {
+  right: 100%;
+  left: 100%;
+}
+
+.-inset-y-1\/2 {
+  top: -50%;
+  bottom: -50%;
+}
+
+.-inset-x-1\/2 {
+  right: -50%;
+  left: -50%;
+}
+
+.-inset-y-1\/3 {
+  top: -33.333333%;
+  bottom: -33.333333%;
+}
+
+.-inset-x-1\/3 {
+  right: -33.333333%;
+  left: -33.333333%;
+}
+
+.-inset-y-2\/3 {
+  top: -66.666667%;
+  bottom: -66.666667%;
+}
+
+.-inset-x-2\/3 {
+  right: -66.666667%;
+  left: -66.666667%;
+}
+
+.-inset-y-1\/4 {
+  top: -25%;
+  bottom: -25%;
+}
+
+.-inset-x-1\/4 {
+  right: -25%;
+  left: -25%;
+}
+
+.-inset-y-2\/4 {
+  top: -50%;
+  bottom: -50%;
+}
+
+.-inset-x-2\/4 {
+  right: -50%;
+  left: -50%;
+}
+
+.-inset-y-3\/4 {
+  top: -75%;
+  bottom: -75%;
+}
+
+.-inset-x-3\/4 {
+  right: -75%;
+  left: -75%;
+}
+
+.-inset-y-full {
+  top: -100%;
+  bottom: -100%;
+}
+
+.-inset-x-full {
+  right: -100%;
+  left: -100%;
+}
+
+.top-0 {
+  top: 0px;
+}
+
+.right-0 {
+  right: 0px;
+}
+
+.bottom-0 {
+  bottom: 0px;
+}
+
+.left-0 {
+  left: 0px;
+}
+
+.top-1 {
+  top: 0.25rem;
+}
+
+.right-1 {
+  right: 0.25rem;
+}
+
+.bottom-1 {
+  bottom: 0.25rem;
+}
+
+.left-1 {
+  left: 0.25rem;
+}
+
+.top-2 {
+  top: 0.5rem;
+}
+
+.right-2 {
+  right: 0.5rem;
+}
+
+.bottom-2 {
+  bottom: 0.5rem;
+}
+
+.left-2 {
+  left: 0.5rem;
+}
+
+.top-3 {
+  top: 0.75rem;
+}
+
+.right-3 {
+  right: 0.75rem;
+}
+
+.bottom-3 {
+  bottom: 0.75rem;
+}
+
+.left-3 {
+  left: 0.75rem;
+}
+
+.top-4 {
+  top: 1rem;
+}
+
+.right-4 {
+  right: 1rem;
+}
+
+.bottom-4 {
+  bottom: 1rem;
+}
+
+.left-4 {
+  left: 1rem;
+}
+
+.top-5 {
+  top: 1.25rem;
+}
+
+.right-5 {
+  right: 1.25rem;
+}
+
+.bottom-5 {
+  bottom: 1.25rem;
+}
+
+.left-5 {
+  left: 1.25rem;
+}
+
+.top-6 {
+  top: 1.5rem;
+}
+
+.right-6 {
+  right: 1.5rem;
+}
+
+.bottom-6 {
+  bottom: 1.5rem;
+}
+
+.left-6 {
+  left: 1.5rem;
+}
+
+.top-7 {
+  top: 1.75rem;
+}
+
+.right-7 {
+  right: 1.75rem;
+}
+
+.bottom-7 {
+  bottom: 1.75rem;
+}
+
+.left-7 {
+  left: 1.75rem;
+}
+
+.top-8 {
+  top: 2rem;
+}
+
+.right-8 {
+  right: 2rem;
+}
+
+.bottom-8 {
+  bottom: 2rem;
+}
+
+.left-8 {
+  left: 2rem;
+}
+
+.top-9 {
+  top: 2.25rem;
+}
+
+.right-9 {
+  right: 2.25rem;
+}
+
+.bottom-9 {
+  bottom: 2.25rem;
+}
+
+.left-9 {
+  left: 2.25rem;
+}
+
+.top-10 {
+  top: 2.5rem;
+}
+
+.right-10 {
+  right: 2.5rem;
+}
+
+.bottom-10 {
+  bottom: 2.5rem;
+}
+
+.left-10 {
+  left: 2.5rem;
+}
+
+.top-11 {
+  top: 2.75rem;
+}
+
+.right-11 {
+  right: 2.75rem;
+}
+
+.bottom-11 {
+  bottom: 2.75rem;
+}
+
+.left-11 {
+  left: 2.75rem;
+}
+
+.top-12 {
+  top: 3rem;
+}
+
+.right-12 {
+  right: 3rem;
+}
+
+.bottom-12 {
+  bottom: 3rem;
+}
+
+.left-12 {
+  left: 3rem;
+}
+
+.top-14 {
+  top: 3.5rem;
+}
+
+.right-14 {
+  right: 3.5rem;
+}
+
+.bottom-14 {
+  bottom: 3.5rem;
+}
+
+.left-14 {
+  left: 3.5rem;
+}
+
+.top-16 {
+  top: 4rem;
+}
+
+.right-16 {
+  right: 4rem;
+}
+
+.bottom-16 {
+  bottom: 4rem;
+}
+
+.left-16 {
+  left: 4rem;
+}
+
+.top-20 {
+  top: 5rem;
+}
+
+.right-20 {
+  right: 5rem;
+}
+
+.bottom-20 {
+  bottom: 5rem;
+}
+
+.left-20 {
+  left: 5rem;
+}
+
+.top-24 {
+  top: 6rem;
+}
+
+.right-24 {
+  right: 6rem;
+}
+
+.bottom-24 {
+  bottom: 6rem;
+}
+
+.left-24 {
+  left: 6rem;
+}
+
+.top-28 {
+  top: 7rem;
+}
+
+.right-28 {
+  right: 7rem;
+}
+
+.bottom-28 {
+  bottom: 7rem;
+}
+
+.left-28 {
+  left: 7rem;
+}
+
+.top-32 {
+  top: 8rem;
+}
+
+.right-32 {
+  right: 8rem;
+}
+
+.bottom-32 {
+  bottom: 8rem;
+}
+
+.left-32 {
+  left: 8rem;
+}
+
+.top-36 {
+  top: 9rem;
+}
+
+.right-36 {
+  right: 9rem;
+}
+
+.bottom-36 {
+  bottom: 9rem;
+}
+
+.left-36 {
+  left: 9rem;
+}
+
+.top-40 {
+  top: 10rem;
+}
+
+.right-40 {
+  right: 10rem;
+}
+
+.bottom-40 {
+  bottom: 10rem;
+}
+
+.left-40 {
+  left: 10rem;
+}
+
+.top-44 {
+  top: 11rem;
+}
+
+.right-44 {
+  right: 11rem;
+}
+
+.bottom-44 {
+  bottom: 11rem;
+}
+
+.left-44 {
+  left: 11rem;
+}
+
+.top-48 {
+  top: 12rem;
+}
+
+.right-48 {
+  right: 12rem;
+}
+
+.bottom-48 {
+  bottom: 12rem;
+}
+
+.left-48 {
+  left: 12rem;
+}
+
+.top-52 {
+  top: 13rem;
+}
+
+.right-52 {
+  right: 13rem;
+}
+
+.bottom-52 {
+  bottom: 13rem;
+}
+
+.left-52 {
+  left: 13rem;
+}
+
+.top-56 {
+  top: 14rem;
+}
+
+.right-56 {
+  right: 14rem;
+}
+
+.bottom-56 {
+  bottom: 14rem;
+}
+
+.left-56 {
+  left: 14rem;
+}
+
+.top-60 {
+  top: 15rem;
+}
+
+.right-60 {
+  right: 15rem;
+}
+
+.bottom-60 {
+  bottom: 15rem;
+}
+
+.left-60 {
+  left: 15rem;
+}
+
+.top-64 {
+  top: 16rem;
+}
+
+.right-64 {
+  right: 16rem;
+}
+
+.bottom-64 {
+  bottom: 16rem;
+}
+
+.left-64 {
+  left: 16rem;
+}
+
+.top-72 {
+  top: 18rem;
+}
+
+.right-72 {
+  right: 18rem;
+}
+
+.bottom-72 {
+  bottom: 18rem;
+}
+
+.left-72 {
+  left: 18rem;
+}
+
+.top-80 {
+  top: 20rem;
+}
+
+.right-80 {
+  right: 20rem;
+}
+
+.bottom-80 {
+  bottom: 20rem;
+}
+
+.left-80 {
+  left: 20rem;
+}
+
+.top-96 {
+  top: 24rem;
+}
+
+.right-96 {
+  right: 24rem;
+}
+
+.bottom-96 {
+  bottom: 24rem;
+}
+
+.left-96 {
+  left: 24rem;
+}
+
+.top-auto {
+  top: auto;
+}
+
+.right-auto {
+  right: auto;
+}
+
+.bottom-auto {
+  bottom: auto;
+}
+
+.left-auto {
+  left: auto;
+}
+
+.top-px {
+  top: 1px;
+}
+
+.right-px {
+  right: 1px;
+}
+
+.bottom-px {
+  bottom: 1px;
+}
+
+.left-px {
+  left: 1px;
+}
+
+.top-0\.5 {
+  top: 0.125rem;
+}
+
+.right-0\.5 {
+  right: 0.125rem;
+}
+
+.bottom-0\.5 {
+  bottom: 0.125rem;
+}
+
+.left-0\.5 {
+  left: 0.125rem;
+}
+
+.top-1\.5 {
+  top: 0.375rem;
+}
+
+.right-1\.5 {
+  right: 0.375rem;
+}
+
+.bottom-1\.5 {
+  bottom: 0.375rem;
+}
+
+.left-1\.5 {
+  left: 0.375rem;
+}
+
+.top-2\.5 {
+  top: 0.625rem;
+}
+
+.right-2\.5 {
+  right: 0.625rem;
+}
+
+.bottom-2\.5 {
+  bottom: 0.625rem;
+}
+
+.left-2\.5 {
+  left: 0.625rem;
+}
+
+.top-3\.5 {
+  top: 0.875rem;
+}
+
+.right-3\.5 {
+  right: 0.875rem;
+}
+
+.bottom-3\.5 {
+  bottom: 0.875rem;
+}
+
+.left-3\.5 {
+  left: 0.875rem;
+}
+
+.-top-0 {
+  top: 0px;
+}
+
+.-right-0 {
+  right: 0px;
+}
+
+.-bottom-0 {
+  bottom: 0px;
+}
+
+.-left-0 {
+  left: 0px;
+}
+
+.-top-1 {
+  top: -0.25rem;
+}
+
+.-right-1 {
+  right: -0.25rem;
+}
+
+.-bottom-1 {
+  bottom: -0.25rem;
+}
+
+.-left-1 {
+  left: -0.25rem;
+}
+
+.-top-2 {
+  top: -0.5rem;
+}
+
+.-right-2 {
+  right: -0.5rem;
+}
+
+.-bottom-2 {
+  bottom: -0.5rem;
+}
+
+.-left-2 {
+  left: -0.5rem;
+}
+
+.-top-3 {
+  top: -0.75rem;
+}
+
+.-right-3 {
+  right: -0.75rem;
+}
+
+.-bottom-3 {
+  bottom: -0.75rem;
+}
+
+.-left-3 {
+  left: -0.75rem;
+}
+
+.-top-4 {
+  top: -1rem;
+}
+
+.-right-4 {
+  right: -1rem;
+}
+
+.-bottom-4 {
+  bottom: -1rem;
+}
+
+.-left-4 {
+  left: -1rem;
+}
+
+.-top-5 {
+  top: -1.25rem;
+}
+
+.-right-5 {
+  right: -1.25rem;
+}
+
+.-bottom-5 {
+  bottom: -1.25rem;
+}
+
+.-left-5 {
+  left: -1.25rem;
+}
+
+.-top-6 {
+  top: -1.5rem;
+}
+
+.-right-6 {
+  right: -1.5rem;
+}
+
+.-bottom-6 {
+  bottom: -1.5rem;
+}
+
+.-left-6 {
+  left: -1.5rem;
+}
+
+.-top-7 {
+  top: -1.75rem;
+}
+
+.-right-7 {
+  right: -1.75rem;
+}
+
+.-bottom-7 {
+  bottom: -1.75rem;
+}
+
+.-left-7 {
+  left: -1.75rem;
+}
+
+.-top-8 {
+  top: -2rem;
+}
+
+.-right-8 {
+  right: -2rem;
+}
+
+.-bottom-8 {
+  bottom: -2rem;
+}
+
+.-left-8 {
+  left: -2rem;
+}
+
+.-top-9 {
+  top: -2.25rem;
+}
+
+.-right-9 {
+  right: -2.25rem;
+}
+
+.-bottom-9 {
+  bottom: -2.25rem;
+}
+
+.-left-9 {
+  left: -2.25rem;
+}
+
+.-top-10 {
+  top: -2.5rem;
+}
+
+.-right-10 {
+  right: -2.5rem;
+}
+
+.-bottom-10 {
+  bottom: -2.5rem;
+}
+
+.-left-10 {
+  left: -2.5rem;
+}
+
+.-top-11 {
+  top: -2.75rem;
+}
+
+.-right-11 {
+  right: -2.75rem;
+}
+
+.-bottom-11 {
+  bottom: -2.75rem;
+}
+
+.-left-11 {
+  left: -2.75rem;
+}
+
+.-top-12 {
+  top: -3rem;
+}
+
+.-right-12 {
+  right: -3rem;
+}
+
+.-bottom-12 {
+  bottom: -3rem;
+}
+
+.-left-12 {
+  left: -3rem;
+}
+
+.-top-14 {
+  top: -3.5rem;
+}
+
+.-right-14 {
+  right: -3.5rem;
+}
+
+.-bottom-14 {
+  bottom: -3.5rem;
+}
+
+.-left-14 {
+  left: -3.5rem;
+}
+
+.-top-16 {
+  top: -4rem;
+}
+
+.-right-16 {
+  right: -4rem;
+}
+
+.-bottom-16 {
+  bottom: -4rem;
+}
+
+.-left-16 {
+  left: -4rem;
+}
+
+.-top-20 {
+  top: -5rem;
+}
+
+.-right-20 {
+  right: -5rem;
+}
+
+.-bottom-20 {
+  bottom: -5rem;
+}
+
+.-left-20 {
+  left: -5rem;
+}
+
+.-top-24 {
+  top: -6rem;
+}
+
+.-right-24 {
+  right: -6rem;
+}
+
+.-bottom-24 {
+  bottom: -6rem;
+}
+
+.-left-24 {
+  left: -6rem;
+}
+
+.-top-28 {
+  top: -7rem;
+}
+
+.-right-28 {
+  right: -7rem;
+}
+
+.-bottom-28 {
+  bottom: -7rem;
+}
+
+.-left-28 {
+  left: -7rem;
+}
+
+.-top-32 {
+  top: -8rem;
+}
+
+.-right-32 {
+  right: -8rem;
+}
+
+.-bottom-32 {
+  bottom: -8rem;
+}
+
+.-left-32 {
+  left: -8rem;
+}
+
+.-top-36 {
+  top: -9rem;
+}
+
+.-right-36 {
+  right: -9rem;
+}
+
+.-bottom-36 {
+  bottom: -9rem;
+}
+
+.-left-36 {
+  left: -9rem;
+}
+
+.-top-40 {
+  top: -10rem;
+}
+
+.-right-40 {
+  right: -10rem;
+}
+
+.-bottom-40 {
+  bottom: -10rem;
+}
+
+.-left-40 {
+  left: -10rem;
+}
+
+.-top-44 {
+  top: -11rem;
+}
+
+.-right-44 {
+  right: -11rem;
+}
+
+.-bottom-44 {
+  bottom: -11rem;
+}
+
+.-left-44 {
+  left: -11rem;
+}
+
+.-top-48 {
+  top: -12rem;
+}
+
+.-right-48 {
+  right: -12rem;
+}
+
+.-bottom-48 {
+  bottom: -12rem;
+}
+
+.-left-48 {
+  left: -12rem;
+}
+
+.-top-52 {
+  top: -13rem;
+}
+
+.-right-52 {
+  right: -13rem;
+}
+
+.-bottom-52 {
+  bottom: -13rem;
+}
+
+.-left-52 {
+  left: -13rem;
+}
+
+.-top-56 {
+  top: -14rem;
+}
+
+.-right-56 {
+  right: -14rem;
+}
+
+.-bottom-56 {
+  bottom: -14rem;
+}
+
+.-left-56 {
+  left: -14rem;
+}
+
+.-top-60 {
+  top: -15rem;
+}
+
+.-right-60 {
+  right: -15rem;
+}
+
+.-bottom-60 {
+  bottom: -15rem;
+}
+
+.-left-60 {
+  left: -15rem;
+}
+
+.-top-64 {
+  top: -16rem;
+}
+
+.-right-64 {
+  right: -16rem;
+}
+
+.-bottom-64 {
+  bottom: -16rem;
+}
+
+.-left-64 {
+  left: -16rem;
+}
+
+.-top-72 {
+  top: -18rem;
+}
+
+.-right-72 {
+  right: -18rem;
+}
+
+.-bottom-72 {
+  bottom: -18rem;
+}
+
+.-left-72 {
+  left: -18rem;
+}
+
+.-top-80 {
+  top: -20rem;
+}
+
+.-right-80 {
+  right: -20rem;
+}
+
+.-bottom-80 {
+  bottom: -20rem;
+}
+
+.-left-80 {
+  left: -20rem;
+}
+
+.-top-96 {
+  top: -24rem;
+}
+
+.-right-96 {
+  right: -24rem;
+}
+
+.-bottom-96 {
+  bottom: -24rem;
+}
+
+.-left-96 {
+  left: -24rem;
+}
+
+.-top-px {
+  top: -1px;
+}
+
+.-right-px {
+  right: -1px;
+}
+
+.-bottom-px {
+  bottom: -1px;
+}
+
+.-left-px {
+  left: -1px;
+}
+
+.-top-0\.5 {
+  top: -0.125rem;
+}
+
+.-right-0\.5 {
+  right: -0.125rem;
+}
+
+.-bottom-0\.5 {
+  bottom: -0.125rem;
+}
+
+.-left-0\.5 {
+  left: -0.125rem;
+}
+
+.-top-1\.5 {
+  top: -0.375rem;
+}
+
+.-right-1\.5 {
+  right: -0.375rem;
+}
+
+.-bottom-1\.5 {
+  bottom: -0.375rem;
+}
+
+.-left-1\.5 {
+  left: -0.375rem;
+}
+
+.-top-2\.5 {
+  top: -0.625rem;
+}
+
+.-right-2\.5 {
+  right: -0.625rem;
+}
+
+.-bottom-2\.5 {
+  bottom: -0.625rem;
+}
+
+.-left-2\.5 {
+  left: -0.625rem;
+}
+
+.-top-3\.5 {
+  top: -0.875rem;
+}
+
+.-right-3\.5 {
+  right: -0.875rem;
+}
+
+.-bottom-3\.5 {
+  bottom: -0.875rem;
+}
+
+.-left-3\.5 {
+  left: -0.875rem;
+}
+
+.top-1\/2 {
+  top: 50%;
+}
+
+.right-1\/2 {
+  right: 50%;
+}
+
+.bottom-1\/2 {
+  bottom: 50%;
+}
+
+.left-1\/2 {
+  left: 50%;
+}
+
+.top-1\/3 {
+  top: 33.333333%;
+}
+
+.right-1\/3 {
+  right: 33.333333%;
+}
+
+.bottom-1\/3 {
+  bottom: 33.333333%;
+}
+
+.left-1\/3 {
+  left: 33.333333%;
+}
+
+.top-2\/3 {
+  top: 66.666667%;
+}
+
+.right-2\/3 {
+  right: 66.666667%;
+}
+
+.bottom-2\/3 {
+  bottom: 66.666667%;
+}
+
+.left-2\/3 {
+  left: 66.666667%;
+}
+
+.top-1\/4 {
+  top: 25%;
+}
+
+.right-1\/4 {
+  right: 25%;
+}
+
+.bottom-1\/4 {
+  bottom: 25%;
+}
+
+.left-1\/4 {
+  left: 25%;
+}
+
+.top-2\/4 {
+  top: 50%;
+}
+
+.right-2\/4 {
+  right: 50%;
+}
+
+.bottom-2\/4 {
+  bottom: 50%;
+}
+
+.left-2\/4 {
+  left: 50%;
+}
+
+.top-3\/4 {
+  top: 75%;
+}
+
+.right-3\/4 {
+  right: 75%;
+}
+
+.bottom-3\/4 {
+  bottom: 75%;
+}
+
+.left-3\/4 {
+  left: 75%;
+}
+
+.top-full {
+  top: 100%;
+}
+
+.right-full {
+  right: 100%;
+}
+
+.bottom-full {
+  bottom: 100%;
+}
+
+.left-full {
+  left: 100%;
+}
+
+.-top-1\/2 {
+  top: -50%;
+}
+
+.-right-1\/2 {
+  right: -50%;
+}
+
+.-bottom-1\/2 {
+  bottom: -50%;
+}
+
+.-left-1\/2 {
+  left: -50%;
+}
+
+.-top-1\/3 {
+  top: -33.333333%;
+}
+
+.-right-1\/3 {
+  right: -33.333333%;
+}
+
+.-bottom-1\/3 {
+  bottom: -33.333333%;
+}
+
+.-left-1\/3 {
+  left: -33.333333%;
+}
+
+.-top-2\/3 {
+  top: -66.666667%;
+}
+
+.-right-2\/3 {
+  right: -66.666667%;
+}
+
+.-bottom-2\/3 {
+  bottom: -66.666667%;
+}
+
+.-left-2\/3 {
+  left: -66.666667%;
+}
+
+.-top-1\/4 {
+  top: -25%;
+}
+
+.-right-1\/4 {
+  right: -25%;
+}
+
+.-bottom-1\/4 {
+  bottom: -25%;
+}
+
+.-left-1\/4 {
+  left: -25%;
+}
+
+.-top-2\/4 {
+  top: -50%;
+}
+
+.-right-2\/4 {
+  right: -50%;
+}
+
+.-bottom-2\/4 {
+  bottom: -50%;
+}
+
+.-left-2\/4 {
+  left: -50%;
+}
+
+.-top-3\/4 {
+  top: -75%;
+}
+
+.-right-3\/4 {
+  right: -75%;
+}
+
+.-bottom-3\/4 {
+  bottom: -75%;
+}
+
+.-left-3\/4 {
+  left: -75%;
+}
+
+.-top-full {
+  top: -100%;
+}
+
+.-right-full {
+  right: -100%;
+}
+
+.-bottom-full {
+  bottom: -100%;
+}
+
+.-left-full {
+  left: -100%;
+}
+
+.resize-none {
+  resize: none;
+}
+
+.resize-y {
+  resize: vertical;
+}
+
+.resize-x {
+  resize: horizontal;
+}
+
+.resize {
+  resize: both;
+}
+
+* {
+  --tw-shadow: 0 0 #0000;
+}
+
+.shadow-sm {
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow {
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-md {
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-lg {
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-xl {
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-2xl {
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-inner {
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-none {
+  --tw-shadow: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow-sm {
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow {
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow-md {
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow-lg {
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow-xl {
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow-2xl {
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow-inner {
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.group:hover .group-hover\:shadow-none {
+  --tw-shadow: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow-sm:focus-within {
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow:focus-within {
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow-md:focus-within {
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow-lg:focus-within {
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow-xl:focus-within {
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow-2xl:focus-within {
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow-inner:focus-within {
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus-within\:shadow-none:focus-within {
+  --tw-shadow: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-sm:hover {
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow:hover {
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-md:hover {
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-lg:hover {
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-xl:hover {
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-2xl:hover {
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-inner:hover {
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-none:hover {
+  --tw-shadow: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow-sm:focus {
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow:focus {
+  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow-md:focus {
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow-lg:focus {
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow-xl:focus {
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow-2xl:focus {
+  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow-inner:focus {
+  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:shadow-none:focus {
+  --tw-shadow: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+* {
+  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgba(59, 130, 246, 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+}
+
+.ring-0 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-1 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-2 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-4 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-8 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-inset {
+  --tw-ring-inset: inset;
+}
+
+.focus-within\:ring-0:focus-within {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-within\:ring-1:focus-within {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-within\:ring-2:focus-within {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-within\:ring-4:focus-within {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-within\:ring-8:focus-within {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-within\:ring:focus-within {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-within\:ring-inset:focus-within {
+  --tw-ring-inset: inset;
+}
+
+.focus\:ring-0:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring-1:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring-2:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring-4:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring-8:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring-inset:focus {
+  --tw-ring-inset: inset;
+}
+
+.ring-offset-transparent {
+  --tw-ring-offset-color: transparent;
+}
+
+.ring-offset-current {
+  --tw-ring-offset-color: currentColor;
+}
+
+.ring-offset-black {
+  --tw-ring-offset-color: #000;
+}
+
+.ring-offset-white {
+  --tw-ring-offset-color: #fff;
+}
+
+.ring-offset-gray-50 {
+  --tw-ring-offset-color: #f9fafb;
+}
+
+.ring-offset-gray-100 {
+  --tw-ring-offset-color: #f3f4f6;
+}
+
+.ring-offset-gray-200 {
+  --tw-ring-offset-color: #e5e7eb;
+}
+
+.ring-offset-gray-300 {
+  --tw-ring-offset-color: #d1d5db;
+}
+
+.ring-offset-gray-400 {
+  --tw-ring-offset-color: #9ca3af;
+}
+
+.ring-offset-gray-500 {
+  --tw-ring-offset-color: #6b7280;
+}
+
+.ring-offset-gray-600 {
+  --tw-ring-offset-color: #4b5563;
+}
+
+.ring-offset-gray-700 {
+  --tw-ring-offset-color: #374151;
+}
+
+.ring-offset-gray-800 {
+  --tw-ring-offset-color: #1f2937;
+}
+
+.ring-offset-gray-900 {
+  --tw-ring-offset-color: #111827;
+}
+
+.ring-offset-red-50 {
+  --tw-ring-offset-color: #fef2f2;
+}
+
+.ring-offset-red-100 {
+  --tw-ring-offset-color: #fee2e2;
+}
+
+.ring-offset-red-200 {
+  --tw-ring-offset-color: #fecaca;
+}
+
+.ring-offset-red-300 {
+  --tw-ring-offset-color: #fca5a5;
+}
+
+.ring-offset-red-400 {
+  --tw-ring-offset-color: #f87171;
+}
+
+.ring-offset-red-500 {
+  --tw-ring-offset-color: #ef4444;
+}
+
+.ring-offset-red-600 {
+  --tw-ring-offset-color: #dc2626;
+}
+
+.ring-offset-red-700 {
+  --tw-ring-offset-color: #b91c1c;
+}
+
+.ring-offset-red-800 {
+  --tw-ring-offset-color: #991b1b;
+}
+
+.ring-offset-red-900 {
+  --tw-ring-offset-color: #7f1d1d;
+}
+
+.ring-offset-yellow-50 {
+  --tw-ring-offset-color: #fffbeb;
+}
+
+.ring-offset-yellow-100 {
+  --tw-ring-offset-color: #fef3c7;
+}
+
+.ring-offset-yellow-200 {
+  --tw-ring-offset-color: #fde68a;
+}
+
+.ring-offset-yellow-300 {
+  --tw-ring-offset-color: #fcd34d;
+}
+
+.ring-offset-yellow-400 {
+  --tw-ring-offset-color: #fbbf24;
+}
+
+.ring-offset-yellow-500 {
+  --tw-ring-offset-color: #f59e0b;
+}
+
+.ring-offset-yellow-600 {
+  --tw-ring-offset-color: #d97706;
+}
+
+.ring-offset-yellow-700 {
+  --tw-ring-offset-color: #b45309;
+}
+
+.ring-offset-yellow-800 {
+  --tw-ring-offset-color: #92400e;
+}
+
+.ring-offset-yellow-900 {
+  --tw-ring-offset-color: #78350f;
+}
+
+.ring-offset-green-50 {
+  --tw-ring-offset-color: #ecfdf5;
+}
+
+.ring-offset-green-100 {
+  --tw-ring-offset-color: #d1fae5;
+}
+
+.ring-offset-green-200 {
+  --tw-ring-offset-color: #a7f3d0;
+}
+
+.ring-offset-green-300 {
+  --tw-ring-offset-color: #6ee7b7;
+}
+
+.ring-offset-green-400 {
+  --tw-ring-offset-color: #34d399;
+}
+
+.ring-offset-green-500 {
+  --tw-ring-offset-color: #10b981;
+}
+
+.ring-offset-green-600 {
+  --tw-ring-offset-color: #059669;
+}
+
+.ring-offset-green-700 {
+  --tw-ring-offset-color: #047857;
+}
+
+.ring-offset-green-800 {
+  --tw-ring-offset-color: #065f46;
+}
+
+.ring-offset-green-900 {
+  --tw-ring-offset-color: #064e3b;
+}
+
+.ring-offset-blue-50 {
+  --tw-ring-offset-color: #eff6ff;
+}
+
+.ring-offset-blue-100 {
+  --tw-ring-offset-color: #dbeafe;
+}
+
+.ring-offset-blue-200 {
+  --tw-ring-offset-color: #bfdbfe;
+}
+
+.ring-offset-blue-300 {
+  --tw-ring-offset-color: #93c5fd;
+}
+
+.ring-offset-blue-400 {
+  --tw-ring-offset-color: #60a5fa;
+}
+
+.ring-offset-blue-500 {
+  --tw-ring-offset-color: #3b82f6;
+}
+
+.ring-offset-blue-600 {
+  --tw-ring-offset-color: #2563eb;
+}
+
+.ring-offset-blue-700 {
+  --tw-ring-offset-color: #1d4ed8;
+}
+
+.ring-offset-blue-800 {
+  --tw-ring-offset-color: #1e40af;
+}
+
+.ring-offset-blue-900 {
+  --tw-ring-offset-color: #1e3a8a;
+}
+
+.ring-offset-indigo-50 {
+  --tw-ring-offset-color: #eef2ff;
+}
+
+.ring-offset-indigo-100 {
+  --tw-ring-offset-color: #e0e7ff;
+}
+
+.ring-offset-indigo-200 {
+  --tw-ring-offset-color: #c7d2fe;
+}
+
+.ring-offset-indigo-300 {
+  --tw-ring-offset-color: #a5b4fc;
+}
+
+.ring-offset-indigo-400 {
+  --tw-ring-offset-color: #818cf8;
+}
+
+.ring-offset-indigo-500 {
+  --tw-ring-offset-color: #6366f1;
+}
+
+.ring-offset-indigo-600 {
+  --tw-ring-offset-color: #4f46e5;
+}
+
+.ring-offset-indigo-700 {
+  --tw-ring-offset-color: #4338ca;
+}
+
+.ring-offset-indigo-800 {
+  --tw-ring-offset-color: #3730a3;
+}
+
+.ring-offset-indigo-900 {
+  --tw-ring-offset-color: #312e81;
+}
+
+.ring-offset-purple-50 {
+  --tw-ring-offset-color: #f5f3ff;
+}
+
+.ring-offset-purple-100 {
+  --tw-ring-offset-color: #ede9fe;
+}
+
+.ring-offset-purple-200 {
+  --tw-ring-offset-color: #ddd6fe;
+}
+
+.ring-offset-purple-300 {
+  --tw-ring-offset-color: #c4b5fd;
+}
+
+.ring-offset-purple-400 {
+  --tw-ring-offset-color: #a78bfa;
+}
+
+.ring-offset-purple-500 {
+  --tw-ring-offset-color: #8b5cf6;
+}
+
+.ring-offset-purple-600 {
+  --tw-ring-offset-color: #7c3aed;
+}
+
+.ring-offset-purple-700 {
+  --tw-ring-offset-color: #6d28d9;
+}
+
+.ring-offset-purple-800 {
+  --tw-ring-offset-color: #5b21b6;
+}
+
+.ring-offset-purple-900 {
+  --tw-ring-offset-color: #4c1d95;
+}
+
+.ring-offset-pink-50 {
+  --tw-ring-offset-color: #fdf2f8;
+}
+
+.ring-offset-pink-100 {
+  --tw-ring-offset-color: #fce7f3;
+}
+
+.ring-offset-pink-200 {
+  --tw-ring-offset-color: #fbcfe8;
+}
+
+.ring-offset-pink-300 {
+  --tw-ring-offset-color: #f9a8d4;
+}
+
+.ring-offset-pink-400 {
+  --tw-ring-offset-color: #f472b6;
+}
+
+.ring-offset-pink-500 {
+  --tw-ring-offset-color: #ec4899;
+}
+
+.ring-offset-pink-600 {
+  --tw-ring-offset-color: #db2777;
+}
+
+.ring-offset-pink-700 {
+  --tw-ring-offset-color: #be185d;
+}
+
+.ring-offset-pink-800 {
+  --tw-ring-offset-color: #9d174d;
+}
+
+.ring-offset-pink-900 {
+  --tw-ring-offset-color: #831843;
+}
+
+.focus-within\:ring-offset-transparent:focus-within {
+  --tw-ring-offset-color: transparent;
+}
+
+.focus-within\:ring-offset-current:focus-within {
+  --tw-ring-offset-color: currentColor;
+}
+
+.focus-within\:ring-offset-black:focus-within {
+  --tw-ring-offset-color: #000;
+}
+
+.focus-within\:ring-offset-white:focus-within {
+  --tw-ring-offset-color: #fff;
+}
+
+.focus-within\:ring-offset-gray-50:focus-within {
+  --tw-ring-offset-color: #f9fafb;
+}
+
+.focus-within\:ring-offset-gray-100:focus-within {
+  --tw-ring-offset-color: #f3f4f6;
+}
+
+.focus-within\:ring-offset-gray-200:focus-within {
+  --tw-ring-offset-color: #e5e7eb;
+}
+
+.focus-within\:ring-offset-gray-300:focus-within {
+  --tw-ring-offset-color: #d1d5db;
+}
+
+.focus-within\:ring-offset-gray-400:focus-within {
+  --tw-ring-offset-color: #9ca3af;
+}
+
+.focus-within\:ring-offset-gray-500:focus-within {
+  --tw-ring-offset-color: #6b7280;
+}
+
+.focus-within\:ring-offset-gray-600:focus-within {
+  --tw-ring-offset-color: #4b5563;
+}
+
+.focus-within\:ring-offset-gray-700:focus-within {
+  --tw-ring-offset-color: #374151;
+}
+
+.focus-within\:ring-offset-gray-800:focus-within {
+  --tw-ring-offset-color: #1f2937;
+}
+
+.focus-within\:ring-offset-gray-900:focus-within {
+  --tw-ring-offset-color: #111827;
+}
+
+.focus-within\:ring-offset-red-50:focus-within {
+  --tw-ring-offset-color: #fef2f2;
+}
+
+.focus-within\:ring-offset-red-100:focus-within {
+  --tw-ring-offset-color: #fee2e2;
+}
+
+.focus-within\:ring-offset-red-200:focus-within {
+  --tw-ring-offset-color: #fecaca;
+}
+
+.focus-within\:ring-offset-red-300:focus-within {
+  --tw-ring-offset-color: #fca5a5;
+}
+
+.focus-within\:ring-offset-red-400:focus-within {
+  --tw-ring-offset-color: #f87171;
+}
+
+.focus-within\:ring-offset-red-500:focus-within {
+  --tw-ring-offset-color: #ef4444;
+}
+
+.focus-within\:ring-offset-red-600:focus-within {
+  --tw-ring-offset-color: #dc2626;
+}
+
+.focus-within\:ring-offset-red-700:focus-within {
+  --tw-ring-offset-color: #b91c1c;
+}
+
+.focus-within\:ring-offset-red-800:focus-within {
+  --tw-ring-offset-color: #991b1b;
+}
+
+.focus-within\:ring-offset-red-900:focus-within {
+  --tw-ring-offset-color: #7f1d1d;
+}
+
+.focus-within\:ring-offset-yellow-50:focus-within {
+  --tw-ring-offset-color: #fffbeb;
+}
+
+.focus-within\:ring-offset-yellow-100:focus-within {
+  --tw-ring-offset-color: #fef3c7;
+}
+
+.focus-within\:ring-offset-yellow-200:focus-within {
+  --tw-ring-offset-color: #fde68a;
+}
+
+.focus-within\:ring-offset-yellow-300:focus-within {
+  --tw-ring-offset-color: #fcd34d;
+}
+
+.focus-within\:ring-offset-yellow-400:focus-within {
+  --tw-ring-offset-color: #fbbf24;
+}
+
+.focus-within\:ring-offset-yellow-500:focus-within {
+  --tw-ring-offset-color: #f59e0b;
+}
+
+.focus-within\:ring-offset-yellow-600:focus-within {
+  --tw-ring-offset-color: #d97706;
+}
+
+.focus-within\:ring-offset-yellow-700:focus-within {
+  --tw-ring-offset-color: #b45309;
+}
+
+.focus-within\:ring-offset-yellow-800:focus-within {
+  --tw-ring-offset-color: #92400e;
+}
+
+.focus-within\:ring-offset-yellow-900:focus-within {
+  --tw-ring-offset-color: #78350f;
+}
+
+.focus-within\:ring-offset-green-50:focus-within {
+  --tw-ring-offset-color: #ecfdf5;
+}
+
+.focus-within\:ring-offset-green-100:focus-within {
+  --tw-ring-offset-color: #d1fae5;
+}
+
+.focus-within\:ring-offset-green-200:focus-within {
+  --tw-ring-offset-color: #a7f3d0;
+}
+
+.focus-within\:ring-offset-green-300:focus-within {
+  --tw-ring-offset-color: #6ee7b7;
+}
+
+.focus-within\:ring-offset-green-400:focus-within {
+  --tw-ring-offset-color: #34d399;
+}
+
+.focus-within\:ring-offset-green-500:focus-within {
+  --tw-ring-offset-color: #10b981;
+}
+
+.focus-within\:ring-offset-green-600:focus-within {
+  --tw-ring-offset-color: #059669;
+}
+
+.focus-within\:ring-offset-green-700:focus-within {
+  --tw-ring-offset-color: #047857;
+}
+
+.focus-within\:ring-offset-green-800:focus-within {
+  --tw-ring-offset-color: #065f46;
+}
+
+.focus-within\:ring-offset-green-900:focus-within {
+  --tw-ring-offset-color: #064e3b;
+}
+
+.focus-within\:ring-offset-blue-50:focus-within {
+  --tw-ring-offset-color: #eff6ff;
+}
+
+.focus-within\:ring-offset-blue-100:focus-within {
+  --tw-ring-offset-color: #dbeafe;
+}
+
+.focus-within\:ring-offset-blue-200:focus-within {
+  --tw-ring-offset-color: #bfdbfe;
+}
+
+.focus-within\:ring-offset-blue-300:focus-within {
+  --tw-ring-offset-color: #93c5fd;
+}
+
+.focus-within\:ring-offset-blue-400:focus-within {
+  --tw-ring-offset-color: #60a5fa;
+}
+
+.focus-within\:ring-offset-blue-500:focus-within {
+  --tw-ring-offset-color: #3b82f6;
+}
+
+.focus-within\:ring-offset-blue-600:focus-within {
+  --tw-ring-offset-color: #2563eb;
+}
+
+.focus-within\:ring-offset-blue-700:focus-within {
+  --tw-ring-offset-color: #1d4ed8;
+}
+
+.focus-within\:ring-offset-blue-800:focus-within {
+  --tw-ring-offset-color: #1e40af;
+}
+
+.focus-within\:ring-offset-blue-900:focus-within {
+  --tw-ring-offset-color: #1e3a8a;
+}
+
+.focus-within\:ring-offset-indigo-50:focus-within {
+  --tw-ring-offset-color: #eef2ff;
+}
+
+.focus-within\:ring-offset-indigo-100:focus-within {
+  --tw-ring-offset-color: #e0e7ff;
+}
+
+.focus-within\:ring-offset-indigo-200:focus-within {
+  --tw-ring-offset-color: #c7d2fe;
+}
+
+.focus-within\:ring-offset-indigo-300:focus-within {
+  --tw-ring-offset-color: #a5b4fc;
+}
+
+.focus-within\:ring-offset-indigo-400:focus-within {
+  --tw-ring-offset-color: #818cf8;
+}
+
+.focus-within\:ring-offset-indigo-500:focus-within {
+  --tw-ring-offset-color: #6366f1;
+}
+
+.focus-within\:ring-offset-indigo-600:focus-within {
+  --tw-ring-offset-color: #4f46e5;
+}
+
+.focus-within\:ring-offset-indigo-700:focus-within {
+  --tw-ring-offset-color: #4338ca;
+}
+
+.focus-within\:ring-offset-indigo-800:focus-within {
+  --tw-ring-offset-color: #3730a3;
+}
+
+.focus-within\:ring-offset-indigo-900:focus-within {
+  --tw-ring-offset-color: #312e81;
+}
+
+.focus-within\:ring-offset-purple-50:focus-within {
+  --tw-ring-offset-color: #f5f3ff;
+}
+
+.focus-within\:ring-offset-purple-100:focus-within {
+  --tw-ring-offset-color: #ede9fe;
+}
+
+.focus-within\:ring-offset-purple-200:focus-within {
+  --tw-ring-offset-color: #ddd6fe;
+}
+
+.focus-within\:ring-offset-purple-300:focus-within {
+  --tw-ring-offset-color: #c4b5fd;
+}
+
+.focus-within\:ring-offset-purple-400:focus-within {
+  --tw-ring-offset-color: #a78bfa;
+}
+
+.focus-within\:ring-offset-purple-500:focus-within {
+  --tw-ring-offset-color: #8b5cf6;
+}
+
+.focus-within\:ring-offset-purple-600:focus-within {
+  --tw-ring-offset-color: #7c3aed;
+}
+
+.focus-within\:ring-offset-purple-700:focus-within {
+  --tw-ring-offset-color: #6d28d9;
+}
+
+.focus-within\:ring-offset-purple-800:focus-within {
+  --tw-ring-offset-color: #5b21b6;
+}
+
+.focus-within\:ring-offset-purple-900:focus-within {
+  --tw-ring-offset-color: #4c1d95;
+}
+
+.focus-within\:ring-offset-pink-50:focus-within {
+  --tw-ring-offset-color: #fdf2f8;
+}
+
+.focus-within\:ring-offset-pink-100:focus-within {
+  --tw-ring-offset-color: #fce7f3;
+}
+
+.focus-within\:ring-offset-pink-200:focus-within {
+  --tw-ring-offset-color: #fbcfe8;
+}
+
+.focus-within\:ring-offset-pink-300:focus-within {
+  --tw-ring-offset-color: #f9a8d4;
+}
+
+.focus-within\:ring-offset-pink-400:focus-within {
+  --tw-ring-offset-color: #f472b6;
+}
+
+.focus-within\:ring-offset-pink-500:focus-within {
+  --tw-ring-offset-color: #ec4899;
+}
+
+.focus-within\:ring-offset-pink-600:focus-within {
+  --tw-ring-offset-color: #db2777;
+}
+
+.focus-within\:ring-offset-pink-700:focus-within {
+  --tw-ring-offset-color: #be185d;
+}
+
+.focus-within\:ring-offset-pink-800:focus-within {
+  --tw-ring-offset-color: #9d174d;
+}
+
+.focus-within\:ring-offset-pink-900:focus-within {
+  --tw-ring-offset-color: #831843;
+}
+
+.focus\:ring-offset-transparent:focus {
+  --tw-ring-offset-color: transparent;
+}
+
+.focus\:ring-offset-current:focus {
+  --tw-ring-offset-color: currentColor;
+}
+
+.focus\:ring-offset-black:focus {
+  --tw-ring-offset-color: #000;
+}
+
+.focus\:ring-offset-white:focus {
+  --tw-ring-offset-color: #fff;
+}
+
+.focus\:ring-offset-gray-50:focus {
+  --tw-ring-offset-color: #f9fafb;
+}
+
+.focus\:ring-offset-gray-100:focus {
+  --tw-ring-offset-color: #f3f4f6;
+}
+
+.focus\:ring-offset-gray-200:focus {
+  --tw-ring-offset-color: #e5e7eb;
+}
+
+.focus\:ring-offset-gray-300:focus {
+  --tw-ring-offset-color: #d1d5db;
+}
+
+.focus\:ring-offset-gray-400:focus {
+  --tw-ring-offset-color: #9ca3af;
+}
+
+.focus\:ring-offset-gray-500:focus {
+  --tw-ring-offset-color: #6b7280;
+}
+
+.focus\:ring-offset-gray-600:focus {
+  --tw-ring-offset-color: #4b5563;
+}
+
+.focus\:ring-offset-gray-700:focus {
+  --tw-ring-offset-color: #374151;
+}
+
+.focus\:ring-offset-gray-800:focus {
+  --tw-ring-offset-color: #1f2937;
+}
+
+.focus\:ring-offset-gray-900:focus {
+  --tw-ring-offset-color: #111827;
+}
+
+.focus\:ring-offset-red-50:focus {
+  --tw-ring-offset-color: #fef2f2;
+}
+
+.focus\:ring-offset-red-100:focus {
+  --tw-ring-offset-color: #fee2e2;
+}
+
+.focus\:ring-offset-red-200:focus {
+  --tw-ring-offset-color: #fecaca;
+}
+
+.focus\:ring-offset-red-300:focus {
+  --tw-ring-offset-color: #fca5a5;
+}
+
+.focus\:ring-offset-red-400:focus {
+  --tw-ring-offset-color: #f87171;
+}
+
+.focus\:ring-offset-red-500:focus {
+  --tw-ring-offset-color: #ef4444;
+}
+
+.focus\:ring-offset-red-600:focus {
+  --tw-ring-offset-color: #dc2626;
+}
+
+.focus\:ring-offset-red-700:focus {
+  --tw-ring-offset-color: #b91c1c;
+}
+
+.focus\:ring-offset-red-800:focus {
+  --tw-ring-offset-color: #991b1b;
+}
+
+.focus\:ring-offset-red-900:focus {
+  --tw-ring-offset-color: #7f1d1d;
+}
+
+.focus\:ring-offset-yellow-50:focus {
+  --tw-ring-offset-color: #fffbeb;
+}
+
+.focus\:ring-offset-yellow-100:focus {
+  --tw-ring-offset-color: #fef3c7;
+}
+
+.focus\:ring-offset-yellow-200:focus {
+  --tw-ring-offset-color: #fde68a;
+}
+
+.focus\:ring-offset-yellow-300:focus {
+  --tw-ring-offset-color: #fcd34d;
+}
+
+.focus\:ring-offset-yellow-400:focus {
+  --tw-ring-offset-color: #fbbf24;
+}
+
+.focus\:ring-offset-yellow-500:focus {
+  --tw-ring-offset-color: #f59e0b;
+}
+
+.focus\:ring-offset-yellow-600:focus {
+  --tw-ring-offset-color: #d97706;
+}
+
+.focus\:ring-offset-yellow-700:focus {
+  --tw-ring-offset-color: #b45309;
+}
+
+.focus\:ring-offset-yellow-800:focus {
+  --tw-ring-offset-color: #92400e;
+}
+
+.focus\:ring-offset-yellow-900:focus {
+  --tw-ring-offset-color: #78350f;
+}
+
+.focus\:ring-offset-green-50:focus {
+  --tw-ring-offset-color: #ecfdf5;
+}
+
+.focus\:ring-offset-green-100:focus {
+  --tw-ring-offset-color: #d1fae5;
+}
+
+.focus\:ring-offset-green-200:focus {
+  --tw-ring-offset-color: #a7f3d0;
+}
+
+.focus\:ring-offset-green-300:focus {
+  --tw-ring-offset-color: #6ee7b7;
+}
+
+.focus\:ring-offset-green-400:focus {
+  --tw-ring-offset-color: #34d399;
+}
+
+.focus\:ring-offset-green-500:focus {
+  --tw-ring-offset-color: #10b981;
+}
+
+.focus\:ring-offset-green-600:focus {
+  --tw-ring-offset-color: #059669;
+}
+
+.focus\:ring-offset-green-700:focus {
+  --tw-ring-offset-color: #047857;
+}
+
+.focus\:ring-offset-green-800:focus {
+  --tw-ring-offset-color: #065f46;
+}
+
+.focus\:ring-offset-green-900:focus {
+  --tw-ring-offset-color: #064e3b;
+}
+
+.focus\:ring-offset-blue-50:focus {
+  --tw-ring-offset-color: #eff6ff;
+}
+
+.focus\:ring-offset-blue-100:focus {
+  --tw-ring-offset-color: #dbeafe;
+}
+
+.focus\:ring-offset-blue-200:focus {
+  --tw-ring-offset-color: #bfdbfe;
+}
+
+.focus\:ring-offset-blue-300:focus {
+  --tw-ring-offset-color: #93c5fd;
+}
+
+.focus\:ring-offset-blue-400:focus {
+  --tw-ring-offset-color: #60a5fa;
+}
+
+.focus\:ring-offset-blue-500:focus {
+  --tw-ring-offset-color: #3b82f6;
+}
+
+.focus\:ring-offset-blue-600:focus {
+  --tw-ring-offset-color: #2563eb;
+}
+
+.focus\:ring-offset-blue-700:focus {
+  --tw-ring-offset-color: #1d4ed8;
+}
+
+.focus\:ring-offset-blue-800:focus {
+  --tw-ring-offset-color: #1e40af;
+}
+
+.focus\:ring-offset-blue-900:focus {
+  --tw-ring-offset-color: #1e3a8a;
+}
+
+.focus\:ring-offset-indigo-50:focus {
+  --tw-ring-offset-color: #eef2ff;
+}
+
+.focus\:ring-offset-indigo-100:focus {
+  --tw-ring-offset-color: #e0e7ff;
+}
+
+.focus\:ring-offset-indigo-200:focus {
+  --tw-ring-offset-color: #c7d2fe;
+}
+
+.focus\:ring-offset-indigo-300:focus {
+  --tw-ring-offset-color: #a5b4fc;
+}
+
+.focus\:ring-offset-indigo-400:focus {
+  --tw-ring-offset-color: #818cf8;
+}
+
+.focus\:ring-offset-indigo-500:focus {
+  --tw-ring-offset-color: #6366f1;
+}
+
+.focus\:ring-offset-indigo-600:focus {
+  --tw-ring-offset-color: #4f46e5;
+}
+
+.focus\:ring-offset-indigo-700:focus {
+  --tw-ring-offset-color: #4338ca;
+}
+
+.focus\:ring-offset-indigo-800:focus {
+  --tw-ring-offset-color: #3730a3;
+}
+
+.focus\:ring-offset-indigo-900:focus {
+  --tw-ring-offset-color: #312e81;
+}
+
+.focus\:ring-offset-purple-50:focus {
+  --tw-ring-offset-color: #f5f3ff;
+}
+
+.focus\:ring-offset-purple-100:focus {
+  --tw-ring-offset-color: #ede9fe;
+}
+
+.focus\:ring-offset-purple-200:focus {
+  --tw-ring-offset-color: #ddd6fe;
+}
+
+.focus\:ring-offset-purple-300:focus {
+  --tw-ring-offset-color: #c4b5fd;
+}
+
+.focus\:ring-offset-purple-400:focus {
+  --tw-ring-offset-color: #a78bfa;
+}
+
+.focus\:ring-offset-purple-500:focus {
+  --tw-ring-offset-color: #8b5cf6;
+}
+
+.focus\:ring-offset-purple-600:focus {
+  --tw-ring-offset-color: #7c3aed;
+}
+
+.focus\:ring-offset-purple-700:focus {
+  --tw-ring-offset-color: #6d28d9;
+}
+
+.focus\:ring-offset-purple-800:focus {
+  --tw-ring-offset-color: #5b21b6;
+}
+
+.focus\:ring-offset-purple-900:focus {
+  --tw-ring-offset-color: #4c1d95;
+}
+
+.focus\:ring-offset-pink-50:focus {
+  --tw-ring-offset-color: #fdf2f8;
+}
+
+.focus\:ring-offset-pink-100:focus {
+  --tw-ring-offset-color: #fce7f3;
+}
+
+.focus\:ring-offset-pink-200:focus {
+  --tw-ring-offset-color: #fbcfe8;
+}
+
+.focus\:ring-offset-pink-300:focus {
+  --tw-ring-offset-color: #f9a8d4;
+}
+
+.focus\:ring-offset-pink-400:focus {
+  --tw-ring-offset-color: #f472b6;
+}
+
+.focus\:ring-offset-pink-500:focus {
+  --tw-ring-offset-color: #ec4899;
+}
+
+.focus\:ring-offset-pink-600:focus {
+  --tw-ring-offset-color: #db2777;
+}
+
+.focus\:ring-offset-pink-700:focus {
+  --tw-ring-offset-color: #be185d;
+}
+
+.focus\:ring-offset-pink-800:focus {
+  --tw-ring-offset-color: #9d174d;
+}
+
+.focus\:ring-offset-pink-900:focus {
+  --tw-ring-offset-color: #831843;
+}
+
+.ring-offset-0 {
+  --tw-ring-offset-width: 0px;
+}
+
+.ring-offset-1 {
+  --tw-ring-offset-width: 1px;
+}
+
+.ring-offset-2 {
+  --tw-ring-offset-width: 2px;
+}
+
+.ring-offset-4 {
+  --tw-ring-offset-width: 4px;
+}
+
+.ring-offset-8 {
+  --tw-ring-offset-width: 8px;
+}
+
+.focus-within\:ring-offset-0:focus-within {
+  --tw-ring-offset-width: 0px;
+}
+
+.focus-within\:ring-offset-1:focus-within {
+  --tw-ring-offset-width: 1px;
+}
+
+.focus-within\:ring-offset-2:focus-within {
+  --tw-ring-offset-width: 2px;
+}
+
+.focus-within\:ring-offset-4:focus-within {
+  --tw-ring-offset-width: 4px;
+}
+
+.focus-within\:ring-offset-8:focus-within {
+  --tw-ring-offset-width: 8px;
+}
+
+.focus\:ring-offset-0:focus {
+  --tw-ring-offset-width: 0px;
+}
+
+.focus\:ring-offset-1:focus {
+  --tw-ring-offset-width: 1px;
+}
+
+.focus\:ring-offset-2:focus {
+  --tw-ring-offset-width: 2px;
+}
+
+.focus\:ring-offset-4:focus {
+  --tw-ring-offset-width: 4px;
+}
+
+.focus\:ring-offset-8:focus {
+  --tw-ring-offset-width: 8px;
+}
+
+.ring-transparent {
+  --tw-ring-color: transparent;
+}
+
+.ring-current {
+  --tw-ring-color: currentColor;
+}
+
+.ring-black {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+}
+
+.ring-white {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+}
+
+.ring-gray-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+}
+
+.ring-gray-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+}
+
+.ring-gray-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+}
+
+.ring-gray-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+}
+
+.ring-gray-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+}
+
+.ring-gray-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+}
+
+.ring-gray-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+}
+
+.ring-gray-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+}
+
+.ring-gray-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+}
+
+.ring-gray-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+}
+
+.ring-red-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+}
+
+.ring-red-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+}
+
+.ring-red-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+}
+
+.ring-red-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+}
+
+.ring-red-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+}
+
+.ring-red-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+}
+
+.ring-red-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+}
+
+.ring-red-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+}
+
+.ring-red-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+}
+
+.ring-red-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+}
+
+.ring-yellow-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+}
+
+.ring-yellow-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+}
+
+.ring-yellow-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+}
+
+.ring-yellow-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+}
+
+.ring-yellow-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+}
+
+.ring-yellow-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+}
+
+.ring-yellow-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+}
+
+.ring-yellow-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+}
+
+.ring-yellow-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+}
+
+.ring-yellow-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+}
+
+.ring-green-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+}
+
+.ring-green-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+}
+
+.ring-green-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+}
+
+.ring-green-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+}
+
+.ring-green-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+}
+
+.ring-green-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+}
+
+.ring-green-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+}
+
+.ring-green-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+}
+
+.ring-green-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+}
+
+.ring-green-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+}
+
+.ring-blue-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+}
+
+.ring-blue-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+}
+
+.ring-blue-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+}
+
+.ring-blue-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+}
+
+.ring-blue-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+}
+
+.ring-blue-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+}
+
+.ring-blue-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+}
+
+.ring-blue-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+}
+
+.ring-blue-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+}
+
+.ring-blue-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+}
+
+.ring-indigo-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+}
+
+.ring-indigo-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+}
+
+.ring-indigo-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+}
+
+.ring-indigo-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+}
+
+.ring-indigo-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+}
+
+.ring-indigo-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+}
+
+.ring-indigo-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+}
+
+.ring-indigo-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+}
+
+.ring-indigo-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+}
+
+.ring-indigo-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+}
+
+.ring-purple-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+}
+
+.ring-purple-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+}
+
+.ring-purple-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+}
+
+.ring-purple-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+}
+
+.ring-purple-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+}
+
+.ring-purple-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+}
+
+.ring-purple-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+}
+
+.ring-purple-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+}
+
+.ring-purple-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+}
+
+.ring-purple-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+}
+
+.ring-pink-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+}
+
+.ring-pink-100 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+}
+
+.ring-pink-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+}
+
+.ring-pink-300 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+}
+
+.ring-pink-400 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+}
+
+.ring-pink-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+}
+
+.ring-pink-600 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+}
+
+.ring-pink-700 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+}
+
+.ring-pink-800 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+}
+
+.ring-pink-900 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-transparent:focus-within {
+  --tw-ring-color: transparent;
+}
+
+.focus-within\:ring-current:focus-within {
+  --tw-ring-color: currentColor;
+}
+
+.focus-within\:ring-black:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-white:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-gray-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-red-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-yellow-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-green-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-blue-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-indigo-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-purple-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-100:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-200:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-300:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-400:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-600:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-700:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-800:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-pink-900:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+}
+
+.focus\:ring-transparent:focus {
+  --tw-ring-color: transparent;
+}
+
+.focus\:ring-current:focus {
+  --tw-ring-color: currentColor;
+}
+
+.focus\:ring-black:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+}
+
+.focus\:ring-white:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+}
+
+.ring-opacity-0 {
+  --tw-ring-opacity: 0;
+}
+
+.ring-opacity-5 {
+  --tw-ring-opacity: 0.05;
+}
+
+.ring-opacity-10 {
+  --tw-ring-opacity: 0.1;
+}
+
+.ring-opacity-20 {
+  --tw-ring-opacity: 0.2;
+}
+
+.ring-opacity-25 {
+  --tw-ring-opacity: 0.25;
+}
+
+.ring-opacity-30 {
+  --tw-ring-opacity: 0.3;
+}
+
+.ring-opacity-40 {
+  --tw-ring-opacity: 0.4;
+}
+
+.ring-opacity-50 {
+  --tw-ring-opacity: 0.5;
+}
+
+.ring-opacity-60 {
+  --tw-ring-opacity: 0.6;
+}
+
+.ring-opacity-70 {
+  --tw-ring-opacity: 0.7;
+}
+
+.ring-opacity-75 {
+  --tw-ring-opacity: 0.75;
+}
+
+.ring-opacity-80 {
+  --tw-ring-opacity: 0.8;
+}
+
+.ring-opacity-90 {
+  --tw-ring-opacity: 0.9;
+}
+
+.ring-opacity-95 {
+  --tw-ring-opacity: 0.95;
+}
+
+.ring-opacity-100 {
+  --tw-ring-opacity: 1;
+}
+
+.focus-within\:ring-opacity-0:focus-within {
+  --tw-ring-opacity: 0;
+}
+
+.focus-within\:ring-opacity-5:focus-within {
+  --tw-ring-opacity: 0.05;
+}
+
+.focus-within\:ring-opacity-10:focus-within {
+  --tw-ring-opacity: 0.1;
+}
+
+.focus-within\:ring-opacity-20:focus-within {
+  --tw-ring-opacity: 0.2;
+}
+
+.focus-within\:ring-opacity-25:focus-within {
+  --tw-ring-opacity: 0.25;
+}
+
+.focus-within\:ring-opacity-30:focus-within {
+  --tw-ring-opacity: 0.3;
+}
+
+.focus-within\:ring-opacity-40:focus-within {
+  --tw-ring-opacity: 0.4;
+}
+
+.focus-within\:ring-opacity-50:focus-within {
+  --tw-ring-opacity: 0.5;
+}
+
+.focus-within\:ring-opacity-60:focus-within {
+  --tw-ring-opacity: 0.6;
+}
+
+.focus-within\:ring-opacity-70:focus-within {
+  --tw-ring-opacity: 0.7;
+}
+
+.focus-within\:ring-opacity-75:focus-within {
+  --tw-ring-opacity: 0.75;
+}
+
+.focus-within\:ring-opacity-80:focus-within {
+  --tw-ring-opacity: 0.8;
+}
+
+.focus-within\:ring-opacity-90:focus-within {
+  --tw-ring-opacity: 0.9;
+}
+
+.focus-within\:ring-opacity-95:focus-within {
+  --tw-ring-opacity: 0.95;
+}
+
+.focus-within\:ring-opacity-100:focus-within {
+  --tw-ring-opacity: 1;
+}
+
+.focus\:ring-opacity-0:focus {
+  --tw-ring-opacity: 0;
+}
+
+.focus\:ring-opacity-5:focus {
+  --tw-ring-opacity: 0.05;
+}
+
+.focus\:ring-opacity-10:focus {
+  --tw-ring-opacity: 0.1;
+}
+
+.focus\:ring-opacity-20:focus {
+  --tw-ring-opacity: 0.2;
+}
+
+.focus\:ring-opacity-25:focus {
+  --tw-ring-opacity: 0.25;
+}
+
+.focus\:ring-opacity-30:focus {
+  --tw-ring-opacity: 0.3;
+}
+
+.focus\:ring-opacity-40:focus {
+  --tw-ring-opacity: 0.4;
+}
+
+.focus\:ring-opacity-50:focus {
+  --tw-ring-opacity: 0.5;
+}
+
+.focus\:ring-opacity-60:focus {
+  --tw-ring-opacity: 0.6;
+}
+
+.focus\:ring-opacity-70:focus {
+  --tw-ring-opacity: 0.7;
+}
+
+.focus\:ring-opacity-75:focus {
+  --tw-ring-opacity: 0.75;
+}
+
+.focus\:ring-opacity-80:focus {
+  --tw-ring-opacity: 0.8;
+}
+
+.focus\:ring-opacity-90:focus {
+  --tw-ring-opacity: 0.9;
+}
+
+.focus\:ring-opacity-95:focus {
+  --tw-ring-opacity: 0.95;
+}
+
+.focus\:ring-opacity-100:focus {
+  --tw-ring-opacity: 1;
+}
+
+.fill-current {
+  fill: currentColor;
+}
+
+.stroke-current {
+  stroke: currentColor;
+}
+
+.stroke-0 {
+  stroke-width: 0;
+}
+
+.stroke-1 {
+  stroke-width: 1;
+}
+
+.stroke-2 {
+  stroke-width: 2;
+}
+
+.table-auto {
+  table-layout: auto;
+}
+
+.table-fixed {
+  table-layout: fixed;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-justify {
+  text-align: justify;
+}
+
+.text-transparent {
+  color: transparent;
+}
+
+.text-current {
+  color: currentColor;
+}
+
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-text-opacity));
+}
+
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+
+.text-gray-50 {
+  --tw-text-opacity: 1;
+  color: rgba(249, 250, 251, var(--tw-text-opacity));
+}
+
+.text-gray-100 {
+  --tw-text-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-text-opacity));
+}
+
+.text-gray-200 {
+  --tw-text-opacity: 1;
+  color: rgba(229, 231, 235, var(--tw-text-opacity));
+}
+
+.text-gray-300 {
+  --tw-text-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-text-opacity));
+}
+
+.text-gray-400 {
+  --tw-text-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-text-opacity));
+}
+
+.text-gray-500 {
+  --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-text-opacity));
+}
+
+.text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-text-opacity));
+}
+
+.text-gray-700 {
+  --tw-text-opacity: 1;
+  color: rgba(55, 65, 81, var(--tw-text-opacity));
+}
+
+.text-gray-800 {
+  --tw-text-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-text-opacity));
+}
+
+.text-gray-900 {
+  --tw-text-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-text-opacity));
+}
+
+.text-red-50 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 242, 242, var(--tw-text-opacity));
+}
+
+.text-red-100 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 226, 226, var(--tw-text-opacity));
+}
+
+.text-red-200 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 202, 202, var(--tw-text-opacity));
+}
+
+.text-red-300 {
+  --tw-text-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-text-opacity));
+}
+
+.text-red-400 {
+  --tw-text-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-text-opacity));
+}
+
+.text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-text-opacity));
+}
+
+.text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-text-opacity));
+}
+
+.text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-text-opacity));
+}
+
+.text-red-800 {
+  --tw-text-opacity: 1;
+  color: rgba(153, 27, 27, var(--tw-text-opacity));
+}
+
+.text-red-900 {
+  --tw-text-opacity: 1;
+  color: rgba(127, 29, 29, var(--tw-text-opacity));
+}
+
+.text-yellow-50 {
+  --tw-text-opacity: 1;
+  color: rgba(255, 251, 235, var(--tw-text-opacity));
+}
+
+.text-yellow-100 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 243, 199, var(--tw-text-opacity));
+}
+
+.text-yellow-200 {
+  --tw-text-opacity: 1;
+  color: rgba(253, 230, 138, var(--tw-text-opacity));
+}
+
+.text-yellow-300 {
+  --tw-text-opacity: 1;
+  color: rgba(252, 211, 77, var(--tw-text-opacity));
+}
+
+.text-yellow-400 {
+  --tw-text-opacity: 1;
+  color: rgba(251, 191, 36, var(--tw-text-opacity));
+}
+
+.text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-text-opacity));
+}
+
+.text-yellow-600 {
+  --tw-text-opacity: 1;
+  color: rgba(217, 119, 6, var(--tw-text-opacity));
+}
+
+.text-yellow-700 {
+  --tw-text-opacity: 1;
+  color: rgba(180, 83, 9, var(--tw-text-opacity));
+}
+
+.text-yellow-800 {
+  --tw-text-opacity: 1;
+  color: rgba(146, 64, 14, var(--tw-text-opacity));
+}
+
+.text-yellow-900 {
+  --tw-text-opacity: 1;
+  color: rgba(120, 53, 15, var(--tw-text-opacity));
+}
+
+.text-green-50 {
+  --tw-text-opacity: 1;
+  color: rgba(236, 253, 245, var(--tw-text-opacity));
+}
+
+.text-green-100 {
+  --tw-text-opacity: 1;
+  color: rgba(209, 250, 229, var(--tw-text-opacity));
+}
+
+.text-green-200 {
+  --tw-text-opacity: 1;
+  color: rgba(167, 243, 208, var(--tw-text-opacity));
+}
+
+.text-green-300 {
+  --tw-text-opacity: 1;
+  color: rgba(110, 231, 183, var(--tw-text-opacity));
+}
+
+.text-green-400 {
+  --tw-text-opacity: 1;
+  color: rgba(52, 211, 153, var(--tw-text-opacity));
+}
+
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgba(16, 185, 129, var(--tw-text-opacity));
+}
+
+.text-green-600 {
+  --tw-text-opacity: 1;
+  color: rgba(5, 150, 105, var(--tw-text-opacity));
+}
+
+.text-green-700 {
+  --tw-text-opacity: 1;
+  color: rgba(4, 120, 87, var(--tw-text-opacity));
+}
+
+.text-green-800 {
+  --tw-text-opacity: 1;
+  color: rgba(6, 95, 70, var(--tw-text-opacity));
+}
+
+.text-green-900 {
+  --tw-text-opacity: 1;
+  color: rgba(6, 78, 59, var(--tw-text-opacity));
+}
+
+.text-blue-50 {
+  --tw-text-opacity: 1;
+  color: rgba(239, 246, 255, var(--tw-text-opacity));
+}
+
+.text-blue-100 {
+  --tw-text-opacity: 1;
+  color: rgba(219, 234, 254, var(--tw-text-opacity));
+}
+
+.text-blue-200 {
+  --tw-text-opacity: 1;
+  color: rgba(191, 219, 254, var(--tw-text-opacity));
+}
+
+.text-blue-300 {
+  --tw-text-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-text-opacity));
+}
+
+.text-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgba(96, 165, 250, var(--tw-text-opacity));
+}
+
+.text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-text-opacity));
+}
+
+.text-blue-600 {
+  --tw-text-opacity: 1;
+  color: rgba(37, 99, 235, var(--tw-text-opacity));
+}
+
+.text-blue-700 {
+  --tw-text-opacity: 1;
+  color: rgba(29, 78, 216, var(--tw-text-opacity));
+}
+
+.text-blue-800 {
+  --tw-text-opacity: 1;
+  color: rgba(30, 64, 175, var(--tw-text-opacity));
+}
+
+.text-blue-900 {
+  --tw-text-opacity: 1;
+  color: rgba(30, 58, 138, var(--tw-text-opacity));
+}
+
+.text-indigo-50 {
+  --tw-text-opacity: 1;
+  color: rgba(238, 242, 255, var(--tw-text-opacity));
+}
+
+.text-indigo-100 {
+  --tw-text-opacity: 1;
+  color: rgba(224, 231, 255, var(--tw-text-opacity));
+}
+
+.text-indigo-200 {
+  --tw-text-opacity: 1;
+  color: rgba(199, 210, 254, var(--tw-text-opacity));
+}
+
+.text-indigo-300 {
+  --tw-text-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-text-opacity));
+}
+
+.text-indigo-400 {
+  --tw-text-opacity: 1;
+  color: rgba(129, 140, 248, var(--tw-text-opacity));
+}
+
+.text-indigo-500 {
+  --tw-text-opacity: 1;
+  color: rgba(99, 102, 241, var(--tw-text-opacity));
+}
+
+.text-indigo-600 {
+  --tw-text-opacity: 1;
+  color: rgba(79, 70, 229, var(--tw-text-opacity));
+}
+
+.text-indigo-700 {
+  --tw-text-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-text-opacity));
+}
+
+.text-indigo-800 {
+  --tw-text-opacity: 1;
+  color: rgba(55, 48, 163, var(--tw-text-opacity));
+}
+
+.text-indigo-900 {
+  --tw-text-opacity: 1;
+  color: rgba(49, 46, 129, var(--tw-text-opacity));
+}
+
+.text-purple-50 {
+  --tw-text-opacity: 1;
+  color: rgba(245, 243, 255, var(--tw-text-opacity));
+}
+
+.text-purple-100 {
+  --tw-text-opacity: 1;
+  color: rgba(237, 233, 254, var(--tw-text-opacity));
+}
+
+.text-purple-200 {
+  --tw-text-opacity: 1;
+  color: rgba(221, 214, 254, var(--tw-text-opacity));
+}
+
+.text-purple-300 {
+  --tw-text-opacity: 1;
+  color: rgba(196, 181, 253, var(--tw-text-opacity));
+}
+
+.text-purple-400 {
+  --tw-text-opacity: 1;
+  color: rgba(167, 139, 250, var(--tw-text-opacity));
+}
+
+.text-purple-500 {
+  --tw-text-opacity: 1;
+  color: rgba(139, 92, 246, var(--tw-text-opacity));
+}
+
+.text-purple-600 {
+  --tw-text-opacity: 1;
+  color: rgba(124, 58, 237, var(--tw-text-opacity));
+}
+
+.text-purple-700 {
+  --tw-text-opacity: 1;
+  color: rgba(109, 40, 217, var(--tw-text-opacity));
+}
+
+.text-purple-800 {
+  --tw-text-opacity: 1;
+  color: rgba(91, 33, 182, var(--tw-text-opacity));
+}
+
+.text-purple-900 {
+  --tw-text-opacity: 1;
+  color: rgba(76, 29, 149, var(--tw-text-opacity));
+}
+
+.text-pink-50 {
+  --tw-text-opacity: 1;
+  color: rgba(253, 242, 248, var(--tw-text-opacity));
+}
+
+.text-pink-100 {
+  --tw-text-opacity: 1;
+  color: rgba(252, 231, 243, var(--tw-text-opacity));
+}
+
+.text-pink-200 {
+  --tw-text-opacity: 1;
+  color: rgba(251, 207, 232, var(--tw-text-opacity));
+}
+
+.text-pink-300 {
+  --tw-text-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-text-opacity));
+}
+
+.text-pink-400 {
+  --tw-text-opacity: 1;
+  color: rgba(244, 114, 182, var(--tw-text-opacity));
+}
+
+.text-pink-500 {
+  --tw-text-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-text-opacity));
+}
+
+.text-pink-600 {
+  --tw-text-opacity: 1;
+  color: rgba(219, 39, 119, var(--tw-text-opacity));
+}
+
+.text-pink-700 {
+  --tw-text-opacity: 1;
+  color: rgba(190, 24, 93, var(--tw-text-opacity));
+}
+
+.text-pink-800 {
+  --tw-text-opacity: 1;
+  color: rgba(157, 23, 77, var(--tw-text-opacity));
+}
+
+.text-pink-900 {
+  --tw-text-opacity: 1;
+  color: rgba(131, 24, 67, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-transparent {
+  color: transparent;
+}
+
+.group:hover .group-hover\:text-current {
+  color: currentColor;
+}
+
+.group:hover .group-hover\:text-black {
+  --tw-text-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-white {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-50 {
+  --tw-text-opacity: 1;
+  color: rgba(249, 250, 251, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-100 {
+  --tw-text-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-200 {
+  --tw-text-opacity: 1;
+  color: rgba(229, 231, 235, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-300 {
+  --tw-text-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-400 {
+  --tw-text-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-500 {
+  --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-700 {
+  --tw-text-opacity: 1;
+  color: rgba(55, 65, 81, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-800 {
+  --tw-text-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-gray-900 {
+  --tw-text-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-50 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 242, 242, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-100 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 226, 226, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-200 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 202, 202, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-300 {
+  --tw-text-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-400 {
+  --tw-text-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-800 {
+  --tw-text-opacity: 1;
+  color: rgba(153, 27, 27, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-red-900 {
+  --tw-text-opacity: 1;
+  color: rgba(127, 29, 29, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-50 {
+  --tw-text-opacity: 1;
+  color: rgba(255, 251, 235, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-100 {
+  --tw-text-opacity: 1;
+  color: rgba(254, 243, 199, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-200 {
+  --tw-text-opacity: 1;
+  color: rgba(253, 230, 138, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-300 {
+  --tw-text-opacity: 1;
+  color: rgba(252, 211, 77, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-400 {
+  --tw-text-opacity: 1;
+  color: rgba(251, 191, 36, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-600 {
+  --tw-text-opacity: 1;
+  color: rgba(217, 119, 6, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-700 {
+  --tw-text-opacity: 1;
+  color: rgba(180, 83, 9, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-800 {
+  --tw-text-opacity: 1;
+  color: rgba(146, 64, 14, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-yellow-900 {
+  --tw-text-opacity: 1;
+  color: rgba(120, 53, 15, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-50 {
+  --tw-text-opacity: 1;
+  color: rgba(236, 253, 245, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-100 {
+  --tw-text-opacity: 1;
+  color: rgba(209, 250, 229, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-200 {
+  --tw-text-opacity: 1;
+  color: rgba(167, 243, 208, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-300 {
+  --tw-text-opacity: 1;
+  color: rgba(110, 231, 183, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-400 {
+  --tw-text-opacity: 1;
+  color: rgba(52, 211, 153, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgba(16, 185, 129, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-600 {
+  --tw-text-opacity: 1;
+  color: rgba(5, 150, 105, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-700 {
+  --tw-text-opacity: 1;
+  color: rgba(4, 120, 87, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-800 {
+  --tw-text-opacity: 1;
+  color: rgba(6, 95, 70, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-green-900 {
+  --tw-text-opacity: 1;
+  color: rgba(6, 78, 59, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-50 {
+  --tw-text-opacity: 1;
+  color: rgba(239, 246, 255, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-100 {
+  --tw-text-opacity: 1;
+  color: rgba(219, 234, 254, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-200 {
+  --tw-text-opacity: 1;
+  color: rgba(191, 219, 254, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-300 {
+  --tw-text-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgba(96, 165, 250, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-600 {
+  --tw-text-opacity: 1;
+  color: rgba(37, 99, 235, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-700 {
+  --tw-text-opacity: 1;
+  color: rgba(29, 78, 216, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-800 {
+  --tw-text-opacity: 1;
+  color: rgba(30, 64, 175, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-blue-900 {
+  --tw-text-opacity: 1;
+  color: rgba(30, 58, 138, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-50 {
+  --tw-text-opacity: 1;
+  color: rgba(238, 242, 255, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-100 {
+  --tw-text-opacity: 1;
+  color: rgba(224, 231, 255, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-200 {
+  --tw-text-opacity: 1;
+  color: rgba(199, 210, 254, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-300 {
+  --tw-text-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-400 {
+  --tw-text-opacity: 1;
+  color: rgba(129, 140, 248, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-500 {
+  --tw-text-opacity: 1;
+  color: rgba(99, 102, 241, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-600 {
+  --tw-text-opacity: 1;
+  color: rgba(79, 70, 229, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-700 {
+  --tw-text-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-800 {
+  --tw-text-opacity: 1;
+  color: rgba(55, 48, 163, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-indigo-900 {
+  --tw-text-opacity: 1;
+  color: rgba(49, 46, 129, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-50 {
+  --tw-text-opacity: 1;
+  color: rgba(245, 243, 255, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-100 {
+  --tw-text-opacity: 1;
+  color: rgba(237, 233, 254, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-200 {
+  --tw-text-opacity: 1;
+  color: rgba(221, 214, 254, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-300 {
+  --tw-text-opacity: 1;
+  color: rgba(196, 181, 253, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-400 {
+  --tw-text-opacity: 1;
+  color: rgba(167, 139, 250, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-500 {
+  --tw-text-opacity: 1;
+  color: rgba(139, 92, 246, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-600 {
+  --tw-text-opacity: 1;
+  color: rgba(124, 58, 237, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-700 {
+  --tw-text-opacity: 1;
+  color: rgba(109, 40, 217, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-800 {
+  --tw-text-opacity: 1;
+  color: rgba(91, 33, 182, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-purple-900 {
+  --tw-text-opacity: 1;
+  color: rgba(76, 29, 149, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-50 {
+  --tw-text-opacity: 1;
+  color: rgba(253, 242, 248, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-100 {
+  --tw-text-opacity: 1;
+  color: rgba(252, 231, 243, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-200 {
+  --tw-text-opacity: 1;
+  color: rgba(251, 207, 232, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-300 {
+  --tw-text-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-400 {
+  --tw-text-opacity: 1;
+  color: rgba(244, 114, 182, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-500 {
+  --tw-text-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-600 {
+  --tw-text-opacity: 1;
+  color: rgba(219, 39, 119, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-700 {
+  --tw-text-opacity: 1;
+  color: rgba(190, 24, 93, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-800 {
+  --tw-text-opacity: 1;
+  color: rgba(157, 23, 77, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-pink-900 {
+  --tw-text-opacity: 1;
+  color: rgba(131, 24, 67, var(--tw-text-opacity));
+}
+
+.focus-within\:text-transparent:focus-within {
+  color: transparent;
+}
+
+.focus-within\:text-current:focus-within {
+  color: currentColor;
+}
+
+.focus-within\:text-black:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-text-opacity));
+}
+
+.focus-within\:text-white:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(249, 250, 251, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(229, 231, 235, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(55, 65, 81, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-text-opacity));
+}
+
+.focus-within\:text-gray-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(254, 242, 242, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(254, 226, 226, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(254, 202, 202, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(153, 27, 27, var(--tw-text-opacity));
+}
+
+.focus-within\:text-red-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(127, 29, 29, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(255, 251, 235, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(254, 243, 199, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(253, 230, 138, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(252, 211, 77, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(251, 191, 36, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(217, 119, 6, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(180, 83, 9, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(146, 64, 14, var(--tw-text-opacity));
+}
+
+.focus-within\:text-yellow-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(120, 53, 15, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(236, 253, 245, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(209, 250, 229, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(167, 243, 208, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(110, 231, 183, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(52, 211, 153, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(16, 185, 129, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(5, 150, 105, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(4, 120, 87, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(6, 95, 70, var(--tw-text-opacity));
+}
+
+.focus-within\:text-green-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(6, 78, 59, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(239, 246, 255, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(219, 234, 254, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(191, 219, 254, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(96, 165, 250, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(37, 99, 235, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(29, 78, 216, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(30, 64, 175, var(--tw-text-opacity));
+}
+
+.focus-within\:text-blue-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(30, 58, 138, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(238, 242, 255, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(224, 231, 255, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(199, 210, 254, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(129, 140, 248, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(99, 102, 241, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(79, 70, 229, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(55, 48, 163, var(--tw-text-opacity));
+}
+
+.focus-within\:text-indigo-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(49, 46, 129, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(245, 243, 255, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(237, 233, 254, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(221, 214, 254, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(196, 181, 253, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(167, 139, 250, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(139, 92, 246, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(124, 58, 237, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(109, 40, 217, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(91, 33, 182, var(--tw-text-opacity));
+}
+
+.focus-within\:text-purple-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(76, 29, 149, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(253, 242, 248, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-100:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(252, 231, 243, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-200:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(251, 207, 232, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-300:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-400:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(244, 114, 182, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-500:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-600:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(219, 39, 119, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-700:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(190, 24, 93, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-800:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(157, 23, 77, var(--tw-text-opacity));
+}
+
+.focus-within\:text-pink-900:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(131, 24, 67, var(--tw-text-opacity));
+}
+
+.hover\:text-transparent:hover {
+  color: transparent;
+}
+
+.hover\:text-current:hover {
+  color: currentColor;
+}
+
+.hover\:text-black:hover {
+  --tw-text-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-text-opacity));
+}
+
+.hover\:text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(249, 250, 251, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(229, 231, 235, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(55, 65, 81, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-text-opacity));
+}
+
+.hover\:text-gray-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-text-opacity));
+}
+
+.hover\:text-red-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(254, 242, 242, var(--tw-text-opacity));
+}
+
+.hover\:text-red-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(254, 226, 226, var(--tw-text-opacity));
+}
+
+.hover\:text-red-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(254, 202, 202, var(--tw-text-opacity));
+}
+
+.hover\:text-red-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-text-opacity));
+}
+
+.hover\:text-red-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-text-opacity));
+}
+
+.hover\:text-red-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-text-opacity));
+}
+
+.hover\:text-red-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-text-opacity));
+}
+
+.hover\:text-red-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-text-opacity));
+}
+
+.hover\:text-red-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(153, 27, 27, var(--tw-text-opacity));
+}
+
+.hover\:text-red-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(127, 29, 29, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(255, 251, 235, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(254, 243, 199, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(253, 230, 138, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(252, 211, 77, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(251, 191, 36, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(217, 119, 6, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(180, 83, 9, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(146, 64, 14, var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(120, 53, 15, var(--tw-text-opacity));
+}
+
+.hover\:text-green-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(236, 253, 245, var(--tw-text-opacity));
+}
+
+.hover\:text-green-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(209, 250, 229, var(--tw-text-opacity));
+}
+
+.hover\:text-green-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(167, 243, 208, var(--tw-text-opacity));
+}
+
+.hover\:text-green-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(110, 231, 183, var(--tw-text-opacity));
+}
+
+.hover\:text-green-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(52, 211, 153, var(--tw-text-opacity));
+}
+
+.hover\:text-green-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(16, 185, 129, var(--tw-text-opacity));
+}
+
+.hover\:text-green-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(5, 150, 105, var(--tw-text-opacity));
+}
+
+.hover\:text-green-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(4, 120, 87, var(--tw-text-opacity));
+}
+
+.hover\:text-green-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(6, 95, 70, var(--tw-text-opacity));
+}
+
+.hover\:text-green-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(6, 78, 59, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(239, 246, 255, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(219, 234, 254, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(191, 219, 254, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(96, 165, 250, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(37, 99, 235, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(29, 78, 216, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(30, 64, 175, var(--tw-text-opacity));
+}
+
+.hover\:text-blue-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(30, 58, 138, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(238, 242, 255, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(224, 231, 255, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(199, 210, 254, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(129, 140, 248, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(99, 102, 241, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(79, 70, 229, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(55, 48, 163, var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(49, 46, 129, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(245, 243, 255, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(237, 233, 254, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(221, 214, 254, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(196, 181, 253, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(167, 139, 250, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(139, 92, 246, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(124, 58, 237, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(109, 40, 217, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(91, 33, 182, var(--tw-text-opacity));
+}
+
+.hover\:text-purple-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(76, 29, 149, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(253, 242, 248, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-100:hover {
+  --tw-text-opacity: 1;
+  color: rgba(252, 231, 243, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-200:hover {
+  --tw-text-opacity: 1;
+  color: rgba(251, 207, 232, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-300:hover {
+  --tw-text-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-400:hover {
+  --tw-text-opacity: 1;
+  color: rgba(244, 114, 182, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-600:hover {
+  --tw-text-opacity: 1;
+  color: rgba(219, 39, 119, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(190, 24, 93, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-800:hover {
+  --tw-text-opacity: 1;
+  color: rgba(157, 23, 77, var(--tw-text-opacity));
+}
+
+.hover\:text-pink-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(131, 24, 67, var(--tw-text-opacity));
+}
+
+.focus\:text-transparent:focus {
+  color: transparent;
+}
+
+.focus\:text-current:focus {
+  color: currentColor;
+}
+
+.focus\:text-black:focus {
+  --tw-text-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-text-opacity));
+}
+
+.focus\:text-white:focus {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(249, 250, 251, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(229, 231, 235, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(55, 65, 81, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(31, 41, 55, var(--tw-text-opacity));
+}
+
+.focus\:text-gray-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-text-opacity));
+}
+
+.focus\:text-red-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(254, 242, 242, var(--tw-text-opacity));
+}
+
+.focus\:text-red-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(254, 226, 226, var(--tw-text-opacity));
+}
+
+.focus\:text-red-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(254, 202, 202, var(--tw-text-opacity));
+}
+
+.focus\:text-red-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-text-opacity));
+}
+
+.focus\:text-red-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-text-opacity));
+}
+
+.focus\:text-red-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-text-opacity));
+}
+
+.focus\:text-red-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-text-opacity));
+}
+
+.focus\:text-red-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-text-opacity));
+}
+
+.focus\:text-red-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(153, 27, 27, var(--tw-text-opacity));
+}
+
+.focus\:text-red-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(127, 29, 29, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(255, 251, 235, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(254, 243, 199, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(253, 230, 138, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(252, 211, 77, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(251, 191, 36, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(217, 119, 6, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(180, 83, 9, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(146, 64, 14, var(--tw-text-opacity));
+}
+
+.focus\:text-yellow-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(120, 53, 15, var(--tw-text-opacity));
+}
+
+.focus\:text-green-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(236, 253, 245, var(--tw-text-opacity));
+}
+
+.focus\:text-green-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(209, 250, 229, var(--tw-text-opacity));
+}
+
+.focus\:text-green-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(167, 243, 208, var(--tw-text-opacity));
+}
+
+.focus\:text-green-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(110, 231, 183, var(--tw-text-opacity));
+}
+
+.focus\:text-green-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(52, 211, 153, var(--tw-text-opacity));
+}
+
+.focus\:text-green-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(16, 185, 129, var(--tw-text-opacity));
+}
+
+.focus\:text-green-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(5, 150, 105, var(--tw-text-opacity));
+}
+
+.focus\:text-green-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(4, 120, 87, var(--tw-text-opacity));
+}
+
+.focus\:text-green-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(6, 95, 70, var(--tw-text-opacity));
+}
+
+.focus\:text-green-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(6, 78, 59, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(239, 246, 255, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(219, 234, 254, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(191, 219, 254, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(96, 165, 250, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(37, 99, 235, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(29, 78, 216, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(30, 64, 175, var(--tw-text-opacity));
+}
+
+.focus\:text-blue-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(30, 58, 138, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(238, 242, 255, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(224, 231, 255, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(199, 210, 254, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(129, 140, 248, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(99, 102, 241, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(79, 70, 229, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(55, 48, 163, var(--tw-text-opacity));
+}
+
+.focus\:text-indigo-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(49, 46, 129, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(245, 243, 255, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(237, 233, 254, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(221, 214, 254, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(196, 181, 253, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(167, 139, 250, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(139, 92, 246, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(124, 58, 237, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(109, 40, 217, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(91, 33, 182, var(--tw-text-opacity));
+}
+
+.focus\:text-purple-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(76, 29, 149, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(253, 242, 248, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-100:focus {
+  --tw-text-opacity: 1;
+  color: rgba(252, 231, 243, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-200:focus {
+  --tw-text-opacity: 1;
+  color: rgba(251, 207, 232, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-300:focus {
+  --tw-text-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-400:focus {
+  --tw-text-opacity: 1;
+  color: rgba(244, 114, 182, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-500:focus {
+  --tw-text-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-600:focus {
+  --tw-text-opacity: 1;
+  color: rgba(219, 39, 119, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-700:focus {
+  --tw-text-opacity: 1;
+  color: rgba(190, 24, 93, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-800:focus {
+  --tw-text-opacity: 1;
+  color: rgba(157, 23, 77, var(--tw-text-opacity));
+}
+
+.focus\:text-pink-900:focus {
+  --tw-text-opacity: 1;
+  color: rgba(131, 24, 67, var(--tw-text-opacity));
+}
+
+.text-opacity-0 {
+  --tw-text-opacity: 0;
+}
+
+.text-opacity-5 {
+  --tw-text-opacity: 0.05;
+}
+
+.text-opacity-10 {
+  --tw-text-opacity: 0.1;
+}
+
+.text-opacity-20 {
+  --tw-text-opacity: 0.2;
+}
+
+.text-opacity-25 {
+  --tw-text-opacity: 0.25;
+}
+
+.text-opacity-30 {
+  --tw-text-opacity: 0.3;
+}
+
+.text-opacity-40 {
+  --tw-text-opacity: 0.4;
+}
+
+.text-opacity-50 {
+  --tw-text-opacity: 0.5;
+}
+
+.text-opacity-60 {
+  --tw-text-opacity: 0.6;
+}
+
+.text-opacity-70 {
+  --tw-text-opacity: 0.7;
+}
+
+.text-opacity-75 {
+  --tw-text-opacity: 0.75;
+}
+
+.text-opacity-80 {
+  --tw-text-opacity: 0.8;
+}
+
+.text-opacity-90 {
+  --tw-text-opacity: 0.9;
+}
+
+.text-opacity-95 {
+  --tw-text-opacity: 0.95;
+}
+
+.text-opacity-100 {
+  --tw-text-opacity: 1;
+}
+
+.group:hover .group-hover\:text-opacity-0 {
+  --tw-text-opacity: 0;
+}
+
+.group:hover .group-hover\:text-opacity-5 {
+  --tw-text-opacity: 0.05;
+}
+
+.group:hover .group-hover\:text-opacity-10 {
+  --tw-text-opacity: 0.1;
+}
+
+.group:hover .group-hover\:text-opacity-20 {
+  --tw-text-opacity: 0.2;
+}
+
+.group:hover .group-hover\:text-opacity-25 {
+  --tw-text-opacity: 0.25;
+}
+
+.group:hover .group-hover\:text-opacity-30 {
+  --tw-text-opacity: 0.3;
+}
+
+.group:hover .group-hover\:text-opacity-40 {
+  --tw-text-opacity: 0.4;
+}
+
+.group:hover .group-hover\:text-opacity-50 {
+  --tw-text-opacity: 0.5;
+}
+
+.group:hover .group-hover\:text-opacity-60 {
+  --tw-text-opacity: 0.6;
+}
+
+.group:hover .group-hover\:text-opacity-70 {
+  --tw-text-opacity: 0.7;
+}
+
+.group:hover .group-hover\:text-opacity-75 {
+  --tw-text-opacity: 0.75;
+}
+
+.group:hover .group-hover\:text-opacity-80 {
+  --tw-text-opacity: 0.8;
+}
+
+.group:hover .group-hover\:text-opacity-90 {
+  --tw-text-opacity: 0.9;
+}
+
+.group:hover .group-hover\:text-opacity-95 {
+  --tw-text-opacity: 0.95;
+}
+
+.group:hover .group-hover\:text-opacity-100 {
+  --tw-text-opacity: 1;
+}
+
+.focus-within\:text-opacity-0:focus-within {
+  --tw-text-opacity: 0;
+}
+
+.focus-within\:text-opacity-5:focus-within {
+  --tw-text-opacity: 0.05;
+}
+
+.focus-within\:text-opacity-10:focus-within {
+  --tw-text-opacity: 0.1;
+}
+
+.focus-within\:text-opacity-20:focus-within {
+  --tw-text-opacity: 0.2;
+}
+
+.focus-within\:text-opacity-25:focus-within {
+  --tw-text-opacity: 0.25;
+}
+
+.focus-within\:text-opacity-30:focus-within {
+  --tw-text-opacity: 0.3;
+}
+
+.focus-within\:text-opacity-40:focus-within {
+  --tw-text-opacity: 0.4;
+}
+
+.focus-within\:text-opacity-50:focus-within {
+  --tw-text-opacity: 0.5;
+}
+
+.focus-within\:text-opacity-60:focus-within {
+  --tw-text-opacity: 0.6;
+}
+
+.focus-within\:text-opacity-70:focus-within {
+  --tw-text-opacity: 0.7;
+}
+
+.focus-within\:text-opacity-75:focus-within {
+  --tw-text-opacity: 0.75;
+}
+
+.focus-within\:text-opacity-80:focus-within {
+  --tw-text-opacity: 0.8;
+}
+
+.focus-within\:text-opacity-90:focus-within {
+  --tw-text-opacity: 0.9;
+}
+
+.focus-within\:text-opacity-95:focus-within {
+  --tw-text-opacity: 0.95;
+}
+
+.focus-within\:text-opacity-100:focus-within {
+  --tw-text-opacity: 1;
+}
+
+.hover\:text-opacity-0:hover {
+  --tw-text-opacity: 0;
+}
+
+.hover\:text-opacity-5:hover {
+  --tw-text-opacity: 0.05;
+}
+
+.hover\:text-opacity-10:hover {
+  --tw-text-opacity: 0.1;
+}
+
+.hover\:text-opacity-20:hover {
+  --tw-text-opacity: 0.2;
+}
+
+.hover\:text-opacity-25:hover {
+  --tw-text-opacity: 0.25;
+}
+
+.hover\:text-opacity-30:hover {
+  --tw-text-opacity: 0.3;
+}
+
+.hover\:text-opacity-40:hover {
+  --tw-text-opacity: 0.4;
+}
+
+.hover\:text-opacity-50:hover {
+  --tw-text-opacity: 0.5;
+}
+
+.hover\:text-opacity-60:hover {
+  --tw-text-opacity: 0.6;
+}
+
+.hover\:text-opacity-70:hover {
+  --tw-text-opacity: 0.7;
+}
+
+.hover\:text-opacity-75:hover {
+  --tw-text-opacity: 0.75;
+}
+
+.hover\:text-opacity-80:hover {
+  --tw-text-opacity: 0.8;
+}
+
+.hover\:text-opacity-90:hover {
+  --tw-text-opacity: 0.9;
+}
+
+.hover\:text-opacity-95:hover {
+  --tw-text-opacity: 0.95;
+}
+
+.hover\:text-opacity-100:hover {
+  --tw-text-opacity: 1;
+}
+
+.focus\:text-opacity-0:focus {
+  --tw-text-opacity: 0;
+}
+
+.focus\:text-opacity-5:focus {
+  --tw-text-opacity: 0.05;
+}
+
+.focus\:text-opacity-10:focus {
+  --tw-text-opacity: 0.1;
+}
+
+.focus\:text-opacity-20:focus {
+  --tw-text-opacity: 0.2;
+}
+
+.focus\:text-opacity-25:focus {
+  --tw-text-opacity: 0.25;
+}
+
+.focus\:text-opacity-30:focus {
+  --tw-text-opacity: 0.3;
+}
+
+.focus\:text-opacity-40:focus {
+  --tw-text-opacity: 0.4;
+}
+
+.focus\:text-opacity-50:focus {
+  --tw-text-opacity: 0.5;
+}
+
+.focus\:text-opacity-60:focus {
+  --tw-text-opacity: 0.6;
+}
+
+.focus\:text-opacity-70:focus {
+  --tw-text-opacity: 0.7;
+}
+
+.focus\:text-opacity-75:focus {
+  --tw-text-opacity: 0.75;
+}
+
+.focus\:text-opacity-80:focus {
+  --tw-text-opacity: 0.8;
+}
+
+.focus\:text-opacity-90:focus {
+  --tw-text-opacity: 0.9;
+}
+
+.focus\:text-opacity-95:focus {
+  --tw-text-opacity: 0.95;
+}
+
+.focus\:text-opacity-100:focus {
+  --tw-text-opacity: 1;
+}
+
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.overflow-ellipsis {
+  text-overflow: ellipsis;
+}
+
+.overflow-clip {
+  text-overflow: clip;
+}
+
+.italic {
+  font-style: italic;
+}
+
+.not-italic {
+  font-style: normal;
+}
+
+.uppercase {
+  text-transform: uppercase;
+}
+
+.lowercase {
+  text-transform: lowercase;
+}
+
+.capitalize {
+  text-transform: capitalize;
+}
+
+.normal-case {
+  text-transform: none;
+}
+
+.underline {
+  text-decoration: underline;
+}
+
+.line-through {
+  text-decoration: line-through;
+}
+
+.no-underline {
+  text-decoration: none;
+}
+
+.group:hover .group-hover\:underline {
+  text-decoration: underline;
+}
+
+.group:hover .group-hover\:line-through {
+  text-decoration: line-through;
+}
+
+.group:hover .group-hover\:no-underline {
+  text-decoration: none;
+}
+
+.focus-within\:underline:focus-within {
+  text-decoration: underline;
+}
+
+.focus-within\:line-through:focus-within {
+  text-decoration: line-through;
+}
+
+.focus-within\:no-underline:focus-within {
+  text-decoration: none;
+}
+
+.hover\:underline:hover {
+  text-decoration: underline;
+}
+
+.hover\:line-through:hover {
+  text-decoration: line-through;
+}
+
+.hover\:no-underline:hover {
+  text-decoration: none;
+}
+
+.focus\:underline:focus {
+  text-decoration: underline;
+}
+
+.focus\:line-through:focus {
+  text-decoration: line-through;
+}
+
+.focus\:no-underline:focus {
+  text-decoration: none;
+}
+
+.antialiased {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.subpixel-antialiased {
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+}
+
+.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
+  --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
+  --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
+  --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
+  --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
+  --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+
+.normal-nums {
+  font-variant-numeric: normal;
+}
+
+.ordinal {
+  --tw-ordinal: ordinal;
+}
+
+.slashed-zero {
+  --tw-slashed-zero: slashed-zero;
+}
+
+.lining-nums {
+  --tw-numeric-figure: lining-nums;
+}
+
+.oldstyle-nums {
+  --tw-numeric-figure: oldstyle-nums;
+}
+
+.proportional-nums {
+  --tw-numeric-spacing: proportional-nums;
+}
+
+.tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+}
+
+.diagonal-fractions {
+  --tw-numeric-fraction: diagonal-fractions;
+}
+
+.stacked-fractions {
+  --tw-numeric-fraction: stacked-fractions;
+}
+
+.tracking-tighter {
+  letter-spacing: -0.05em;
+}
+
+.tracking-tight {
+  letter-spacing: -0.025em;
+}
+
+.tracking-normal {
+  letter-spacing: 0em;
+}
+
+.tracking-wide {
+  letter-spacing: 0.025em;
+}
+
+.tracking-wider {
+  letter-spacing: 0.05em;
+}
+
+.tracking-widest {
+  letter-spacing: 0.1em;
+}
+
+.select-none {
+  -webkit-user-select: none;
+          user-select: none;
+}
+
+.select-text {
+  -webkit-user-select: text;
+          user-select: text;
+}
+
+.select-all {
+  -webkit-user-select: all;
+          user-select: all;
+}
+
+.select-auto {
+  -webkit-user-select: auto;
+          user-select: auto;
+}
+
+.align-baseline {
+  vertical-align: baseline;
+}
+
+.align-top {
+  vertical-align: top;
+}
+
+.align-middle {
+  vertical-align: middle;
+}
+
+.align-bottom {
+  vertical-align: bottom;
+}
+
+.align-text-top {
+  vertical-align: text-top;
+}
+
+.align-text-bottom {
+  vertical-align: text-bottom;
+}
+
+.visible {
+  visibility: visible;
+}
+
+.invisible {
+  visibility: hidden;
+}
+
+.whitespace-normal {
+  white-space: normal;
+}
+
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+
+.whitespace-pre {
+  white-space: pre;
+}
+
+.whitespace-pre-line {
+  white-space: pre-line;
+}
+
+.whitespace-pre-wrap {
+  white-space: pre-wrap;
+}
+
+.break-normal {
+  overflow-wrap: normal;
+  word-break: normal;
+}
+
+.break-words {
+  overflow-wrap: break-word;
+}
+
+.break-all {
+  word-break: break-all;
+}
+
+.w-0 {
+  width: 0px;
+}
+
+.w-1 {
+  width: 0.25rem;
+}
+
+.w-2 {
+  width: 0.5rem;
+}
+
+.w-3 {
+  width: 0.75rem;
+}
+
+.w-4 {
+  width: 1rem;
+}
+
+.w-5 {
+  width: 1.25rem;
+}
+
+.w-6 {
+  width: 1.5rem;
+}
+
+.w-7 {
+  width: 1.75rem;
+}
+
+.w-8 {
+  width: 2rem;
+}
+
+.w-9 {
+  width: 2.25rem;
+}
+
+.w-10 {
+  width: 2.5rem;
+}
+
+.w-11 {
+  width: 2.75rem;
+}
+
+.w-12 {
+  width: 3rem;
+}
+
+.w-14 {
+  width: 3.5rem;
+}
+
+.w-16 {
+  width: 4rem;
+}
+
+.w-20 {
+  width: 5rem;
+}
+
+.w-24 {
+  width: 6rem;
+}
+
+.w-28 {
+  width: 7rem;
+}
+
+.w-32 {
+  width: 8rem;
+}
+
+.w-36 {
+  width: 9rem;
+}
+
+.w-40 {
+  width: 10rem;
+}
+
+.w-44 {
+  width: 11rem;
+}
+
+.w-48 {
+  width: 12rem;
+}
+
+.w-52 {
+  width: 13rem;
+}
+
+.w-56 {
+  width: 14rem;
+}
+
+.w-60 {
+  width: 15rem;
+}
+
+.w-64 {
+  width: 16rem;
+}
+
+.w-72 {
+  width: 18rem;
+}
+
+.w-80 {
+  width: 20rem;
+}
+
+.w-96 {
+  width: 24rem;
+}
+
+.w-auto {
+  width: auto;
+}
+
+.w-px {
+  width: 1px;
+}
+
+.w-0\.5 {
+  width: 0.125rem;
+}
+
+.w-1\.5 {
+  width: 0.375rem;
+}
+
+.w-2\.5 {
+  width: 0.625rem;
+}
+
+.w-3\.5 {
+  width: 0.875rem;
+}
+
+.w-1\/2 {
+  width: 50%;
+}
+
+.w-1\/3 {
+  width: 33.333333%;
+}
+
+.w-2\/3 {
+  width: 66.666667%;
+}
+
+.w-1\/4 {
+  width: 25%;
+}
+
+.w-2\/4 {
+  width: 50%;
+}
+
+.w-3\/4 {
+  width: 75%;
+}
+
+.w-1\/5 {
+  width: 20%;
+}
+
+.w-2\/5 {
+  width: 40%;
+}
+
+.w-3\/5 {
+  width: 60%;
+}
+
+.w-4\/5 {
+  width: 80%;
+}
+
+.w-1\/6 {
+  width: 16.666667%;
+}
+
+.w-2\/6 {
+  width: 33.333333%;
+}
+
+.w-3\/6 {
+  width: 50%;
+}
+
+.w-4\/6 {
+  width: 66.666667%;
+}
+
+.w-5\/6 {
+  width: 83.333333%;
+}
+
+.w-1\/12 {
+  width: 8.333333%;
+}
+
+.w-2\/12 {
+  width: 16.666667%;
+}
+
+.w-3\/12 {
+  width: 25%;
+}
+
+.w-4\/12 {
+  width: 33.333333%;
+}
+
+.w-5\/12 {
+  width: 41.666667%;
+}
+
+.w-6\/12 {
+  width: 50%;
+}
+
+.w-7\/12 {
+  width: 58.333333%;
+}
+
+.w-8\/12 {
+  width: 66.666667%;
+}
+
+.w-9\/12 {
+  width: 75%;
+}
+
+.w-10\/12 {
+  width: 83.333333%;
+}
+
+.w-11\/12 {
+  width: 91.666667%;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.w-screen {
+  width: 100vw;
+}
+
+.w-min {
+  width: -webkit-min-content;
+  width: min-content;
+}
+
+.w-max {
+  width: -webkit-max-content;
+  width: max-content;
+}
+
+.z-0 {
+  z-index: 0;
+}
+
+.z-10 {
+  z-index: 10;
+}
+
+.z-20 {
+  z-index: 20;
+}
+
+.z-30 {
+  z-index: 30;
+}
+
+.z-40 {
+  z-index: 40;
+}
+
+.z-50 {
+  z-index: 50;
+}
+
+.z-auto {
+  z-index: auto;
+}
+
+.focus-within\:z-0:focus-within {
+  z-index: 0;
+}
+
+.focus-within\:z-10:focus-within {
+  z-index: 10;
+}
+
+.focus-within\:z-20:focus-within {
+  z-index: 20;
+}
+
+.focus-within\:z-30:focus-within {
+  z-index: 30;
+}
+
+.focus-within\:z-40:focus-within {
+  z-index: 40;
+}
+
+.focus-within\:z-50:focus-within {
+  z-index: 50;
+}
+
+.focus-within\:z-auto:focus-within {
+  z-index: auto;
+}
+
+.focus\:z-0:focus {
+  z-index: 0;
+}
+
+.focus\:z-10:focus {
+  z-index: 10;
+}
+
+.focus\:z-20:focus {
+  z-index: 20;
+}
+
+.focus\:z-30:focus {
+  z-index: 30;
+}
+
+.focus\:z-40:focus {
+  z-index: 40;
+}
+
+.focus\:z-50:focus {
+  z-index: 50;
+}
+
+.focus\:z-auto:focus {
+  z-index: auto;
+}
+
+.gap-0 {
+  gap: 0px;
+}
+
+.gap-1 {
+  gap: 0.25rem;
+}
+
+.gap-2 {
+  gap: 0.5rem;
+}
+
+.gap-3 {
+  gap: 0.75rem;
+}
+
+.gap-4 {
+  gap: 1rem;
+}
+
+.gap-5 {
+  gap: 1.25rem;
+}
+
+.gap-6 {
+  gap: 1.5rem;
+}
+
+.gap-7 {
+  gap: 1.75rem;
+}
+
+.gap-8 {
+  gap: 2rem;
+}
+
+.gap-9 {
+  gap: 2.25rem;
+}
+
+.gap-10 {
+  gap: 2.5rem;
+}
+
+.gap-11 {
+  gap: 2.75rem;
+}
+
+.gap-12 {
+  gap: 3rem;
+}
+
+.gap-14 {
+  gap: 3.5rem;
+}
+
+.gap-16 {
+  gap: 4rem;
+}
+
+.gap-20 {
+  gap: 5rem;
+}
+
+.gap-24 {
+  gap: 6rem;
+}
+
+.gap-28 {
+  gap: 7rem;
+}
+
+.gap-32 {
+  gap: 8rem;
+}
+
+.gap-36 {
+  gap: 9rem;
+}
+
+.gap-40 {
+  gap: 10rem;
+}
+
+.gap-44 {
+  gap: 11rem;
+}
+
+.gap-48 {
+  gap: 12rem;
+}
+
+.gap-52 {
+  gap: 13rem;
+}
+
+.gap-56 {
+  gap: 14rem;
+}
+
+.gap-60 {
+  gap: 15rem;
+}
+
+.gap-64 {
+  gap: 16rem;
+}
+
+.gap-72 {
+  gap: 18rem;
+}
+
+.gap-80 {
+  gap: 20rem;
+}
+
+.gap-96 {
+  gap: 24rem;
+}
+
+.gap-px {
+  gap: 1px;
+}
+
+.gap-0\.5 {
+  gap: 0.125rem;
+}
+
+.gap-1\.5 {
+  gap: 0.375rem;
+}
+
+.gap-2\.5 {
+  gap: 0.625rem;
+}
+
+.gap-3\.5 {
+  gap: 0.875rem;
+}
+
+.gap-x-0 {
+  column-gap: 0px;
+}
+
+.gap-x-1 {
+  column-gap: 0.25rem;
+}
+
+.gap-x-2 {
+  column-gap: 0.5rem;
+}
+
+.gap-x-3 {
+  column-gap: 0.75rem;
+}
+
+.gap-x-4 {
+  column-gap: 1rem;
+}
+
+.gap-x-5 {
+  column-gap: 1.25rem;
+}
+
+.gap-x-6 {
+  column-gap: 1.5rem;
+}
+
+.gap-x-7 {
+  column-gap: 1.75rem;
+}
+
+.gap-x-8 {
+  column-gap: 2rem;
+}
+
+.gap-x-9 {
+  column-gap: 2.25rem;
+}
+
+.gap-x-10 {
+  column-gap: 2.5rem;
+}
+
+.gap-x-11 {
+  column-gap: 2.75rem;
+}
+
+.gap-x-12 {
+  column-gap: 3rem;
+}
+
+.gap-x-14 {
+  column-gap: 3.5rem;
+}
+
+.gap-x-16 {
+  column-gap: 4rem;
+}
+
+.gap-x-20 {
+  column-gap: 5rem;
+}
+
+.gap-x-24 {
+  column-gap: 6rem;
+}
+
+.gap-x-28 {
+  column-gap: 7rem;
+}
+
+.gap-x-32 {
+  column-gap: 8rem;
+}
+
+.gap-x-36 {
+  column-gap: 9rem;
+}
+
+.gap-x-40 {
+  column-gap: 10rem;
+}
+
+.gap-x-44 {
+  column-gap: 11rem;
+}
+
+.gap-x-48 {
+  column-gap: 12rem;
+}
+
+.gap-x-52 {
+  column-gap: 13rem;
+}
+
+.gap-x-56 {
+  column-gap: 14rem;
+}
+
+.gap-x-60 {
+  column-gap: 15rem;
+}
+
+.gap-x-64 {
+  column-gap: 16rem;
+}
+
+.gap-x-72 {
+  column-gap: 18rem;
+}
+
+.gap-x-80 {
+  column-gap: 20rem;
+}
+
+.gap-x-96 {
+  column-gap: 24rem;
+}
+
+.gap-x-px {
+  column-gap: 1px;
+}
+
+.gap-x-0\.5 {
+  column-gap: 0.125rem;
+}
+
+.gap-x-1\.5 {
+  column-gap: 0.375rem;
+}
+
+.gap-x-2\.5 {
+  column-gap: 0.625rem;
+}
+
+.gap-x-3\.5 {
+  column-gap: 0.875rem;
+}
+
+.gap-y-0 {
+  row-gap: 0px;
+}
+
+.gap-y-1 {
+  row-gap: 0.25rem;
+}
+
+.gap-y-2 {
+  row-gap: 0.5rem;
+}
+
+.gap-y-3 {
+  row-gap: 0.75rem;
+}
+
+.gap-y-4 {
+  row-gap: 1rem;
+}
+
+.gap-y-5 {
+  row-gap: 1.25rem;
+}
+
+.gap-y-6 {
+  row-gap: 1.5rem;
+}
+
+.gap-y-7 {
+  row-gap: 1.75rem;
+}
+
+.gap-y-8 {
+  row-gap: 2rem;
+}
+
+.gap-y-9 {
+  row-gap: 2.25rem;
+}
+
+.gap-y-10 {
+  row-gap: 2.5rem;
+}
+
+.gap-y-11 {
+  row-gap: 2.75rem;
+}
+
+.gap-y-12 {
+  row-gap: 3rem;
+}
+
+.gap-y-14 {
+  row-gap: 3.5rem;
+}
+
+.gap-y-16 {
+  row-gap: 4rem;
+}
+
+.gap-y-20 {
+  row-gap: 5rem;
+}
+
+.gap-y-24 {
+  row-gap: 6rem;
+}
+
+.gap-y-28 {
+  row-gap: 7rem;
+}
+
+.gap-y-32 {
+  row-gap: 8rem;
+}
+
+.gap-y-36 {
+  row-gap: 9rem;
+}
+
+.gap-y-40 {
+  row-gap: 10rem;
+}
+
+.gap-y-44 {
+  row-gap: 11rem;
+}
+
+.gap-y-48 {
+  row-gap: 12rem;
+}
+
+.gap-y-52 {
+  row-gap: 13rem;
+}
+
+.gap-y-56 {
+  row-gap: 14rem;
+}
+
+.gap-y-60 {
+  row-gap: 15rem;
+}
+
+.gap-y-64 {
+  row-gap: 16rem;
+}
+
+.gap-y-72 {
+  row-gap: 18rem;
+}
+
+.gap-y-80 {
+  row-gap: 20rem;
+}
+
+.gap-y-96 {
+  row-gap: 24rem;
+}
+
+.gap-y-px {
+  row-gap: 1px;
+}
+
+.gap-y-0\.5 {
+  row-gap: 0.125rem;
+}
+
+.gap-y-1\.5 {
+  row-gap: 0.375rem;
+}
+
+.gap-y-2\.5 {
+  row-gap: 0.625rem;
+}
+
+.gap-y-3\.5 {
+  row-gap: 0.875rem;
+}
+
+.grid-flow-row {
+  grid-auto-flow: row;
+}
+
+.grid-flow-col {
+  grid-auto-flow: column;
+}
+
+.grid-flow-row-dense {
+  grid-auto-flow: row dense;
+}
+
+.grid-flow-col-dense {
+  grid-auto-flow: column dense;
+}
+
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.grid-cols-5 {
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+}
+
+.grid-cols-6 {
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+}
+
+.grid-cols-7 {
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+}
+
+.grid-cols-8 {
+  grid-template-columns: repeat(8, minmax(0, 1fr));
+}
+
+.grid-cols-9 {
+  grid-template-columns: repeat(9, minmax(0, 1fr));
+}
+
+.grid-cols-10 {
+  grid-template-columns: repeat(10, minmax(0, 1fr));
+}
+
+.grid-cols-11 {
+  grid-template-columns: repeat(11, minmax(0, 1fr));
+}
+
+.grid-cols-12 {
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+}
+
+.grid-cols-none {
+  grid-template-columns: none;
+}
+
+.auto-cols-auto {
+  grid-auto-columns: auto;
+}
+
+.auto-cols-min {
+  grid-auto-columns: -webkit-min-content;
+  grid-auto-columns: min-content;
+}
+
+.auto-cols-max {
+  grid-auto-columns: -webkit-max-content;
+  grid-auto-columns: max-content;
+}
+
+.auto-cols-fr {
+  grid-auto-columns: minmax(0, 1fr);
+}
+
+.col-auto {
+  grid-column: auto;
+}
+
+.col-span-1 {
+  grid-column: span 1 / span 1;
+}
+
+.col-span-2 {
+  grid-column: span 2 / span 2;
+}
+
+.col-span-3 {
+  grid-column: span 3 / span 3;
+}
+
+.col-span-4 {
+  grid-column: span 4 / span 4;
+}
+
+.col-span-5 {
+  grid-column: span 5 / span 5;
+}
+
+.col-span-6 {
+  grid-column: span 6 / span 6;
+}
+
+.col-span-7 {
+  grid-column: span 7 / span 7;
+}
+
+.col-span-8 {
+  grid-column: span 8 / span 8;
+}
+
+.col-span-9 {
+  grid-column: span 9 / span 9;
+}
+
+.col-span-10 {
+  grid-column: span 10 / span 10;
+}
+
+.col-span-11 {
+  grid-column: span 11 / span 11;
+}
+
+.col-span-12 {
+  grid-column: span 12 / span 12;
+}
+
+.col-span-full {
+  grid-column: 1 / -1;
+}
+
+.col-start-1 {
+  grid-column-start: 1;
+}
+
+.col-start-2 {
+  grid-column-start: 2;
+}
+
+.col-start-3 {
+  grid-column-start: 3;
+}
+
+.col-start-4 {
+  grid-column-start: 4;
+}
+
+.col-start-5 {
+  grid-column-start: 5;
+}
+
+.col-start-6 {
+  grid-column-start: 6;
+}
+
+.col-start-7 {
+  grid-column-start: 7;
+}
+
+.col-start-8 {
+  grid-column-start: 8;
+}
+
+.col-start-9 {
+  grid-column-start: 9;
+}
+
+.col-start-10 {
+  grid-column-start: 10;
+}
+
+.col-start-11 {
+  grid-column-start: 11;
+}
+
+.col-start-12 {
+  grid-column-start: 12;
+}
+
+.col-start-13 {
+  grid-column-start: 13;
+}
+
+.col-start-auto {
+  grid-column-start: auto;
+}
+
+.col-end-1 {
+  grid-column-end: 1;
+}
+
+.col-end-2 {
+  grid-column-end: 2;
+}
+
+.col-end-3 {
+  grid-column-end: 3;
+}
+
+.col-end-4 {
+  grid-column-end: 4;
+}
+
+.col-end-5 {
+  grid-column-end: 5;
+}
+
+.col-end-6 {
+  grid-column-end: 6;
+}
+
+.col-end-7 {
+  grid-column-end: 7;
+}
+
+.col-end-8 {
+  grid-column-end: 8;
+}
+
+.col-end-9 {
+  grid-column-end: 9;
+}
+
+.col-end-10 {
+  grid-column-end: 10;
+}
+
+.col-end-11 {
+  grid-column-end: 11;
+}
+
+.col-end-12 {
+  grid-column-end: 12;
+}
+
+.col-end-13 {
+  grid-column-end: 13;
+}
+
+.col-end-auto {
+  grid-column-end: auto;
+}
+
+.grid-rows-1 {
+  grid-template-rows: repeat(1, minmax(0, 1fr));
+}
+
+.grid-rows-2 {
+  grid-template-rows: repeat(2, minmax(0, 1fr));
+}
+
+.grid-rows-3 {
+  grid-template-rows: repeat(3, minmax(0, 1fr));
+}
+
+.grid-rows-4 {
+  grid-template-rows: repeat(4, minmax(0, 1fr));
+}
+
+.grid-rows-5 {
+  grid-template-rows: repeat(5, minmax(0, 1fr));
+}
+
+.grid-rows-6 {
+  grid-template-rows: repeat(6, minmax(0, 1fr));
+}
+
+.grid-rows-none {
+  grid-template-rows: none;
+}
+
+.auto-rows-auto {
+  grid-auto-rows: auto;
+}
+
+.auto-rows-min {
+  grid-auto-rows: -webkit-min-content;
+  grid-auto-rows: min-content;
+}
+
+.auto-rows-max {
+  grid-auto-rows: -webkit-max-content;
+  grid-auto-rows: max-content;
+}
+
+.auto-rows-fr {
+  grid-auto-rows: minmax(0, 1fr);
+}
+
+.row-auto {
+  grid-row: auto;
+}
+
+.row-span-1 {
+  grid-row: span 1 / span 1;
+}
+
+.row-span-2 {
+  grid-row: span 2 / span 2;
+}
+
+.row-span-3 {
+  grid-row: span 3 / span 3;
+}
+
+.row-span-4 {
+  grid-row: span 4 / span 4;
+}
+
+.row-span-5 {
+  grid-row: span 5 / span 5;
+}
+
+.row-span-6 {
+  grid-row: span 6 / span 6;
+}
+
+.row-span-full {
+  grid-row: 1 / -1;
+}
+
+.row-start-1 {
+  grid-row-start: 1;
+}
+
+.row-start-2 {
+  grid-row-start: 2;
+}
+
+.row-start-3 {
+  grid-row-start: 3;
+}
+
+.row-start-4 {
+  grid-row-start: 4;
+}
+
+.row-start-5 {
+  grid-row-start: 5;
+}
+
+.row-start-6 {
+  grid-row-start: 6;
+}
+
+.row-start-7 {
+  grid-row-start: 7;
+}
+
+.row-start-auto {
+  grid-row-start: auto;
+}
+
+.row-end-1 {
+  grid-row-end: 1;
+}
+
+.row-end-2 {
+  grid-row-end: 2;
+}
+
+.row-end-3 {
+  grid-row-end: 3;
+}
+
+.row-end-4 {
+  grid-row-end: 4;
+}
+
+.row-end-5 {
+  grid-row-end: 5;
+}
+
+.row-end-6 {
+  grid-row-end: 6;
+}
+
+.row-end-7 {
+  grid-row-end: 7;
+}
+
+.row-end-auto {
+  grid-row-end: auto;
+}
+
+.transform {
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.transform-gpu {
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.transform-none {
+  transform: none;
+}
+
+.origin-center {
+  transform-origin: center;
+}
+
+.origin-top {
+  transform-origin: top;
+}
+
+.origin-top-right {
+  transform-origin: top right;
+}
+
+.origin-right {
+  transform-origin: right;
+}
+
+.origin-bottom-right {
+  transform-origin: bottom right;
+}
+
+.origin-bottom {
+  transform-origin: bottom;
+}
+
+.origin-bottom-left {
+  transform-origin: bottom left;
+}
+
+.origin-left {
+  transform-origin: left;
+}
+
+.origin-top-left {
+  transform-origin: top left;
+}
+
+.scale-0 {
+  --tw-scale-x: 0;
+  --tw-scale-y: 0;
+}
+
+.scale-50 {
+  --tw-scale-x: .5;
+  --tw-scale-y: .5;
+}
+
+.scale-75 {
+  --tw-scale-x: .75;
+  --tw-scale-y: .75;
+}
+
+.scale-90 {
+  --tw-scale-x: .9;
+  --tw-scale-y: .9;
+}
+
+.scale-95 {
+  --tw-scale-x: .95;
+  --tw-scale-y: .95;
+}
+
+.scale-100 {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+}
+
+.scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+}
+
+.scale-110 {
+  --tw-scale-x: 1.1;
+  --tw-scale-y: 1.1;
+}
+
+.scale-125 {
+  --tw-scale-x: 1.25;
+  --tw-scale-y: 1.25;
+}
+
+.scale-150 {
+  --tw-scale-x: 1.5;
+  --tw-scale-y: 1.5;
+}
+
+.scale-x-0 {
+  --tw-scale-x: 0;
+}
+
+.scale-x-50 {
+  --tw-scale-x: .5;
+}
+
+.scale-x-75 {
+  --tw-scale-x: .75;
+}
+
+.scale-x-90 {
+  --tw-scale-x: .9;
+}
+
+.scale-x-95 {
+  --tw-scale-x: .95;
+}
+
+.scale-x-100 {
+  --tw-scale-x: 1;
+}
+
+.scale-x-105 {
+  --tw-scale-x: 1.05;
+}
+
+.scale-x-110 {
+  --tw-scale-x: 1.1;
+}
+
+.scale-x-125 {
+  --tw-scale-x: 1.25;
+}
+
+.scale-x-150 {
+  --tw-scale-x: 1.5;
+}
+
+.scale-y-0 {
+  --tw-scale-y: 0;
+}
+
+.scale-y-50 {
+  --tw-scale-y: .5;
+}
+
+.scale-y-75 {
+  --tw-scale-y: .75;
+}
+
+.scale-y-90 {
+  --tw-scale-y: .9;
+}
+
+.scale-y-95 {
+  --tw-scale-y: .95;
+}
+
+.scale-y-100 {
+  --tw-scale-y: 1;
+}
+
+.scale-y-105 {
+  --tw-scale-y: 1.05;
+}
+
+.scale-y-110 {
+  --tw-scale-y: 1.1;
+}
+
+.scale-y-125 {
+  --tw-scale-y: 1.25;
+}
+
+.scale-y-150 {
+  --tw-scale-y: 1.5;
+}
+
+.hover\:scale-0:hover {
+  --tw-scale-x: 0;
+  --tw-scale-y: 0;
+}
+
+.hover\:scale-50:hover {
+  --tw-scale-x: .5;
+  --tw-scale-y: .5;
+}
+
+.hover\:scale-75:hover {
+  --tw-scale-x: .75;
+  --tw-scale-y: .75;
+}
+
+.hover\:scale-90:hover {
+  --tw-scale-x: .9;
+  --tw-scale-y: .9;
+}
+
+.hover\:scale-95:hover {
+  --tw-scale-x: .95;
+  --tw-scale-y: .95;
+}
+
+.hover\:scale-100:hover {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+}
+
+.hover\:scale-105:hover {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+}
+
+.hover\:scale-110:hover {
+  --tw-scale-x: 1.1;
+  --tw-scale-y: 1.1;
+}
+
+.hover\:scale-125:hover {
+  --tw-scale-x: 1.25;
+  --tw-scale-y: 1.25;
+}
+
+.hover\:scale-150:hover {
+  --tw-scale-x: 1.5;
+  --tw-scale-y: 1.5;
+}
+
+.hover\:scale-x-0:hover {
+  --tw-scale-x: 0;
+}
+
+.hover\:scale-x-50:hover {
+  --tw-scale-x: .5;
+}
+
+.hover\:scale-x-75:hover {
+  --tw-scale-x: .75;
+}
+
+.hover\:scale-x-90:hover {
+  --tw-scale-x: .9;
+}
+
+.hover\:scale-x-95:hover {
+  --tw-scale-x: .95;
+}
+
+.hover\:scale-x-100:hover {
+  --tw-scale-x: 1;
+}
+
+.hover\:scale-x-105:hover {
+  --tw-scale-x: 1.05;
+}
+
+.hover\:scale-x-110:hover {
+  --tw-scale-x: 1.1;
+}
+
+.hover\:scale-x-125:hover {
+  --tw-scale-x: 1.25;
+}
+
+.hover\:scale-x-150:hover {
+  --tw-scale-x: 1.5;
+}
+
+.hover\:scale-y-0:hover {
+  --tw-scale-y: 0;
+}
+
+.hover\:scale-y-50:hover {
+  --tw-scale-y: .5;
+}
+
+.hover\:scale-y-75:hover {
+  --tw-scale-y: .75;
+}
+
+.hover\:scale-y-90:hover {
+  --tw-scale-y: .9;
+}
+
+.hover\:scale-y-95:hover {
+  --tw-scale-y: .95;
+}
+
+.hover\:scale-y-100:hover {
+  --tw-scale-y: 1;
+}
+
+.hover\:scale-y-105:hover {
+  --tw-scale-y: 1.05;
+}
+
+.hover\:scale-y-110:hover {
+  --tw-scale-y: 1.1;
+}
+
+.hover\:scale-y-125:hover {
+  --tw-scale-y: 1.25;
+}
+
+.hover\:scale-y-150:hover {
+  --tw-scale-y: 1.5;
+}
+
+.focus\:scale-0:focus {
+  --tw-scale-x: 0;
+  --tw-scale-y: 0;
+}
+
+.focus\:scale-50:focus {
+  --tw-scale-x: .5;
+  --tw-scale-y: .5;
+}
+
+.focus\:scale-75:focus {
+  --tw-scale-x: .75;
+  --tw-scale-y: .75;
+}
+
+.focus\:scale-90:focus {
+  --tw-scale-x: .9;
+  --tw-scale-y: .9;
+}
+
+.focus\:scale-95:focus {
+  --tw-scale-x: .95;
+  --tw-scale-y: .95;
+}
+
+.focus\:scale-100:focus {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+}
+
+.focus\:scale-105:focus {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+}
+
+.focus\:scale-110:focus {
+  --tw-scale-x: 1.1;
+  --tw-scale-y: 1.1;
+}
+
+.focus\:scale-125:focus {
+  --tw-scale-x: 1.25;
+  --tw-scale-y: 1.25;
+}
+
+.focus\:scale-150:focus {
+  --tw-scale-x: 1.5;
+  --tw-scale-y: 1.5;
+}
+
+.focus\:scale-x-0:focus {
+  --tw-scale-x: 0;
+}
+
+.focus\:scale-x-50:focus {
+  --tw-scale-x: .5;
+}
+
+.focus\:scale-x-75:focus {
+  --tw-scale-x: .75;
+}
+
+.focus\:scale-x-90:focus {
+  --tw-scale-x: .9;
+}
+
+.focus\:scale-x-95:focus {
+  --tw-scale-x: .95;
+}
+
+.focus\:scale-x-100:focus {
+  --tw-scale-x: 1;
+}
+
+.focus\:scale-x-105:focus {
+  --tw-scale-x: 1.05;
+}
+
+.focus\:scale-x-110:focus {
+  --tw-scale-x: 1.1;
+}
+
+.focus\:scale-x-125:focus {
+  --tw-scale-x: 1.25;
+}
+
+.focus\:scale-x-150:focus {
+  --tw-scale-x: 1.5;
+}
+
+.focus\:scale-y-0:focus {
+  --tw-scale-y: 0;
+}
+
+.focus\:scale-y-50:focus {
+  --tw-scale-y: .5;
+}
+
+.focus\:scale-y-75:focus {
+  --tw-scale-y: .75;
+}
+
+.focus\:scale-y-90:focus {
+  --tw-scale-y: .9;
+}
+
+.focus\:scale-y-95:focus {
+  --tw-scale-y: .95;
+}
+
+.focus\:scale-y-100:focus {
+  --tw-scale-y: 1;
+}
+
+.focus\:scale-y-105:focus {
+  --tw-scale-y: 1.05;
+}
+
+.focus\:scale-y-110:focus {
+  --tw-scale-y: 1.1;
+}
+
+.focus\:scale-y-125:focus {
+  --tw-scale-y: 1.25;
+}
+
+.focus\:scale-y-150:focus {
+  --tw-scale-y: 1.5;
+}
+
+.rotate-0 {
+  --tw-rotate: 0deg;
+}
+
+.rotate-1 {
+  --tw-rotate: 1deg;
+}
+
+.rotate-2 {
+  --tw-rotate: 2deg;
+}
+
+.rotate-3 {
+  --tw-rotate: 3deg;
+}
+
+.rotate-6 {
+  --tw-rotate: 6deg;
+}
+
+.rotate-12 {
+  --tw-rotate: 12deg;
+}
+
+.rotate-45 {
+  --tw-rotate: 45deg;
+}
+
+.rotate-90 {
+  --tw-rotate: 90deg;
+}
+
+.rotate-180 {
+  --tw-rotate: 180deg;
+}
+
+.-rotate-180 {
+  --tw-rotate: -180deg;
+}
+
+.-rotate-90 {
+  --tw-rotate: -90deg;
+}
+
+.-rotate-45 {
+  --tw-rotate: -45deg;
+}
+
+.-rotate-12 {
+  --tw-rotate: -12deg;
+}
+
+.-rotate-6 {
+  --tw-rotate: -6deg;
+}
+
+.-rotate-3 {
+  --tw-rotate: -3deg;
+}
+
+.-rotate-2 {
+  --tw-rotate: -2deg;
+}
+
+.-rotate-1 {
+  --tw-rotate: -1deg;
+}
+
+.hover\:rotate-0:hover {
+  --tw-rotate: 0deg;
+}
+
+.hover\:rotate-1:hover {
+  --tw-rotate: 1deg;
+}
+
+.hover\:rotate-2:hover {
+  --tw-rotate: 2deg;
+}
+
+.hover\:rotate-3:hover {
+  --tw-rotate: 3deg;
+}
+
+.hover\:rotate-6:hover {
+  --tw-rotate: 6deg;
+}
+
+.hover\:rotate-12:hover {
+  --tw-rotate: 12deg;
+}
+
+.hover\:rotate-45:hover {
+  --tw-rotate: 45deg;
+}
+
+.hover\:rotate-90:hover {
+  --tw-rotate: 90deg;
+}
+
+.hover\:rotate-180:hover {
+  --tw-rotate: 180deg;
+}
+
+.hover\:-rotate-180:hover {
+  --tw-rotate: -180deg;
+}
+
+.hover\:-rotate-90:hover {
+  --tw-rotate: -90deg;
+}
+
+.hover\:-rotate-45:hover {
+  --tw-rotate: -45deg;
+}
+
+.hover\:-rotate-12:hover {
+  --tw-rotate: -12deg;
+}
+
+.hover\:-rotate-6:hover {
+  --tw-rotate: -6deg;
+}
+
+.hover\:-rotate-3:hover {
+  --tw-rotate: -3deg;
+}
+
+.hover\:-rotate-2:hover {
+  --tw-rotate: -2deg;
+}
+
+.hover\:-rotate-1:hover {
+  --tw-rotate: -1deg;
+}
+
+.focus\:rotate-0:focus {
+  --tw-rotate: 0deg;
+}
+
+.focus\:rotate-1:focus {
+  --tw-rotate: 1deg;
+}
+
+.focus\:rotate-2:focus {
+  --tw-rotate: 2deg;
+}
+
+.focus\:rotate-3:focus {
+  --tw-rotate: 3deg;
+}
+
+.focus\:rotate-6:focus {
+  --tw-rotate: 6deg;
+}
+
+.focus\:rotate-12:focus {
+  --tw-rotate: 12deg;
+}
+
+.focus\:rotate-45:focus {
+  --tw-rotate: 45deg;
+}
+
+.focus\:rotate-90:focus {
+  --tw-rotate: 90deg;
+}
+
+.focus\:rotate-180:focus {
+  --tw-rotate: 180deg;
+}
+
+.focus\:-rotate-180:focus {
+  --tw-rotate: -180deg;
+}
+
+.focus\:-rotate-90:focus {
+  --tw-rotate: -90deg;
+}
+
+.focus\:-rotate-45:focus {
+  --tw-rotate: -45deg;
+}
+
+.focus\:-rotate-12:focus {
+  --tw-rotate: -12deg;
+}
+
+.focus\:-rotate-6:focus {
+  --tw-rotate: -6deg;
+}
+
+.focus\:-rotate-3:focus {
+  --tw-rotate: -3deg;
+}
+
+.focus\:-rotate-2:focus {
+  --tw-rotate: -2deg;
+}
+
+.focus\:-rotate-1:focus {
+  --tw-rotate: -1deg;
+}
+
+.translate-x-0 {
+  --tw-translate-x: 0px;
+}
+
+.translate-x-1 {
+  --tw-translate-x: 0.25rem;
+}
+
+.translate-x-2 {
+  --tw-translate-x: 0.5rem;
+}
+
+.translate-x-3 {
+  --tw-translate-x: 0.75rem;
+}
+
+.translate-x-4 {
+  --tw-translate-x: 1rem;
+}
+
+.translate-x-5 {
+  --tw-translate-x: 1.25rem;
+}
+
+.translate-x-6 {
+  --tw-translate-x: 1.5rem;
+}
+
+.translate-x-7 {
+  --tw-translate-x: 1.75rem;
+}
+
+.translate-x-8 {
+  --tw-translate-x: 2rem;
+}
+
+.translate-x-9 {
+  --tw-translate-x: 2.25rem;
+}
+
+.translate-x-10 {
+  --tw-translate-x: 2.5rem;
+}
+
+.translate-x-11 {
+  --tw-translate-x: 2.75rem;
+}
+
+.translate-x-12 {
+  --tw-translate-x: 3rem;
+}
+
+.translate-x-14 {
+  --tw-translate-x: 3.5rem;
+}
+
+.translate-x-16 {
+  --tw-translate-x: 4rem;
+}
+
+.translate-x-20 {
+  --tw-translate-x: 5rem;
+}
+
+.translate-x-24 {
+  --tw-translate-x: 6rem;
+}
+
+.translate-x-28 {
+  --tw-translate-x: 7rem;
+}
+
+.translate-x-32 {
+  --tw-translate-x: 8rem;
+}
+
+.translate-x-36 {
+  --tw-translate-x: 9rem;
+}
+
+.translate-x-40 {
+  --tw-translate-x: 10rem;
+}
+
+.translate-x-44 {
+  --tw-translate-x: 11rem;
+}
+
+.translate-x-48 {
+  --tw-translate-x: 12rem;
+}
+
+.translate-x-52 {
+  --tw-translate-x: 13rem;
+}
+
+.translate-x-56 {
+  --tw-translate-x: 14rem;
+}
+
+.translate-x-60 {
+  --tw-translate-x: 15rem;
+}
+
+.translate-x-64 {
+  --tw-translate-x: 16rem;
+}
+
+.translate-x-72 {
+  --tw-translate-x: 18rem;
+}
+
+.translate-x-80 {
+  --tw-translate-x: 20rem;
+}
+
+.translate-x-96 {
+  --tw-translate-x: 24rem;
+}
+
+.translate-x-px {
+  --tw-translate-x: 1px;
+}
+
+.translate-x-0\.5 {
+  --tw-translate-x: 0.125rem;
+}
+
+.translate-x-1\.5 {
+  --tw-translate-x: 0.375rem;
+}
+
+.translate-x-2\.5 {
+  --tw-translate-x: 0.625rem;
+}
+
+.translate-x-3\.5 {
+  --tw-translate-x: 0.875rem;
+}
+
+.-translate-x-0 {
+  --tw-translate-x: 0px;
+}
+
+.-translate-x-1 {
+  --tw-translate-x: -0.25rem;
+}
+
+.-translate-x-2 {
+  --tw-translate-x: -0.5rem;
+}
+
+.-translate-x-3 {
+  --tw-translate-x: -0.75rem;
+}
+
+.-translate-x-4 {
+  --tw-translate-x: -1rem;
+}
+
+.-translate-x-5 {
+  --tw-translate-x: -1.25rem;
+}
+
+.-translate-x-6 {
+  --tw-translate-x: -1.5rem;
+}
+
+.-translate-x-7 {
+  --tw-translate-x: -1.75rem;
+}
+
+.-translate-x-8 {
+  --tw-translate-x: -2rem;
+}
+
+.-translate-x-9 {
+  --tw-translate-x: -2.25rem;
+}
+
+.-translate-x-10 {
+  --tw-translate-x: -2.5rem;
+}
+
+.-translate-x-11 {
+  --tw-translate-x: -2.75rem;
+}
+
+.-translate-x-12 {
+  --tw-translate-x: -3rem;
+}
+
+.-translate-x-14 {
+  --tw-translate-x: -3.5rem;
+}
+
+.-translate-x-16 {
+  --tw-translate-x: -4rem;
+}
+
+.-translate-x-20 {
+  --tw-translate-x: -5rem;
+}
+
+.-translate-x-24 {
+  --tw-translate-x: -6rem;
+}
+
+.-translate-x-28 {
+  --tw-translate-x: -7rem;
+}
+
+.-translate-x-32 {
+  --tw-translate-x: -8rem;
+}
+
+.-translate-x-36 {
+  --tw-translate-x: -9rem;
+}
+
+.-translate-x-40 {
+  --tw-translate-x: -10rem;
+}
+
+.-translate-x-44 {
+  --tw-translate-x: -11rem;
+}
+
+.-translate-x-48 {
+  --tw-translate-x: -12rem;
+}
+
+.-translate-x-52 {
+  --tw-translate-x: -13rem;
+}
+
+.-translate-x-56 {
+  --tw-translate-x: -14rem;
+}
+
+.-translate-x-60 {
+  --tw-translate-x: -15rem;
+}
+
+.-translate-x-64 {
+  --tw-translate-x: -16rem;
+}
+
+.-translate-x-72 {
+  --tw-translate-x: -18rem;
+}
+
+.-translate-x-80 {
+  --tw-translate-x: -20rem;
+}
+
+.-translate-x-96 {
+  --tw-translate-x: -24rem;
+}
+
+.-translate-x-px {
+  --tw-translate-x: -1px;
+}
+
+.-translate-x-0\.5 {
+  --tw-translate-x: -0.125rem;
+}
+
+.-translate-x-1\.5 {
+  --tw-translate-x: -0.375rem;
+}
+
+.-translate-x-2\.5 {
+  --tw-translate-x: -0.625rem;
+}
+
+.-translate-x-3\.5 {
+  --tw-translate-x: -0.875rem;
+}
+
+.translate-x-1\/2 {
+  --tw-translate-x: 50%;
+}
+
+.translate-x-1\/3 {
+  --tw-translate-x: 33.333333%;
+}
+
+.translate-x-2\/3 {
+  --tw-translate-x: 66.666667%;
+}
+
+.translate-x-1\/4 {
+  --tw-translate-x: 25%;
+}
+
+.translate-x-2\/4 {
+  --tw-translate-x: 50%;
+}
+
+.translate-x-3\/4 {
+  --tw-translate-x: 75%;
+}
+
+.translate-x-full {
+  --tw-translate-x: 100%;
+}
+
+.-translate-x-1\/2 {
+  --tw-translate-x: -50%;
+}
+
+.-translate-x-1\/3 {
+  --tw-translate-x: -33.333333%;
+}
+
+.-translate-x-2\/3 {
+  --tw-translate-x: -66.666667%;
+}
+
+.-translate-x-1\/4 {
+  --tw-translate-x: -25%;
+}
+
+.-translate-x-2\/4 {
+  --tw-translate-x: -50%;
+}
+
+.-translate-x-3\/4 {
+  --tw-translate-x: -75%;
+}
+
+.-translate-x-full {
+  --tw-translate-x: -100%;
+}
+
+.translate-y-0 {
+  --tw-translate-y: 0px;
+}
+
+.translate-y-1 {
+  --tw-translate-y: 0.25rem;
+}
+
+.translate-y-2 {
+  --tw-translate-y: 0.5rem;
+}
+
+.translate-y-3 {
+  --tw-translate-y: 0.75rem;
+}
+
+.translate-y-4 {
+  --tw-translate-y: 1rem;
+}
+
+.translate-y-5 {
+  --tw-translate-y: 1.25rem;
+}
+
+.translate-y-6 {
+  --tw-translate-y: 1.5rem;
+}
+
+.translate-y-7 {
+  --tw-translate-y: 1.75rem;
+}
+
+.translate-y-8 {
+  --tw-translate-y: 2rem;
+}
+
+.translate-y-9 {
+  --tw-translate-y: 2.25rem;
+}
+
+.translate-y-10 {
+  --tw-translate-y: 2.5rem;
+}
+
+.translate-y-11 {
+  --tw-translate-y: 2.75rem;
+}
+
+.translate-y-12 {
+  --tw-translate-y: 3rem;
+}
+
+.translate-y-14 {
+  --tw-translate-y: 3.5rem;
+}
+
+.translate-y-16 {
+  --tw-translate-y: 4rem;
+}
+
+.translate-y-20 {
+  --tw-translate-y: 5rem;
+}
+
+.translate-y-24 {
+  --tw-translate-y: 6rem;
+}
+
+.translate-y-28 {
+  --tw-translate-y: 7rem;
+}
+
+.translate-y-32 {
+  --tw-translate-y: 8rem;
+}
+
+.translate-y-36 {
+  --tw-translate-y: 9rem;
+}
+
+.translate-y-40 {
+  --tw-translate-y: 10rem;
+}
+
+.translate-y-44 {
+  --tw-translate-y: 11rem;
+}
+
+.translate-y-48 {
+  --tw-translate-y: 12rem;
+}
+
+.translate-y-52 {
+  --tw-translate-y: 13rem;
+}
+
+.translate-y-56 {
+  --tw-translate-y: 14rem;
+}
+
+.translate-y-60 {
+  --tw-translate-y: 15rem;
+}
+
+.translate-y-64 {
+  --tw-translate-y: 16rem;
+}
+
+.translate-y-72 {
+  --tw-translate-y: 18rem;
+}
+
+.translate-y-80 {
+  --tw-translate-y: 20rem;
+}
+
+.translate-y-96 {
+  --tw-translate-y: 24rem;
+}
+
+.translate-y-px {
+  --tw-translate-y: 1px;
+}
+
+.translate-y-0\.5 {
+  --tw-translate-y: 0.125rem;
+}
+
+.translate-y-1\.5 {
+  --tw-translate-y: 0.375rem;
+}
+
+.translate-y-2\.5 {
+  --tw-translate-y: 0.625rem;
+}
+
+.translate-y-3\.5 {
+  --tw-translate-y: 0.875rem;
+}
+
+.-translate-y-0 {
+  --tw-translate-y: 0px;
+}
+
+.-translate-y-1 {
+  --tw-translate-y: -0.25rem;
+}
+
+.-translate-y-2 {
+  --tw-translate-y: -0.5rem;
+}
+
+.-translate-y-3 {
+  --tw-translate-y: -0.75rem;
+}
+
+.-translate-y-4 {
+  --tw-translate-y: -1rem;
+}
+
+.-translate-y-5 {
+  --tw-translate-y: -1.25rem;
+}
+
+.-translate-y-6 {
+  --tw-translate-y: -1.5rem;
+}
+
+.-translate-y-7 {
+  --tw-translate-y: -1.75rem;
+}
+
+.-translate-y-8 {
+  --tw-translate-y: -2rem;
+}
+
+.-translate-y-9 {
+  --tw-translate-y: -2.25rem;
+}
+
+.-translate-y-10 {
+  --tw-translate-y: -2.5rem;
+}
+
+.-translate-y-11 {
+  --tw-translate-y: -2.75rem;
+}
+
+.-translate-y-12 {
+  --tw-translate-y: -3rem;
+}
+
+.-translate-y-14 {
+  --tw-translate-y: -3.5rem;
+}
+
+.-translate-y-16 {
+  --tw-translate-y: -4rem;
+}
+
+.-translate-y-20 {
+  --tw-translate-y: -5rem;
+}
+
+.-translate-y-24 {
+  --tw-translate-y: -6rem;
+}
+
+.-translate-y-28 {
+  --tw-translate-y: -7rem;
+}
+
+.-translate-y-32 {
+  --tw-translate-y: -8rem;
+}
+
+.-translate-y-36 {
+  --tw-translate-y: -9rem;
+}
+
+.-translate-y-40 {
+  --tw-translate-y: -10rem;
+}
+
+.-translate-y-44 {
+  --tw-translate-y: -11rem;
+}
+
+.-translate-y-48 {
+  --tw-translate-y: -12rem;
+}
+
+.-translate-y-52 {
+  --tw-translate-y: -13rem;
+}
+
+.-translate-y-56 {
+  --tw-translate-y: -14rem;
+}
+
+.-translate-y-60 {
+  --tw-translate-y: -15rem;
+}
+
+.-translate-y-64 {
+  --tw-translate-y: -16rem;
+}
+
+.-translate-y-72 {
+  --tw-translate-y: -18rem;
+}
+
+.-translate-y-80 {
+  --tw-translate-y: -20rem;
+}
+
+.-translate-y-96 {
+  --tw-translate-y: -24rem;
+}
+
+.-translate-y-px {
+  --tw-translate-y: -1px;
+}
+
+.-translate-y-0\.5 {
+  --tw-translate-y: -0.125rem;
+}
+
+.-translate-y-1\.5 {
+  --tw-translate-y: -0.375rem;
+}
+
+.-translate-y-2\.5 {
+  --tw-translate-y: -0.625rem;
+}
+
+.-translate-y-3\.5 {
+  --tw-translate-y: -0.875rem;
+}
+
+.translate-y-1\/2 {
+  --tw-translate-y: 50%;
+}
+
+.translate-y-1\/3 {
+  --tw-translate-y: 33.333333%;
+}
+
+.translate-y-2\/3 {
+  --tw-translate-y: 66.666667%;
+}
+
+.translate-y-1\/4 {
+  --tw-translate-y: 25%;
+}
+
+.translate-y-2\/4 {
+  --tw-translate-y: 50%;
+}
+
+.translate-y-3\/4 {
+  --tw-translate-y: 75%;
+}
+
+.translate-y-full {
+  --tw-translate-y: 100%;
+}
+
+.-translate-y-1\/2 {
+  --tw-translate-y: -50%;
+}
+
+.-translate-y-1\/3 {
+  --tw-translate-y: -33.333333%;
+}
+
+.-translate-y-2\/3 {
+  --tw-translate-y: -66.666667%;
+}
+
+.-translate-y-1\/4 {
+  --tw-translate-y: -25%;
+}
+
+.-translate-y-2\/4 {
+  --tw-translate-y: -50%;
+}
+
+.-translate-y-3\/4 {
+  --tw-translate-y: -75%;
+}
+
+.-translate-y-full {
+  --tw-translate-y: -100%;
+}
+
+.hover\:translate-x-0:hover {
+  --tw-translate-x: 0px;
+}
+
+.hover\:translate-x-1:hover {
+  --tw-translate-x: 0.25rem;
+}
+
+.hover\:translate-x-2:hover {
+  --tw-translate-x: 0.5rem;
+}
+
+.hover\:translate-x-3:hover {
+  --tw-translate-x: 0.75rem;
+}
+
+.hover\:translate-x-4:hover {
+  --tw-translate-x: 1rem;
+}
+
+.hover\:translate-x-5:hover {
+  --tw-translate-x: 1.25rem;
+}
+
+.hover\:translate-x-6:hover {
+  --tw-translate-x: 1.5rem;
+}
+
+.hover\:translate-x-7:hover {
+  --tw-translate-x: 1.75rem;
+}
+
+.hover\:translate-x-8:hover {
+  --tw-translate-x: 2rem;
+}
+
+.hover\:translate-x-9:hover {
+  --tw-translate-x: 2.25rem;
+}
+
+.hover\:translate-x-10:hover {
+  --tw-translate-x: 2.5rem;
+}
+
+.hover\:translate-x-11:hover {
+  --tw-translate-x: 2.75rem;
+}
+
+.hover\:translate-x-12:hover {
+  --tw-translate-x: 3rem;
+}
+
+.hover\:translate-x-14:hover {
+  --tw-translate-x: 3.5rem;
+}
+
+.hover\:translate-x-16:hover {
+  --tw-translate-x: 4rem;
+}
+
+.hover\:translate-x-20:hover {
+  --tw-translate-x: 5rem;
+}
+
+.hover\:translate-x-24:hover {
+  --tw-translate-x: 6rem;
+}
+
+.hover\:translate-x-28:hover {
+  --tw-translate-x: 7rem;
+}
+
+.hover\:translate-x-32:hover {
+  --tw-translate-x: 8rem;
+}
+
+.hover\:translate-x-36:hover {
+  --tw-translate-x: 9rem;
+}
+
+.hover\:translate-x-40:hover {
+  --tw-translate-x: 10rem;
+}
+
+.hover\:translate-x-44:hover {
+  --tw-translate-x: 11rem;
+}
+
+.hover\:translate-x-48:hover {
+  --tw-translate-x: 12rem;
+}
+
+.hover\:translate-x-52:hover {
+  --tw-translate-x: 13rem;
+}
+
+.hover\:translate-x-56:hover {
+  --tw-translate-x: 14rem;
+}
+
+.hover\:translate-x-60:hover {
+  --tw-translate-x: 15rem;
+}
+
+.hover\:translate-x-64:hover {
+  --tw-translate-x: 16rem;
+}
+
+.hover\:translate-x-72:hover {
+  --tw-translate-x: 18rem;
+}
+
+.hover\:translate-x-80:hover {
+  --tw-translate-x: 20rem;
+}
+
+.hover\:translate-x-96:hover {
+  --tw-translate-x: 24rem;
+}
+
+.hover\:translate-x-px:hover {
+  --tw-translate-x: 1px;
+}
+
+.hover\:translate-x-0\.5:hover {
+  --tw-translate-x: 0.125rem;
+}
+
+.hover\:translate-x-1\.5:hover {
+  --tw-translate-x: 0.375rem;
+}
+
+.hover\:translate-x-2\.5:hover {
+  --tw-translate-x: 0.625rem;
+}
+
+.hover\:translate-x-3\.5:hover {
+  --tw-translate-x: 0.875rem;
+}
+
+.hover\:-translate-x-0:hover {
+  --tw-translate-x: 0px;
+}
+
+.hover\:-translate-x-1:hover {
+  --tw-translate-x: -0.25rem;
+}
+
+.hover\:-translate-x-2:hover {
+  --tw-translate-x: -0.5rem;
+}
+
+.hover\:-translate-x-3:hover {
+  --tw-translate-x: -0.75rem;
+}
+
+.hover\:-translate-x-4:hover {
+  --tw-translate-x: -1rem;
+}
+
+.hover\:-translate-x-5:hover {
+  --tw-translate-x: -1.25rem;
+}
+
+.hover\:-translate-x-6:hover {
+  --tw-translate-x: -1.5rem;
+}
+
+.hover\:-translate-x-7:hover {
+  --tw-translate-x: -1.75rem;
+}
+
+.hover\:-translate-x-8:hover {
+  --tw-translate-x: -2rem;
+}
+
+.hover\:-translate-x-9:hover {
+  --tw-translate-x: -2.25rem;
+}
+
+.hover\:-translate-x-10:hover {
+  --tw-translate-x: -2.5rem;
+}
+
+.hover\:-translate-x-11:hover {
+  --tw-translate-x: -2.75rem;
+}
+
+.hover\:-translate-x-12:hover {
+  --tw-translate-x: -3rem;
+}
+
+.hover\:-translate-x-14:hover {
+  --tw-translate-x: -3.5rem;
+}
+
+.hover\:-translate-x-16:hover {
+  --tw-translate-x: -4rem;
+}
+
+.hover\:-translate-x-20:hover {
+  --tw-translate-x: -5rem;
+}
+
+.hover\:-translate-x-24:hover {
+  --tw-translate-x: -6rem;
+}
+
+.hover\:-translate-x-28:hover {
+  --tw-translate-x: -7rem;
+}
+
+.hover\:-translate-x-32:hover {
+  --tw-translate-x: -8rem;
+}
+
+.hover\:-translate-x-36:hover {
+  --tw-translate-x: -9rem;
+}
+
+.hover\:-translate-x-40:hover {
+  --tw-translate-x: -10rem;
+}
+
+.hover\:-translate-x-44:hover {
+  --tw-translate-x: -11rem;
+}
+
+.hover\:-translate-x-48:hover {
+  --tw-translate-x: -12rem;
+}
+
+.hover\:-translate-x-52:hover {
+  --tw-translate-x: -13rem;
+}
+
+.hover\:-translate-x-56:hover {
+  --tw-translate-x: -14rem;
+}
+
+.hover\:-translate-x-60:hover {
+  --tw-translate-x: -15rem;
+}
+
+.hover\:-translate-x-64:hover {
+  --tw-translate-x: -16rem;
+}
+
+.hover\:-translate-x-72:hover {
+  --tw-translate-x: -18rem;
+}
+
+.hover\:-translate-x-80:hover {
+  --tw-translate-x: -20rem;
+}
+
+.hover\:-translate-x-96:hover {
+  --tw-translate-x: -24rem;
+}
+
+.hover\:-translate-x-px:hover {
+  --tw-translate-x: -1px;
+}
+
+.hover\:-translate-x-0\.5:hover {
+  --tw-translate-x: -0.125rem;
+}
+
+.hover\:-translate-x-1\.5:hover {
+  --tw-translate-x: -0.375rem;
+}
+
+.hover\:-translate-x-2\.5:hover {
+  --tw-translate-x: -0.625rem;
+}
+
+.hover\:-translate-x-3\.5:hover {
+  --tw-translate-x: -0.875rem;
+}
+
+.hover\:translate-x-1\/2:hover {
+  --tw-translate-x: 50%;
+}
+
+.hover\:translate-x-1\/3:hover {
+  --tw-translate-x: 33.333333%;
+}
+
+.hover\:translate-x-2\/3:hover {
+  --tw-translate-x: 66.666667%;
+}
+
+.hover\:translate-x-1\/4:hover {
+  --tw-translate-x: 25%;
+}
+
+.hover\:translate-x-2\/4:hover {
+  --tw-translate-x: 50%;
+}
+
+.hover\:translate-x-3\/4:hover {
+  --tw-translate-x: 75%;
+}
+
+.hover\:translate-x-full:hover {
+  --tw-translate-x: 100%;
+}
+
+.hover\:-translate-x-1\/2:hover {
+  --tw-translate-x: -50%;
+}
+
+.hover\:-translate-x-1\/3:hover {
+  --tw-translate-x: -33.333333%;
+}
+
+.hover\:-translate-x-2\/3:hover {
+  --tw-translate-x: -66.666667%;
+}
+
+.hover\:-translate-x-1\/4:hover {
+  --tw-translate-x: -25%;
+}
+
+.hover\:-translate-x-2\/4:hover {
+  --tw-translate-x: -50%;
+}
+
+.hover\:-translate-x-3\/4:hover {
+  --tw-translate-x: -75%;
+}
+
+.hover\:-translate-x-full:hover {
+  --tw-translate-x: -100%;
+}
+
+.hover\:translate-y-0:hover {
+  --tw-translate-y: 0px;
+}
+
+.hover\:translate-y-1:hover {
+  --tw-translate-y: 0.25rem;
+}
+
+.hover\:translate-y-2:hover {
+  --tw-translate-y: 0.5rem;
+}
+
+.hover\:translate-y-3:hover {
+  --tw-translate-y: 0.75rem;
+}
+
+.hover\:translate-y-4:hover {
+  --tw-translate-y: 1rem;
+}
+
+.hover\:translate-y-5:hover {
+  --tw-translate-y: 1.25rem;
+}
+
+.hover\:translate-y-6:hover {
+  --tw-translate-y: 1.5rem;
+}
+
+.hover\:translate-y-7:hover {
+  --tw-translate-y: 1.75rem;
+}
+
+.hover\:translate-y-8:hover {
+  --tw-translate-y: 2rem;
+}
+
+.hover\:translate-y-9:hover {
+  --tw-translate-y: 2.25rem;
+}
+
+.hover\:translate-y-10:hover {
+  --tw-translate-y: 2.5rem;
+}
+
+.hover\:translate-y-11:hover {
+  --tw-translate-y: 2.75rem;
+}
+
+.hover\:translate-y-12:hover {
+  --tw-translate-y: 3rem;
+}
+
+.hover\:translate-y-14:hover {
+  --tw-translate-y: 3.5rem;
+}
+
+.hover\:translate-y-16:hover {
+  --tw-translate-y: 4rem;
+}
+
+.hover\:translate-y-20:hover {
+  --tw-translate-y: 5rem;
+}
+
+.hover\:translate-y-24:hover {
+  --tw-translate-y: 6rem;
+}
+
+.hover\:translate-y-28:hover {
+  --tw-translate-y: 7rem;
+}
+
+.hover\:translate-y-32:hover {
+  --tw-translate-y: 8rem;
+}
+
+.hover\:translate-y-36:hover {
+  --tw-translate-y: 9rem;
+}
+
+.hover\:translate-y-40:hover {
+  --tw-translate-y: 10rem;
+}
+
+.hover\:translate-y-44:hover {
+  --tw-translate-y: 11rem;
+}
+
+.hover\:translate-y-48:hover {
+  --tw-translate-y: 12rem;
+}
+
+.hover\:translate-y-52:hover {
+  --tw-translate-y: 13rem;
+}
+
+.hover\:translate-y-56:hover {
+  --tw-translate-y: 14rem;
+}
+
+.hover\:translate-y-60:hover {
+  --tw-translate-y: 15rem;
+}
+
+.hover\:translate-y-64:hover {
+  --tw-translate-y: 16rem;
+}
+
+.hover\:translate-y-72:hover {
+  --tw-translate-y: 18rem;
+}
+
+.hover\:translate-y-80:hover {
+  --tw-translate-y: 20rem;
+}
+
+.hover\:translate-y-96:hover {
+  --tw-translate-y: 24rem;
+}
+
+.hover\:translate-y-px:hover {
+  --tw-translate-y: 1px;
+}
+
+.hover\:translate-y-0\.5:hover {
+  --tw-translate-y: 0.125rem;
+}
+
+.hover\:translate-y-1\.5:hover {
+  --tw-translate-y: 0.375rem;
+}
+
+.hover\:translate-y-2\.5:hover {
+  --tw-translate-y: 0.625rem;
+}
+
+.hover\:translate-y-3\.5:hover {
+  --tw-translate-y: 0.875rem;
+}
+
+.hover\:-translate-y-0:hover {
+  --tw-translate-y: 0px;
+}
+
+.hover\:-translate-y-1:hover {
+  --tw-translate-y: -0.25rem;
+}
+
+.hover\:-translate-y-2:hover {
+  --tw-translate-y: -0.5rem;
+}
+
+.hover\:-translate-y-3:hover {
+  --tw-translate-y: -0.75rem;
+}
+
+.hover\:-translate-y-4:hover {
+  --tw-translate-y: -1rem;
+}
+
+.hover\:-translate-y-5:hover {
+  --tw-translate-y: -1.25rem;
+}
+
+.hover\:-translate-y-6:hover {
+  --tw-translate-y: -1.5rem;
+}
+
+.hover\:-translate-y-7:hover {
+  --tw-translate-y: -1.75rem;
+}
+
+.hover\:-translate-y-8:hover {
+  --tw-translate-y: -2rem;
+}
+
+.hover\:-translate-y-9:hover {
+  --tw-translate-y: -2.25rem;
+}
+
+.hover\:-translate-y-10:hover {
+  --tw-translate-y: -2.5rem;
+}
+
+.hover\:-translate-y-11:hover {
+  --tw-translate-y: -2.75rem;
+}
+
+.hover\:-translate-y-12:hover {
+  --tw-translate-y: -3rem;
+}
+
+.hover\:-translate-y-14:hover {
+  --tw-translate-y: -3.5rem;
+}
+
+.hover\:-translate-y-16:hover {
+  --tw-translate-y: -4rem;
+}
+
+.hover\:-translate-y-20:hover {
+  --tw-translate-y: -5rem;
+}
+
+.hover\:-translate-y-24:hover {
+  --tw-translate-y: -6rem;
+}
+
+.hover\:-translate-y-28:hover {
+  --tw-translate-y: -7rem;
+}
+
+.hover\:-translate-y-32:hover {
+  --tw-translate-y: -8rem;
+}
+
+.hover\:-translate-y-36:hover {
+  --tw-translate-y: -9rem;
+}
+
+.hover\:-translate-y-40:hover {
+  --tw-translate-y: -10rem;
+}
+
+.hover\:-translate-y-44:hover {
+  --tw-translate-y: -11rem;
+}
+
+.hover\:-translate-y-48:hover {
+  --tw-translate-y: -12rem;
+}
+
+.hover\:-translate-y-52:hover {
+  --tw-translate-y: -13rem;
+}
+
+.hover\:-translate-y-56:hover {
+  --tw-translate-y: -14rem;
+}
+
+.hover\:-translate-y-60:hover {
+  --tw-translate-y: -15rem;
+}
+
+.hover\:-translate-y-64:hover {
+  --tw-translate-y: -16rem;
+}
+
+.hover\:-translate-y-72:hover {
+  --tw-translate-y: -18rem;
+}
+
+.hover\:-translate-y-80:hover {
+  --tw-translate-y: -20rem;
+}
+
+.hover\:-translate-y-96:hover {
+  --tw-translate-y: -24rem;
+}
+
+.hover\:-translate-y-px:hover {
+  --tw-translate-y: -1px;
+}
+
+.hover\:-translate-y-0\.5:hover {
+  --tw-translate-y: -0.125rem;
+}
+
+.hover\:-translate-y-1\.5:hover {
+  --tw-translate-y: -0.375rem;
+}
+
+.hover\:-translate-y-2\.5:hover {
+  --tw-translate-y: -0.625rem;
+}
+
+.hover\:-translate-y-3\.5:hover {
+  --tw-translate-y: -0.875rem;
+}
+
+.hover\:translate-y-1\/2:hover {
+  --tw-translate-y: 50%;
+}
+
+.hover\:translate-y-1\/3:hover {
+  --tw-translate-y: 33.333333%;
+}
+
+.hover\:translate-y-2\/3:hover {
+  --tw-translate-y: 66.666667%;
+}
+
+.hover\:translate-y-1\/4:hover {
+  --tw-translate-y: 25%;
+}
+
+.hover\:translate-y-2\/4:hover {
+  --tw-translate-y: 50%;
+}
+
+.hover\:translate-y-3\/4:hover {
+  --tw-translate-y: 75%;
+}
+
+.hover\:translate-y-full:hover {
+  --tw-translate-y: 100%;
+}
+
+.hover\:-translate-y-1\/2:hover {
+  --tw-translate-y: -50%;
+}
+
+.hover\:-translate-y-1\/3:hover {
+  --tw-translate-y: -33.333333%;
+}
+
+.hover\:-translate-y-2\/3:hover {
+  --tw-translate-y: -66.666667%;
+}
+
+.hover\:-translate-y-1\/4:hover {
+  --tw-translate-y: -25%;
+}
+
+.hover\:-translate-y-2\/4:hover {
+  --tw-translate-y: -50%;
+}
+
+.hover\:-translate-y-3\/4:hover {
+  --tw-translate-y: -75%;
+}
+
+.hover\:-translate-y-full:hover {
+  --tw-translate-y: -100%;
+}
+
+.focus\:translate-x-0:focus {
+  --tw-translate-x: 0px;
+}
+
+.focus\:translate-x-1:focus {
+  --tw-translate-x: 0.25rem;
+}
+
+.focus\:translate-x-2:focus {
+  --tw-translate-x: 0.5rem;
+}
+
+.focus\:translate-x-3:focus {
+  --tw-translate-x: 0.75rem;
+}
+
+.focus\:translate-x-4:focus {
+  --tw-translate-x: 1rem;
+}
+
+.focus\:translate-x-5:focus {
+  --tw-translate-x: 1.25rem;
+}
+
+.focus\:translate-x-6:focus {
+  --tw-translate-x: 1.5rem;
+}
+
+.focus\:translate-x-7:focus {
+  --tw-translate-x: 1.75rem;
+}
+
+.focus\:translate-x-8:focus {
+  --tw-translate-x: 2rem;
+}
+
+.focus\:translate-x-9:focus {
+  --tw-translate-x: 2.25rem;
+}
+
+.focus\:translate-x-10:focus {
+  --tw-translate-x: 2.5rem;
+}
+
+.focus\:translate-x-11:focus {
+  --tw-translate-x: 2.75rem;
+}
+
+.focus\:translate-x-12:focus {
+  --tw-translate-x: 3rem;
+}
+
+.focus\:translate-x-14:focus {
+  --tw-translate-x: 3.5rem;
+}
+
+.focus\:translate-x-16:focus {
+  --tw-translate-x: 4rem;
+}
+
+.focus\:translate-x-20:focus {
+  --tw-translate-x: 5rem;
+}
+
+.focus\:translate-x-24:focus {
+  --tw-translate-x: 6rem;
+}
+
+.focus\:translate-x-28:focus {
+  --tw-translate-x: 7rem;
+}
+
+.focus\:translate-x-32:focus {
+  --tw-translate-x: 8rem;
+}
+
+.focus\:translate-x-36:focus {
+  --tw-translate-x: 9rem;
+}
+
+.focus\:translate-x-40:focus {
+  --tw-translate-x: 10rem;
+}
+
+.focus\:translate-x-44:focus {
+  --tw-translate-x: 11rem;
+}
+
+.focus\:translate-x-48:focus {
+  --tw-translate-x: 12rem;
+}
+
+.focus\:translate-x-52:focus {
+  --tw-translate-x: 13rem;
+}
+
+.focus\:translate-x-56:focus {
+  --tw-translate-x: 14rem;
+}
+
+.focus\:translate-x-60:focus {
+  --tw-translate-x: 15rem;
+}
+
+.focus\:translate-x-64:focus {
+  --tw-translate-x: 16rem;
+}
+
+.focus\:translate-x-72:focus {
+  --tw-translate-x: 18rem;
+}
+
+.focus\:translate-x-80:focus {
+  --tw-translate-x: 20rem;
+}
+
+.focus\:translate-x-96:focus {
+  --tw-translate-x: 24rem;
+}
+
+.focus\:translate-x-px:focus {
+  --tw-translate-x: 1px;
+}
+
+.focus\:translate-x-0\.5:focus {
+  --tw-translate-x: 0.125rem;
+}
+
+.focus\:translate-x-1\.5:focus {
+  --tw-translate-x: 0.375rem;
+}
+
+.focus\:translate-x-2\.5:focus {
+  --tw-translate-x: 0.625rem;
+}
+
+.focus\:translate-x-3\.5:focus {
+  --tw-translate-x: 0.875rem;
+}
+
+.focus\:-translate-x-0:focus {
+  --tw-translate-x: 0px;
+}
+
+.focus\:-translate-x-1:focus {
+  --tw-translate-x: -0.25rem;
+}
+
+.focus\:-translate-x-2:focus {
+  --tw-translate-x: -0.5rem;
+}
+
+.focus\:-translate-x-3:focus {
+  --tw-translate-x: -0.75rem;
+}
+
+.focus\:-translate-x-4:focus {
+  --tw-translate-x: -1rem;
+}
+
+.focus\:-translate-x-5:focus {
+  --tw-translate-x: -1.25rem;
+}
+
+.focus\:-translate-x-6:focus {
+  --tw-translate-x: -1.5rem;
+}
+
+.focus\:-translate-x-7:focus {
+  --tw-translate-x: -1.75rem;
+}
+
+.focus\:-translate-x-8:focus {
+  --tw-translate-x: -2rem;
+}
+
+.focus\:-translate-x-9:focus {
+  --tw-translate-x: -2.25rem;
+}
+
+.focus\:-translate-x-10:focus {
+  --tw-translate-x: -2.5rem;
+}
+
+.focus\:-translate-x-11:focus {
+  --tw-translate-x: -2.75rem;
+}
+
+.focus\:-translate-x-12:focus {
+  --tw-translate-x: -3rem;
+}
+
+.focus\:-translate-x-14:focus {
+  --tw-translate-x: -3.5rem;
+}
+
+.focus\:-translate-x-16:focus {
+  --tw-translate-x: -4rem;
+}
+
+.focus\:-translate-x-20:focus {
+  --tw-translate-x: -5rem;
+}
+
+.focus\:-translate-x-24:focus {
+  --tw-translate-x: -6rem;
+}
+
+.focus\:-translate-x-28:focus {
+  --tw-translate-x: -7rem;
+}
+
+.focus\:-translate-x-32:focus {
+  --tw-translate-x: -8rem;
+}
+
+.focus\:-translate-x-36:focus {
+  --tw-translate-x: -9rem;
+}
+
+.focus\:-translate-x-40:focus {
+  --tw-translate-x: -10rem;
+}
+
+.focus\:-translate-x-44:focus {
+  --tw-translate-x: -11rem;
+}
+
+.focus\:-translate-x-48:focus {
+  --tw-translate-x: -12rem;
+}
+
+.focus\:-translate-x-52:focus {
+  --tw-translate-x: -13rem;
+}
+
+.focus\:-translate-x-56:focus {
+  --tw-translate-x: -14rem;
+}
+
+.focus\:-translate-x-60:focus {
+  --tw-translate-x: -15rem;
+}
+
+.focus\:-translate-x-64:focus {
+  --tw-translate-x: -16rem;
+}
+
+.focus\:-translate-x-72:focus {
+  --tw-translate-x: -18rem;
+}
+
+.focus\:-translate-x-80:focus {
+  --tw-translate-x: -20rem;
+}
+
+.focus\:-translate-x-96:focus {
+  --tw-translate-x: -24rem;
+}
+
+.focus\:-translate-x-px:focus {
+  --tw-translate-x: -1px;
+}
+
+.focus\:-translate-x-0\.5:focus {
+  --tw-translate-x: -0.125rem;
+}
+
+.focus\:-translate-x-1\.5:focus {
+  --tw-translate-x: -0.375rem;
+}
+
+.focus\:-translate-x-2\.5:focus {
+  --tw-translate-x: -0.625rem;
+}
+
+.focus\:-translate-x-3\.5:focus {
+  --tw-translate-x: -0.875rem;
+}
+
+.focus\:translate-x-1\/2:focus {
+  --tw-translate-x: 50%;
+}
+
+.focus\:translate-x-1\/3:focus {
+  --tw-translate-x: 33.333333%;
+}
+
+.focus\:translate-x-2\/3:focus {
+  --tw-translate-x: 66.666667%;
+}
+
+.focus\:translate-x-1\/4:focus {
+  --tw-translate-x: 25%;
+}
+
+.focus\:translate-x-2\/4:focus {
+  --tw-translate-x: 50%;
+}
+
+.focus\:translate-x-3\/4:focus {
+  --tw-translate-x: 75%;
+}
+
+.focus\:translate-x-full:focus {
+  --tw-translate-x: 100%;
+}
+
+.focus\:-translate-x-1\/2:focus {
+  --tw-translate-x: -50%;
+}
+
+.focus\:-translate-x-1\/3:focus {
+  --tw-translate-x: -33.333333%;
+}
+
+.focus\:-translate-x-2\/3:focus {
+  --tw-translate-x: -66.666667%;
+}
+
+.focus\:-translate-x-1\/4:focus {
+  --tw-translate-x: -25%;
+}
+
+.focus\:-translate-x-2\/4:focus {
+  --tw-translate-x: -50%;
+}
+
+.focus\:-translate-x-3\/4:focus {
+  --tw-translate-x: -75%;
+}
+
+.focus\:-translate-x-full:focus {
+  --tw-translate-x: -100%;
+}
+
+.focus\:translate-y-0:focus {
+  --tw-translate-y: 0px;
+}
+
+.focus\:translate-y-1:focus {
+  --tw-translate-y: 0.25rem;
+}
+
+.focus\:translate-y-2:focus {
+  --tw-translate-y: 0.5rem;
+}
+
+.focus\:translate-y-3:focus {
+  --tw-translate-y: 0.75rem;
+}
+
+.focus\:translate-y-4:focus {
+  --tw-translate-y: 1rem;
+}
+
+.focus\:translate-y-5:focus {
+  --tw-translate-y: 1.25rem;
+}
+
+.focus\:translate-y-6:focus {
+  --tw-translate-y: 1.5rem;
+}
+
+.focus\:translate-y-7:focus {
+  --tw-translate-y: 1.75rem;
+}
+
+.focus\:translate-y-8:focus {
+  --tw-translate-y: 2rem;
+}
+
+.focus\:translate-y-9:focus {
+  --tw-translate-y: 2.25rem;
+}
+
+.focus\:translate-y-10:focus {
+  --tw-translate-y: 2.5rem;
+}
+
+.focus\:translate-y-11:focus {
+  --tw-translate-y: 2.75rem;
+}
+
+.focus\:translate-y-12:focus {
+  --tw-translate-y: 3rem;
+}
+
+.focus\:translate-y-14:focus {
+  --tw-translate-y: 3.5rem;
+}
+
+.focus\:translate-y-16:focus {
+  --tw-translate-y: 4rem;
+}
+
+.focus\:translate-y-20:focus {
+  --tw-translate-y: 5rem;
+}
+
+.focus\:translate-y-24:focus {
+  --tw-translate-y: 6rem;
+}
+
+.focus\:translate-y-28:focus {
+  --tw-translate-y: 7rem;
+}
+
+.focus\:translate-y-32:focus {
+  --tw-translate-y: 8rem;
+}
+
+.focus\:translate-y-36:focus {
+  --tw-translate-y: 9rem;
+}
+
+.focus\:translate-y-40:focus {
+  --tw-translate-y: 10rem;
+}
+
+.focus\:translate-y-44:focus {
+  --tw-translate-y: 11rem;
+}
+
+.focus\:translate-y-48:focus {
+  --tw-translate-y: 12rem;
+}
+
+.focus\:translate-y-52:focus {
+  --tw-translate-y: 13rem;
+}
+
+.focus\:translate-y-56:focus {
+  --tw-translate-y: 14rem;
+}
+
+.focus\:translate-y-60:focus {
+  --tw-translate-y: 15rem;
+}
+
+.focus\:translate-y-64:focus {
+  --tw-translate-y: 16rem;
+}
+
+.focus\:translate-y-72:focus {
+  --tw-translate-y: 18rem;
+}
+
+.focus\:translate-y-80:focus {
+  --tw-translate-y: 20rem;
+}
+
+.focus\:translate-y-96:focus {
+  --tw-translate-y: 24rem;
+}
+
+.focus\:translate-y-px:focus {
+  --tw-translate-y: 1px;
+}
+
+.focus\:translate-y-0\.5:focus {
+  --tw-translate-y: 0.125rem;
+}
+
+.focus\:translate-y-1\.5:focus {
+  --tw-translate-y: 0.375rem;
+}
+
+.focus\:translate-y-2\.5:focus {
+  --tw-translate-y: 0.625rem;
+}
+
+.focus\:translate-y-3\.5:focus {
+  --tw-translate-y: 0.875rem;
+}
+
+.focus\:-translate-y-0:focus {
+  --tw-translate-y: 0px;
+}
+
+.focus\:-translate-y-1:focus {
+  --tw-translate-y: -0.25rem;
+}
+
+.focus\:-translate-y-2:focus {
+  --tw-translate-y: -0.5rem;
+}
+
+.focus\:-translate-y-3:focus {
+  --tw-translate-y: -0.75rem;
+}
+
+.focus\:-translate-y-4:focus {
+  --tw-translate-y: -1rem;
+}
+
+.focus\:-translate-y-5:focus {
+  --tw-translate-y: -1.25rem;
+}
+
+.focus\:-translate-y-6:focus {
+  --tw-translate-y: -1.5rem;
+}
+
+.focus\:-translate-y-7:focus {
+  --tw-translate-y: -1.75rem;
+}
+
+.focus\:-translate-y-8:focus {
+  --tw-translate-y: -2rem;
+}
+
+.focus\:-translate-y-9:focus {
+  --tw-translate-y: -2.25rem;
+}
+
+.focus\:-translate-y-10:focus {
+  --tw-translate-y: -2.5rem;
+}
+
+.focus\:-translate-y-11:focus {
+  --tw-translate-y: -2.75rem;
+}
+
+.focus\:-translate-y-12:focus {
+  --tw-translate-y: -3rem;
+}
+
+.focus\:-translate-y-14:focus {
+  --tw-translate-y: -3.5rem;
+}
+
+.focus\:-translate-y-16:focus {
+  --tw-translate-y: -4rem;
+}
+
+.focus\:-translate-y-20:focus {
+  --tw-translate-y: -5rem;
+}
+
+.focus\:-translate-y-24:focus {
+  --tw-translate-y: -6rem;
+}
+
+.focus\:-translate-y-28:focus {
+  --tw-translate-y: -7rem;
+}
+
+.focus\:-translate-y-32:focus {
+  --tw-translate-y: -8rem;
+}
+
+.focus\:-translate-y-36:focus {
+  --tw-translate-y: -9rem;
+}
+
+.focus\:-translate-y-40:focus {
+  --tw-translate-y: -10rem;
+}
+
+.focus\:-translate-y-44:focus {
+  --tw-translate-y: -11rem;
+}
+
+.focus\:-translate-y-48:focus {
+  --tw-translate-y: -12rem;
+}
+
+.focus\:-translate-y-52:focus {
+  --tw-translate-y: -13rem;
+}
+
+.focus\:-translate-y-56:focus {
+  --tw-translate-y: -14rem;
+}
+
+.focus\:-translate-y-60:focus {
+  --tw-translate-y: -15rem;
+}
+
+.focus\:-translate-y-64:focus {
+  --tw-translate-y: -16rem;
+}
+
+.focus\:-translate-y-72:focus {
+  --tw-translate-y: -18rem;
+}
+
+.focus\:-translate-y-80:focus {
+  --tw-translate-y: -20rem;
+}
+
+.focus\:-translate-y-96:focus {
+  --tw-translate-y: -24rem;
+}
+
+.focus\:-translate-y-px:focus {
+  --tw-translate-y: -1px;
+}
+
+.focus\:-translate-y-0\.5:focus {
+  --tw-translate-y: -0.125rem;
+}
+
+.focus\:-translate-y-1\.5:focus {
+  --tw-translate-y: -0.375rem;
+}
+
+.focus\:-translate-y-2\.5:focus {
+  --tw-translate-y: -0.625rem;
+}
+
+.focus\:-translate-y-3\.5:focus {
+  --tw-translate-y: -0.875rem;
+}
+
+.focus\:translate-y-1\/2:focus {
+  --tw-translate-y: 50%;
+}
+
+.focus\:translate-y-1\/3:focus {
+  --tw-translate-y: 33.333333%;
+}
+
+.focus\:translate-y-2\/3:focus {
+  --tw-translate-y: 66.666667%;
+}
+
+.focus\:translate-y-1\/4:focus {
+  --tw-translate-y: 25%;
+}
+
+.focus\:translate-y-2\/4:focus {
+  --tw-translate-y: 50%;
+}
+
+.focus\:translate-y-3\/4:focus {
+  --tw-translate-y: 75%;
+}
+
+.focus\:translate-y-full:focus {
+  --tw-translate-y: 100%;
+}
+
+.focus\:-translate-y-1\/2:focus {
+  --tw-translate-y: -50%;
+}
+
+.focus\:-translate-y-1\/3:focus {
+  --tw-translate-y: -33.333333%;
+}
+
+.focus\:-translate-y-2\/3:focus {
+  --tw-translate-y: -66.666667%;
+}
+
+.focus\:-translate-y-1\/4:focus {
+  --tw-translate-y: -25%;
+}
+
+.focus\:-translate-y-2\/4:focus {
+  --tw-translate-y: -50%;
+}
+
+.focus\:-translate-y-3\/4:focus {
+  --tw-translate-y: -75%;
+}
+
+.focus\:-translate-y-full:focus {
+  --tw-translate-y: -100%;
+}
+
+.skew-x-0 {
+  --tw-skew-x: 0deg;
+}
+
+.skew-x-1 {
+  --tw-skew-x: 1deg;
+}
+
+.skew-x-2 {
+  --tw-skew-x: 2deg;
+}
+
+.skew-x-3 {
+  --tw-skew-x: 3deg;
+}
+
+.skew-x-6 {
+  --tw-skew-x: 6deg;
+}
+
+.skew-x-12 {
+  --tw-skew-x: 12deg;
+}
+
+.-skew-x-12 {
+  --tw-skew-x: -12deg;
+}
+
+.-skew-x-6 {
+  --tw-skew-x: -6deg;
+}
+
+.-skew-x-3 {
+  --tw-skew-x: -3deg;
+}
+
+.-skew-x-2 {
+  --tw-skew-x: -2deg;
+}
+
+.-skew-x-1 {
+  --tw-skew-x: -1deg;
+}
+
+.skew-y-0 {
+  --tw-skew-y: 0deg;
+}
+
+.skew-y-1 {
+  --tw-skew-y: 1deg;
+}
+
+.skew-y-2 {
+  --tw-skew-y: 2deg;
+}
+
+.skew-y-3 {
+  --tw-skew-y: 3deg;
+}
+
+.skew-y-6 {
+  --tw-skew-y: 6deg;
+}
+
+.skew-y-12 {
+  --tw-skew-y: 12deg;
+}
+
+.-skew-y-12 {
+  --tw-skew-y: -12deg;
+}
+
+.-skew-y-6 {
+  --tw-skew-y: -6deg;
+}
+
+.-skew-y-3 {
+  --tw-skew-y: -3deg;
+}
+
+.-skew-y-2 {
+  --tw-skew-y: -2deg;
+}
+
+.-skew-y-1 {
+  --tw-skew-y: -1deg;
+}
+
+.hover\:skew-x-0:hover {
+  --tw-skew-x: 0deg;
+}
+
+.hover\:skew-x-1:hover {
+  --tw-skew-x: 1deg;
+}
+
+.hover\:skew-x-2:hover {
+  --tw-skew-x: 2deg;
+}
+
+.hover\:skew-x-3:hover {
+  --tw-skew-x: 3deg;
+}
+
+.hover\:skew-x-6:hover {
+  --tw-skew-x: 6deg;
+}
+
+.hover\:skew-x-12:hover {
+  --tw-skew-x: 12deg;
+}
+
+.hover\:-skew-x-12:hover {
+  --tw-skew-x: -12deg;
+}
+
+.hover\:-skew-x-6:hover {
+  --tw-skew-x: -6deg;
+}
+
+.hover\:-skew-x-3:hover {
+  --tw-skew-x: -3deg;
+}
+
+.hover\:-skew-x-2:hover {
+  --tw-skew-x: -2deg;
+}
+
+.hover\:-skew-x-1:hover {
+  --tw-skew-x: -1deg;
+}
+
+.hover\:skew-y-0:hover {
+  --tw-skew-y: 0deg;
+}
+
+.hover\:skew-y-1:hover {
+  --tw-skew-y: 1deg;
+}
+
+.hover\:skew-y-2:hover {
+  --tw-skew-y: 2deg;
+}
+
+.hover\:skew-y-3:hover {
+  --tw-skew-y: 3deg;
+}
+
+.hover\:skew-y-6:hover {
+  --tw-skew-y: 6deg;
+}
+
+.hover\:skew-y-12:hover {
+  --tw-skew-y: 12deg;
+}
+
+.hover\:-skew-y-12:hover {
+  --tw-skew-y: -12deg;
+}
+
+.hover\:-skew-y-6:hover {
+  --tw-skew-y: -6deg;
+}
+
+.hover\:-skew-y-3:hover {
+  --tw-skew-y: -3deg;
+}
+
+.hover\:-skew-y-2:hover {
+  --tw-skew-y: -2deg;
+}
+
+.hover\:-skew-y-1:hover {
+  --tw-skew-y: -1deg;
+}
+
+.focus\:skew-x-0:focus {
+  --tw-skew-x: 0deg;
+}
+
+.focus\:skew-x-1:focus {
+  --tw-skew-x: 1deg;
+}
+
+.focus\:skew-x-2:focus {
+  --tw-skew-x: 2deg;
+}
+
+.focus\:skew-x-3:focus {
+  --tw-skew-x: 3deg;
+}
+
+.focus\:skew-x-6:focus {
+  --tw-skew-x: 6deg;
+}
+
+.focus\:skew-x-12:focus {
+  --tw-skew-x: 12deg;
+}
+
+.focus\:-skew-x-12:focus {
+  --tw-skew-x: -12deg;
+}
+
+.focus\:-skew-x-6:focus {
+  --tw-skew-x: -6deg;
+}
+
+.focus\:-skew-x-3:focus {
+  --tw-skew-x: -3deg;
+}
+
+.focus\:-skew-x-2:focus {
+  --tw-skew-x: -2deg;
+}
+
+.focus\:-skew-x-1:focus {
+  --tw-skew-x: -1deg;
+}
+
+.focus\:skew-y-0:focus {
+  --tw-skew-y: 0deg;
+}
+
+.focus\:skew-y-1:focus {
+  --tw-skew-y: 1deg;
+}
+
+.focus\:skew-y-2:focus {
+  --tw-skew-y: 2deg;
+}
+
+.focus\:skew-y-3:focus {
+  --tw-skew-y: 3deg;
+}
+
+.focus\:skew-y-6:focus {
+  --tw-skew-y: 6deg;
+}
+
+.focus\:skew-y-12:focus {
+  --tw-skew-y: 12deg;
+}
+
+.focus\:-skew-y-12:focus {
+  --tw-skew-y: -12deg;
+}
+
+.focus\:-skew-y-6:focus {
+  --tw-skew-y: -6deg;
+}
+
+.focus\:-skew-y-3:focus {
+  --tw-skew-y: -3deg;
+}
+
+.focus\:-skew-y-2:focus {
+  --tw-skew-y: -2deg;
+}
+
+.focus\:-skew-y-1:focus {
+  --tw-skew-y: -1deg;
+}
+
+.transition-none {
+  transition-property: none;
+}
+
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition {
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-colors {
+  transition-property: background-color, border-color, color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-opacity {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-shadow {
+  transition-property: box-shadow;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.ease-linear {
+  transition-timing-function: linear;
+}
+
+.ease-in {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
+
+.ease-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.duration-75 {
+  transition-duration: 75ms;
+}
+
+.duration-100 {
+  transition-duration: 100ms;
+}
+
+.duration-150 {
+  transition-duration: 150ms;
+}
+
+.duration-200 {
+  transition-duration: 200ms;
+}
+
+.duration-300 {
+  transition-duration: 300ms;
+}
+
+.duration-500 {
+  transition-duration: 500ms;
+}
+
+.duration-700 {
+  transition-duration: 700ms;
+}
+
+.duration-1000 {
+  transition-duration: 1000ms;
+}
+
+.delay-75 {
+  transition-delay: 75ms;
+}
+
+.delay-100 {
+  transition-delay: 100ms;
+}
+
+.delay-150 {
+  transition-delay: 150ms;
+}
+
+.delay-200 {
+  transition-delay: 200ms;
+}
+
+.delay-300 {
+  transition-delay: 300ms;
+}
+
+.delay-500 {
+  transition-delay: 500ms;
+}
+
+.delay-700 {
+  transition-delay: 700ms;
+}
+
+.delay-1000 {
+  transition-delay: 1000ms;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8,0,1,1);
+  }
+
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0,0,0.2,1);
+  }
+}
+
+.animate-none {
+  animation: none;
+}
+
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+
+.animate-ping {
+  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animate-bounce {
+  animation: bounce 1s infinite;
+}
+
+@media (min-width: 640px) {
+  .sm\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .sm\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .sm\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .sm\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .sm\:container {
+      max-width: 1280px;
+    }
+  }
+
+  @media (min-width: 1536px) {
+    .sm\:container {
+      max-width: 1536px;
+    }
+  }
+
+  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1rem * var(--tw-space-x-reverse));
+    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2rem * var(--tw-space-x-reverse));
+    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3rem * var(--tw-space-x-reverse));
+    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(4rem * var(--tw-space-x-reverse));
+    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(5rem * var(--tw-space-x-reverse));
+    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(6rem * var(--tw-space-x-reverse));
+    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(7rem * var(--tw-space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(8rem * var(--tw-space-x-reverse));
+    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(9rem * var(--tw-space-x-reverse));
+    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(10rem * var(--tw-space-x-reverse));
+    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(11rem * var(--tw-space-x-reverse));
+    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(12rem * var(--tw-space-x-reverse));
+    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(13rem * var(--tw-space-x-reverse));
+    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(14rem * var(--tw-space-x-reverse));
+    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(15rem * var(--tw-space-x-reverse));
+    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(16rem * var(--tw-space-x-reverse));
+    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(18rem * var(--tw-space-x-reverse));
+    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(20rem * var(--tw-space-x-reverse));
+    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(24rem * var(--tw-space-x-reverse));
+    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1px * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1px * var(--tw-space-x-reverse));
+    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-4rem * var(--tw-space-x-reverse));
+    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-6rem * var(--tw-space-x-reverse));
+    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-7rem * var(--tw-space-x-reverse));
+    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-8rem * var(--tw-space-x-reverse));
+    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-9rem * var(--tw-space-x-reverse));
+    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-10rem * var(--tw-space-x-reverse));
+    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--tw-space-x-reverse));
+    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-12rem * var(--tw-space-x-reverse));
+    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-13rem * var(--tw-space-x-reverse));
+    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-14rem * var(--tw-space-x-reverse));
+    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-15rem * var(--tw-space-x-reverse));
+    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-16rem * var(--tw-space-x-reverse));
+    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-18rem * var(--tw-space-x-reverse));
+    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-20rem * var(--tw-space-x-reverse));
+    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-24rem * var(--tw-space-x-reverse));
+    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1px * var(--tw-space-x-reverse));
+    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .sm\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 1;
+  }
+
+  .sm\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 1;
+  }
+
+  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+  }
+
+  .sm\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(0px * var(--tw-divide-x-reverse));
+    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .sm\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
+  }
+
+  .sm\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(2px * var(--tw-divide-x-reverse));
+    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .sm\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
+  }
+
+  .sm\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(4px * var(--tw-divide-x-reverse));
+    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .sm\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
+  }
+
+  .sm\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(8px * var(--tw-divide-x-reverse));
+    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .sm\:divide-y > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+  }
+
+  .sm\:divide-x > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .sm\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 1;
+  }
+
+  .sm\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 1;
+  }
+
+  .sm\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+    border-color: transparent;
+  }
+
+  .sm\:divide-current > :not([hidden]) ~ :not([hidden]) {
+    border-color: currentColor;
+  }
+
+  .sm\:divide-black > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-white > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-solid > :not([hidden]) ~ :not([hidden]) {
+    border-style: solid;
+  }
+
+  .sm\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
+    border-style: dashed;
+  }
+
+  .sm\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
+    border-style: dotted;
+  }
+
+  .sm\:divide-double > :not([hidden]) ~ :not([hidden]) {
+    border-style: double;
+  }
+
+  .sm\:divide-none > :not([hidden]) ~ :not([hidden]) {
+    border-style: none;
+  }
+
+  .sm\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0;
+  }
+
+  .sm\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.05;
+  }
+
+  .sm\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.1;
+  }
+
+  .sm\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.2;
+  }
+
+  .sm\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.25;
+  }
+
+  .sm\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.3;
+  }
+
+  .sm\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.4;
+  }
+
+  .sm\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.5;
+  }
+
+  .sm\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.6;
+  }
+
+  .sm\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.7;
+  }
+
+  .sm\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.75;
+  }
+
+  .sm\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.8;
+  }
+
+  .sm\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.9;
+  }
+
+  .sm\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.95;
+  }
+
+  .sm\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+  }
+
+  .sm\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .sm\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .sm\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .sm\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .sm\:focus\:sr-only:focus {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .sm\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .sm\:appearance-none {
+    -webkit-appearance: none;
+            appearance: none;
+  }
+
+  .sm\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .sm\:bg-local {
+    background-attachment: local;
+  }
+
+  .sm\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .sm\:bg-clip-border {
+    background-clip: border-box;
+  }
+
+  .sm\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .sm\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .sm\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .sm\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .sm\:bg-current {
+    background-color: currentColor;
+  }
+
+  .sm\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:hover .sm\:group-hover\:bg-current {
+    background-color: currentColor;
+  }
+
+  .group:hover .sm\:group-hover\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .sm\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .sm\:focus-within\:bg-black:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-white:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-gray-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-red-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-yellow-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-green-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-blue-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-indigo-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-purple-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-pink-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .sm\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .sm\:hover\:bg-black:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-gray-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-red-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-yellow-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-green-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-blue-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-indigo-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-purple-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-pink-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .sm\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .sm\:focus\:bg-black:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-white:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-gray-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-red-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-yellow-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-green-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-blue-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-indigo-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-purple-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-pink-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-none {
+    background-image: none;
+  }
+
+  .sm\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--tw-gradient-stops));
+  }
+
+  .sm\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
+  }
+
+  .sm\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--tw-gradient-stops));
+  }
+
+  .sm\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+  }
+
+  .sm\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+  }
+
+  .sm\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
+  }
+
+  .sm\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--tw-gradient-stops));
+  }
+
+  .sm\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
+  }
+
+  .sm\:from-transparent {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:from-current {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:from-black {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:from-white {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:from-gray-50 {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:from-gray-100 {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .sm\:from-gray-200 {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:from-gray-300 {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .sm\:from-gray-400 {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .sm\:from-gray-500 {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:from-gray-600 {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:from-gray-700 {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:from-gray-800 {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .sm\:from-gray-900 {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .sm\:from-red-50 {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .sm\:from-red-100 {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .sm\:from-red-200 {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .sm\:from-red-300 {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .sm\:from-red-400 {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .sm\:from-red-500 {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .sm\:from-red-600 {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .sm\:from-red-700 {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .sm\:from-red-800 {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .sm\:from-red-900 {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .sm\:from-yellow-50 {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .sm\:from-yellow-100 {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .sm\:from-yellow-200 {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .sm\:from-yellow-300 {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .sm\:from-yellow-400 {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .sm\:from-yellow-500 {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .sm\:from-yellow-600 {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .sm\:from-yellow-700 {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .sm\:from-yellow-800 {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .sm\:from-yellow-900 {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .sm\:from-green-50 {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .sm\:from-green-100 {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .sm\:from-green-200 {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .sm\:from-green-300 {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .sm\:from-green-400 {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .sm\:from-green-500 {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .sm\:from-green-600 {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .sm\:from-green-700 {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .sm\:from-green-800 {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .sm\:from-green-900 {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .sm\:from-blue-50 {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .sm\:from-blue-100 {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .sm\:from-blue-200 {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .sm\:from-blue-300 {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .sm\:from-blue-400 {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .sm\:from-blue-500 {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .sm\:from-blue-600 {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .sm\:from-blue-700 {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .sm\:from-blue-800 {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .sm\:from-blue-900 {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .sm\:from-indigo-50 {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .sm\:from-indigo-100 {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .sm\:from-indigo-200 {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .sm\:from-indigo-300 {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .sm\:from-indigo-400 {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .sm\:from-indigo-500 {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .sm\:from-indigo-600 {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .sm\:from-indigo-700 {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .sm\:from-indigo-800 {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .sm\:from-indigo-900 {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .sm\:from-purple-50 {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .sm\:from-purple-100 {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .sm\:from-purple-200 {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .sm\:from-purple-300 {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .sm\:from-purple-400 {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .sm\:from-purple-500 {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .sm\:from-purple-600 {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .sm\:from-purple-700 {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .sm\:from-purple-800 {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .sm\:from-purple-900 {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .sm\:from-pink-50 {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:from-pink-100 {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .sm\:from-pink-200 {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .sm\:from-pink-300 {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .sm\:from-pink-400 {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .sm\:from-pink-500 {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .sm\:from-pink-600 {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .sm\:from-pink-700 {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .sm\:from-pink-800 {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .sm\:from-pink-900 {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .sm\:via-transparent {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:via-current {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:via-black {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:via-white {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:via-gray-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .sm\:via-gray-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:via-gray-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .sm\:via-gray-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .sm\:via-gray-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:via-gray-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:via-gray-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:via-gray-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .sm\:via-gray-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .sm\:via-red-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .sm\:via-red-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .sm\:via-red-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .sm\:via-red-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .sm\:via-red-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .sm\:via-red-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .sm\:via-red-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .sm\:via-red-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .sm\:via-red-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .sm\:via-red-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .sm\:via-yellow-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .sm\:via-yellow-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .sm\:via-yellow-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .sm\:via-yellow-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .sm\:via-yellow-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .sm\:via-yellow-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .sm\:via-yellow-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .sm\:via-yellow-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .sm\:via-yellow-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .sm\:via-yellow-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .sm\:via-green-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .sm\:via-green-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .sm\:via-green-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .sm\:via-green-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .sm\:via-green-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .sm\:via-green-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .sm\:via-green-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .sm\:via-green-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .sm\:via-green-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .sm\:via-green-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .sm\:via-blue-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .sm\:via-blue-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .sm\:via-blue-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .sm\:via-blue-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .sm\:via-blue-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .sm\:via-blue-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .sm\:via-blue-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .sm\:via-blue-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .sm\:via-blue-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .sm\:via-blue-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .sm\:via-indigo-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .sm\:via-indigo-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .sm\:via-indigo-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .sm\:via-indigo-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .sm\:via-indigo-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .sm\:via-indigo-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .sm\:via-indigo-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .sm\:via-indigo-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .sm\:via-indigo-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .sm\:via-indigo-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .sm\:via-purple-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .sm\:via-purple-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .sm\:via-purple-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .sm\:via-purple-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .sm\:via-purple-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .sm\:via-purple-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .sm\:via-purple-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .sm\:via-purple-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .sm\:via-purple-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .sm\:via-purple-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .sm\:via-pink-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:via-pink-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .sm\:via-pink-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .sm\:via-pink-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .sm\:via-pink-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .sm\:via-pink-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .sm\:via-pink-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .sm\:via-pink-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .sm\:via-pink-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .sm\:via-pink-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .sm\:to-transparent {
+    --tw-gradient-to: transparent;
+  }
+
+  .sm\:to-current {
+    --tw-gradient-to: currentColor;
+  }
+
+  .sm\:to-black {
+    --tw-gradient-to: #000;
+  }
+
+  .sm\:to-white {
+    --tw-gradient-to: #fff;
+  }
+
+  .sm\:to-gray-50 {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .sm\:to-gray-100 {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .sm\:to-gray-200 {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .sm\:to-gray-300 {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .sm\:to-gray-400 {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .sm\:to-gray-500 {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .sm\:to-gray-600 {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .sm\:to-gray-700 {
+    --tw-gradient-to: #374151;
+  }
+
+  .sm\:to-gray-800 {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .sm\:to-gray-900 {
+    --tw-gradient-to: #111827;
+  }
+
+  .sm\:to-red-50 {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .sm\:to-red-100 {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .sm\:to-red-200 {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .sm\:to-red-300 {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .sm\:to-red-400 {
+    --tw-gradient-to: #f87171;
+  }
+
+  .sm\:to-red-500 {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .sm\:to-red-600 {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .sm\:to-red-700 {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .sm\:to-red-800 {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .sm\:to-red-900 {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .sm\:to-yellow-50 {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .sm\:to-yellow-100 {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .sm\:to-yellow-200 {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .sm\:to-yellow-300 {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .sm\:to-yellow-400 {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .sm\:to-yellow-500 {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .sm\:to-yellow-600 {
+    --tw-gradient-to: #d97706;
+  }
+
+  .sm\:to-yellow-700 {
+    --tw-gradient-to: #b45309;
+  }
+
+  .sm\:to-yellow-800 {
+    --tw-gradient-to: #92400e;
+  }
+
+  .sm\:to-yellow-900 {
+    --tw-gradient-to: #78350f;
+  }
+
+  .sm\:to-green-50 {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .sm\:to-green-100 {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .sm\:to-green-200 {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .sm\:to-green-300 {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .sm\:to-green-400 {
+    --tw-gradient-to: #34d399;
+  }
+
+  .sm\:to-green-500 {
+    --tw-gradient-to: #10b981;
+  }
+
+  .sm\:to-green-600 {
+    --tw-gradient-to: #059669;
+  }
+
+  .sm\:to-green-700 {
+    --tw-gradient-to: #047857;
+  }
+
+  .sm\:to-green-800 {
+    --tw-gradient-to: #065f46;
+  }
+
+  .sm\:to-green-900 {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .sm\:to-blue-50 {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .sm\:to-blue-100 {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .sm\:to-blue-200 {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .sm\:to-blue-300 {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .sm\:to-blue-400 {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .sm\:to-blue-500 {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .sm\:to-blue-600 {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .sm\:to-blue-700 {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .sm\:to-blue-800 {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .sm\:to-blue-900 {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .sm\:to-indigo-50 {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .sm\:to-indigo-100 {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .sm\:to-indigo-200 {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .sm\:to-indigo-300 {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .sm\:to-indigo-400 {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .sm\:to-indigo-500 {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .sm\:to-indigo-600 {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .sm\:to-indigo-700 {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .sm\:to-indigo-800 {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .sm\:to-indigo-900 {
+    --tw-gradient-to: #312e81;
+  }
+
+  .sm\:to-purple-50 {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .sm\:to-purple-100 {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .sm\:to-purple-200 {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .sm\:to-purple-300 {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .sm\:to-purple-400 {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .sm\:to-purple-500 {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .sm\:to-purple-600 {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .sm\:to-purple-700 {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .sm\:to-purple-800 {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .sm\:to-purple-900 {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .sm\:to-pink-50 {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .sm\:to-pink-100 {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .sm\:to-pink-200 {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .sm\:to-pink-300 {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .sm\:to-pink-400 {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .sm\:to-pink-500 {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .sm\:to-pink-600 {
+    --tw-gradient-to: #db2777;
+  }
+
+  .sm\:to-pink-700 {
+    --tw-gradient-to: #be185d;
+  }
+
+  .sm\:to-pink-800 {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .sm\:to-pink-900 {
+    --tw-gradient-to: #831843;
+  }
+
+  .sm\:hover\:from-transparent:hover {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:hover\:from-current:hover {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:hover\:from-black:hover {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:hover\:from-white:hover {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:hover\:from-gray-100:hover {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .sm\:hover\:from-gray-200:hover {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:hover\:from-gray-300:hover {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .sm\:hover\:from-gray-400:hover {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .sm\:hover\:from-gray-500:hover {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:hover\:from-gray-600:hover {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:hover\:from-gray-700:hover {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:hover\:from-gray-800:hover {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .sm\:hover\:from-gray-900:hover {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .sm\:hover\:from-red-50:hover {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .sm\:hover\:from-red-100:hover {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .sm\:hover\:from-red-200:hover {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .sm\:hover\:from-red-300:hover {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .sm\:hover\:from-red-400:hover {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .sm\:hover\:from-red-500:hover {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .sm\:hover\:from-red-600:hover {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .sm\:hover\:from-red-700:hover {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .sm\:hover\:from-red-800:hover {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .sm\:hover\:from-red-900:hover {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .sm\:hover\:from-yellow-50:hover {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .sm\:hover\:from-yellow-100:hover {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .sm\:hover\:from-yellow-200:hover {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .sm\:hover\:from-yellow-300:hover {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .sm\:hover\:from-yellow-400:hover {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .sm\:hover\:from-yellow-500:hover {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .sm\:hover\:from-yellow-600:hover {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .sm\:hover\:from-yellow-700:hover {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .sm\:hover\:from-yellow-800:hover {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .sm\:hover\:from-yellow-900:hover {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .sm\:hover\:from-green-50:hover {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .sm\:hover\:from-green-100:hover {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .sm\:hover\:from-green-200:hover {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .sm\:hover\:from-green-300:hover {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .sm\:hover\:from-green-400:hover {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .sm\:hover\:from-green-500:hover {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .sm\:hover\:from-green-600:hover {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .sm\:hover\:from-green-700:hover {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .sm\:hover\:from-green-800:hover {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .sm\:hover\:from-green-900:hover {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .sm\:hover\:from-blue-50:hover {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .sm\:hover\:from-blue-100:hover {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .sm\:hover\:from-blue-200:hover {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .sm\:hover\:from-blue-300:hover {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .sm\:hover\:from-blue-400:hover {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .sm\:hover\:from-blue-500:hover {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .sm\:hover\:from-blue-600:hover {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .sm\:hover\:from-blue-700:hover {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .sm\:hover\:from-blue-800:hover {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .sm\:hover\:from-blue-900:hover {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .sm\:hover\:from-indigo-50:hover {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .sm\:hover\:from-indigo-100:hover {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .sm\:hover\:from-indigo-200:hover {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .sm\:hover\:from-indigo-300:hover {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .sm\:hover\:from-indigo-400:hover {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .sm\:hover\:from-indigo-500:hover {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .sm\:hover\:from-indigo-600:hover {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .sm\:hover\:from-indigo-700:hover {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .sm\:hover\:from-indigo-800:hover {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .sm\:hover\:from-indigo-900:hover {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .sm\:hover\:from-purple-50:hover {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .sm\:hover\:from-purple-100:hover {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .sm\:hover\:from-purple-200:hover {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .sm\:hover\:from-purple-300:hover {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .sm\:hover\:from-purple-400:hover {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .sm\:hover\:from-purple-500:hover {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .sm\:hover\:from-purple-600:hover {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .sm\:hover\:from-purple-700:hover {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .sm\:hover\:from-purple-800:hover {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .sm\:hover\:from-purple-900:hover {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .sm\:hover\:from-pink-50:hover {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:hover\:from-pink-100:hover {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .sm\:hover\:from-pink-200:hover {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .sm\:hover\:from-pink-300:hover {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .sm\:hover\:from-pink-400:hover {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .sm\:hover\:from-pink-500:hover {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .sm\:hover\:from-pink-600:hover {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .sm\:hover\:from-pink-700:hover {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .sm\:hover\:from-pink-800:hover {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .sm\:hover\:from-pink-900:hover {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .sm\:hover\:via-transparent:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:hover\:via-current:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:hover\:via-black:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:hover\:via-white:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:hover\:via-gray-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .sm\:hover\:via-gray-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:hover\:via-gray-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .sm\:hover\:via-gray-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .sm\:hover\:via-gray-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:hover\:via-gray-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:hover\:via-gray-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:hover\:via-gray-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .sm\:hover\:via-gray-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .sm\:hover\:via-red-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .sm\:hover\:via-red-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .sm\:hover\:via-red-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .sm\:hover\:via-red-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .sm\:hover\:via-red-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .sm\:hover\:via-red-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .sm\:hover\:via-red-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .sm\:hover\:via-red-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .sm\:hover\:via-red-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .sm\:hover\:via-red-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .sm\:hover\:via-yellow-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .sm\:hover\:via-yellow-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .sm\:hover\:via-yellow-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .sm\:hover\:via-yellow-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .sm\:hover\:via-yellow-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .sm\:hover\:via-yellow-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .sm\:hover\:via-yellow-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .sm\:hover\:via-yellow-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .sm\:hover\:via-yellow-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .sm\:hover\:via-yellow-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .sm\:hover\:via-green-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .sm\:hover\:via-green-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .sm\:hover\:via-green-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .sm\:hover\:via-green-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .sm\:hover\:via-green-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .sm\:hover\:via-green-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .sm\:hover\:via-green-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .sm\:hover\:via-green-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .sm\:hover\:via-green-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .sm\:hover\:via-green-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .sm\:hover\:via-blue-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .sm\:hover\:via-blue-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .sm\:hover\:via-blue-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .sm\:hover\:via-blue-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .sm\:hover\:via-blue-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .sm\:hover\:via-blue-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .sm\:hover\:via-blue-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .sm\:hover\:via-blue-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .sm\:hover\:via-blue-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .sm\:hover\:via-blue-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .sm\:hover\:via-indigo-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .sm\:hover\:via-indigo-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .sm\:hover\:via-indigo-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .sm\:hover\:via-indigo-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .sm\:hover\:via-indigo-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .sm\:hover\:via-indigo-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .sm\:hover\:via-indigo-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .sm\:hover\:via-indigo-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .sm\:hover\:via-indigo-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .sm\:hover\:via-indigo-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .sm\:hover\:via-purple-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .sm\:hover\:via-purple-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .sm\:hover\:via-purple-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .sm\:hover\:via-purple-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .sm\:hover\:via-purple-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .sm\:hover\:via-purple-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .sm\:hover\:via-purple-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .sm\:hover\:via-purple-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .sm\:hover\:via-purple-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .sm\:hover\:via-purple-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .sm\:hover\:via-pink-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:hover\:via-pink-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .sm\:hover\:via-pink-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .sm\:hover\:via-pink-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .sm\:hover\:via-pink-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .sm\:hover\:via-pink-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .sm\:hover\:via-pink-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .sm\:hover\:via-pink-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .sm\:hover\:via-pink-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .sm\:hover\:via-pink-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .sm\:hover\:to-transparent:hover {
+    --tw-gradient-to: transparent;
+  }
+
+  .sm\:hover\:to-current:hover {
+    --tw-gradient-to: currentColor;
+  }
+
+  .sm\:hover\:to-black:hover {
+    --tw-gradient-to: #000;
+  }
+
+  .sm\:hover\:to-white:hover {
+    --tw-gradient-to: #fff;
+  }
+
+  .sm\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .sm\:hover\:to-gray-100:hover {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .sm\:hover\:to-gray-200:hover {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .sm\:hover\:to-gray-300:hover {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .sm\:hover\:to-gray-400:hover {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .sm\:hover\:to-gray-500:hover {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .sm\:hover\:to-gray-600:hover {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .sm\:hover\:to-gray-700:hover {
+    --tw-gradient-to: #374151;
+  }
+
+  .sm\:hover\:to-gray-800:hover {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .sm\:hover\:to-gray-900:hover {
+    --tw-gradient-to: #111827;
+  }
+
+  .sm\:hover\:to-red-50:hover {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .sm\:hover\:to-red-100:hover {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .sm\:hover\:to-red-200:hover {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .sm\:hover\:to-red-300:hover {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .sm\:hover\:to-red-400:hover {
+    --tw-gradient-to: #f87171;
+  }
+
+  .sm\:hover\:to-red-500:hover {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .sm\:hover\:to-red-600:hover {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .sm\:hover\:to-red-700:hover {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .sm\:hover\:to-red-800:hover {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .sm\:hover\:to-red-900:hover {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .sm\:hover\:to-yellow-50:hover {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .sm\:hover\:to-yellow-100:hover {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .sm\:hover\:to-yellow-200:hover {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .sm\:hover\:to-yellow-300:hover {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .sm\:hover\:to-yellow-400:hover {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .sm\:hover\:to-yellow-500:hover {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .sm\:hover\:to-yellow-600:hover {
+    --tw-gradient-to: #d97706;
+  }
+
+  .sm\:hover\:to-yellow-700:hover {
+    --tw-gradient-to: #b45309;
+  }
+
+  .sm\:hover\:to-yellow-800:hover {
+    --tw-gradient-to: #92400e;
+  }
+
+  .sm\:hover\:to-yellow-900:hover {
+    --tw-gradient-to: #78350f;
+  }
+
+  .sm\:hover\:to-green-50:hover {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .sm\:hover\:to-green-100:hover {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .sm\:hover\:to-green-200:hover {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .sm\:hover\:to-green-300:hover {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .sm\:hover\:to-green-400:hover {
+    --tw-gradient-to: #34d399;
+  }
+
+  .sm\:hover\:to-green-500:hover {
+    --tw-gradient-to: #10b981;
+  }
+
+  .sm\:hover\:to-green-600:hover {
+    --tw-gradient-to: #059669;
+  }
+
+  .sm\:hover\:to-green-700:hover {
+    --tw-gradient-to: #047857;
+  }
+
+  .sm\:hover\:to-green-800:hover {
+    --tw-gradient-to: #065f46;
+  }
+
+  .sm\:hover\:to-green-900:hover {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .sm\:hover\:to-blue-50:hover {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .sm\:hover\:to-blue-100:hover {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .sm\:hover\:to-blue-200:hover {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .sm\:hover\:to-blue-300:hover {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .sm\:hover\:to-blue-400:hover {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .sm\:hover\:to-blue-500:hover {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .sm\:hover\:to-blue-600:hover {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .sm\:hover\:to-blue-700:hover {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .sm\:hover\:to-blue-800:hover {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .sm\:hover\:to-blue-900:hover {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .sm\:hover\:to-indigo-50:hover {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .sm\:hover\:to-indigo-100:hover {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .sm\:hover\:to-indigo-200:hover {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .sm\:hover\:to-indigo-300:hover {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .sm\:hover\:to-indigo-400:hover {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .sm\:hover\:to-indigo-500:hover {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .sm\:hover\:to-indigo-600:hover {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .sm\:hover\:to-indigo-700:hover {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .sm\:hover\:to-indigo-800:hover {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .sm\:hover\:to-indigo-900:hover {
+    --tw-gradient-to: #312e81;
+  }
+
+  .sm\:hover\:to-purple-50:hover {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .sm\:hover\:to-purple-100:hover {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .sm\:hover\:to-purple-200:hover {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .sm\:hover\:to-purple-300:hover {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .sm\:hover\:to-purple-400:hover {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .sm\:hover\:to-purple-500:hover {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .sm\:hover\:to-purple-600:hover {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .sm\:hover\:to-purple-700:hover {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .sm\:hover\:to-purple-800:hover {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .sm\:hover\:to-purple-900:hover {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .sm\:hover\:to-pink-50:hover {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .sm\:hover\:to-pink-100:hover {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .sm\:hover\:to-pink-200:hover {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .sm\:hover\:to-pink-300:hover {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .sm\:hover\:to-pink-400:hover {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .sm\:hover\:to-pink-500:hover {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .sm\:hover\:to-pink-600:hover {
+    --tw-gradient-to: #db2777;
+  }
+
+  .sm\:hover\:to-pink-700:hover {
+    --tw-gradient-to: #be185d;
+  }
+
+  .sm\:hover\:to-pink-800:hover {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .sm\:hover\:to-pink-900:hover {
+    --tw-gradient-to: #831843;
+  }
+
+  .sm\:focus\:from-transparent:focus {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:focus\:from-current:focus {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:focus\:from-black:focus {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:focus\:from-white:focus {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:focus\:from-gray-100:focus {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .sm\:focus\:from-gray-200:focus {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:focus\:from-gray-300:focus {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .sm\:focus\:from-gray-400:focus {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .sm\:focus\:from-gray-500:focus {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:focus\:from-gray-600:focus {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:focus\:from-gray-700:focus {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:focus\:from-gray-800:focus {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .sm\:focus\:from-gray-900:focus {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .sm\:focus\:from-red-50:focus {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .sm\:focus\:from-red-100:focus {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .sm\:focus\:from-red-200:focus {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .sm\:focus\:from-red-300:focus {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .sm\:focus\:from-red-400:focus {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .sm\:focus\:from-red-500:focus {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .sm\:focus\:from-red-600:focus {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .sm\:focus\:from-red-700:focus {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .sm\:focus\:from-red-800:focus {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .sm\:focus\:from-red-900:focus {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .sm\:focus\:from-yellow-50:focus {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .sm\:focus\:from-yellow-100:focus {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .sm\:focus\:from-yellow-200:focus {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .sm\:focus\:from-yellow-300:focus {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .sm\:focus\:from-yellow-400:focus {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .sm\:focus\:from-yellow-500:focus {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .sm\:focus\:from-yellow-600:focus {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .sm\:focus\:from-yellow-700:focus {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .sm\:focus\:from-yellow-800:focus {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .sm\:focus\:from-yellow-900:focus {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .sm\:focus\:from-green-50:focus {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .sm\:focus\:from-green-100:focus {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .sm\:focus\:from-green-200:focus {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .sm\:focus\:from-green-300:focus {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .sm\:focus\:from-green-400:focus {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .sm\:focus\:from-green-500:focus {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .sm\:focus\:from-green-600:focus {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .sm\:focus\:from-green-700:focus {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .sm\:focus\:from-green-800:focus {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .sm\:focus\:from-green-900:focus {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .sm\:focus\:from-blue-50:focus {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .sm\:focus\:from-blue-100:focus {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .sm\:focus\:from-blue-200:focus {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .sm\:focus\:from-blue-300:focus {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .sm\:focus\:from-blue-400:focus {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .sm\:focus\:from-blue-500:focus {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .sm\:focus\:from-blue-600:focus {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .sm\:focus\:from-blue-700:focus {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .sm\:focus\:from-blue-800:focus {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .sm\:focus\:from-blue-900:focus {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .sm\:focus\:from-indigo-50:focus {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .sm\:focus\:from-indigo-100:focus {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .sm\:focus\:from-indigo-200:focus {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .sm\:focus\:from-indigo-300:focus {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .sm\:focus\:from-indigo-400:focus {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .sm\:focus\:from-indigo-500:focus {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .sm\:focus\:from-indigo-600:focus {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .sm\:focus\:from-indigo-700:focus {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .sm\:focus\:from-indigo-800:focus {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .sm\:focus\:from-indigo-900:focus {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .sm\:focus\:from-purple-50:focus {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .sm\:focus\:from-purple-100:focus {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .sm\:focus\:from-purple-200:focus {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .sm\:focus\:from-purple-300:focus {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .sm\:focus\:from-purple-400:focus {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .sm\:focus\:from-purple-500:focus {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .sm\:focus\:from-purple-600:focus {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .sm\:focus\:from-purple-700:focus {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .sm\:focus\:from-purple-800:focus {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .sm\:focus\:from-purple-900:focus {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .sm\:focus\:from-pink-50:focus {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:focus\:from-pink-100:focus {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .sm\:focus\:from-pink-200:focus {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .sm\:focus\:from-pink-300:focus {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .sm\:focus\:from-pink-400:focus {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .sm\:focus\:from-pink-500:focus {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .sm\:focus\:from-pink-600:focus {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .sm\:focus\:from-pink-700:focus {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .sm\:focus\:from-pink-800:focus {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .sm\:focus\:from-pink-900:focus {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .sm\:focus\:via-transparent:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:focus\:via-current:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:focus\:via-black:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .sm\:focus\:via-white:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .sm\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .sm\:focus\:via-gray-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .sm\:focus\:via-gray-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .sm\:focus\:via-gray-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .sm\:focus\:via-gray-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .sm\:focus\:via-gray-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .sm\:focus\:via-gray-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .sm\:focus\:via-gray-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .sm\:focus\:via-gray-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .sm\:focus\:via-gray-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .sm\:focus\:via-red-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .sm\:focus\:via-red-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .sm\:focus\:via-red-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .sm\:focus\:via-red-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .sm\:focus\:via-red-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .sm\:focus\:via-red-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .sm\:focus\:via-red-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .sm\:focus\:via-red-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .sm\:focus\:via-red-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .sm\:focus\:via-red-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .sm\:focus\:via-yellow-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .sm\:focus\:via-yellow-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .sm\:focus\:via-yellow-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .sm\:focus\:via-yellow-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .sm\:focus\:via-yellow-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .sm\:focus\:via-yellow-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .sm\:focus\:via-yellow-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .sm\:focus\:via-yellow-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .sm\:focus\:via-yellow-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .sm\:focus\:via-yellow-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .sm\:focus\:via-green-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .sm\:focus\:via-green-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .sm\:focus\:via-green-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .sm\:focus\:via-green-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .sm\:focus\:via-green-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .sm\:focus\:via-green-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .sm\:focus\:via-green-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .sm\:focus\:via-green-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .sm\:focus\:via-green-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .sm\:focus\:via-green-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .sm\:focus\:via-blue-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .sm\:focus\:via-blue-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .sm\:focus\:via-blue-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .sm\:focus\:via-blue-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .sm\:focus\:via-blue-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .sm\:focus\:via-blue-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .sm\:focus\:via-blue-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .sm\:focus\:via-blue-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .sm\:focus\:via-blue-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .sm\:focus\:via-blue-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .sm\:focus\:via-indigo-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .sm\:focus\:via-indigo-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .sm\:focus\:via-indigo-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .sm\:focus\:via-indigo-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .sm\:focus\:via-indigo-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .sm\:focus\:via-indigo-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .sm\:focus\:via-indigo-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .sm\:focus\:via-indigo-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .sm\:focus\:via-indigo-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .sm\:focus\:via-indigo-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .sm\:focus\:via-purple-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .sm\:focus\:via-purple-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .sm\:focus\:via-purple-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .sm\:focus\:via-purple-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .sm\:focus\:via-purple-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .sm\:focus\:via-purple-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .sm\:focus\:via-purple-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .sm\:focus\:via-purple-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .sm\:focus\:via-purple-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .sm\:focus\:via-purple-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .sm\:focus\:via-pink-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .sm\:focus\:via-pink-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .sm\:focus\:via-pink-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .sm\:focus\:via-pink-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .sm\:focus\:via-pink-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .sm\:focus\:via-pink-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .sm\:focus\:via-pink-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .sm\:focus\:via-pink-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .sm\:focus\:via-pink-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .sm\:focus\:via-pink-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .sm\:focus\:to-transparent:focus {
+    --tw-gradient-to: transparent;
+  }
+
+  .sm\:focus\:to-current:focus {
+    --tw-gradient-to: currentColor;
+  }
+
+  .sm\:focus\:to-black:focus {
+    --tw-gradient-to: #000;
+  }
+
+  .sm\:focus\:to-white:focus {
+    --tw-gradient-to: #fff;
+  }
+
+  .sm\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .sm\:focus\:to-gray-100:focus {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .sm\:focus\:to-gray-200:focus {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .sm\:focus\:to-gray-300:focus {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .sm\:focus\:to-gray-400:focus {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .sm\:focus\:to-gray-500:focus {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .sm\:focus\:to-gray-600:focus {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .sm\:focus\:to-gray-700:focus {
+    --tw-gradient-to: #374151;
+  }
+
+  .sm\:focus\:to-gray-800:focus {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .sm\:focus\:to-gray-900:focus {
+    --tw-gradient-to: #111827;
+  }
+
+  .sm\:focus\:to-red-50:focus {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .sm\:focus\:to-red-100:focus {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .sm\:focus\:to-red-200:focus {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .sm\:focus\:to-red-300:focus {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .sm\:focus\:to-red-400:focus {
+    --tw-gradient-to: #f87171;
+  }
+
+  .sm\:focus\:to-red-500:focus {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .sm\:focus\:to-red-600:focus {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .sm\:focus\:to-red-700:focus {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .sm\:focus\:to-red-800:focus {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .sm\:focus\:to-red-900:focus {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .sm\:focus\:to-yellow-50:focus {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .sm\:focus\:to-yellow-100:focus {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .sm\:focus\:to-yellow-200:focus {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .sm\:focus\:to-yellow-300:focus {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .sm\:focus\:to-yellow-400:focus {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .sm\:focus\:to-yellow-500:focus {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .sm\:focus\:to-yellow-600:focus {
+    --tw-gradient-to: #d97706;
+  }
+
+  .sm\:focus\:to-yellow-700:focus {
+    --tw-gradient-to: #b45309;
+  }
+
+  .sm\:focus\:to-yellow-800:focus {
+    --tw-gradient-to: #92400e;
+  }
+
+  .sm\:focus\:to-yellow-900:focus {
+    --tw-gradient-to: #78350f;
+  }
+
+  .sm\:focus\:to-green-50:focus {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .sm\:focus\:to-green-100:focus {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .sm\:focus\:to-green-200:focus {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .sm\:focus\:to-green-300:focus {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .sm\:focus\:to-green-400:focus {
+    --tw-gradient-to: #34d399;
+  }
+
+  .sm\:focus\:to-green-500:focus {
+    --tw-gradient-to: #10b981;
+  }
+
+  .sm\:focus\:to-green-600:focus {
+    --tw-gradient-to: #059669;
+  }
+
+  .sm\:focus\:to-green-700:focus {
+    --tw-gradient-to: #047857;
+  }
+
+  .sm\:focus\:to-green-800:focus {
+    --tw-gradient-to: #065f46;
+  }
+
+  .sm\:focus\:to-green-900:focus {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .sm\:focus\:to-blue-50:focus {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .sm\:focus\:to-blue-100:focus {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .sm\:focus\:to-blue-200:focus {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .sm\:focus\:to-blue-300:focus {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .sm\:focus\:to-blue-400:focus {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .sm\:focus\:to-blue-500:focus {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .sm\:focus\:to-blue-600:focus {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .sm\:focus\:to-blue-700:focus {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .sm\:focus\:to-blue-800:focus {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .sm\:focus\:to-blue-900:focus {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .sm\:focus\:to-indigo-50:focus {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .sm\:focus\:to-indigo-100:focus {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .sm\:focus\:to-indigo-200:focus {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .sm\:focus\:to-indigo-300:focus {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .sm\:focus\:to-indigo-400:focus {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .sm\:focus\:to-indigo-500:focus {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .sm\:focus\:to-indigo-600:focus {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .sm\:focus\:to-indigo-700:focus {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .sm\:focus\:to-indigo-800:focus {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .sm\:focus\:to-indigo-900:focus {
+    --tw-gradient-to: #312e81;
+  }
+
+  .sm\:focus\:to-purple-50:focus {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .sm\:focus\:to-purple-100:focus {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .sm\:focus\:to-purple-200:focus {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .sm\:focus\:to-purple-300:focus {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .sm\:focus\:to-purple-400:focus {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .sm\:focus\:to-purple-500:focus {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .sm\:focus\:to-purple-600:focus {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .sm\:focus\:to-purple-700:focus {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .sm\:focus\:to-purple-800:focus {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .sm\:focus\:to-purple-900:focus {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .sm\:focus\:to-pink-50:focus {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .sm\:focus\:to-pink-100:focus {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .sm\:focus\:to-pink-200:focus {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .sm\:focus\:to-pink-300:focus {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .sm\:focus\:to-pink-400:focus {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .sm\:focus\:to-pink-500:focus {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .sm\:focus\:to-pink-600:focus {
+    --tw-gradient-to: #db2777;
+  }
+
+  .sm\:focus\:to-pink-700:focus {
+    --tw-gradient-to: #be185d;
+  }
+
+  .sm\:focus\:to-pink-800:focus {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .sm\:focus\:to-pink-900:focus {
+    --tw-gradient-to: #831843;
+  }
+
+  .sm\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .sm\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .sm\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .sm\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .sm\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .sm\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .sm\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .sm\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .sm\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .sm\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .sm\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .sm\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .sm\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .sm\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .sm\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .group:hover .sm\:group-hover\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .sm\:focus-within\:bg-opacity-0:focus-within {
+    --tw-bg-opacity: 0;
+  }
+
+  .sm\:focus-within\:bg-opacity-5:focus-within {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .sm\:focus-within\:bg-opacity-10:focus-within {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .sm\:focus-within\:bg-opacity-20:focus-within {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .sm\:focus-within\:bg-opacity-25:focus-within {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .sm\:focus-within\:bg-opacity-30:focus-within {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .sm\:focus-within\:bg-opacity-40:focus-within {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .sm\:focus-within\:bg-opacity-50:focus-within {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .sm\:focus-within\:bg-opacity-60:focus-within {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .sm\:focus-within\:bg-opacity-70:focus-within {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .sm\:focus-within\:bg-opacity-75:focus-within {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .sm\:focus-within\:bg-opacity-80:focus-within {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .sm\:focus-within\:bg-opacity-90:focus-within {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .sm\:focus-within\:bg-opacity-95:focus-within {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .sm\:focus-within\:bg-opacity-100:focus-within {
+    --tw-bg-opacity: 1;
+  }
+
+  .sm\:hover\:bg-opacity-0:hover {
+    --tw-bg-opacity: 0;
+  }
+
+  .sm\:hover\:bg-opacity-5:hover {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .sm\:hover\:bg-opacity-10:hover {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .sm\:hover\:bg-opacity-20:hover {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .sm\:hover\:bg-opacity-25:hover {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .sm\:hover\:bg-opacity-30:hover {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .sm\:hover\:bg-opacity-40:hover {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .sm\:hover\:bg-opacity-50:hover {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .sm\:hover\:bg-opacity-60:hover {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .sm\:hover\:bg-opacity-70:hover {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .sm\:hover\:bg-opacity-75:hover {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .sm\:hover\:bg-opacity-80:hover {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .sm\:hover\:bg-opacity-90:hover {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .sm\:hover\:bg-opacity-95:hover {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .sm\:hover\:bg-opacity-100:hover {
+    --tw-bg-opacity: 1;
+  }
+
+  .sm\:focus\:bg-opacity-0:focus {
+    --tw-bg-opacity: 0;
+  }
+
+  .sm\:focus\:bg-opacity-5:focus {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .sm\:focus\:bg-opacity-10:focus {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .sm\:focus\:bg-opacity-20:focus {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .sm\:focus\:bg-opacity-25:focus {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .sm\:focus\:bg-opacity-30:focus {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .sm\:focus\:bg-opacity-40:focus {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .sm\:focus\:bg-opacity-50:focus {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .sm\:focus\:bg-opacity-60:focus {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .sm\:focus\:bg-opacity-70:focus {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .sm\:focus\:bg-opacity-75:focus {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .sm\:focus\:bg-opacity-80:focus {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .sm\:focus\:bg-opacity-90:focus {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .sm\:focus\:bg-opacity-95:focus {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .sm\:focus\:bg-opacity-100:focus {
+    --tw-bg-opacity: 1;
+  }
+
+  .sm\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .sm\:bg-center {
+    background-position: center;
+  }
+
+  .sm\:bg-left {
+    background-position: left;
+  }
+
+  .sm\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .sm\:bg-left-top {
+    background-position: left top;
+  }
+
+  .sm\:bg-right {
+    background-position: right;
+  }
+
+  .sm\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .sm\:bg-right-top {
+    background-position: right top;
+  }
+
+  .sm\:bg-top {
+    background-position: top;
+  }
+
+  .sm\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .sm\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .sm\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .sm\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .sm\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .sm\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .sm\:bg-auto {
+    background-size: auto;
+  }
+
+  .sm\:bg-cover {
+    background-size: cover;
+  }
+
+  .sm\:bg-contain {
+    background-size: contain;
+  }
+
+  .sm\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .sm\:border-separate {
+    border-collapse: separate;
+  }
+
+  .sm\:border-transparent {
+    border-color: transparent;
+  }
+
+  .sm\:border-current {
+    border-color: currentColor;
+  }
+
+  .sm\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .sm\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .sm\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .sm\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .sm\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .sm\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .sm\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:hover .sm\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  .group:hover .sm\:group-hover\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .sm\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .sm\:focus-within\:border-black:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-white:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-gray-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-red-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-yellow-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-green-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-blue-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-indigo-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-purple-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-pink-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .sm\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .sm\:hover\:border-black:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-white:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-gray-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-red-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-yellow-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-green-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-blue-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-indigo-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-purple-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-pink-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .sm\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .sm\:focus\:border-black:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-white:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-gray-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-red-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-yellow-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-green-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-blue-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-indigo-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-purple-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-pink-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .sm\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .sm\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .sm\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .sm\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .sm\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .sm\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .sm\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .sm\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .sm\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .sm\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .sm\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .sm\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .sm\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .sm\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .sm\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .group:hover .sm\:group-hover\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .sm\:focus-within\:border-opacity-0:focus-within {
+    --tw-border-opacity: 0;
+  }
+
+  .sm\:focus-within\:border-opacity-5:focus-within {
+    --tw-border-opacity: 0.05;
+  }
+
+  .sm\:focus-within\:border-opacity-10:focus-within {
+    --tw-border-opacity: 0.1;
+  }
+
+  .sm\:focus-within\:border-opacity-20:focus-within {
+    --tw-border-opacity: 0.2;
+  }
+
+  .sm\:focus-within\:border-opacity-25:focus-within {
+    --tw-border-opacity: 0.25;
+  }
+
+  .sm\:focus-within\:border-opacity-30:focus-within {
+    --tw-border-opacity: 0.3;
+  }
+
+  .sm\:focus-within\:border-opacity-40:focus-within {
+    --tw-border-opacity: 0.4;
+  }
+
+  .sm\:focus-within\:border-opacity-50:focus-within {
+    --tw-border-opacity: 0.5;
+  }
+
+  .sm\:focus-within\:border-opacity-60:focus-within {
+    --tw-border-opacity: 0.6;
+  }
+
+  .sm\:focus-within\:border-opacity-70:focus-within {
+    --tw-border-opacity: 0.7;
+  }
+
+  .sm\:focus-within\:border-opacity-75:focus-within {
+    --tw-border-opacity: 0.75;
+  }
+
+  .sm\:focus-within\:border-opacity-80:focus-within {
+    --tw-border-opacity: 0.8;
+  }
+
+  .sm\:focus-within\:border-opacity-90:focus-within {
+    --tw-border-opacity: 0.9;
+  }
+
+  .sm\:focus-within\:border-opacity-95:focus-within {
+    --tw-border-opacity: 0.95;
+  }
+
+  .sm\:focus-within\:border-opacity-100:focus-within {
+    --tw-border-opacity: 1;
+  }
+
+  .sm\:hover\:border-opacity-0:hover {
+    --tw-border-opacity: 0;
+  }
+
+  .sm\:hover\:border-opacity-5:hover {
+    --tw-border-opacity: 0.05;
+  }
+
+  .sm\:hover\:border-opacity-10:hover {
+    --tw-border-opacity: 0.1;
+  }
+
+  .sm\:hover\:border-opacity-20:hover {
+    --tw-border-opacity: 0.2;
+  }
+
+  .sm\:hover\:border-opacity-25:hover {
+    --tw-border-opacity: 0.25;
+  }
+
+  .sm\:hover\:border-opacity-30:hover {
+    --tw-border-opacity: 0.3;
+  }
+
+  .sm\:hover\:border-opacity-40:hover {
+    --tw-border-opacity: 0.4;
+  }
+
+  .sm\:hover\:border-opacity-50:hover {
+    --tw-border-opacity: 0.5;
+  }
+
+  .sm\:hover\:border-opacity-60:hover {
+    --tw-border-opacity: 0.6;
+  }
+
+  .sm\:hover\:border-opacity-70:hover {
+    --tw-border-opacity: 0.7;
+  }
+
+  .sm\:hover\:border-opacity-75:hover {
+    --tw-border-opacity: 0.75;
+  }
+
+  .sm\:hover\:border-opacity-80:hover {
+    --tw-border-opacity: 0.8;
+  }
+
+  .sm\:hover\:border-opacity-90:hover {
+    --tw-border-opacity: 0.9;
+  }
+
+  .sm\:hover\:border-opacity-95:hover {
+    --tw-border-opacity: 0.95;
+  }
+
+  .sm\:hover\:border-opacity-100:hover {
+    --tw-border-opacity: 1;
+  }
+
+  .sm\:focus\:border-opacity-0:focus {
+    --tw-border-opacity: 0;
+  }
+
+  .sm\:focus\:border-opacity-5:focus {
+    --tw-border-opacity: 0.05;
+  }
+
+  .sm\:focus\:border-opacity-10:focus {
+    --tw-border-opacity: 0.1;
+  }
+
+  .sm\:focus\:border-opacity-20:focus {
+    --tw-border-opacity: 0.2;
+  }
+
+  .sm\:focus\:border-opacity-25:focus {
+    --tw-border-opacity: 0.25;
+  }
+
+  .sm\:focus\:border-opacity-30:focus {
+    --tw-border-opacity: 0.3;
+  }
+
+  .sm\:focus\:border-opacity-40:focus {
+    --tw-border-opacity: 0.4;
+  }
+
+  .sm\:focus\:border-opacity-50:focus {
+    --tw-border-opacity: 0.5;
+  }
+
+  .sm\:focus\:border-opacity-60:focus {
+    --tw-border-opacity: 0.6;
+  }
+
+  .sm\:focus\:border-opacity-70:focus {
+    --tw-border-opacity: 0.7;
+  }
+
+  .sm\:focus\:border-opacity-75:focus {
+    --tw-border-opacity: 0.75;
+  }
+
+  .sm\:focus\:border-opacity-80:focus {
+    --tw-border-opacity: 0.8;
+  }
+
+  .sm\:focus\:border-opacity-90:focus {
+    --tw-border-opacity: 0.9;
+  }
+
+  .sm\:focus\:border-opacity-95:focus {
+    --tw-border-opacity: 0.95;
+  }
+
+  .sm\:focus\:border-opacity-100:focus {
+    --tw-border-opacity: 1;
+  }
+
+  .sm\:rounded-none {
+    border-radius: 0px;
+  }
+
+  .sm\:rounded-sm {
+    border-radius: 0.125rem;
+  }
+
+  .sm\:rounded {
+    border-radius: 0.25rem;
+  }
+
+  .sm\:rounded-md {
+    border-radius: 0.375rem;
+  }
+
+  .sm\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .sm\:rounded-xl {
+    border-radius: 0.75rem;
+  }
+
+  .sm\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .sm\:rounded-3xl {
+    border-radius: 1.5rem;
+  }
+
+  .sm\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .sm\:rounded-t-none {
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+  }
+
+  .sm\:rounded-r-none {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+  }
+
+  .sm\:rounded-b-none {
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .sm\:rounded-l-none {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .sm\:rounded-t-sm {
+    border-top-left-radius: 0.125rem;
+    border-top-right-radius: 0.125rem;
+  }
+
+  .sm\:rounded-r-sm {
+    border-top-right-radius: 0.125rem;
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .sm\:rounded-b-sm {
+    border-bottom-right-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .sm\:rounded-l-sm {
+    border-top-left-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .sm\:rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
+
+  .sm\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .sm\:rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .sm\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .sm\:rounded-t-md {
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+  }
+
+  .sm\:rounded-r-md {
+    border-top-right-radius: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .sm\:rounded-b-md {
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .sm\:rounded-l-md {
+    border-top-left-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .sm\:rounded-t-lg {
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+  }
+
+  .sm\:rounded-r-lg {
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .sm\:rounded-b-lg {
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .sm\:rounded-l-lg {
+    border-top-left-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .sm\:rounded-t-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .sm\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .sm\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .sm\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .sm\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .sm\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .sm\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .sm\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .sm\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .sm\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .sm\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .sm\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .sm\:rounded-t-full {
+    border-top-left-radius: 9999px;
+    border-top-right-radius: 9999px;
+  }
+
+  .sm\:rounded-r-full {
+    border-top-right-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+  }
+
+  .sm\:rounded-b-full {
+    border-bottom-right-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .sm\:rounded-l-full {
+    border-top-left-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .sm\:rounded-tl-none {
+    border-top-left-radius: 0px;
+  }
+
+  .sm\:rounded-tr-none {
+    border-top-right-radius: 0px;
+  }
+
+  .sm\:rounded-br-none {
+    border-bottom-right-radius: 0px;
+  }
+
+  .sm\:rounded-bl-none {
+    border-bottom-left-radius: 0px;
+  }
+
+  .sm\:rounded-tl-sm {
+    border-top-left-radius: 0.125rem;
+  }
+
+  .sm\:rounded-tr-sm {
+    border-top-right-radius: 0.125rem;
+  }
+
+  .sm\:rounded-br-sm {
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .sm\:rounded-bl-sm {
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .sm\:rounded-tl {
+    border-top-left-radius: 0.25rem;
+  }
+
+  .sm\:rounded-tr {
+    border-top-right-radius: 0.25rem;
+  }
+
+  .sm\:rounded-br {
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .sm\:rounded-bl {
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .sm\:rounded-tl-md {
+    border-top-left-radius: 0.375rem;
+  }
+
+  .sm\:rounded-tr-md {
+    border-top-right-radius: 0.375rem;
+  }
+
+  .sm\:rounded-br-md {
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .sm\:rounded-bl-md {
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .sm\:rounded-tl-lg {
+    border-top-left-radius: 0.5rem;
+  }
+
+  .sm\:rounded-tr-lg {
+    border-top-right-radius: 0.5rem;
+  }
+
+  .sm\:rounded-br-lg {
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .sm\:rounded-bl-lg {
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .sm\:rounded-tl-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .sm\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .sm\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .sm\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .sm\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .sm\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .sm\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .sm\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .sm\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .sm\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .sm\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .sm\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .sm\:rounded-tl-full {
+    border-top-left-radius: 9999px;
+  }
+
+  .sm\:rounded-tr-full {
+    border-top-right-radius: 9999px;
+  }
+
+  .sm\:rounded-br-full {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .sm\:rounded-bl-full {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .sm\:border-solid {
+    border-style: solid;
+  }
+
+  .sm\:border-dashed {
+    border-style: dashed;
+  }
+
+  .sm\:border-dotted {
+    border-style: dotted;
+  }
+
+  .sm\:border-double {
+    border-style: double;
+  }
+
+  .sm\:border-none {
+    border-style: none;
+  }
+
+  .sm\:border-0 {
+    border-width: 0px;
+  }
+
+  .sm\:border-2 {
+    border-width: 2px;
+  }
+
+  .sm\:border-4 {
+    border-width: 4px;
+  }
+
+  .sm\:border-8 {
+    border-width: 8px;
+  }
+
+  .sm\:border {
+    border-width: 1px;
+  }
+
+  .sm\:border-t-0 {
+    border-top-width: 0px;
+  }
+
+  .sm\:border-r-0 {
+    border-right-width: 0px;
+  }
+
+  .sm\:border-b-0 {
+    border-bottom-width: 0px;
+  }
+
+  .sm\:border-l-0 {
+    border-left-width: 0px;
+  }
+
+  .sm\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .sm\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .sm\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .sm\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .sm\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .sm\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .sm\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .sm\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .sm\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .sm\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .sm\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .sm\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .sm\:border-t {
+    border-top-width: 1px;
+  }
+
+  .sm\:border-r {
+    border-right-width: 1px;
+  }
+
+  .sm\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .sm\:border-l {
+    border-left-width: 1px;
+  }
+
+  .sm\:box-border {
+    box-sizing: border-box;
+  }
+
+  .sm\:box-content {
+    box-sizing: content-box;
+  }
+
+  .sm\:cursor-auto {
+    cursor: auto;
+  }
+
+  .sm\:cursor-default {
+    cursor: default;
+  }
+
+  .sm\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .sm\:cursor-wait {
+    cursor: wait;
+  }
+
+  .sm\:cursor-text {
+    cursor: text;
+  }
+
+  .sm\:cursor-move {
+    cursor: move;
+  }
+
+  .sm\:cursor-help {
+    cursor: help;
+  }
+
+  .sm\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
+  .sm\:block {
+    display: block;
+  }
+
+  .sm\:inline-block {
+    display: inline-block;
+  }
+
+  .sm\:inline {
+    display: inline;
+  }
+
+  .sm\:flex {
+    display: flex;
+  }
+
+  .sm\:inline-flex {
+    display: inline-flex;
+  }
+
+  .sm\:table {
+    display: table;
+  }
+
+  .sm\:table-caption {
+    display: table-caption;
+  }
+
+  .sm\:table-cell {
+    display: table-cell;
+  }
+
+  .sm\:table-column {
+    display: table-column;
+  }
+
+  .sm\:table-column-group {
+    display: table-column-group;
+  }
+
+  .sm\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .sm\:table-header-group {
+    display: table-header-group;
+  }
+
+  .sm\:table-row-group {
+    display: table-row-group;
+  }
+
+  .sm\:table-row {
+    display: table-row;
+  }
+
+  .sm\:flow-root {
+    display: flow-root;
+  }
+
+  .sm\:grid {
+    display: grid;
+  }
+
+  .sm\:inline-grid {
+    display: inline-grid;
+  }
+
+  .sm\:contents {
+    display: contents;
+  }
+
+  .sm\:hidden {
+    display: none;
+  }
+
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+
+  .sm\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .sm\:flex-col {
+    flex-direction: column;
+  }
+
+  .sm\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .sm\:flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .sm\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
+  .sm\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .sm\:place-items-auto {
+    place-items: auto;
+  }
+
+  .sm\:place-items-start {
+    place-items: start;
+  }
+
+  .sm\:place-items-end {
+    place-items: end;
+  }
+
+  .sm\:place-items-center {
+    place-items: center;
+  }
+
+  .sm\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .sm\:place-content-center {
+    place-content: center;
+  }
+
+  .sm\:place-content-start {
+    place-content: start;
+  }
+
+  .sm\:place-content-end {
+    place-content: end;
+  }
+
+  .sm\:place-content-between {
+    place-content: space-between;
+  }
+
+  .sm\:place-content-around {
+    place-content: space-around;
+  }
+
+  .sm\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .sm\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .sm\:place-self-auto {
+    place-self: auto;
+  }
+
+  .sm\:place-self-start {
+    place-self: start;
+  }
+
+  .sm\:place-self-end {
+    place-self: end;
+  }
+
+  .sm\:place-self-center {
+    place-self: center;
+  }
+
+  .sm\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .sm\:items-start {
+    align-items: flex-start;
+  }
+
+  .sm\:items-end {
+    align-items: flex-end;
+  }
+
+  .sm\:items-center {
+    align-items: center;
+  }
+
+  .sm\:items-baseline {
+    align-items: baseline;
+  }
+
+  .sm\:items-stretch {
+    align-items: stretch;
+  }
+
+  .sm\:content-center {
+    align-content: center;
+  }
+
+  .sm\:content-start {
+    align-content: flex-start;
+  }
+
+  .sm\:content-end {
+    align-content: flex-end;
+  }
+
+  .sm\:content-between {
+    align-content: space-between;
+  }
+
+  .sm\:content-around {
+    align-content: space-around;
+  }
+
+  .sm\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .sm\:self-auto {
+    align-self: auto;
+  }
+
+  .sm\:self-start {
+    align-self: flex-start;
+  }
+
+  .sm\:self-end {
+    align-self: flex-end;
+  }
+
+  .sm\:self-center {
+    align-self: center;
+  }
+
+  .sm\:self-stretch {
+    align-self: stretch;
+  }
+
+  .sm\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .sm\:justify-items-start {
+    justify-items: start;
+  }
+
+  .sm\:justify-items-end {
+    justify-items: end;
+  }
+
+  .sm\:justify-items-center {
+    justify-items: center;
+  }
+
+  .sm\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
+  .sm\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .sm\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .sm\:justify-center {
+    justify-content: center;
+  }
+
+  .sm\:justify-between {
+    justify-content: space-between;
+  }
+
+  .sm\:justify-around {
+    justify-content: space-around;
+  }
+
+  .sm\:justify-evenly {
+    justify-content: space-evenly;
+  }
+
+  .sm\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .sm\:justify-self-start {
+    justify-self: start;
+  }
+
+  .sm\:justify-self-end {
+    justify-self: end;
+  }
+
+  .sm\:justify-self-center {
+    justify-self: center;
+  }
+
+  .sm\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .sm\:flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .sm\:flex-auto {
+    flex: 1 1 auto;
+  }
+
+  .sm\:flex-initial {
+    flex: 0 1 auto;
+  }
+
+  .sm\:flex-none {
+    flex: none;
+  }
+
+  .sm\:flex-grow-0 {
+    flex-grow: 0;
+  }
+
+  .sm\:flex-grow {
+    flex-grow: 1;
+  }
+
+  .sm\:flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .sm\:flex-shrink {
+    flex-shrink: 1;
+  }
+
+  .sm\:order-1 {
+    order: 1;
+  }
+
+  .sm\:order-2 {
+    order: 2;
+  }
+
+  .sm\:order-3 {
+    order: 3;
+  }
+
+  .sm\:order-4 {
+    order: 4;
+  }
+
+  .sm\:order-5 {
+    order: 5;
+  }
+
+  .sm\:order-6 {
+    order: 6;
+  }
+
+  .sm\:order-7 {
+    order: 7;
+  }
+
+  .sm\:order-8 {
+    order: 8;
+  }
+
+  .sm\:order-9 {
+    order: 9;
+  }
+
+  .sm\:order-10 {
+    order: 10;
+  }
+
+  .sm\:order-11 {
+    order: 11;
+  }
+
+  .sm\:order-12 {
+    order: 12;
+  }
+
+  .sm\:order-first {
+    order: -9999;
+  }
+
+  .sm\:order-last {
+    order: 9999;
+  }
+
+  .sm\:order-none {
+    order: 0;
+  }
+
+  .sm\:float-right {
+    float: right;
+  }
+
+  .sm\:float-left {
+    float: left;
+  }
+
+  .sm\:float-none {
+    float: none;
+  }
+
+  .sm\:clear-left {
+    clear: left;
+  }
+
+  .sm\:clear-right {
+    clear: right;
+  }
+
+  .sm\:clear-both {
+    clear: both;
+  }
+
+  .sm\:clear-none {
+    clear: none;
+  }
+
+  .sm\:font-sans {
+    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  }
+
+  .sm\:font-serif {
+    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .sm\:font-mono {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .sm\:font-thin {
+    font-weight: 100;
+  }
+
+  .sm\:font-extralight {
+    font-weight: 200;
+  }
+
+  .sm\:font-light {
+    font-weight: 300;
+  }
+
+  .sm\:font-normal {
+    font-weight: 400;
+  }
+
+  .sm\:font-medium {
+    font-weight: 500;
+  }
+
+  .sm\:font-semibold {
+    font-weight: 600;
+  }
+
+  .sm\:font-bold {
+    font-weight: 700;
+  }
+
+  .sm\:font-extrabold {
+    font-weight: 800;
+  }
+
+  .sm\:font-black {
+    font-weight: 900;
+  }
+
+  .sm\:h-0 {
+    height: 0px;
+  }
+
+  .sm\:h-1 {
+    height: 0.25rem;
+  }
+
+  .sm\:h-2 {
+    height: 0.5rem;
+  }
+
+  .sm\:h-3 {
+    height: 0.75rem;
+  }
+
+  .sm\:h-4 {
+    height: 1rem;
+  }
+
+  .sm\:h-5 {
+    height: 1.25rem;
+  }
+
+  .sm\:h-6 {
+    height: 1.5rem;
+  }
+
+  .sm\:h-7 {
+    height: 1.75rem;
+  }
+
+  .sm\:h-8 {
+    height: 2rem;
+  }
+
+  .sm\:h-9 {
+    height: 2.25rem;
+  }
+
+  .sm\:h-10 {
+    height: 2.5rem;
+  }
+
+  .sm\:h-11 {
+    height: 2.75rem;
+  }
+
+  .sm\:h-12 {
+    height: 3rem;
+  }
+
+  .sm\:h-14 {
+    height: 3.5rem;
+  }
+
+  .sm\:h-16 {
+    height: 4rem;
+  }
+
+  .sm\:h-20 {
+    height: 5rem;
+  }
+
+  .sm\:h-24 {
+    height: 6rem;
+  }
+
+  .sm\:h-28 {
+    height: 7rem;
+  }
+
+  .sm\:h-32 {
+    height: 8rem;
+  }
+
+  .sm\:h-36 {
+    height: 9rem;
+  }
+
+  .sm\:h-40 {
+    height: 10rem;
+  }
+
+  .sm\:h-44 {
+    height: 11rem;
+  }
+
+  .sm\:h-48 {
+    height: 12rem;
+  }
+
+  .sm\:h-52 {
+    height: 13rem;
+  }
+
+  .sm\:h-56 {
+    height: 14rem;
+  }
+
+  .sm\:h-60 {
+    height: 15rem;
+  }
+
+  .sm\:h-64 {
+    height: 16rem;
+  }
+
+  .sm\:h-72 {
+    height: 18rem;
+  }
+
+  .sm\:h-80 {
+    height: 20rem;
+  }
+
+  .sm\:h-96 {
+    height: 24rem;
+  }
+
+  .sm\:h-auto {
+    height: auto;
+  }
+
+  .sm\:h-px {
+    height: 1px;
+  }
+
+  .sm\:h-0\.5 {
+    height: 0.125rem;
+  }
+
+  .sm\:h-1\.5 {
+    height: 0.375rem;
+  }
+
+  .sm\:h-2\.5 {
+    height: 0.625rem;
+  }
+
+  .sm\:h-3\.5 {
+    height: 0.875rem;
+  }
+
+  .sm\:h-1\/2 {
+    height: 50%;
+  }
+
+  .sm\:h-1\/3 {
+    height: 33.333333%;
+  }
+
+  .sm\:h-2\/3 {
+    height: 66.666667%;
+  }
+
+  .sm\:h-1\/4 {
+    height: 25%;
+  }
+
+  .sm\:h-2\/4 {
+    height: 50%;
+  }
+
+  .sm\:h-3\/4 {
+    height: 75%;
+  }
+
+  .sm\:h-1\/5 {
+    height: 20%;
+  }
+
+  .sm\:h-2\/5 {
+    height: 40%;
+  }
+
+  .sm\:h-3\/5 {
+    height: 60%;
+  }
+
+  .sm\:h-4\/5 {
+    height: 80%;
+  }
+
+  .sm\:h-1\/6 {
+    height: 16.666667%;
+  }
+
+  .sm\:h-2\/6 {
+    height: 33.333333%;
+  }
+
+  .sm\:h-3\/6 {
+    height: 50%;
+  }
+
+  .sm\:h-4\/6 {
+    height: 66.666667%;
+  }
+
+  .sm\:h-5\/6 {
+    height: 83.333333%;
+  }
+
+  .sm\:h-full {
+    height: 100%;
+  }
+
+  .sm\:h-screen {
+    height: 100vh;
+  }
+
+  .sm\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .sm\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .sm\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .sm\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .sm\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .sm\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .sm\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .sm\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .sm\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+
+  .sm\:text-6xl {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .sm\:text-7xl {
+    font-size: 4.5rem;
+    line-height: 1;
+  }
+
+  .sm\:text-8xl {
+    font-size: 6rem;
+    line-height: 1;
+  }
+
+  .sm\:text-9xl {
+    font-size: 8rem;
+    line-height: 1;
+  }
+
+  .sm\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .sm\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .sm\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .sm\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .sm\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .sm\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .sm\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .sm\:leading-10 {
+    line-height: 2.5rem;
+  }
+
+  .sm\:leading-none {
+    line-height: 1;
+  }
+
+  .sm\:leading-tight {
+    line-height: 1.25;
+  }
+
+  .sm\:leading-snug {
+    line-height: 1.375;
+  }
+
+  .sm\:leading-normal {
+    line-height: 1.5;
+  }
+
+  .sm\:leading-relaxed {
+    line-height: 1.625;
+  }
+
+  .sm\:leading-loose {
+    line-height: 2;
+  }
+
+  .sm\:list-inside {
+    list-style-position: inside;
+  }
+
+  .sm\:list-outside {
+    list-style-position: outside;
+  }
+
+  .sm\:list-none {
+    list-style-type: none;
+  }
+
+  .sm\:list-disc {
+    list-style-type: disc;
+  }
+
+  .sm\:list-decimal {
+    list-style-type: decimal;
+  }
+
+  .sm\:m-0 {
+    margin: 0px;
+  }
+
+  .sm\:m-1 {
+    margin: 0.25rem;
+  }
+
+  .sm\:m-2 {
+    margin: 0.5rem;
+  }
+
+  .sm\:m-3 {
+    margin: 0.75rem;
+  }
+
+  .sm\:m-4 {
+    margin: 1rem;
+  }
+
+  .sm\:m-5 {
+    margin: 1.25rem;
+  }
+
+  .sm\:m-6 {
+    margin: 1.5rem;
+  }
+
+  .sm\:m-7 {
+    margin: 1.75rem;
+  }
+
+  .sm\:m-8 {
+    margin: 2rem;
+  }
+
+  .sm\:m-9 {
+    margin: 2.25rem;
+  }
+
+  .sm\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .sm\:m-11 {
+    margin: 2.75rem;
+  }
+
+  .sm\:m-12 {
+    margin: 3rem;
+  }
+
+  .sm\:m-14 {
+    margin: 3.5rem;
+  }
+
+  .sm\:m-16 {
+    margin: 4rem;
+  }
+
+  .sm\:m-20 {
+    margin: 5rem;
+  }
+
+  .sm\:m-24 {
+    margin: 6rem;
+  }
+
+  .sm\:m-28 {
+    margin: 7rem;
+  }
+
+  .sm\:m-32 {
+    margin: 8rem;
+  }
+
+  .sm\:m-36 {
+    margin: 9rem;
+  }
+
+  .sm\:m-40 {
+    margin: 10rem;
+  }
+
+  .sm\:m-44 {
+    margin: 11rem;
+  }
+
+  .sm\:m-48 {
+    margin: 12rem;
+  }
+
+  .sm\:m-52 {
+    margin: 13rem;
+  }
+
+  .sm\:m-56 {
+    margin: 14rem;
+  }
+
+  .sm\:m-60 {
+    margin: 15rem;
+  }
+
+  .sm\:m-64 {
+    margin: 16rem;
+  }
+
+  .sm\:m-72 {
+    margin: 18rem;
+  }
+
+  .sm\:m-80 {
+    margin: 20rem;
+  }
+
+  .sm\:m-96 {
+    margin: 24rem;
+  }
+
+  .sm\:m-auto {
+    margin: auto;
+  }
+
+  .sm\:m-px {
+    margin: 1px;
+  }
+
+  .sm\:m-0\.5 {
+    margin: 0.125rem;
+  }
+
+  .sm\:m-1\.5 {
+    margin: 0.375rem;
+  }
+
+  .sm\:m-2\.5 {
+    margin: 0.625rem;
+  }
+
+  .sm\:m-3\.5 {
+    margin: 0.875rem;
+  }
+
+  .sm\:-m-0 {
+    margin: 0px;
+  }
+
+  .sm\:-m-1 {
+    margin: -0.25rem;
+  }
+
+  .sm\:-m-2 {
+    margin: -0.5rem;
+  }
+
+  .sm\:-m-3 {
+    margin: -0.75rem;
+  }
+
+  .sm\:-m-4 {
+    margin: -1rem;
+  }
+
+  .sm\:-m-5 {
+    margin: -1.25rem;
+  }
+
+  .sm\:-m-6 {
+    margin: -1.5rem;
+  }
+
+  .sm\:-m-7 {
+    margin: -1.75rem;
+  }
+
+  .sm\:-m-8 {
+    margin: -2rem;
+  }
+
+  .sm\:-m-9 {
+    margin: -2.25rem;
+  }
+
+  .sm\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .sm\:-m-11 {
+    margin: -2.75rem;
+  }
+
+  .sm\:-m-12 {
+    margin: -3rem;
+  }
+
+  .sm\:-m-14 {
+    margin: -3.5rem;
+  }
+
+  .sm\:-m-16 {
+    margin: -4rem;
+  }
+
+  .sm\:-m-20 {
+    margin: -5rem;
+  }
+
+  .sm\:-m-24 {
+    margin: -6rem;
+  }
+
+  .sm\:-m-28 {
+    margin: -7rem;
+  }
+
+  .sm\:-m-32 {
+    margin: -8rem;
+  }
+
+  .sm\:-m-36 {
+    margin: -9rem;
+  }
+
+  .sm\:-m-40 {
+    margin: -10rem;
+  }
+
+  .sm\:-m-44 {
+    margin: -11rem;
+  }
+
+  .sm\:-m-48 {
+    margin: -12rem;
+  }
+
+  .sm\:-m-52 {
+    margin: -13rem;
+  }
+
+  .sm\:-m-56 {
+    margin: -14rem;
+  }
+
+  .sm\:-m-60 {
+    margin: -15rem;
+  }
+
+  .sm\:-m-64 {
+    margin: -16rem;
+  }
+
+  .sm\:-m-72 {
+    margin: -18rem;
+  }
+
+  .sm\:-m-80 {
+    margin: -20rem;
+  }
+
+  .sm\:-m-96 {
+    margin: -24rem;
+  }
+
+  .sm\:-m-px {
+    margin: -1px;
+  }
+
+  .sm\:-m-0\.5 {
+    margin: -0.125rem;
+  }
+
+  .sm\:-m-1\.5 {
+    margin: -0.375rem;
+  }
+
+  .sm\:-m-2\.5 {
+    margin: -0.625rem;
+  }
+
+  .sm\:-m-3\.5 {
+    margin: -0.875rem;
+  }
+
+  .sm\:my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .sm\:mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .sm\:my-1 {
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
+  }
+
+  .sm\:mx-1 {
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
+  }
+
+  .sm\:my-2 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .sm\:mx-2 {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .sm\:my-3 {
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem;
+  }
+
+  .sm\:mx-3 {
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
+  }
+
+  .sm\:my-4 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
+  .sm\:mx-4 {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
+  .sm\:my-5 {
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+  }
+
+  .sm\:mx-5 {
+    margin-left: 1.25rem;
+    margin-right: 1.25rem;
+  }
+
+  .sm\:my-6 {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .sm\:mx-6 {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+  }
+
+  .sm\:my-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
+  .sm\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
+  .sm\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .sm\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .sm\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
+  }
+
+  .sm\:mx-9 {
+    margin-left: 2.25rem;
+    margin-right: 2.25rem;
+  }
+
+  .sm\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .sm\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .sm\:my-11 {
+    margin-top: 2.75rem;
+    margin-bottom: 2.75rem;
+  }
+
+  .sm\:mx-11 {
+    margin-left: 2.75rem;
+    margin-right: 2.75rem;
+  }
+
+  .sm\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .sm\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .sm\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .sm\:mx-14 {
+    margin-left: 3.5rem;
+    margin-right: 3.5rem;
+  }
+
+  .sm\:my-16 {
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+  }
+
+  .sm\:mx-16 {
+    margin-left: 4rem;
+    margin-right: 4rem;
+  }
+
+  .sm\:my-20 {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
+  }
+
+  .sm\:mx-20 {
+    margin-left: 5rem;
+    margin-right: 5rem;
+  }
+
+  .sm\:my-24 {
+    margin-top: 6rem;
+    margin-bottom: 6rem;
+  }
+
+  .sm\:mx-24 {
+    margin-left: 6rem;
+    margin-right: 6rem;
+  }
+
+  .sm\:my-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+
+  .sm\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+
+  .sm\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .sm\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .sm\:my-36 {
+    margin-top: 9rem;
+    margin-bottom: 9rem;
+  }
+
+  .sm\:mx-36 {
+    margin-left: 9rem;
+    margin-right: 9rem;
+  }
+
+  .sm\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .sm\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .sm\:my-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .sm\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
+  .sm\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .sm\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .sm\:my-52 {
+    margin-top: 13rem;
+    margin-bottom: 13rem;
+  }
+
+  .sm\:mx-52 {
+    margin-left: 13rem;
+    margin-right: 13rem;
+  }
+
+  .sm\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .sm\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .sm\:my-60 {
+    margin-top: 15rem;
+    margin-bottom: 15rem;
+  }
+
+  .sm\:mx-60 {
+    margin-left: 15rem;
+    margin-right: 15rem;
+  }
+
+  .sm\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .sm\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .sm\:my-72 {
+    margin-top: 18rem;
+    margin-bottom: 18rem;
+  }
+
+  .sm\:mx-72 {
+    margin-left: 18rem;
+    margin-right: 18rem;
+  }
+
+  .sm\:my-80 {
+    margin-top: 20rem;
+    margin-bottom: 20rem;
+  }
+
+  .sm\:mx-80 {
+    margin-left: 20rem;
+    margin-right: 20rem;
+  }
+
+  .sm\:my-96 {
+    margin-top: 24rem;
+    margin-bottom: 24rem;
+  }
+
+  .sm\:mx-96 {
+    margin-left: 24rem;
+    margin-right: 24rem;
+  }
+
+  .sm\:my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+
+  .sm\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .sm\:my-px {
+    margin-top: 1px;
+    margin-bottom: 1px;
+  }
+
+  .sm\:mx-px {
+    margin-left: 1px;
+    margin-right: 1px;
+  }
+
+  .sm\:my-0\.5 {
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+  }
+
+  .sm\:mx-0\.5 {
+    margin-left: 0.125rem;
+    margin-right: 0.125rem;
+  }
+
+  .sm\:my-1\.5 {
+    margin-top: 0.375rem;
+    margin-bottom: 0.375rem;
+  }
+
+  .sm\:mx-1\.5 {
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+
+  .sm\:my-2\.5 {
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
+
+  .sm\:mx-2\.5 {
+    margin-left: 0.625rem;
+    margin-right: 0.625rem;
+  }
+
+  .sm\:my-3\.5 {
+    margin-top: 0.875rem;
+    margin-bottom: 0.875rem;
+  }
+
+  .sm\:mx-3\.5 {
+    margin-left: 0.875rem;
+    margin-right: 0.875rem;
+  }
+
+  .sm\:-my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .sm\:-mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .sm\:-my-1 {
+    margin-top: -0.25rem;
+    margin-bottom: -0.25rem;
+  }
+
+  .sm\:-mx-1 {
+    margin-left: -0.25rem;
+    margin-right: -0.25rem;
+  }
+
+  .sm\:-my-2 {
+    margin-top: -0.5rem;
+    margin-bottom: -0.5rem;
+  }
+
+  .sm\:-mx-2 {
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+  }
+
+  .sm\:-my-3 {
+    margin-top: -0.75rem;
+    margin-bottom: -0.75rem;
+  }
+
+  .sm\:-mx-3 {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+  }
+
+  .sm\:-my-4 {
+    margin-top: -1rem;
+    margin-bottom: -1rem;
+  }
+
+  .sm\:-mx-4 {
+    margin-left: -1rem;
+    margin-right: -1rem;
+  }
+
+  .sm\:-my-5 {
+    margin-top: -1.25rem;
+    margin-bottom: -1.25rem;
+  }
+
+  .sm\:-mx-5 {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+  }
+
+  .sm\:-my-6 {
+    margin-top: -1.5rem;
+    margin-bottom: -1.5rem;
+  }
+
+  .sm\:-mx-6 {
+    margin-left: -1.5rem;
+    margin-right: -1.5rem;
+  }
+
+  .sm\:-my-7 {
+    margin-top: -1.75rem;
+    margin-bottom: -1.75rem;
+  }
+
+  .sm\:-mx-7 {
+    margin-left: -1.75rem;
+    margin-right: -1.75rem;
+  }
+
+  .sm\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .sm\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .sm\:-my-9 {
+    margin-top: -2.25rem;
+    margin-bottom: -2.25rem;
+  }
+
+  .sm\:-mx-9 {
+    margin-left: -2.25rem;
+    margin-right: -2.25rem;
+  }
+
+  .sm\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .sm\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .sm\:-my-11 {
+    margin-top: -2.75rem;
+    margin-bottom: -2.75rem;
+  }
+
+  .sm\:-mx-11 {
+    margin-left: -2.75rem;
+    margin-right: -2.75rem;
+  }
+
+  .sm\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .sm\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .sm\:-my-14 {
+    margin-top: -3.5rem;
+    margin-bottom: -3.5rem;
+  }
+
+  .sm\:-mx-14 {
+    margin-left: -3.5rem;
+    margin-right: -3.5rem;
+  }
+
+  .sm\:-my-16 {
+    margin-top: -4rem;
+    margin-bottom: -4rem;
+  }
+
+  .sm\:-mx-16 {
+    margin-left: -4rem;
+    margin-right: -4rem;
+  }
+
+  .sm\:-my-20 {
+    margin-top: -5rem;
+    margin-bottom: -5rem;
+  }
+
+  .sm\:-mx-20 {
+    margin-left: -5rem;
+    margin-right: -5rem;
+  }
+
+  .sm\:-my-24 {
+    margin-top: -6rem;
+    margin-bottom: -6rem;
+  }
+
+  .sm\:-mx-24 {
+    margin-left: -6rem;
+    margin-right: -6rem;
+  }
+
+  .sm\:-my-28 {
+    margin-top: -7rem;
+    margin-bottom: -7rem;
+  }
+
+  .sm\:-mx-28 {
+    margin-left: -7rem;
+    margin-right: -7rem;
+  }
+
+  .sm\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .sm\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .sm\:-my-36 {
+    margin-top: -9rem;
+    margin-bottom: -9rem;
+  }
+
+  .sm\:-mx-36 {
+    margin-left: -9rem;
+    margin-right: -9rem;
+  }
+
+  .sm\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .sm\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .sm\:-my-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .sm\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
+  .sm\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .sm\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .sm\:-my-52 {
+    margin-top: -13rem;
+    margin-bottom: -13rem;
+  }
+
+  .sm\:-mx-52 {
+    margin-left: -13rem;
+    margin-right: -13rem;
+  }
+
+  .sm\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .sm\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .sm\:-my-60 {
+    margin-top: -15rem;
+    margin-bottom: -15rem;
+  }
+
+  .sm\:-mx-60 {
+    margin-left: -15rem;
+    margin-right: -15rem;
+  }
+
+  .sm\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .sm\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .sm\:-my-72 {
+    margin-top: -18rem;
+    margin-bottom: -18rem;
+  }
+
+  .sm\:-mx-72 {
+    margin-left: -18rem;
+    margin-right: -18rem;
+  }
+
+  .sm\:-my-80 {
+    margin-top: -20rem;
+    margin-bottom: -20rem;
+  }
+
+  .sm\:-mx-80 {
+    margin-left: -20rem;
+    margin-right: -20rem;
+  }
+
+  .sm\:-my-96 {
+    margin-top: -24rem;
+    margin-bottom: -24rem;
+  }
+
+  .sm\:-mx-96 {
+    margin-left: -24rem;
+    margin-right: -24rem;
+  }
+
+  .sm\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .sm\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .sm\:-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }
+
+  .sm\:-mx-0\.5 {
+    margin-left: -0.125rem;
+    margin-right: -0.125rem;
+  }
+
+  .sm\:-my-1\.5 {
+    margin-top: -0.375rem;
+    margin-bottom: -0.375rem;
+  }
+
+  .sm\:-mx-1\.5 {
+    margin-left: -0.375rem;
+    margin-right: -0.375rem;
+  }
+
+  .sm\:-my-2\.5 {
+    margin-top: -0.625rem;
+    margin-bottom: -0.625rem;
+  }
+
+  .sm\:-mx-2\.5 {
+    margin-left: -0.625rem;
+    margin-right: -0.625rem;
+  }
+
+  .sm\:-my-3\.5 {
+    margin-top: -0.875rem;
+    margin-bottom: -0.875rem;
+  }
+
+  .sm\:-mx-3\.5 {
+    margin-left: -0.875rem;
+    margin-right: -0.875rem;
+  }
+
+  .sm\:mt-0 {
+    margin-top: 0px;
+  }
+
+  .sm\:mr-0 {
+    margin-right: 0px;
+  }
+
+  .sm\:mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .sm\:ml-0 {
+    margin-left: 0px;
+  }
+
+  .sm\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
+  .sm\:mr-1 {
+    margin-right: 0.25rem;
+  }
+
+  .sm\:mb-1 {
+    margin-bottom: 0.25rem;
+  }
+
+  .sm\:ml-1 {
+    margin-left: 0.25rem;
+  }
+
+  .sm\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
+  .sm\:mr-2 {
+    margin-right: 0.5rem;
+  }
+
+  .sm\:mb-2 {
+    margin-bottom: 0.5rem;
+  }
+
+  .sm\:ml-2 {
+    margin-left: 0.5rem;
+  }
+
+  .sm\:mt-3 {
+    margin-top: 0.75rem;
+  }
+
+  .sm\:mr-3 {
+    margin-right: 0.75rem;
+  }
+
+  .sm\:mb-3 {
+    margin-bottom: 0.75rem;
+  }
+
+  .sm\:ml-3 {
+    margin-left: 0.75rem;
+  }
+
+  .sm\:mt-4 {
+    margin-top: 1rem;
+  }
+
+  .sm\:mr-4 {
+    margin-right: 1rem;
+  }
+
+  .sm\:mb-4 {
+    margin-bottom: 1rem;
+  }
+
+  .sm\:ml-4 {
+    margin-left: 1rem;
+  }
+
+  .sm\:mt-5 {
+    margin-top: 1.25rem;
+  }
+
+  .sm\:mr-5 {
+    margin-right: 1.25rem;
+  }
+
+  .sm\:mb-5 {
+    margin-bottom: 1.25rem;
+  }
+
+  .sm\:ml-5 {
+    margin-left: 1.25rem;
+  }
+
+  .sm\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .sm\:mr-6 {
+    margin-right: 1.5rem;
+  }
+
+  .sm\:mb-6 {
+    margin-bottom: 1.5rem;
+  }
+
+  .sm\:ml-6 {
+    margin-left: 1.5rem;
+  }
+
+  .sm\:mt-7 {
+    margin-top: 1.75rem;
+  }
+
+  .sm\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .sm\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
+  .sm\:ml-7 {
+    margin-left: 1.75rem;
+  }
+
+  .sm\:mt-8 {
+    margin-top: 2rem;
+  }
+
+  .sm\:mr-8 {
+    margin-right: 2rem;
+  }
+
+  .sm\:mb-8 {
+    margin-bottom: 2rem;
+  }
+
+  .sm\:ml-8 {
+    margin-left: 2rem;
+  }
+
+  .sm\:mt-9 {
+    margin-top: 2.25rem;
+  }
+
+  .sm\:mr-9 {
+    margin-right: 2.25rem;
+  }
+
+  .sm\:mb-9 {
+    margin-bottom: 2.25rem;
+  }
+
+  .sm\:ml-9 {
+    margin-left: 2.25rem;
+  }
+
+  .sm\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
+  .sm\:mr-10 {
+    margin-right: 2.5rem;
+  }
+
+  .sm\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
+  .sm\:ml-10 {
+    margin-left: 2.5rem;
+  }
+
+  .sm\:mt-11 {
+    margin-top: 2.75rem;
+  }
+
+  .sm\:mr-11 {
+    margin-right: 2.75rem;
+  }
+
+  .sm\:mb-11 {
+    margin-bottom: 2.75rem;
+  }
+
+  .sm\:ml-11 {
+    margin-left: 2.75rem;
+  }
+
+  .sm\:mt-12 {
+    margin-top: 3rem;
+  }
+
+  .sm\:mr-12 {
+    margin-right: 3rem;
+  }
+
+  .sm\:mb-12 {
+    margin-bottom: 3rem;
+  }
+
+  .sm\:ml-12 {
+    margin-left: 3rem;
+  }
+
+  .sm\:mt-14 {
+    margin-top: 3.5rem;
+  }
+
+  .sm\:mr-14 {
+    margin-right: 3.5rem;
+  }
+
+  .sm\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .sm\:ml-14 {
+    margin-left: 3.5rem;
+  }
+
+  .sm\:mt-16 {
+    margin-top: 4rem;
+  }
+
+  .sm\:mr-16 {
+    margin-right: 4rem;
+  }
+
+  .sm\:mb-16 {
+    margin-bottom: 4rem;
+  }
+
+  .sm\:ml-16 {
+    margin-left: 4rem;
+  }
+
+  .sm\:mt-20 {
+    margin-top: 5rem;
+  }
+
+  .sm\:mr-20 {
+    margin-right: 5rem;
+  }
+
+  .sm\:mb-20 {
+    margin-bottom: 5rem;
+  }
+
+  .sm\:ml-20 {
+    margin-left: 5rem;
+  }
+
+  .sm\:mt-24 {
+    margin-top: 6rem;
+  }
+
+  .sm\:mr-24 {
+    margin-right: 6rem;
+  }
+
+  .sm\:mb-24 {
+    margin-bottom: 6rem;
+  }
+
+  .sm\:ml-24 {
+    margin-left: 6rem;
+  }
+
+  .sm\:mt-28 {
+    margin-top: 7rem;
+  }
+
+  .sm\:mr-28 {
+    margin-right: 7rem;
+  }
+
+  .sm\:mb-28 {
+    margin-bottom: 7rem;
+  }
+
+  .sm\:ml-28 {
+    margin-left: 7rem;
+  }
+
+  .sm\:mt-32 {
+    margin-top: 8rem;
+  }
+
+  .sm\:mr-32 {
+    margin-right: 8rem;
+  }
+
+  .sm\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
+  .sm\:ml-32 {
+    margin-left: 8rem;
+  }
+
+  .sm\:mt-36 {
+    margin-top: 9rem;
+  }
+
+  .sm\:mr-36 {
+    margin-right: 9rem;
+  }
+
+  .sm\:mb-36 {
+    margin-bottom: 9rem;
+  }
+
+  .sm\:ml-36 {
+    margin-left: 9rem;
+  }
+
+  .sm\:mt-40 {
+    margin-top: 10rem;
+  }
+
+  .sm\:mr-40 {
+    margin-right: 10rem;
+  }
+
+  .sm\:mb-40 {
+    margin-bottom: 10rem;
+  }
+
+  .sm\:ml-40 {
+    margin-left: 10rem;
+  }
+
+  .sm\:mt-44 {
+    margin-top: 11rem;
+  }
+
+  .sm\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .sm\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .sm\:ml-44 {
+    margin-left: 11rem;
+  }
+
+  .sm\:mt-48 {
+    margin-top: 12rem;
+  }
+
+  .sm\:mr-48 {
+    margin-right: 12rem;
+  }
+
+  .sm\:mb-48 {
+    margin-bottom: 12rem;
+  }
+
+  .sm\:ml-48 {
+    margin-left: 12rem;
+  }
+
+  .sm\:mt-52 {
+    margin-top: 13rem;
+  }
+
+  .sm\:mr-52 {
+    margin-right: 13rem;
+  }
+
+  .sm\:mb-52 {
+    margin-bottom: 13rem;
+  }
+
+  .sm\:ml-52 {
+    margin-left: 13rem;
+  }
+
+  .sm\:mt-56 {
+    margin-top: 14rem;
+  }
+
+  .sm\:mr-56 {
+    margin-right: 14rem;
+  }
+
+  .sm\:mb-56 {
+    margin-bottom: 14rem;
+  }
+
+  .sm\:ml-56 {
+    margin-left: 14rem;
+  }
+
+  .sm\:mt-60 {
+    margin-top: 15rem;
+  }
+
+  .sm\:mr-60 {
+    margin-right: 15rem;
+  }
+
+  .sm\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .sm\:ml-60 {
+    margin-left: 15rem;
+  }
+
+  .sm\:mt-64 {
+    margin-top: 16rem;
+  }
+
+  .sm\:mr-64 {
+    margin-right: 16rem;
+  }
+
+  .sm\:mb-64 {
+    margin-bottom: 16rem;
+  }
+
+  .sm\:ml-64 {
+    margin-left: 16rem;
+  }
+
+  .sm\:mt-72 {
+    margin-top: 18rem;
+  }
+
+  .sm\:mr-72 {
+    margin-right: 18rem;
+  }
+
+  .sm\:mb-72 {
+    margin-bottom: 18rem;
+  }
+
+  .sm\:ml-72 {
+    margin-left: 18rem;
+  }
+
+  .sm\:mt-80 {
+    margin-top: 20rem;
+  }
+
+  .sm\:mr-80 {
+    margin-right: 20rem;
+  }
+
+  .sm\:mb-80 {
+    margin-bottom: 20rem;
+  }
+
+  .sm\:ml-80 {
+    margin-left: 20rem;
+  }
+
+  .sm\:mt-96 {
+    margin-top: 24rem;
+  }
+
+  .sm\:mr-96 {
+    margin-right: 24rem;
+  }
+
+  .sm\:mb-96 {
+    margin-bottom: 24rem;
+  }
+
+  .sm\:ml-96 {
+    margin-left: 24rem;
+  }
+
+  .sm\:mt-auto {
+    margin-top: auto;
+  }
+
+  .sm\:mr-auto {
+    margin-right: auto;
+  }
+
+  .sm\:mb-auto {
+    margin-bottom: auto;
+  }
+
+  .sm\:ml-auto {
+    margin-left: auto;
+  }
+
+  .sm\:mt-px {
+    margin-top: 1px;
+  }
+
+  .sm\:mr-px {
+    margin-right: 1px;
+  }
+
+  .sm\:mb-px {
+    margin-bottom: 1px;
+  }
+
+  .sm\:ml-px {
+    margin-left: 1px;
+  }
+
+  .sm\:mt-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .sm\:mr-0\.5 {
+    margin-right: 0.125rem;
+  }
+
+  .sm\:mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }
+
+  .sm\:ml-0\.5 {
+    margin-left: 0.125rem;
+  }
+
+  .sm\:mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .sm\:mr-1\.5 {
+    margin-right: 0.375rem;
+  }
+
+  .sm\:mb-1\.5 {
+    margin-bottom: 0.375rem;
+  }
+
+  .sm\:ml-1\.5 {
+    margin-left: 0.375rem;
+  }
+
+  .sm\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
+  .sm\:mr-2\.5 {
+    margin-right: 0.625rem;
+  }
+
+  .sm\:mb-2\.5 {
+    margin-bottom: 0.625rem;
+  }
+
+  .sm\:ml-2\.5 {
+    margin-left: 0.625rem;
+  }
+
+  .sm\:mt-3\.5 {
+    margin-top: 0.875rem;
+  }
+
+  .sm\:mr-3\.5 {
+    margin-right: 0.875rem;
+  }
+
+  .sm\:mb-3\.5 {
+    margin-bottom: 0.875rem;
+  }
+
+  .sm\:ml-3\.5 {
+    margin-left: 0.875rem;
+  }
+
+  .sm\:-mt-0 {
+    margin-top: 0px;
+  }
+
+  .sm\:-mr-0 {
+    margin-right: 0px;
+  }
+
+  .sm\:-mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .sm\:-ml-0 {
+    margin-left: 0px;
+  }
+
+  .sm\:-mt-1 {
+    margin-top: -0.25rem;
+  }
+
+  .sm\:-mr-1 {
+    margin-right: -0.25rem;
+  }
+
+  .sm\:-mb-1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .sm\:-ml-1 {
+    margin-left: -0.25rem;
+  }
+
+  .sm\:-mt-2 {
+    margin-top: -0.5rem;
+  }
+
+  .sm\:-mr-2 {
+    margin-right: -0.5rem;
+  }
+
+  .sm\:-mb-2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .sm\:-ml-2 {
+    margin-left: -0.5rem;
+  }
+
+  .sm\:-mt-3 {
+    margin-top: -0.75rem;
+  }
+
+  .sm\:-mr-3 {
+    margin-right: -0.75rem;
+  }
+
+  .sm\:-mb-3 {
+    margin-bottom: -0.75rem;
+  }
+
+  .sm\:-ml-3 {
+    margin-left: -0.75rem;
+  }
+
+  .sm\:-mt-4 {
+    margin-top: -1rem;
+  }
+
+  .sm\:-mr-4 {
+    margin-right: -1rem;
+  }
+
+  .sm\:-mb-4 {
+    margin-bottom: -1rem;
+  }
+
+  .sm\:-ml-4 {
+    margin-left: -1rem;
+  }
+
+  .sm\:-mt-5 {
+    margin-top: -1.25rem;
+  }
+
+  .sm\:-mr-5 {
+    margin-right: -1.25rem;
+  }
+
+  .sm\:-mb-5 {
+    margin-bottom: -1.25rem;
+  }
+
+  .sm\:-ml-5 {
+    margin-left: -1.25rem;
+  }
+
+  .sm\:-mt-6 {
+    margin-top: -1.5rem;
+  }
+
+  .sm\:-mr-6 {
+    margin-right: -1.5rem;
+  }
+
+  .sm\:-mb-6 {
+    margin-bottom: -1.5rem;
+  }
+
+  .sm\:-ml-6 {
+    margin-left: -1.5rem;
+  }
+
+  .sm\:-mt-7 {
+    margin-top: -1.75rem;
+  }
+
+  .sm\:-mr-7 {
+    margin-right: -1.75rem;
+  }
+
+  .sm\:-mb-7 {
+    margin-bottom: -1.75rem;
+  }
+
+  .sm\:-ml-7 {
+    margin-left: -1.75rem;
+  }
+
+  .sm\:-mt-8 {
+    margin-top: -2rem;
+  }
+
+  .sm\:-mr-8 {
+    margin-right: -2rem;
+  }
+
+  .sm\:-mb-8 {
+    margin-bottom: -2rem;
+  }
+
+  .sm\:-ml-8 {
+    margin-left: -2rem;
+  }
+
+  .sm\:-mt-9 {
+    margin-top: -2.25rem;
+  }
+
+  .sm\:-mr-9 {
+    margin-right: -2.25rem;
+  }
+
+  .sm\:-mb-9 {
+    margin-bottom: -2.25rem;
+  }
+
+  .sm\:-ml-9 {
+    margin-left: -2.25rem;
+  }
+
+  .sm\:-mt-10 {
+    margin-top: -2.5rem;
+  }
+
+  .sm\:-mr-10 {
+    margin-right: -2.5rem;
+  }
+
+  .sm\:-mb-10 {
+    margin-bottom: -2.5rem;
+  }
+
+  .sm\:-ml-10 {
+    margin-left: -2.5rem;
+  }
+
+  .sm\:-mt-11 {
+    margin-top: -2.75rem;
+  }
+
+  .sm\:-mr-11 {
+    margin-right: -2.75rem;
+  }
+
+  .sm\:-mb-11 {
+    margin-bottom: -2.75rem;
+  }
+
+  .sm\:-ml-11 {
+    margin-left: -2.75rem;
+  }
+
+  .sm\:-mt-12 {
+    margin-top: -3rem;
+  }
+
+  .sm\:-mr-12 {
+    margin-right: -3rem;
+  }
+
+  .sm\:-mb-12 {
+    margin-bottom: -3rem;
+  }
+
+  .sm\:-ml-12 {
+    margin-left: -3rem;
+  }
+
+  .sm\:-mt-14 {
+    margin-top: -3.5rem;
+  }
+
+  .sm\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+
+  .sm\:-mb-14 {
+    margin-bottom: -3.5rem;
+  }
+
+  .sm\:-ml-14 {
+    margin-left: -3.5rem;
+  }
+
+  .sm\:-mt-16 {
+    margin-top: -4rem;
+  }
+
+  .sm\:-mr-16 {
+    margin-right: -4rem;
+  }
+
+  .sm\:-mb-16 {
+    margin-bottom: -4rem;
+  }
+
+  .sm\:-ml-16 {
+    margin-left: -4rem;
+  }
+
+  .sm\:-mt-20 {
+    margin-top: -5rem;
+  }
+
+  .sm\:-mr-20 {
+    margin-right: -5rem;
+  }
+
+  .sm\:-mb-20 {
+    margin-bottom: -5rem;
+  }
+
+  .sm\:-ml-20 {
+    margin-left: -5rem;
+  }
+
+  .sm\:-mt-24 {
+    margin-top: -6rem;
+  }
+
+  .sm\:-mr-24 {
+    margin-right: -6rem;
+  }
+
+  .sm\:-mb-24 {
+    margin-bottom: -6rem;
+  }
+
+  .sm\:-ml-24 {
+    margin-left: -6rem;
+  }
+
+  .sm\:-mt-28 {
+    margin-top: -7rem;
+  }
+
+  .sm\:-mr-28 {
+    margin-right: -7rem;
+  }
+
+  .sm\:-mb-28 {
+    margin-bottom: -7rem;
+  }
+
+  .sm\:-ml-28 {
+    margin-left: -7rem;
+  }
+
+  .sm\:-mt-32 {
+    margin-top: -8rem;
+  }
+
+  .sm\:-mr-32 {
+    margin-right: -8rem;
+  }
+
+  .sm\:-mb-32 {
+    margin-bottom: -8rem;
+  }
+
+  .sm\:-ml-32 {
+    margin-left: -8rem;
+  }
+
+  .sm\:-mt-36 {
+    margin-top: -9rem;
+  }
+
+  .sm\:-mr-36 {
+    margin-right: -9rem;
+  }
+
+  .sm\:-mb-36 {
+    margin-bottom: -9rem;
+  }
+
+  .sm\:-ml-36 {
+    margin-left: -9rem;
+  }
+
+  .sm\:-mt-40 {
+    margin-top: -10rem;
+  }
+
+  .sm\:-mr-40 {
+    margin-right: -10rem;
+  }
+
+  .sm\:-mb-40 {
+    margin-bottom: -10rem;
+  }
+
+  .sm\:-ml-40 {
+    margin-left: -10rem;
+  }
+
+  .sm\:-mt-44 {
+    margin-top: -11rem;
+  }
+
+  .sm\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .sm\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .sm\:-ml-44 {
+    margin-left: -11rem;
+  }
+
+  .sm\:-mt-48 {
+    margin-top: -12rem;
+  }
+
+  .sm\:-mr-48 {
+    margin-right: -12rem;
+  }
+
+  .sm\:-mb-48 {
+    margin-bottom: -12rem;
+  }
+
+  .sm\:-ml-48 {
+    margin-left: -12rem;
+  }
+
+  .sm\:-mt-52 {
+    margin-top: -13rem;
+  }
+
+  .sm\:-mr-52 {
+    margin-right: -13rem;
+  }
+
+  .sm\:-mb-52 {
+    margin-bottom: -13rem;
+  }
+
+  .sm\:-ml-52 {
+    margin-left: -13rem;
+  }
+
+  .sm\:-mt-56 {
+    margin-top: -14rem;
+  }
+
+  .sm\:-mr-56 {
+    margin-right: -14rem;
+  }
+
+  .sm\:-mb-56 {
+    margin-bottom: -14rem;
+  }
+
+  .sm\:-ml-56 {
+    margin-left: -14rem;
+  }
+
+  .sm\:-mt-60 {
+    margin-top: -15rem;
+  }
+
+  .sm\:-mr-60 {
+    margin-right: -15rem;
+  }
+
+  .sm\:-mb-60 {
+    margin-bottom: -15rem;
+  }
+
+  .sm\:-ml-60 {
+    margin-left: -15rem;
+  }
+
+  .sm\:-mt-64 {
+    margin-top: -16rem;
+  }
+
+  .sm\:-mr-64 {
+    margin-right: -16rem;
+  }
+
+  .sm\:-mb-64 {
+    margin-bottom: -16rem;
+  }
+
+  .sm\:-ml-64 {
+    margin-left: -16rem;
+  }
+
+  .sm\:-mt-72 {
+    margin-top: -18rem;
+  }
+
+  .sm\:-mr-72 {
+    margin-right: -18rem;
+  }
+
+  .sm\:-mb-72 {
+    margin-bottom: -18rem;
+  }
+
+  .sm\:-ml-72 {
+    margin-left: -18rem;
+  }
+
+  .sm\:-mt-80 {
+    margin-top: -20rem;
+  }
+
+  .sm\:-mr-80 {
+    margin-right: -20rem;
+  }
+
+  .sm\:-mb-80 {
+    margin-bottom: -20rem;
+  }
+
+  .sm\:-ml-80 {
+    margin-left: -20rem;
+  }
+
+  .sm\:-mt-96 {
+    margin-top: -24rem;
+  }
+
+  .sm\:-mr-96 {
+    margin-right: -24rem;
+  }
+
+  .sm\:-mb-96 {
+    margin-bottom: -24rem;
+  }
+
+  .sm\:-ml-96 {
+    margin-left: -24rem;
+  }
+
+  .sm\:-mt-px {
+    margin-top: -1px;
+  }
+
+  .sm\:-mr-px {
+    margin-right: -1px;
+  }
+
+  .sm\:-mb-px {
+    margin-bottom: -1px;
+  }
+
+  .sm\:-ml-px {
+    margin-left: -1px;
+  }
+
+  .sm\:-mt-0\.5 {
+    margin-top: -0.125rem;
+  }
+
+  .sm\:-mr-0\.5 {
+    margin-right: -0.125rem;
+  }
+
+  .sm\:-mb-0\.5 {
+    margin-bottom: -0.125rem;
+  }
+
+  .sm\:-ml-0\.5 {
+    margin-left: -0.125rem;
+  }
+
+  .sm\:-mt-1\.5 {
+    margin-top: -0.375rem;
+  }
+
+  .sm\:-mr-1\.5 {
+    margin-right: -0.375rem;
+  }
+
+  .sm\:-mb-1\.5 {
+    margin-bottom: -0.375rem;
+  }
+
+  .sm\:-ml-1\.5 {
+    margin-left: -0.375rem;
+  }
+
+  .sm\:-mt-2\.5 {
+    margin-top: -0.625rem;
+  }
+
+  .sm\:-mr-2\.5 {
+    margin-right: -0.625rem;
+  }
+
+  .sm\:-mb-2\.5 {
+    margin-bottom: -0.625rem;
+  }
+
+  .sm\:-ml-2\.5 {
+    margin-left: -0.625rem;
+  }
+
+  .sm\:-mt-3\.5 {
+    margin-top: -0.875rem;
+  }
+
+  .sm\:-mr-3\.5 {
+    margin-right: -0.875rem;
+  }
+
+  .sm\:-mb-3\.5 {
+    margin-bottom: -0.875rem;
+  }
+
+  .sm\:-ml-3\.5 {
+    margin-left: -0.875rem;
+  }
+
+  .sm\:max-h-0 {
+    max-height: 0px;
+  }
+
+  .sm\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .sm\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .sm\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .sm\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .sm\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .sm\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .sm\:max-h-7 {
+    max-height: 1.75rem;
+  }
+
+  .sm\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .sm\:max-h-9 {
+    max-height: 2.25rem;
+  }
+
+  .sm\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .sm\:max-h-11 {
+    max-height: 2.75rem;
+  }
+
+  .sm\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .sm\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .sm\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .sm\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .sm\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .sm\:max-h-28 {
+    max-height: 7rem;
+  }
+
+  .sm\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .sm\:max-h-36 {
+    max-height: 9rem;
+  }
+
+  .sm\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .sm\:max-h-44 {
+    max-height: 11rem;
+  }
+
+  .sm\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .sm\:max-h-52 {
+    max-height: 13rem;
+  }
+
+  .sm\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .sm\:max-h-60 {
+    max-height: 15rem;
+  }
+
+  .sm\:max-h-64 {
+    max-height: 16rem;
+  }
+
+  .sm\:max-h-72 {
+    max-height: 18rem;
+  }
+
+  .sm\:max-h-80 {
+    max-height: 20rem;
+  }
+
+  .sm\:max-h-96 {
+    max-height: 24rem;
+  }
+
+  .sm\:max-h-px {
+    max-height: 1px;
+  }
+
+  .sm\:max-h-0\.5 {
+    max-height: 0.125rem;
+  }
+
+  .sm\:max-h-1\.5 {
+    max-height: 0.375rem;
+  }
+
+  .sm\:max-h-2\.5 {
+    max-height: 0.625rem;
+  }
+
+  .sm\:max-h-3\.5 {
+    max-height: 0.875rem;
+  }
+
+  .sm\:max-h-full {
+    max-height: 100%;
+  }
+
+  .sm\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .sm\:max-w-0 {
+    max-width: 0rem;
+  }
+
+  .sm\:max-w-none {
+    max-width: none;
+  }
+
+  .sm\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .sm\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .sm\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .sm\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .sm\:max-w-xl {
+    max-width: 36rem;
+  }
+
+  .sm\:max-w-2xl {
+    max-width: 42rem;
+  }
+
+  .sm\:max-w-3xl {
+    max-width: 48rem;
+  }
+
+  .sm\:max-w-4xl {
+    max-width: 56rem;
+  }
+
+  .sm\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .sm\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .sm\:max-w-7xl {
+    max-width: 80rem;
+  }
+
+  .sm\:max-w-full {
+    max-width: 100%;
+  }
+
+  .sm\:max-w-min {
+    max-width: -webkit-min-content;
+    max-width: min-content;
+  }
+
+  .sm\:max-w-max {
+    max-width: -webkit-max-content;
+    max-width: max-content;
+  }
+
+  .sm\:max-w-prose {
+    max-width: 65ch;
+  }
+
+  .sm\:max-w-screen-sm {
+    max-width: 640px;
+  }
+
+  .sm\:max-w-screen-md {
+    max-width: 768px;
+  }
+
+  .sm\:max-w-screen-lg {
+    max-width: 1024px;
+  }
+
+  .sm\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+
+  .sm\:max-w-screen-2xl {
+    max-width: 1536px;
+  }
+
+  .sm\:min-h-0 {
+    min-height: 0px;
+  }
+
+  .sm\:min-h-full {
+    min-height: 100%;
+  }
+
+  .sm\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .sm\:min-w-0 {
+    min-width: 0px;
+  }
+
+  .sm\:min-w-full {
+    min-width: 100%;
+  }
+
+  .sm\:min-w-min {
+    min-width: -webkit-min-content;
+    min-width: min-content;
+  }
+
+  .sm\:min-w-max {
+    min-width: -webkit-max-content;
+    min-width: max-content;
+  }
+
+  .sm\:object-contain {
+    object-fit: contain;
+  }
+
+  .sm\:object-cover {
+    object-fit: cover;
+  }
+
+  .sm\:object-fill {
+    object-fit: fill;
+  }
+
+  .sm\:object-none {
+    object-fit: none;
+  }
+
+  .sm\:object-scale-down {
+    object-fit: scale-down;
+  }
+
+  .sm\:object-bottom {
+    object-position: bottom;
+  }
+
+  .sm\:object-center {
+    object-position: center;
+  }
+
+  .sm\:object-left {
+    object-position: left;
+  }
+
+  .sm\:object-left-bottom {
+    object-position: left bottom;
+  }
+
+  .sm\:object-left-top {
+    object-position: left top;
+  }
+
+  .sm\:object-right {
+    object-position: right;
+  }
+
+  .sm\:object-right-bottom {
+    object-position: right bottom;
+  }
+
+  .sm\:object-right-top {
+    object-position: right top;
+  }
+
+  .sm\:object-top {
+    object-position: top;
+  }
+
+  .sm\:opacity-0 {
+    opacity: 0;
+  }
+
+  .sm\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .sm\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .sm\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .sm\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .sm\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .sm\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .sm\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .sm\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .sm\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .sm\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .sm\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .sm\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .sm\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .sm\:opacity-100 {
+    opacity: 1;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .group:hover .sm\:group-hover\:opacity-100 {
+    opacity: 1;
+  }
+
+  .sm\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .sm\:focus-within\:opacity-5:focus-within {
+    opacity: 0.05;
+  }
+
+  .sm\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .sm\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .sm\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .sm\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .sm\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .sm\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .sm\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .sm\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .sm\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .sm\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .sm\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .sm\:focus-within\:opacity-95:focus-within {
+    opacity: 0.95;
+  }
+
+  .sm\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
+  .sm\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .sm\:hover\:opacity-5:hover {
+    opacity: 0.05;
+  }
+
+  .sm\:hover\:opacity-10:hover {
+    opacity: 0.1;
+  }
+
+  .sm\:hover\:opacity-20:hover {
+    opacity: 0.2;
+  }
+
+  .sm\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .sm\:hover\:opacity-30:hover {
+    opacity: 0.3;
+  }
+
+  .sm\:hover\:opacity-40:hover {
+    opacity: 0.4;
+  }
+
+  .sm\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .sm\:hover\:opacity-60:hover {
+    opacity: 0.6;
+  }
+
+  .sm\:hover\:opacity-70:hover {
+    opacity: 0.7;
+  }
+
+  .sm\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .sm\:hover\:opacity-80:hover {
+    opacity: 0.8;
+  }
+
+  .sm\:hover\:opacity-90:hover {
+    opacity: 0.9;
+  }
+
+  .sm\:hover\:opacity-95:hover {
+    opacity: 0.95;
+  }
+
+  .sm\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .sm\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .sm\:focus\:opacity-5:focus {
+    opacity: 0.05;
+  }
+
+  .sm\:focus\:opacity-10:focus {
+    opacity: 0.1;
+  }
+
+  .sm\:focus\:opacity-20:focus {
+    opacity: 0.2;
+  }
+
+  .sm\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .sm\:focus\:opacity-30:focus {
+    opacity: 0.3;
+  }
+
+  .sm\:focus\:opacity-40:focus {
+    opacity: 0.4;
+  }
+
+  .sm\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .sm\:focus\:opacity-60:focus {
+    opacity: 0.6;
+  }
+
+  .sm\:focus\:opacity-70:focus {
+    opacity: 0.7;
+  }
+
+  .sm\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .sm\:focus\:opacity-80:focus {
+    opacity: 0.8;
+  }
+
+  .sm\:focus\:opacity-90:focus {
+    opacity: 0.9;
+  }
+
+  .sm\:focus\:opacity-95:focus {
+    opacity: 0.95;
+  }
+
+  .sm\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .sm\:outline-none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .sm\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .sm\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus-within\:outline-none:focus-within {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus-within\:outline-white:focus-within {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus-within\:outline-black:focus-within {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .sm\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .sm\:overflow-auto {
+    overflow: auto;
+  }
+
+  .sm\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .sm\:overflow-visible {
+    overflow: visible;
+  }
+
+  .sm\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .sm\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .sm\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .sm\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .sm\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .sm\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .sm\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .sm\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .sm\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .sm\:overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .sm\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .sm\:overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .sm\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .sm\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .sm\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .sm\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .sm\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .sm\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .sm\:p-0 {
+    padding: 0px;
+  }
+
+  .sm\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .sm\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .sm\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .sm\:p-4 {
+    padding: 1rem;
+  }
+
+  .sm\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .sm\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .sm\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .sm\:p-8 {
+    padding: 2rem;
+  }
+
+  .sm\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .sm\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .sm\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .sm\:p-12 {
+    padding: 3rem;
+  }
+
+  .sm\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .sm\:p-16 {
+    padding: 4rem;
+  }
+
+  .sm\:p-20 {
+    padding: 5rem;
+  }
+
+  .sm\:p-24 {
+    padding: 6rem;
+  }
+
+  .sm\:p-28 {
+    padding: 7rem;
+  }
+
+  .sm\:p-32 {
+    padding: 8rem;
+  }
+
+  .sm\:p-36 {
+    padding: 9rem;
+  }
+
+  .sm\:p-40 {
+    padding: 10rem;
+  }
+
+  .sm\:p-44 {
+    padding: 11rem;
+  }
+
+  .sm\:p-48 {
+    padding: 12rem;
+  }
+
+  .sm\:p-52 {
+    padding: 13rem;
+  }
+
+  .sm\:p-56 {
+    padding: 14rem;
+  }
+
+  .sm\:p-60 {
+    padding: 15rem;
+  }
+
+  .sm\:p-64 {
+    padding: 16rem;
+  }
+
+  .sm\:p-72 {
+    padding: 18rem;
+  }
+
+  .sm\:p-80 {
+    padding: 20rem;
+  }
+
+  .sm\:p-96 {
+    padding: 24rem;
+  }
+
+  .sm\:p-px {
+    padding: 1px;
+  }
+
+  .sm\:p-0\.5 {
+    padding: 0.125rem;
+  }
+
+  .sm\:p-1\.5 {
+    padding: 0.375rem;
+  }
+
+  .sm\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
+  .sm\:p-3\.5 {
+    padding: 0.875rem;
+  }
+
+  .sm\:py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .sm\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .sm\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .sm\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .sm\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .sm\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .sm\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .sm\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .sm\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .sm\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .sm\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .sm\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .sm\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .sm\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .sm\:py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
+  .sm\:px-7 {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+
+  .sm\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .sm\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .sm\:py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .sm\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .sm\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .sm\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .sm\:py-11 {
+    padding-top: 2.75rem;
+    padding-bottom: 2.75rem;
+  }
+
+  .sm\:px-11 {
+    padding-left: 2.75rem;
+    padding-right: 2.75rem;
+  }
+
+  .sm\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .sm\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .sm\:py-14 {
+    padding-top: 3.5rem;
+    padding-bottom: 3.5rem;
+  }
+
+  .sm\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+
+  .sm\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .sm\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
+  .sm\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+
+  .sm\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
+  .sm\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
+
+  .sm\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
+
+  .sm\:py-28 {
+    padding-top: 7rem;
+    padding-bottom: 7rem;
+  }
+
+  .sm\:px-28 {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .sm\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .sm\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .sm\:py-36 {
+    padding-top: 9rem;
+    padding-bottom: 9rem;
+  }
+
+  .sm\:px-36 {
+    padding-left: 9rem;
+    padding-right: 9rem;
+  }
+
+  .sm\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .sm\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .sm\:py-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .sm\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
+  .sm\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .sm\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .sm\:py-52 {
+    padding-top: 13rem;
+    padding-bottom: 13rem;
+  }
+
+  .sm\:px-52 {
+    padding-left: 13rem;
+    padding-right: 13rem;
+  }
+
+  .sm\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .sm\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .sm\:py-60 {
+    padding-top: 15rem;
+    padding-bottom: 15rem;
+  }
+
+  .sm\:px-60 {
+    padding-left: 15rem;
+    padding-right: 15rem;
+  }
+
+  .sm\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .sm\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .sm\:py-72 {
+    padding-top: 18rem;
+    padding-bottom: 18rem;
+  }
+
+  .sm\:px-72 {
+    padding-left: 18rem;
+    padding-right: 18rem;
+  }
+
+  .sm\:py-80 {
+    padding-top: 20rem;
+    padding-bottom: 20rem;
+  }
+
+  .sm\:px-80 {
+    padding-left: 20rem;
+    padding-right: 20rem;
+  }
+
+  .sm\:py-96 {
+    padding-top: 24rem;
+    padding-bottom: 24rem;
+  }
+
+  .sm\:px-96 {
+    padding-left: 24rem;
+    padding-right: 24rem;
+  }
+
+  .sm\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .sm\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .sm\:py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+
+  .sm\:px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }
+
+  .sm\:py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }
+
+  .sm\:px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
+  .sm\:py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .sm\:px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }
+
+  .sm\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .sm\:px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }
+
+  .sm\:pt-0 {
+    padding-top: 0px;
+  }
+
+  .sm\:pr-0 {
+    padding-right: 0px;
+  }
+
+  .sm\:pb-0 {
+    padding-bottom: 0px;
+  }
+
+  .sm\:pl-0 {
+    padding-left: 0px;
+  }
+
+  .sm\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .sm\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .sm\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .sm\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .sm\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .sm\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .sm\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .sm\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .sm\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .sm\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .sm\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .sm\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .sm\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .sm\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .sm\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .sm\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .sm\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .sm\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .sm\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .sm\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .sm\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .sm\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .sm\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .sm\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .sm\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
+  .sm\:pr-7 {
+    padding-right: 1.75rem;
+  }
+
+  .sm\:pb-7 {
+    padding-bottom: 1.75rem;
+  }
+
+  .sm\:pl-7 {
+    padding-left: 1.75rem;
+  }
+
+  .sm\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .sm\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .sm\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .sm\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .sm\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
+  .sm\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .sm\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .sm\:pl-9 {
+    padding-left: 2.25rem;
+  }
+
+  .sm\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .sm\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .sm\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .sm\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .sm\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
+  .sm\:pr-11 {
+    padding-right: 2.75rem;
+  }
+
+  .sm\:pb-11 {
+    padding-bottom: 2.75rem;
+  }
+
+  .sm\:pl-11 {
+    padding-left: 2.75rem;
+  }
+
+  .sm\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .sm\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .sm\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .sm\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .sm\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .sm\:pr-14 {
+    padding-right: 3.5rem;
+  }
+
+  .sm\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
+  .sm\:pl-14 {
+    padding-left: 3.5rem;
+  }
+
+  .sm\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .sm\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .sm\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .sm\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .sm\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .sm\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .sm\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .sm\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .sm\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .sm\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .sm\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .sm\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .sm\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .sm\:pr-28 {
+    padding-right: 7rem;
+  }
+
+  .sm\:pb-28 {
+    padding-bottom: 7rem;
+  }
+
+  .sm\:pl-28 {
+    padding-left: 7rem;
+  }
+
+  .sm\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .sm\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .sm\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .sm\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .sm\:pt-36 {
+    padding-top: 9rem;
+  }
+
+  .sm\:pr-36 {
+    padding-right: 9rem;
+  }
+
+  .sm\:pb-36 {
+    padding-bottom: 9rem;
+  }
+
+  .sm\:pl-36 {
+    padding-left: 9rem;
+  }
+
+  .sm\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .sm\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .sm\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .sm\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .sm\:pt-44 {
+    padding-top: 11rem;
+  }
+
+  .sm\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .sm\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .sm\:pl-44 {
+    padding-left: 11rem;
+  }
+
+  .sm\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .sm\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .sm\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .sm\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .sm\:pt-52 {
+    padding-top: 13rem;
+  }
+
+  .sm\:pr-52 {
+    padding-right: 13rem;
+  }
+
+  .sm\:pb-52 {
+    padding-bottom: 13rem;
+  }
+
+  .sm\:pl-52 {
+    padding-left: 13rem;
+  }
+
+  .sm\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .sm\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .sm\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .sm\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .sm\:pt-60 {
+    padding-top: 15rem;
+  }
+
+  .sm\:pr-60 {
+    padding-right: 15rem;
+  }
+
+  .sm\:pb-60 {
+    padding-bottom: 15rem;
+  }
+
+  .sm\:pl-60 {
+    padding-left: 15rem;
+  }
+
+  .sm\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .sm\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .sm\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .sm\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .sm\:pt-72 {
+    padding-top: 18rem;
+  }
+
+  .sm\:pr-72 {
+    padding-right: 18rem;
+  }
+
+  .sm\:pb-72 {
+    padding-bottom: 18rem;
+  }
+
+  .sm\:pl-72 {
+    padding-left: 18rem;
+  }
+
+  .sm\:pt-80 {
+    padding-top: 20rem;
+  }
+
+  .sm\:pr-80 {
+    padding-right: 20rem;
+  }
+
+  .sm\:pb-80 {
+    padding-bottom: 20rem;
+  }
+
+  .sm\:pl-80 {
+    padding-left: 20rem;
+  }
+
+  .sm\:pt-96 {
+    padding-top: 24rem;
+  }
+
+  .sm\:pr-96 {
+    padding-right: 24rem;
+  }
+
+  .sm\:pb-96 {
+    padding-bottom: 24rem;
+  }
+
+  .sm\:pl-96 {
+    padding-left: 24rem;
+  }
+
+  .sm\:pt-px {
+    padding-top: 1px;
+  }
+
+  .sm\:pr-px {
+    padding-right: 1px;
+  }
+
+  .sm\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .sm\:pl-px {
+    padding-left: 1px;
+  }
+
+  .sm\:pt-0\.5 {
+    padding-top: 0.125rem;
+  }
+
+  .sm\:pr-0\.5 {
+    padding-right: 0.125rem;
+  }
+
+  .sm\:pb-0\.5 {
+    padding-bottom: 0.125rem;
+  }
+
+  .sm\:pl-0\.5 {
+    padding-left: 0.125rem;
+  }
+
+  .sm\:pt-1\.5 {
+    padding-top: 0.375rem;
+  }
+
+  .sm\:pr-1\.5 {
+    padding-right: 0.375rem;
+  }
+
+  .sm\:pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }
+
+  .sm\:pl-1\.5 {
+    padding-left: 0.375rem;
+  }
+
+  .sm\:pt-2\.5 {
+    padding-top: 0.625rem;
+  }
+
+  .sm\:pr-2\.5 {
+    padding-right: 0.625rem;
+  }
+
+  .sm\:pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+
+  .sm\:pl-2\.5 {
+    padding-left: 0.625rem;
+  }
+
+  .sm\:pt-3\.5 {
+    padding-top: 0.875rem;
+  }
+
+  .sm\:pr-3\.5 {
+    padding-right: 0.875rem;
+  }
+
+  .sm\:pb-3\.5 {
+    padding-bottom: 0.875rem;
+  }
+
+  .sm\:pl-3\.5 {
+    padding-left: 0.875rem;
+  }
+
+  .sm\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .sm\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .sm\:placeholder-black::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-white::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-red-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-yellow-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-green-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-blue-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-indigo-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-purple-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-pink-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .sm\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .sm\:focus\:placeholder-black:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-white:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-red-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-yellow-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-green-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-blue-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-indigo-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-purple-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-pink-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-opacity-0::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .sm\:placeholder-opacity-5::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .sm\:placeholder-opacity-10::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .sm\:placeholder-opacity-20::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .sm\:placeholder-opacity-25::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .sm\:placeholder-opacity-30::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .sm\:placeholder-opacity-40::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .sm\:placeholder-opacity-50::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .sm\:placeholder-opacity-60::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .sm\:placeholder-opacity-70::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .sm\:placeholder-opacity-75::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .sm\:placeholder-opacity-80::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .sm\:placeholder-opacity-90::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .sm\:placeholder-opacity-95::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .sm\:placeholder-opacity-100::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .sm\:focus\:placeholder-opacity-0:focus::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .sm\:focus\:placeholder-opacity-5:focus::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .sm\:focus\:placeholder-opacity-10:focus::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .sm\:focus\:placeholder-opacity-20:focus::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .sm\:focus\:placeholder-opacity-25:focus::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .sm\:focus\:placeholder-opacity-30:focus::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .sm\:focus\:placeholder-opacity-40:focus::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .sm\:focus\:placeholder-opacity-50:focus::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .sm\:focus\:placeholder-opacity-60:focus::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .sm\:focus\:placeholder-opacity-70:focus::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .sm\:focus\:placeholder-opacity-75:focus::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .sm\:focus\:placeholder-opacity-80:focus::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .sm\:focus\:placeholder-opacity-90:focus::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .sm\:focus\:placeholder-opacity-95:focus::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .sm\:focus\:placeholder-opacity-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .sm\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .sm\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .sm\:static {
+    position: static;
+  }
+
+  .sm\:fixed {
+    position: fixed;
+  }
+
+  .sm\:absolute {
+    position: absolute;
+  }
+
+  .sm\:relative {
+    position: relative;
+  }
+
+  .sm\:sticky {
+    position: -webkit-sticky;
+    position: sticky;
+  }
+
+  .sm\:inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .sm\:inset-1 {
+    top: 0.25rem;
+    right: 0.25rem;
+    bottom: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .sm\:inset-2 {
+    top: 0.5rem;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .sm\:inset-3 {
+    top: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .sm\:inset-4 {
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  .sm\:inset-5 {
+    top: 1.25rem;
+    right: 1.25rem;
+    bottom: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .sm\:inset-6 {
+    top: 1.5rem;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .sm\:inset-7 {
+    top: 1.75rem;
+    right: 1.75rem;
+    bottom: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .sm\:inset-8 {
+    top: 2rem;
+    right: 2rem;
+    bottom: 2rem;
+    left: 2rem;
+  }
+
+  .sm\:inset-9 {
+    top: 2.25rem;
+    right: 2.25rem;
+    bottom: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .sm\:inset-10 {
+    top: 2.5rem;
+    right: 2.5rem;
+    bottom: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .sm\:inset-11 {
+    top: 2.75rem;
+    right: 2.75rem;
+    bottom: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .sm\:inset-12 {
+    top: 3rem;
+    right: 3rem;
+    bottom: 3rem;
+    left: 3rem;
+  }
+
+  .sm\:inset-14 {
+    top: 3.5rem;
+    right: 3.5rem;
+    bottom: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .sm\:inset-16 {
+    top: 4rem;
+    right: 4rem;
+    bottom: 4rem;
+    left: 4rem;
+  }
+
+  .sm\:inset-20 {
+    top: 5rem;
+    right: 5rem;
+    bottom: 5rem;
+    left: 5rem;
+  }
+
+  .sm\:inset-24 {
+    top: 6rem;
+    right: 6rem;
+    bottom: 6rem;
+    left: 6rem;
+  }
+
+  .sm\:inset-28 {
+    top: 7rem;
+    right: 7rem;
+    bottom: 7rem;
+    left: 7rem;
+  }
+
+  .sm\:inset-32 {
+    top: 8rem;
+    right: 8rem;
+    bottom: 8rem;
+    left: 8rem;
+  }
+
+  .sm\:inset-36 {
+    top: 9rem;
+    right: 9rem;
+    bottom: 9rem;
+    left: 9rem;
+  }
+
+  .sm\:inset-40 {
+    top: 10rem;
+    right: 10rem;
+    bottom: 10rem;
+    left: 10rem;
+  }
+
+  .sm\:inset-44 {
+    top: 11rem;
+    right: 11rem;
+    bottom: 11rem;
+    left: 11rem;
+  }
+
+  .sm\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .sm\:inset-52 {
+    top: 13rem;
+    right: 13rem;
+    bottom: 13rem;
+    left: 13rem;
+  }
+
+  .sm\:inset-56 {
+    top: 14rem;
+    right: 14rem;
+    bottom: 14rem;
+    left: 14rem;
+  }
+
+  .sm\:inset-60 {
+    top: 15rem;
+    right: 15rem;
+    bottom: 15rem;
+    left: 15rem;
+  }
+
+  .sm\:inset-64 {
+    top: 16rem;
+    right: 16rem;
+    bottom: 16rem;
+    left: 16rem;
+  }
+
+  .sm\:inset-72 {
+    top: 18rem;
+    right: 18rem;
+    bottom: 18rem;
+    left: 18rem;
+  }
+
+  .sm\:inset-80 {
+    top: 20rem;
+    right: 20rem;
+    bottom: 20rem;
+    left: 20rem;
+  }
+
+  .sm\:inset-96 {
+    top: 24rem;
+    right: 24rem;
+    bottom: 24rem;
+    left: 24rem;
+  }
+
+  .sm\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .sm\:inset-px {
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+  }
+
+  .sm\:inset-0\.5 {
+    top: 0.125rem;
+    right: 0.125rem;
+    bottom: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .sm\:inset-1\.5 {
+    top: 0.375rem;
+    right: 0.375rem;
+    bottom: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .sm\:inset-2\.5 {
+    top: 0.625rem;
+    right: 0.625rem;
+    bottom: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .sm\:inset-3\.5 {
+    top: 0.875rem;
+    right: 0.875rem;
+    bottom: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .sm\:-inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .sm\:-inset-1 {
+    top: -0.25rem;
+    right: -0.25rem;
+    bottom: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .sm\:-inset-2 {
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .sm\:-inset-3 {
+    top: -0.75rem;
+    right: -0.75rem;
+    bottom: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .sm\:-inset-4 {
+    top: -1rem;
+    right: -1rem;
+    bottom: -1rem;
+    left: -1rem;
+  }
+
+  .sm\:-inset-5 {
+    top: -1.25rem;
+    right: -1.25rem;
+    bottom: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .sm\:-inset-6 {
+    top: -1.5rem;
+    right: -1.5rem;
+    bottom: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .sm\:-inset-7 {
+    top: -1.75rem;
+    right: -1.75rem;
+    bottom: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .sm\:-inset-8 {
+    top: -2rem;
+    right: -2rem;
+    bottom: -2rem;
+    left: -2rem;
+  }
+
+  .sm\:-inset-9 {
+    top: -2.25rem;
+    right: -2.25rem;
+    bottom: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .sm\:-inset-10 {
+    top: -2.5rem;
+    right: -2.5rem;
+    bottom: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .sm\:-inset-11 {
+    top: -2.75rem;
+    right: -2.75rem;
+    bottom: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .sm\:-inset-12 {
+    top: -3rem;
+    right: -3rem;
+    bottom: -3rem;
+    left: -3rem;
+  }
+
+  .sm\:-inset-14 {
+    top: -3.5rem;
+    right: -3.5rem;
+    bottom: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .sm\:-inset-16 {
+    top: -4rem;
+    right: -4rem;
+    bottom: -4rem;
+    left: -4rem;
+  }
+
+  .sm\:-inset-20 {
+    top: -5rem;
+    right: -5rem;
+    bottom: -5rem;
+    left: -5rem;
+  }
+
+  .sm\:-inset-24 {
+    top: -6rem;
+    right: -6rem;
+    bottom: -6rem;
+    left: -6rem;
+  }
+
+  .sm\:-inset-28 {
+    top: -7rem;
+    right: -7rem;
+    bottom: -7rem;
+    left: -7rem;
+  }
+
+  .sm\:-inset-32 {
+    top: -8rem;
+    right: -8rem;
+    bottom: -8rem;
+    left: -8rem;
+  }
+
+  .sm\:-inset-36 {
+    top: -9rem;
+    right: -9rem;
+    bottom: -9rem;
+    left: -9rem;
+  }
+
+  .sm\:-inset-40 {
+    top: -10rem;
+    right: -10rem;
+    bottom: -10rem;
+    left: -10rem;
+  }
+
+  .sm\:-inset-44 {
+    top: -11rem;
+    right: -11rem;
+    bottom: -11rem;
+    left: -11rem;
+  }
+
+  .sm\:-inset-48 {
+    top: -12rem;
+    right: -12rem;
+    bottom: -12rem;
+    left: -12rem;
+  }
+
+  .sm\:-inset-52 {
+    top: -13rem;
+    right: -13rem;
+    bottom: -13rem;
+    left: -13rem;
+  }
+
+  .sm\:-inset-56 {
+    top: -14rem;
+    right: -14rem;
+    bottom: -14rem;
+    left: -14rem;
+  }
+
+  .sm\:-inset-60 {
+    top: -15rem;
+    right: -15rem;
+    bottom: -15rem;
+    left: -15rem;
+  }
+
+  .sm\:-inset-64 {
+    top: -16rem;
+    right: -16rem;
+    bottom: -16rem;
+    left: -16rem;
+  }
+
+  .sm\:-inset-72 {
+    top: -18rem;
+    right: -18rem;
+    bottom: -18rem;
+    left: -18rem;
+  }
+
+  .sm\:-inset-80 {
+    top: -20rem;
+    right: -20rem;
+    bottom: -20rem;
+    left: -20rem;
+  }
+
+  .sm\:-inset-96 {
+    top: -24rem;
+    right: -24rem;
+    bottom: -24rem;
+    left: -24rem;
+  }
+
+  .sm\:-inset-px {
+    top: -1px;
+    right: -1px;
+    bottom: -1px;
+    left: -1px;
+  }
+
+  .sm\:-inset-0\.5 {
+    top: -0.125rem;
+    right: -0.125rem;
+    bottom: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .sm\:-inset-1\.5 {
+    top: -0.375rem;
+    right: -0.375rem;
+    bottom: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .sm\:-inset-2\.5 {
+    top: -0.625rem;
+    right: -0.625rem;
+    bottom: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .sm\:-inset-3\.5 {
+    top: -0.875rem;
+    right: -0.875rem;
+    bottom: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .sm\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-1\/3 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .sm\:inset-2\/3 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .sm\:inset-1\/4 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .sm\:inset-2\/4 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-3\/4 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .sm\:inset-full {
+    top: 100%;
+    right: 100%;
+    bottom: 100%;
+    left: 100%;
+  }
+
+  .sm\:-inset-1\/2 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .sm\:-inset-1\/3 {
+    top: -33.333333%;
+    right: -33.333333%;
+    bottom: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .sm\:-inset-2\/3 {
+    top: -66.666667%;
+    right: -66.666667%;
+    bottom: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .sm\:-inset-1\/4 {
+    top: -25%;
+    right: -25%;
+    bottom: -25%;
+    left: -25%;
+  }
+
+  .sm\:-inset-2\/4 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .sm\:-inset-3\/4 {
+    top: -75%;
+    right: -75%;
+    bottom: -75%;
+    left: -75%;
+  }
+
+  .sm\:-inset-full {
+    top: -100%;
+    right: -100%;
+    bottom: -100%;
+    left: -100%;
+  }
+
+  .sm\:inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .sm\:inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .sm\:inset-y-1 {
+    top: 0.25rem;
+    bottom: 0.25rem;
+  }
+
+  .sm\:inset-x-1 {
+    right: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .sm\:inset-y-2 {
+    top: 0.5rem;
+    bottom: 0.5rem;
+  }
+
+  .sm\:inset-x-2 {
+    right: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .sm\:inset-y-3 {
+    top: 0.75rem;
+    bottom: 0.75rem;
+  }
+
+  .sm\:inset-x-3 {
+    right: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .sm\:inset-y-4 {
+    top: 1rem;
+    bottom: 1rem;
+  }
+
+  .sm\:inset-x-4 {
+    right: 1rem;
+    left: 1rem;
+  }
+
+  .sm\:inset-y-5 {
+    top: 1.25rem;
+    bottom: 1.25rem;
+  }
+
+  .sm\:inset-x-5 {
+    right: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .sm\:inset-y-6 {
+    top: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .sm\:inset-x-6 {
+    right: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .sm\:inset-y-7 {
+    top: 1.75rem;
+    bottom: 1.75rem;
+  }
+
+  .sm\:inset-x-7 {
+    right: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .sm\:inset-y-8 {
+    top: 2rem;
+    bottom: 2rem;
+  }
+
+  .sm\:inset-x-8 {
+    right: 2rem;
+    left: 2rem;
+  }
+
+  .sm\:inset-y-9 {
+    top: 2.25rem;
+    bottom: 2.25rem;
+  }
+
+  .sm\:inset-x-9 {
+    right: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .sm\:inset-y-10 {
+    top: 2.5rem;
+    bottom: 2.5rem;
+  }
+
+  .sm\:inset-x-10 {
+    right: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .sm\:inset-y-11 {
+    top: 2.75rem;
+    bottom: 2.75rem;
+  }
+
+  .sm\:inset-x-11 {
+    right: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .sm\:inset-y-12 {
+    top: 3rem;
+    bottom: 3rem;
+  }
+
+  .sm\:inset-x-12 {
+    right: 3rem;
+    left: 3rem;
+  }
+
+  .sm\:inset-y-14 {
+    top: 3.5rem;
+    bottom: 3.5rem;
+  }
+
+  .sm\:inset-x-14 {
+    right: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .sm\:inset-y-16 {
+    top: 4rem;
+    bottom: 4rem;
+  }
+
+  .sm\:inset-x-16 {
+    right: 4rem;
+    left: 4rem;
+  }
+
+  .sm\:inset-y-20 {
+    top: 5rem;
+    bottom: 5rem;
+  }
+
+  .sm\:inset-x-20 {
+    right: 5rem;
+    left: 5rem;
+  }
+
+  .sm\:inset-y-24 {
+    top: 6rem;
+    bottom: 6rem;
+  }
+
+  .sm\:inset-x-24 {
+    right: 6rem;
+    left: 6rem;
+  }
+
+  .sm\:inset-y-28 {
+    top: 7rem;
+    bottom: 7rem;
+  }
+
+  .sm\:inset-x-28 {
+    right: 7rem;
+    left: 7rem;
+  }
+
+  .sm\:inset-y-32 {
+    top: 8rem;
+    bottom: 8rem;
+  }
+
+  .sm\:inset-x-32 {
+    right: 8rem;
+    left: 8rem;
+  }
+
+  .sm\:inset-y-36 {
+    top: 9rem;
+    bottom: 9rem;
+  }
+
+  .sm\:inset-x-36 {
+    right: 9rem;
+    left: 9rem;
+  }
+
+  .sm\:inset-y-40 {
+    top: 10rem;
+    bottom: 10rem;
+  }
+
+  .sm\:inset-x-40 {
+    right: 10rem;
+    left: 10rem;
+  }
+
+  .sm\:inset-y-44 {
+    top: 11rem;
+    bottom: 11rem;
+  }
+
+  .sm\:inset-x-44 {
+    right: 11rem;
+    left: 11rem;
+  }
+
+  .sm\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .sm\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .sm\:inset-y-52 {
+    top: 13rem;
+    bottom: 13rem;
+  }
+
+  .sm\:inset-x-52 {
+    right: 13rem;
+    left: 13rem;
+  }
+
+  .sm\:inset-y-56 {
+    top: 14rem;
+    bottom: 14rem;
+  }
+
+  .sm\:inset-x-56 {
+    right: 14rem;
+    left: 14rem;
+  }
+
+  .sm\:inset-y-60 {
+    top: 15rem;
+    bottom: 15rem;
+  }
+
+  .sm\:inset-x-60 {
+    right: 15rem;
+    left: 15rem;
+  }
+
+  .sm\:inset-y-64 {
+    top: 16rem;
+    bottom: 16rem;
+  }
+
+  .sm\:inset-x-64 {
+    right: 16rem;
+    left: 16rem;
+  }
+
+  .sm\:inset-y-72 {
+    top: 18rem;
+    bottom: 18rem;
+  }
+
+  .sm\:inset-x-72 {
+    right: 18rem;
+    left: 18rem;
+  }
+
+  .sm\:inset-y-80 {
+    top: 20rem;
+    bottom: 20rem;
+  }
+
+  .sm\:inset-x-80 {
+    right: 20rem;
+    left: 20rem;
+  }
+
+  .sm\:inset-y-96 {
+    top: 24rem;
+    bottom: 24rem;
+  }
+
+  .sm\:inset-x-96 {
+    right: 24rem;
+    left: 24rem;
+  }
+
+  .sm\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .sm\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .sm\:inset-y-px {
+    top: 1px;
+    bottom: 1px;
+  }
+
+  .sm\:inset-x-px {
+    right: 1px;
+    left: 1px;
+  }
+
+  .sm\:inset-y-0\.5 {
+    top: 0.125rem;
+    bottom: 0.125rem;
+  }
+
+  .sm\:inset-x-0\.5 {
+    right: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .sm\:inset-y-1\.5 {
+    top: 0.375rem;
+    bottom: 0.375rem;
+  }
+
+  .sm\:inset-x-1\.5 {
+    right: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .sm\:inset-y-2\.5 {
+    top: 0.625rem;
+    bottom: 0.625rem;
+  }
+
+  .sm\:inset-x-2\.5 {
+    right: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .sm\:inset-y-3\.5 {
+    top: 0.875rem;
+    bottom: 0.875rem;
+  }
+
+  .sm\:inset-x-3\.5 {
+    right: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .sm\:-inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .sm\:-inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .sm\:-inset-y-1 {
+    top: -0.25rem;
+    bottom: -0.25rem;
+  }
+
+  .sm\:-inset-x-1 {
+    right: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .sm\:-inset-y-2 {
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .sm\:-inset-x-2 {
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .sm\:-inset-y-3 {
+    top: -0.75rem;
+    bottom: -0.75rem;
+  }
+
+  .sm\:-inset-x-3 {
+    right: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .sm\:-inset-y-4 {
+    top: -1rem;
+    bottom: -1rem;
+  }
+
+  .sm\:-inset-x-4 {
+    right: -1rem;
+    left: -1rem;
+  }
+
+  .sm\:-inset-y-5 {
+    top: -1.25rem;
+    bottom: -1.25rem;
+  }
+
+  .sm\:-inset-x-5 {
+    right: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .sm\:-inset-y-6 {
+    top: -1.5rem;
+    bottom: -1.5rem;
+  }
+
+  .sm\:-inset-x-6 {
+    right: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .sm\:-inset-y-7 {
+    top: -1.75rem;
+    bottom: -1.75rem;
+  }
+
+  .sm\:-inset-x-7 {
+    right: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .sm\:-inset-y-8 {
+    top: -2rem;
+    bottom: -2rem;
+  }
+
+  .sm\:-inset-x-8 {
+    right: -2rem;
+    left: -2rem;
+  }
+
+  .sm\:-inset-y-9 {
+    top: -2.25rem;
+    bottom: -2.25rem;
+  }
+
+  .sm\:-inset-x-9 {
+    right: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .sm\:-inset-y-10 {
+    top: -2.5rem;
+    bottom: -2.5rem;
+  }
+
+  .sm\:-inset-x-10 {
+    right: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .sm\:-inset-y-11 {
+    top: -2.75rem;
+    bottom: -2.75rem;
+  }
+
+  .sm\:-inset-x-11 {
+    right: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .sm\:-inset-y-12 {
+    top: -3rem;
+    bottom: -3rem;
+  }
+
+  .sm\:-inset-x-12 {
+    right: -3rem;
+    left: -3rem;
+  }
+
+  .sm\:-inset-y-14 {
+    top: -3.5rem;
+    bottom: -3.5rem;
+  }
+
+  .sm\:-inset-x-14 {
+    right: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .sm\:-inset-y-16 {
+    top: -4rem;
+    bottom: -4rem;
+  }
+
+  .sm\:-inset-x-16 {
+    right: -4rem;
+    left: -4rem;
+  }
+
+  .sm\:-inset-y-20 {
+    top: -5rem;
+    bottom: -5rem;
+  }
+
+  .sm\:-inset-x-20 {
+    right: -5rem;
+    left: -5rem;
+  }
+
+  .sm\:-inset-y-24 {
+    top: -6rem;
+    bottom: -6rem;
+  }
+
+  .sm\:-inset-x-24 {
+    right: -6rem;
+    left: -6rem;
+  }
+
+  .sm\:-inset-y-28 {
+    top: -7rem;
+    bottom: -7rem;
+  }
+
+  .sm\:-inset-x-28 {
+    right: -7rem;
+    left: -7rem;
+  }
+
+  .sm\:-inset-y-32 {
+    top: -8rem;
+    bottom: -8rem;
+  }
+
+  .sm\:-inset-x-32 {
+    right: -8rem;
+    left: -8rem;
+  }
+
+  .sm\:-inset-y-36 {
+    top: -9rem;
+    bottom: -9rem;
+  }
+
+  .sm\:-inset-x-36 {
+    right: -9rem;
+    left: -9rem;
+  }
+
+  .sm\:-inset-y-40 {
+    top: -10rem;
+    bottom: -10rem;
+  }
+
+  .sm\:-inset-x-40 {
+    right: -10rem;
+    left: -10rem;
+  }
+
+  .sm\:-inset-y-44 {
+    top: -11rem;
+    bottom: -11rem;
+  }
+
+  .sm\:-inset-x-44 {
+    right: -11rem;
+    left: -11rem;
+  }
+
+  .sm\:-inset-y-48 {
+    top: -12rem;
+    bottom: -12rem;
+  }
+
+  .sm\:-inset-x-48 {
+    right: -12rem;
+    left: -12rem;
+  }
+
+  .sm\:-inset-y-52 {
+    top: -13rem;
+    bottom: -13rem;
+  }
+
+  .sm\:-inset-x-52 {
+    right: -13rem;
+    left: -13rem;
+  }
+
+  .sm\:-inset-y-56 {
+    top: -14rem;
+    bottom: -14rem;
+  }
+
+  .sm\:-inset-x-56 {
+    right: -14rem;
+    left: -14rem;
+  }
+
+  .sm\:-inset-y-60 {
+    top: -15rem;
+    bottom: -15rem;
+  }
+
+  .sm\:-inset-x-60 {
+    right: -15rem;
+    left: -15rem;
+  }
+
+  .sm\:-inset-y-64 {
+    top: -16rem;
+    bottom: -16rem;
+  }
+
+  .sm\:-inset-x-64 {
+    right: -16rem;
+    left: -16rem;
+  }
+
+  .sm\:-inset-y-72 {
+    top: -18rem;
+    bottom: -18rem;
+  }
+
+  .sm\:-inset-x-72 {
+    right: -18rem;
+    left: -18rem;
+  }
+
+  .sm\:-inset-y-80 {
+    top: -20rem;
+    bottom: -20rem;
+  }
+
+  .sm\:-inset-x-80 {
+    right: -20rem;
+    left: -20rem;
+  }
+
+  .sm\:-inset-y-96 {
+    top: -24rem;
+    bottom: -24rem;
+  }
+
+  .sm\:-inset-x-96 {
+    right: -24rem;
+    left: -24rem;
+  }
+
+  .sm\:-inset-y-px {
+    top: -1px;
+    bottom: -1px;
+  }
+
+  .sm\:-inset-x-px {
+    right: -1px;
+    left: -1px;
+  }
+
+  .sm\:-inset-y-0\.5 {
+    top: -0.125rem;
+    bottom: -0.125rem;
+  }
+
+  .sm\:-inset-x-0\.5 {
+    right: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .sm\:-inset-y-1\.5 {
+    top: -0.375rem;
+    bottom: -0.375rem;
+  }
+
+  .sm\:-inset-x-1\.5 {
+    right: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .sm\:-inset-y-2\.5 {
+    top: -0.625rem;
+    bottom: -0.625rem;
+  }
+
+  .sm\:-inset-x-2\.5 {
+    right: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .sm\:-inset-y-3\.5 {
+    top: -0.875rem;
+    bottom: -0.875rem;
+  }
+
+  .sm\:-inset-x-3\.5 {
+    right: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .sm\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .sm\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-y-1\/3 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .sm\:inset-x-1\/3 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .sm\:inset-y-2\/3 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .sm\:inset-x-2\/3 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .sm\:inset-y-1\/4 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .sm\:inset-x-1\/4 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .sm\:inset-y-2\/4 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .sm\:inset-x-2\/4 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .sm\:inset-y-3\/4 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .sm\:inset-x-3\/4 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .sm\:inset-y-full {
+    top: 100%;
+    bottom: 100%;
+  }
+
+  .sm\:inset-x-full {
+    right: 100%;
+    left: 100%;
+  }
+
+  .sm\:-inset-y-1\/2 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .sm\:-inset-x-1\/2 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .sm\:-inset-y-1\/3 {
+    top: -33.333333%;
+    bottom: -33.333333%;
+  }
+
+  .sm\:-inset-x-1\/3 {
+    right: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .sm\:-inset-y-2\/3 {
+    top: -66.666667%;
+    bottom: -66.666667%;
+  }
+
+  .sm\:-inset-x-2\/3 {
+    right: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .sm\:-inset-y-1\/4 {
+    top: -25%;
+    bottom: -25%;
+  }
+
+  .sm\:-inset-x-1\/4 {
+    right: -25%;
+    left: -25%;
+  }
+
+  .sm\:-inset-y-2\/4 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .sm\:-inset-x-2\/4 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .sm\:-inset-y-3\/4 {
+    top: -75%;
+    bottom: -75%;
+  }
+
+  .sm\:-inset-x-3\/4 {
+    right: -75%;
+    left: -75%;
+  }
+
+  .sm\:-inset-y-full {
+    top: -100%;
+    bottom: -100%;
+  }
+
+  .sm\:-inset-x-full {
+    right: -100%;
+    left: -100%;
+  }
+
+  .sm\:top-0 {
+    top: 0px;
+  }
+
+  .sm\:right-0 {
+    right: 0px;
+  }
+
+  .sm\:bottom-0 {
+    bottom: 0px;
+  }
+
+  .sm\:left-0 {
+    left: 0px;
+  }
+
+  .sm\:top-1 {
+    top: 0.25rem;
+  }
+
+  .sm\:right-1 {
+    right: 0.25rem;
+  }
+
+  .sm\:bottom-1 {
+    bottom: 0.25rem;
+  }
+
+  .sm\:left-1 {
+    left: 0.25rem;
+  }
+
+  .sm\:top-2 {
+    top: 0.5rem;
+  }
+
+  .sm\:right-2 {
+    right: 0.5rem;
+  }
+
+  .sm\:bottom-2 {
+    bottom: 0.5rem;
+  }
+
+  .sm\:left-2 {
+    left: 0.5rem;
+  }
+
+  .sm\:top-3 {
+    top: 0.75rem;
+  }
+
+  .sm\:right-3 {
+    right: 0.75rem;
+  }
+
+  .sm\:bottom-3 {
+    bottom: 0.75rem;
+  }
+
+  .sm\:left-3 {
+    left: 0.75rem;
+  }
+
+  .sm\:top-4 {
+    top: 1rem;
+  }
+
+  .sm\:right-4 {
+    right: 1rem;
+  }
+
+  .sm\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .sm\:left-4 {
+    left: 1rem;
+  }
+
+  .sm\:top-5 {
+    top: 1.25rem;
+  }
+
+  .sm\:right-5 {
+    right: 1.25rem;
+  }
+
+  .sm\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .sm\:left-5 {
+    left: 1.25rem;
+  }
+
+  .sm\:top-6 {
+    top: 1.5rem;
+  }
+
+  .sm\:right-6 {
+    right: 1.5rem;
+  }
+
+  .sm\:bottom-6 {
+    bottom: 1.5rem;
+  }
+
+  .sm\:left-6 {
+    left: 1.5rem;
+  }
+
+  .sm\:top-7 {
+    top: 1.75rem;
+  }
+
+  .sm\:right-7 {
+    right: 1.75rem;
+  }
+
+  .sm\:bottom-7 {
+    bottom: 1.75rem;
+  }
+
+  .sm\:left-7 {
+    left: 1.75rem;
+  }
+
+  .sm\:top-8 {
+    top: 2rem;
+  }
+
+  .sm\:right-8 {
+    right: 2rem;
+  }
+
+  .sm\:bottom-8 {
+    bottom: 2rem;
+  }
+
+  .sm\:left-8 {
+    left: 2rem;
+  }
+
+  .sm\:top-9 {
+    top: 2.25rem;
+  }
+
+  .sm\:right-9 {
+    right: 2.25rem;
+  }
+
+  .sm\:bottom-9 {
+    bottom: 2.25rem;
+  }
+
+  .sm\:left-9 {
+    left: 2.25rem;
+  }
+
+  .sm\:top-10 {
+    top: 2.5rem;
+  }
+
+  .sm\:right-10 {
+    right: 2.5rem;
+  }
+
+  .sm\:bottom-10 {
+    bottom: 2.5rem;
+  }
+
+  .sm\:left-10 {
+    left: 2.5rem;
+  }
+
+  .sm\:top-11 {
+    top: 2.75rem;
+  }
+
+  .sm\:right-11 {
+    right: 2.75rem;
+  }
+
+  .sm\:bottom-11 {
+    bottom: 2.75rem;
+  }
+
+  .sm\:left-11 {
+    left: 2.75rem;
+  }
+
+  .sm\:top-12 {
+    top: 3rem;
+  }
+
+  .sm\:right-12 {
+    right: 3rem;
+  }
+
+  .sm\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .sm\:left-12 {
+    left: 3rem;
+  }
+
+  .sm\:top-14 {
+    top: 3.5rem;
+  }
+
+  .sm\:right-14 {
+    right: 3.5rem;
+  }
+
+  .sm\:bottom-14 {
+    bottom: 3.5rem;
+  }
+
+  .sm\:left-14 {
+    left: 3.5rem;
+  }
+
+  .sm\:top-16 {
+    top: 4rem;
+  }
+
+  .sm\:right-16 {
+    right: 4rem;
+  }
+
+  .sm\:bottom-16 {
+    bottom: 4rem;
+  }
+
+  .sm\:left-16 {
+    left: 4rem;
+  }
+
+  .sm\:top-20 {
+    top: 5rem;
+  }
+
+  .sm\:right-20 {
+    right: 5rem;
+  }
+
+  .sm\:bottom-20 {
+    bottom: 5rem;
+  }
+
+  .sm\:left-20 {
+    left: 5rem;
+  }
+
+  .sm\:top-24 {
+    top: 6rem;
+  }
+
+  .sm\:right-24 {
+    right: 6rem;
+  }
+
+  .sm\:bottom-24 {
+    bottom: 6rem;
+  }
+
+  .sm\:left-24 {
+    left: 6rem;
+  }
+
+  .sm\:top-28 {
+    top: 7rem;
+  }
+
+  .sm\:right-28 {
+    right: 7rem;
+  }
+
+  .sm\:bottom-28 {
+    bottom: 7rem;
+  }
+
+  .sm\:left-28 {
+    left: 7rem;
+  }
+
+  .sm\:top-32 {
+    top: 8rem;
+  }
+
+  .sm\:right-32 {
+    right: 8rem;
+  }
+
+  .sm\:bottom-32 {
+    bottom: 8rem;
+  }
+
+  .sm\:left-32 {
+    left: 8rem;
+  }
+
+  .sm\:top-36 {
+    top: 9rem;
+  }
+
+  .sm\:right-36 {
+    right: 9rem;
+  }
+
+  .sm\:bottom-36 {
+    bottom: 9rem;
+  }
+
+  .sm\:left-36 {
+    left: 9rem;
+  }
+
+  .sm\:top-40 {
+    top: 10rem;
+  }
+
+  .sm\:right-40 {
+    right: 10rem;
+  }
+
+  .sm\:bottom-40 {
+    bottom: 10rem;
+  }
+
+  .sm\:left-40 {
+    left: 10rem;
+  }
+
+  .sm\:top-44 {
+    top: 11rem;
+  }
+
+  .sm\:right-44 {
+    right: 11rem;
+  }
+
+  .sm\:bottom-44 {
+    bottom: 11rem;
+  }
+
+  .sm\:left-44 {
+    left: 11rem;
+  }
+
+  .sm\:top-48 {
+    top: 12rem;
+  }
+
+  .sm\:right-48 {
+    right: 12rem;
+  }
+
+  .sm\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .sm\:left-48 {
+    left: 12rem;
+  }
+
+  .sm\:top-52 {
+    top: 13rem;
+  }
+
+  .sm\:right-52 {
+    right: 13rem;
+  }
+
+  .sm\:bottom-52 {
+    bottom: 13rem;
+  }
+
+  .sm\:left-52 {
+    left: 13rem;
+  }
+
+  .sm\:top-56 {
+    top: 14rem;
+  }
+
+  .sm\:right-56 {
+    right: 14rem;
+  }
+
+  .sm\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .sm\:left-56 {
+    left: 14rem;
+  }
+
+  .sm\:top-60 {
+    top: 15rem;
+  }
+
+  .sm\:right-60 {
+    right: 15rem;
+  }
+
+  .sm\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .sm\:left-60 {
+    left: 15rem;
+  }
+
+  .sm\:top-64 {
+    top: 16rem;
+  }
+
+  .sm\:right-64 {
+    right: 16rem;
+  }
+
+  .sm\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .sm\:left-64 {
+    left: 16rem;
+  }
+
+  .sm\:top-72 {
+    top: 18rem;
+  }
+
+  .sm\:right-72 {
+    right: 18rem;
+  }
+
+  .sm\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .sm\:left-72 {
+    left: 18rem;
+  }
+
+  .sm\:top-80 {
+    top: 20rem;
+  }
+
+  .sm\:right-80 {
+    right: 20rem;
+  }
+
+  .sm\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .sm\:left-80 {
+    left: 20rem;
+  }
+
+  .sm\:top-96 {
+    top: 24rem;
+  }
+
+  .sm\:right-96 {
+    right: 24rem;
+  }
+
+  .sm\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .sm\:left-96 {
+    left: 24rem;
+  }
+
+  .sm\:top-auto {
+    top: auto;
+  }
+
+  .sm\:right-auto {
+    right: auto;
+  }
+
+  .sm\:bottom-auto {
+    bottom: auto;
+  }
+
+  .sm\:left-auto {
+    left: auto;
+  }
+
+  .sm\:top-px {
+    top: 1px;
+  }
+
+  .sm\:right-px {
+    right: 1px;
+  }
+
+  .sm\:bottom-px {
+    bottom: 1px;
+  }
+
+  .sm\:left-px {
+    left: 1px;
+  }
+
+  .sm\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .sm\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .sm\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .sm\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .sm\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .sm\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .sm\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .sm\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .sm\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .sm\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .sm\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .sm\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .sm\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .sm\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .sm\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .sm\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .sm\:-top-0 {
+    top: 0px;
+  }
+
+  .sm\:-right-0 {
+    right: 0px;
+  }
+
+  .sm\:-bottom-0 {
+    bottom: 0px;
+  }
+
+  .sm\:-left-0 {
+    left: 0px;
+  }
+
+  .sm\:-top-1 {
+    top: -0.25rem;
+  }
+
+  .sm\:-right-1 {
+    right: -0.25rem;
+  }
+
+  .sm\:-bottom-1 {
+    bottom: -0.25rem;
+  }
+
+  .sm\:-left-1 {
+    left: -0.25rem;
+  }
+
+  .sm\:-top-2 {
+    top: -0.5rem;
+  }
+
+  .sm\:-right-2 {
+    right: -0.5rem;
+  }
+
+  .sm\:-bottom-2 {
+    bottom: -0.5rem;
+  }
+
+  .sm\:-left-2 {
+    left: -0.5rem;
+  }
+
+  .sm\:-top-3 {
+    top: -0.75rem;
+  }
+
+  .sm\:-right-3 {
+    right: -0.75rem;
+  }
+
+  .sm\:-bottom-3 {
+    bottom: -0.75rem;
+  }
+
+  .sm\:-left-3 {
+    left: -0.75rem;
+  }
+
+  .sm\:-top-4 {
+    top: -1rem;
+  }
+
+  .sm\:-right-4 {
+    right: -1rem;
+  }
+
+  .sm\:-bottom-4 {
+    bottom: -1rem;
+  }
+
+  .sm\:-left-4 {
+    left: -1rem;
+  }
+
+  .sm\:-top-5 {
+    top: -1.25rem;
+  }
+
+  .sm\:-right-5 {
+    right: -1.25rem;
+  }
+
+  .sm\:-bottom-5 {
+    bottom: -1.25rem;
+  }
+
+  .sm\:-left-5 {
+    left: -1.25rem;
+  }
+
+  .sm\:-top-6 {
+    top: -1.5rem;
+  }
+
+  .sm\:-right-6 {
+    right: -1.5rem;
+  }
+
+  .sm\:-bottom-6 {
+    bottom: -1.5rem;
+  }
+
+  .sm\:-left-6 {
+    left: -1.5rem;
+  }
+
+  .sm\:-top-7 {
+    top: -1.75rem;
+  }
+
+  .sm\:-right-7 {
+    right: -1.75rem;
+  }
+
+  .sm\:-bottom-7 {
+    bottom: -1.75rem;
+  }
+
+  .sm\:-left-7 {
+    left: -1.75rem;
+  }
+
+  .sm\:-top-8 {
+    top: -2rem;
+  }
+
+  .sm\:-right-8 {
+    right: -2rem;
+  }
+
+  .sm\:-bottom-8 {
+    bottom: -2rem;
+  }
+
+  .sm\:-left-8 {
+    left: -2rem;
+  }
+
+  .sm\:-top-9 {
+    top: -2.25rem;
+  }
+
+  .sm\:-right-9 {
+    right: -2.25rem;
+  }
+
+  .sm\:-bottom-9 {
+    bottom: -2.25rem;
+  }
+
+  .sm\:-left-9 {
+    left: -2.25rem;
+  }
+
+  .sm\:-top-10 {
+    top: -2.5rem;
+  }
+
+  .sm\:-right-10 {
+    right: -2.5rem;
+  }
+
+  .sm\:-bottom-10 {
+    bottom: -2.5rem;
+  }
+
+  .sm\:-left-10 {
+    left: -2.5rem;
+  }
+
+  .sm\:-top-11 {
+    top: -2.75rem;
+  }
+
+  .sm\:-right-11 {
+    right: -2.75rem;
+  }
+
+  .sm\:-bottom-11 {
+    bottom: -2.75rem;
+  }
+
+  .sm\:-left-11 {
+    left: -2.75rem;
+  }
+
+  .sm\:-top-12 {
+    top: -3rem;
+  }
+
+  .sm\:-right-12 {
+    right: -3rem;
+  }
+
+  .sm\:-bottom-12 {
+    bottom: -3rem;
+  }
+
+  .sm\:-left-12 {
+    left: -3rem;
+  }
+
+  .sm\:-top-14 {
+    top: -3.5rem;
+  }
+
+  .sm\:-right-14 {
+    right: -3.5rem;
+  }
+
+  .sm\:-bottom-14 {
+    bottom: -3.5rem;
+  }
+
+  .sm\:-left-14 {
+    left: -3.5rem;
+  }
+
+  .sm\:-top-16 {
+    top: -4rem;
+  }
+
+  .sm\:-right-16 {
+    right: -4rem;
+  }
+
+  .sm\:-bottom-16 {
+    bottom: -4rem;
+  }
+
+  .sm\:-left-16 {
+    left: -4rem;
+  }
+
+  .sm\:-top-20 {
+    top: -5rem;
+  }
+
+  .sm\:-right-20 {
+    right: -5rem;
+  }
+
+  .sm\:-bottom-20 {
+    bottom: -5rem;
+  }
+
+  .sm\:-left-20 {
+    left: -5rem;
+  }
+
+  .sm\:-top-24 {
+    top: -6rem;
+  }
+
+  .sm\:-right-24 {
+    right: -6rem;
+  }
+
+  .sm\:-bottom-24 {
+    bottom: -6rem;
+  }
+
+  .sm\:-left-24 {
+    left: -6rem;
+  }
+
+  .sm\:-top-28 {
+    top: -7rem;
+  }
+
+  .sm\:-right-28 {
+    right: -7rem;
+  }
+
+  .sm\:-bottom-28 {
+    bottom: -7rem;
+  }
+
+  .sm\:-left-28 {
+    left: -7rem;
+  }
+
+  .sm\:-top-32 {
+    top: -8rem;
+  }
+
+  .sm\:-right-32 {
+    right: -8rem;
+  }
+
+  .sm\:-bottom-32 {
+    bottom: -8rem;
+  }
+
+  .sm\:-left-32 {
+    left: -8rem;
+  }
+
+  .sm\:-top-36 {
+    top: -9rem;
+  }
+
+  .sm\:-right-36 {
+    right: -9rem;
+  }
+
+  .sm\:-bottom-36 {
+    bottom: -9rem;
+  }
+
+  .sm\:-left-36 {
+    left: -9rem;
+  }
+
+  .sm\:-top-40 {
+    top: -10rem;
+  }
+
+  .sm\:-right-40 {
+    right: -10rem;
+  }
+
+  .sm\:-bottom-40 {
+    bottom: -10rem;
+  }
+
+  .sm\:-left-40 {
+    left: -10rem;
+  }
+
+  .sm\:-top-44 {
+    top: -11rem;
+  }
+
+  .sm\:-right-44 {
+    right: -11rem;
+  }
+
+  .sm\:-bottom-44 {
+    bottom: -11rem;
+  }
+
+  .sm\:-left-44 {
+    left: -11rem;
+  }
+
+  .sm\:-top-48 {
+    top: -12rem;
+  }
+
+  .sm\:-right-48 {
+    right: -12rem;
+  }
+
+  .sm\:-bottom-48 {
+    bottom: -12rem;
+  }
+
+  .sm\:-left-48 {
+    left: -12rem;
+  }
+
+  .sm\:-top-52 {
+    top: -13rem;
+  }
+
+  .sm\:-right-52 {
+    right: -13rem;
+  }
+
+  .sm\:-bottom-52 {
+    bottom: -13rem;
+  }
+
+  .sm\:-left-52 {
+    left: -13rem;
+  }
+
+  .sm\:-top-56 {
+    top: -14rem;
+  }
+
+  .sm\:-right-56 {
+    right: -14rem;
+  }
+
+  .sm\:-bottom-56 {
+    bottom: -14rem;
+  }
+
+  .sm\:-left-56 {
+    left: -14rem;
+  }
+
+  .sm\:-top-60 {
+    top: -15rem;
+  }
+
+  .sm\:-right-60 {
+    right: -15rem;
+  }
+
+  .sm\:-bottom-60 {
+    bottom: -15rem;
+  }
+
+  .sm\:-left-60 {
+    left: -15rem;
+  }
+
+  .sm\:-top-64 {
+    top: -16rem;
+  }
+
+  .sm\:-right-64 {
+    right: -16rem;
+  }
+
+  .sm\:-bottom-64 {
+    bottom: -16rem;
+  }
+
+  .sm\:-left-64 {
+    left: -16rem;
+  }
+
+  .sm\:-top-72 {
+    top: -18rem;
+  }
+
+  .sm\:-right-72 {
+    right: -18rem;
+  }
+
+  .sm\:-bottom-72 {
+    bottom: -18rem;
+  }
+
+  .sm\:-left-72 {
+    left: -18rem;
+  }
+
+  .sm\:-top-80 {
+    top: -20rem;
+  }
+
+  .sm\:-right-80 {
+    right: -20rem;
+  }
+
+  .sm\:-bottom-80 {
+    bottom: -20rem;
+  }
+
+  .sm\:-left-80 {
+    left: -20rem;
+  }
+
+  .sm\:-top-96 {
+    top: -24rem;
+  }
+
+  .sm\:-right-96 {
+    right: -24rem;
+  }
+
+  .sm\:-bottom-96 {
+    bottom: -24rem;
+  }
+
+  .sm\:-left-96 {
+    left: -24rem;
+  }
+
+  .sm\:-top-px {
+    top: -1px;
+  }
+
+  .sm\:-right-px {
+    right: -1px;
+  }
+
+  .sm\:-bottom-px {
+    bottom: -1px;
+  }
+
+  .sm\:-left-px {
+    left: -1px;
+  }
+
+  .sm\:-top-0\.5 {
+    top: -0.125rem;
+  }
+
+  .sm\:-right-0\.5 {
+    right: -0.125rem;
+  }
+
+  .sm\:-bottom-0\.5 {
+    bottom: -0.125rem;
+  }
+
+  .sm\:-left-0\.5 {
+    left: -0.125rem;
+  }
+
+  .sm\:-top-1\.5 {
+    top: -0.375rem;
+  }
+
+  .sm\:-right-1\.5 {
+    right: -0.375rem;
+  }
+
+  .sm\:-bottom-1\.5 {
+    bottom: -0.375rem;
+  }
+
+  .sm\:-left-1\.5 {
+    left: -0.375rem;
+  }
+
+  .sm\:-top-2\.5 {
+    top: -0.625rem;
+  }
+
+  .sm\:-right-2\.5 {
+    right: -0.625rem;
+  }
+
+  .sm\:-bottom-2\.5 {
+    bottom: -0.625rem;
+  }
+
+  .sm\:-left-2\.5 {
+    left: -0.625rem;
+  }
+
+  .sm\:-top-3\.5 {
+    top: -0.875rem;
+  }
+
+  .sm\:-right-3\.5 {
+    right: -0.875rem;
+  }
+
+  .sm\:-bottom-3\.5 {
+    bottom: -0.875rem;
+  }
+
+  .sm\:-left-3\.5 {
+    left: -0.875rem;
+  }
+
+  .sm\:top-1\/2 {
+    top: 50%;
+  }
+
+  .sm\:right-1\/2 {
+    right: 50%;
+  }
+
+  .sm\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .sm\:left-1\/2 {
+    left: 50%;
+  }
+
+  .sm\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .sm\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .sm\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .sm\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .sm\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .sm\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .sm\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .sm\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .sm\:top-1\/4 {
+    top: 25%;
+  }
+
+  .sm\:right-1\/4 {
+    right: 25%;
+  }
+
+  .sm\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .sm\:left-1\/4 {
+    left: 25%;
+  }
+
+  .sm\:top-2\/4 {
+    top: 50%;
+  }
+
+  .sm\:right-2\/4 {
+    right: 50%;
+  }
+
+  .sm\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .sm\:left-2\/4 {
+    left: 50%;
+  }
+
+  .sm\:top-3\/4 {
+    top: 75%;
+  }
+
+  .sm\:right-3\/4 {
+    right: 75%;
+  }
+
+  .sm\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .sm\:left-3\/4 {
+    left: 75%;
+  }
+
+  .sm\:top-full {
+    top: 100%;
+  }
+
+  .sm\:right-full {
+    right: 100%;
+  }
+
+  .sm\:bottom-full {
+    bottom: 100%;
+  }
+
+  .sm\:left-full {
+    left: 100%;
+  }
+
+  .sm\:-top-1\/2 {
+    top: -50%;
+  }
+
+  .sm\:-right-1\/2 {
+    right: -50%;
+  }
+
+  .sm\:-bottom-1\/2 {
+    bottom: -50%;
+  }
+
+  .sm\:-left-1\/2 {
+    left: -50%;
+  }
+
+  .sm\:-top-1\/3 {
+    top: -33.333333%;
+  }
+
+  .sm\:-right-1\/3 {
+    right: -33.333333%;
+  }
+
+  .sm\:-bottom-1\/3 {
+    bottom: -33.333333%;
+  }
+
+  .sm\:-left-1\/3 {
+    left: -33.333333%;
+  }
+
+  .sm\:-top-2\/3 {
+    top: -66.666667%;
+  }
+
+  .sm\:-right-2\/3 {
+    right: -66.666667%;
+  }
+
+  .sm\:-bottom-2\/3 {
+    bottom: -66.666667%;
+  }
+
+  .sm\:-left-2\/3 {
+    left: -66.666667%;
+  }
+
+  .sm\:-top-1\/4 {
+    top: -25%;
+  }
+
+  .sm\:-right-1\/4 {
+    right: -25%;
+  }
+
+  .sm\:-bottom-1\/4 {
+    bottom: -25%;
+  }
+
+  .sm\:-left-1\/4 {
+    left: -25%;
+  }
+
+  .sm\:-top-2\/4 {
+    top: -50%;
+  }
+
+  .sm\:-right-2\/4 {
+    right: -50%;
+  }
+
+  .sm\:-bottom-2\/4 {
+    bottom: -50%;
+  }
+
+  .sm\:-left-2\/4 {
+    left: -50%;
+  }
+
+  .sm\:-top-3\/4 {
+    top: -75%;
+  }
+
+  .sm\:-right-3\/4 {
+    right: -75%;
+  }
+
+  .sm\:-bottom-3\/4 {
+    bottom: -75%;
+  }
+
+  .sm\:-left-3\/4 {
+    left: -75%;
+  }
+
+  .sm\:-top-full {
+    top: -100%;
+  }
+
+  .sm\:-right-full {
+    right: -100%;
+  }
+
+  .sm\:-bottom-full {
+    bottom: -100%;
+  }
+
+  .sm\:-left-full {
+    left: -100%;
+  }
+
+  .sm\:resize-none {
+    resize: none;
+  }
+
+  .sm\:resize-y {
+    resize: vertical;
+  }
+
+  .sm\:resize-x {
+    resize: horizontal;
+  }
+
+  .sm\:resize {
+    resize: both;
+  }
+
+  .sm\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .sm\:group-hover\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow-sm:focus-within {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow:focus-within {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow-md:focus-within {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow-lg:focus-within {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow-xl:focus-within {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow-2xl:focus-within {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow-inner:focus-within {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus-within\:shadow-none:focus-within {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow-sm:hover {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow:hover {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow-md:hover {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow-lg:hover {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow-xl:hover {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow-2xl:hover {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow-inner:hover {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:hover\:shadow-none:hover {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow-sm:focus {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow:focus {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow-md:focus {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow-lg:focus {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow-xl:focus {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow-2xl:focus {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow-inner:focus {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:focus\:shadow-none:focus {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .sm\:ring-0 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:ring-1 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:ring-2 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:ring-4 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:ring-8 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:ring {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:ring-inset {
+    --tw-ring-inset: inset;
+  }
+
+  .sm\:focus-within\:ring-0:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus-within\:ring-1:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus-within\:ring-2:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus-within\:ring-4:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus-within\:ring-8:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus-within\:ring:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus-within\:ring-inset:focus-within {
+    --tw-ring-inset: inset;
+  }
+
+  .sm\:focus\:ring-0:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus\:ring-1:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus\:ring-2:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus\:ring-4:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus\:ring-8:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus\:ring:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .sm\:focus\:ring-inset:focus {
+    --tw-ring-inset: inset;
+  }
+
+  .sm\:ring-offset-transparent {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .sm\:ring-offset-current {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .sm\:ring-offset-black {
+    --tw-ring-offset-color: #000;
+  }
+
+  .sm\:ring-offset-white {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .sm\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .sm\:ring-offset-gray-100 {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .sm\:ring-offset-gray-200 {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .sm\:ring-offset-gray-300 {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .sm\:ring-offset-gray-400 {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .sm\:ring-offset-gray-500 {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .sm\:ring-offset-gray-600 {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .sm\:ring-offset-gray-700 {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .sm\:ring-offset-gray-800 {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .sm\:ring-offset-gray-900 {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .sm\:ring-offset-red-50 {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .sm\:ring-offset-red-100 {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .sm\:ring-offset-red-200 {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .sm\:ring-offset-red-300 {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .sm\:ring-offset-red-400 {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .sm\:ring-offset-red-500 {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .sm\:ring-offset-red-600 {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .sm\:ring-offset-red-700 {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .sm\:ring-offset-red-800 {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .sm\:ring-offset-red-900 {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .sm\:ring-offset-yellow-50 {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .sm\:ring-offset-yellow-100 {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .sm\:ring-offset-yellow-200 {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .sm\:ring-offset-yellow-300 {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .sm\:ring-offset-yellow-400 {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .sm\:ring-offset-yellow-500 {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .sm\:ring-offset-yellow-600 {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .sm\:ring-offset-yellow-700 {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .sm\:ring-offset-yellow-800 {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .sm\:ring-offset-yellow-900 {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .sm\:ring-offset-green-50 {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .sm\:ring-offset-green-100 {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .sm\:ring-offset-green-200 {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .sm\:ring-offset-green-300 {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .sm\:ring-offset-green-400 {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .sm\:ring-offset-green-500 {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .sm\:ring-offset-green-600 {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .sm\:ring-offset-green-700 {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .sm\:ring-offset-green-800 {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .sm\:ring-offset-green-900 {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .sm\:ring-offset-blue-50 {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .sm\:ring-offset-blue-100 {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .sm\:ring-offset-blue-200 {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .sm\:ring-offset-blue-300 {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .sm\:ring-offset-blue-400 {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .sm\:ring-offset-blue-500 {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .sm\:ring-offset-blue-600 {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .sm\:ring-offset-blue-700 {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .sm\:ring-offset-blue-800 {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .sm\:ring-offset-blue-900 {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .sm\:ring-offset-indigo-50 {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .sm\:ring-offset-indigo-100 {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .sm\:ring-offset-indigo-200 {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .sm\:ring-offset-indigo-300 {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .sm\:ring-offset-indigo-400 {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .sm\:ring-offset-indigo-500 {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .sm\:ring-offset-indigo-600 {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .sm\:ring-offset-indigo-700 {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .sm\:ring-offset-indigo-800 {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .sm\:ring-offset-indigo-900 {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .sm\:ring-offset-purple-50 {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .sm\:ring-offset-purple-100 {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .sm\:ring-offset-purple-200 {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .sm\:ring-offset-purple-300 {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .sm\:ring-offset-purple-400 {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .sm\:ring-offset-purple-500 {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .sm\:ring-offset-purple-600 {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .sm\:ring-offset-purple-700 {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .sm\:ring-offset-purple-800 {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .sm\:ring-offset-purple-900 {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .sm\:ring-offset-pink-50 {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .sm\:ring-offset-pink-100 {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .sm\:ring-offset-pink-200 {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .sm\:ring-offset-pink-300 {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .sm\:ring-offset-pink-400 {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .sm\:ring-offset-pink-500 {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .sm\:ring-offset-pink-600 {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .sm\:ring-offset-pink-700 {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .sm\:ring-offset-pink-800 {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .sm\:ring-offset-pink-900 {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .sm\:focus-within\:ring-offset-transparent:focus-within {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .sm\:focus-within\:ring-offset-current:focus-within {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .sm\:focus-within\:ring-offset-black:focus-within {
+    --tw-ring-offset-color: #000;
+  }
+
+  .sm\:focus-within\:ring-offset-white:focus-within {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-100:focus-within {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-200:focus-within {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-300:focus-within {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-400:focus-within {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-500:focus-within {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-600:focus-within {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-700:focus-within {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-800:focus-within {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .sm\:focus-within\:ring-offset-gray-900:focus-within {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .sm\:focus-within\:ring-offset-red-50:focus-within {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .sm\:focus-within\:ring-offset-red-100:focus-within {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .sm\:focus-within\:ring-offset-red-200:focus-within {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .sm\:focus-within\:ring-offset-red-300:focus-within {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .sm\:focus-within\:ring-offset-red-400:focus-within {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .sm\:focus-within\:ring-offset-red-500:focus-within {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .sm\:focus-within\:ring-offset-red-600:focus-within {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .sm\:focus-within\:ring-offset-red-700:focus-within {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .sm\:focus-within\:ring-offset-red-800:focus-within {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .sm\:focus-within\:ring-offset-red-900:focus-within {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-50:focus-within {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-100:focus-within {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-200:focus-within {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-300:focus-within {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-400:focus-within {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-500:focus-within {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-600:focus-within {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-700:focus-within {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-800:focus-within {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .sm\:focus-within\:ring-offset-yellow-900:focus-within {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .sm\:focus-within\:ring-offset-green-50:focus-within {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .sm\:focus-within\:ring-offset-green-100:focus-within {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .sm\:focus-within\:ring-offset-green-200:focus-within {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .sm\:focus-within\:ring-offset-green-300:focus-within {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .sm\:focus-within\:ring-offset-green-400:focus-within {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .sm\:focus-within\:ring-offset-green-500:focus-within {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .sm\:focus-within\:ring-offset-green-600:focus-within {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .sm\:focus-within\:ring-offset-green-700:focus-within {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .sm\:focus-within\:ring-offset-green-800:focus-within {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .sm\:focus-within\:ring-offset-green-900:focus-within {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-50:focus-within {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-100:focus-within {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-200:focus-within {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-300:focus-within {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-400:focus-within {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-500:focus-within {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-600:focus-within {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-700:focus-within {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-800:focus-within {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .sm\:focus-within\:ring-offset-blue-900:focus-within {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-50:focus-within {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-100:focus-within {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-200:focus-within {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-300:focus-within {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-400:focus-within {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-500:focus-within {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-600:focus-within {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-700:focus-within {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-800:focus-within {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .sm\:focus-within\:ring-offset-indigo-900:focus-within {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-50:focus-within {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-100:focus-within {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-200:focus-within {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-300:focus-within {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-400:focus-within {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-500:focus-within {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-600:focus-within {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-700:focus-within {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-800:focus-within {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .sm\:focus-within\:ring-offset-purple-900:focus-within {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-50:focus-within {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-100:focus-within {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-200:focus-within {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-300:focus-within {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-400:focus-within {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-500:focus-within {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-600:focus-within {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-700:focus-within {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-800:focus-within {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .sm\:focus-within\:ring-offset-pink-900:focus-within {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .sm\:focus\:ring-offset-transparent:focus {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .sm\:focus\:ring-offset-current:focus {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .sm\:focus\:ring-offset-black:focus {
+    --tw-ring-offset-color: #000;
+  }
+
+  .sm\:focus\:ring-offset-white:focus {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .sm\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .sm\:focus\:ring-offset-gray-100:focus {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .sm\:focus\:ring-offset-gray-200:focus {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .sm\:focus\:ring-offset-gray-300:focus {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .sm\:focus\:ring-offset-gray-400:focus {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .sm\:focus\:ring-offset-gray-500:focus {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .sm\:focus\:ring-offset-gray-600:focus {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .sm\:focus\:ring-offset-gray-700:focus {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .sm\:focus\:ring-offset-gray-800:focus {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .sm\:focus\:ring-offset-gray-900:focus {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .sm\:focus\:ring-offset-red-50:focus {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .sm\:focus\:ring-offset-red-100:focus {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .sm\:focus\:ring-offset-red-200:focus {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .sm\:focus\:ring-offset-red-300:focus {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .sm\:focus\:ring-offset-red-400:focus {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .sm\:focus\:ring-offset-red-500:focus {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .sm\:focus\:ring-offset-red-600:focus {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .sm\:focus\:ring-offset-red-700:focus {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .sm\:focus\:ring-offset-red-800:focus {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .sm\:focus\:ring-offset-red-900:focus {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .sm\:focus\:ring-offset-yellow-50:focus {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .sm\:focus\:ring-offset-yellow-100:focus {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .sm\:focus\:ring-offset-yellow-200:focus {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .sm\:focus\:ring-offset-yellow-300:focus {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .sm\:focus\:ring-offset-yellow-400:focus {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .sm\:focus\:ring-offset-yellow-500:focus {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .sm\:focus\:ring-offset-yellow-600:focus {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .sm\:focus\:ring-offset-yellow-700:focus {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .sm\:focus\:ring-offset-yellow-800:focus {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .sm\:focus\:ring-offset-yellow-900:focus {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .sm\:focus\:ring-offset-green-50:focus {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .sm\:focus\:ring-offset-green-100:focus {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .sm\:focus\:ring-offset-green-200:focus {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .sm\:focus\:ring-offset-green-300:focus {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .sm\:focus\:ring-offset-green-400:focus {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .sm\:focus\:ring-offset-green-500:focus {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .sm\:focus\:ring-offset-green-600:focus {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .sm\:focus\:ring-offset-green-700:focus {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .sm\:focus\:ring-offset-green-800:focus {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .sm\:focus\:ring-offset-green-900:focus {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .sm\:focus\:ring-offset-blue-50:focus {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .sm\:focus\:ring-offset-blue-100:focus {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .sm\:focus\:ring-offset-blue-200:focus {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .sm\:focus\:ring-offset-blue-300:focus {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .sm\:focus\:ring-offset-blue-400:focus {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .sm\:focus\:ring-offset-blue-500:focus {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .sm\:focus\:ring-offset-blue-600:focus {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .sm\:focus\:ring-offset-blue-700:focus {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .sm\:focus\:ring-offset-blue-800:focus {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .sm\:focus\:ring-offset-blue-900:focus {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .sm\:focus\:ring-offset-indigo-50:focus {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .sm\:focus\:ring-offset-indigo-100:focus {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .sm\:focus\:ring-offset-indigo-200:focus {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .sm\:focus\:ring-offset-indigo-300:focus {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .sm\:focus\:ring-offset-indigo-400:focus {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .sm\:focus\:ring-offset-indigo-500:focus {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .sm\:focus\:ring-offset-indigo-600:focus {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .sm\:focus\:ring-offset-indigo-700:focus {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .sm\:focus\:ring-offset-indigo-800:focus {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .sm\:focus\:ring-offset-indigo-900:focus {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .sm\:focus\:ring-offset-purple-50:focus {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .sm\:focus\:ring-offset-purple-100:focus {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .sm\:focus\:ring-offset-purple-200:focus {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .sm\:focus\:ring-offset-purple-300:focus {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .sm\:focus\:ring-offset-purple-400:focus {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .sm\:focus\:ring-offset-purple-500:focus {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .sm\:focus\:ring-offset-purple-600:focus {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .sm\:focus\:ring-offset-purple-700:focus {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .sm\:focus\:ring-offset-purple-800:focus {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .sm\:focus\:ring-offset-purple-900:focus {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .sm\:focus\:ring-offset-pink-50:focus {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .sm\:focus\:ring-offset-pink-100:focus {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .sm\:focus\:ring-offset-pink-200:focus {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .sm\:focus\:ring-offset-pink-300:focus {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .sm\:focus\:ring-offset-pink-400:focus {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .sm\:focus\:ring-offset-pink-500:focus {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .sm\:focus\:ring-offset-pink-600:focus {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .sm\:focus\:ring-offset-pink-700:focus {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .sm\:focus\:ring-offset-pink-800:focus {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .sm\:focus\:ring-offset-pink-900:focus {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .sm\:ring-offset-0 {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .sm\:ring-offset-1 {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .sm\:ring-offset-2 {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .sm\:ring-offset-4 {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .sm\:ring-offset-8 {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .sm\:focus-within\:ring-offset-0:focus-within {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .sm\:focus-within\:ring-offset-1:focus-within {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .sm\:focus-within\:ring-offset-2:focus-within {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .sm\:focus-within\:ring-offset-4:focus-within {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .sm\:focus-within\:ring-offset-8:focus-within {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .sm\:focus\:ring-offset-0:focus {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .sm\:focus\:ring-offset-1:focus {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .sm\:focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .sm\:focus\:ring-offset-4:focus {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .sm\:focus\:ring-offset-8:focus {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .sm\:ring-transparent {
+    --tw-ring-color: transparent;
+  }
+
+  .sm\:ring-current {
+    --tw-ring-color: currentColor;
+  }
+
+  .sm\:ring-black {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-white {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-gray-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-red-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-yellow-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-green-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-blue-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-indigo-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-purple-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-pink-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-transparent:focus-within {
+    --tw-ring-color: transparent;
+  }
+
+  .sm\:focus-within\:ring-current:focus-within {
+    --tw-ring-color: currentColor;
+  }
+
+  .sm\:focus-within\:ring-black:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-white:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-gray-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-red-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-yellow-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-green-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-blue-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-indigo-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-purple-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-pink-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-transparent:focus {
+    --tw-ring-color: transparent;
+  }
+
+  .sm\:focus\:ring-current:focus {
+    --tw-ring-color: currentColor;
+  }
+
+  .sm\:focus\:ring-black:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-white:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-gray-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-red-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-yellow-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-green-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-blue-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-indigo-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-purple-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-pink-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-opacity-0 {
+    --tw-ring-opacity: 0;
+  }
+
+  .sm\:ring-opacity-5 {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .sm\:ring-opacity-10 {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .sm\:ring-opacity-20 {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .sm\:ring-opacity-25 {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .sm\:ring-opacity-30 {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .sm\:ring-opacity-40 {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .sm\:ring-opacity-50 {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .sm\:ring-opacity-60 {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .sm\:ring-opacity-70 {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .sm\:ring-opacity-75 {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .sm\:ring-opacity-80 {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .sm\:ring-opacity-90 {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .sm\:ring-opacity-95 {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .sm\:ring-opacity-100 {
+    --tw-ring-opacity: 1;
+  }
+
+  .sm\:focus-within\:ring-opacity-0:focus-within {
+    --tw-ring-opacity: 0;
+  }
+
+  .sm\:focus-within\:ring-opacity-5:focus-within {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .sm\:focus-within\:ring-opacity-10:focus-within {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .sm\:focus-within\:ring-opacity-20:focus-within {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .sm\:focus-within\:ring-opacity-25:focus-within {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .sm\:focus-within\:ring-opacity-30:focus-within {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .sm\:focus-within\:ring-opacity-40:focus-within {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .sm\:focus-within\:ring-opacity-50:focus-within {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .sm\:focus-within\:ring-opacity-60:focus-within {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .sm\:focus-within\:ring-opacity-70:focus-within {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .sm\:focus-within\:ring-opacity-75:focus-within {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .sm\:focus-within\:ring-opacity-80:focus-within {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .sm\:focus-within\:ring-opacity-90:focus-within {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .sm\:focus-within\:ring-opacity-95:focus-within {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .sm\:focus-within\:ring-opacity-100:focus-within {
+    --tw-ring-opacity: 1;
+  }
+
+  .sm\:focus\:ring-opacity-0:focus {
+    --tw-ring-opacity: 0;
+  }
+
+  .sm\:focus\:ring-opacity-5:focus {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .sm\:focus\:ring-opacity-10:focus {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .sm\:focus\:ring-opacity-20:focus {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .sm\:focus\:ring-opacity-25:focus {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .sm\:focus\:ring-opacity-30:focus {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .sm\:focus\:ring-opacity-40:focus {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .sm\:focus\:ring-opacity-50:focus {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .sm\:focus\:ring-opacity-60:focus {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .sm\:focus\:ring-opacity-70:focus {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .sm\:focus\:ring-opacity-75:focus {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .sm\:focus\:ring-opacity-80:focus {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .sm\:focus\:ring-opacity-90:focus {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .sm\:focus\:ring-opacity-95:focus {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .sm\:focus\:ring-opacity-100:focus {
+    --tw-ring-opacity: 1;
+  }
+
+  .sm\:fill-current {
+    fill: currentColor;
+  }
+
+  .sm\:stroke-current {
+    stroke: currentColor;
+  }
+
+  .sm\:stroke-0 {
+    stroke-width: 0;
+  }
+
+  .sm\:stroke-1 {
+    stroke-width: 1;
+  }
+
+  .sm\:stroke-2 {
+    stroke-width: 2;
+  }
+
+  .sm\:table-auto {
+    table-layout: auto;
+  }
+
+  .sm\:table-fixed {
+    table-layout: fixed;
+  }
+
+  .sm\:text-left {
+    text-align: left;
+  }
+
+  .sm\:text-center {
+    text-align: center;
+  }
+
+  .sm\:text-right {
+    text-align: right;
+  }
+
+  .sm\:text-justify {
+    text-align: justify;
+  }
+
+  .sm\:text-transparent {
+    color: transparent;
+  }
+
+  .sm\:text-current {
+    color: currentColor;
+  }
+
+  .sm\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .sm\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .sm\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .sm\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .sm\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .sm\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .sm\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-transparent {
+    color: transparent;
+  }
+
+  .group:hover .sm\:group-hover\:text-current {
+    color: currentColor;
+  }
+
+  .group:hover .sm\:group-hover\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .sm\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .sm\:focus-within\:text-black:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-white:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-gray-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-red-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-yellow-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-green-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-blue-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-indigo-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-purple-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-pink-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .sm\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .sm\:hover\:text-black:hover {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-gray-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-red-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-yellow-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-green-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-blue-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-indigo-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-purple-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-pink-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .sm\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
+  .sm\:focus\:text-black:focus {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-white:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-gray-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-red-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-yellow-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-green-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-blue-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-indigo-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-purple-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-pink-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .sm\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .sm\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .sm\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .sm\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .sm\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .sm\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .sm\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .sm\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .sm\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .sm\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .sm\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .sm\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .sm\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .sm\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .sm\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .group:hover .sm\:group-hover\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .sm\:focus-within\:text-opacity-0:focus-within {
+    --tw-text-opacity: 0;
+  }
+
+  .sm\:focus-within\:text-opacity-5:focus-within {
+    --tw-text-opacity: 0.05;
+  }
+
+  .sm\:focus-within\:text-opacity-10:focus-within {
+    --tw-text-opacity: 0.1;
+  }
+
+  .sm\:focus-within\:text-opacity-20:focus-within {
+    --tw-text-opacity: 0.2;
+  }
+
+  .sm\:focus-within\:text-opacity-25:focus-within {
+    --tw-text-opacity: 0.25;
+  }
+
+  .sm\:focus-within\:text-opacity-30:focus-within {
+    --tw-text-opacity: 0.3;
+  }
+
+  .sm\:focus-within\:text-opacity-40:focus-within {
+    --tw-text-opacity: 0.4;
+  }
+
+  .sm\:focus-within\:text-opacity-50:focus-within {
+    --tw-text-opacity: 0.5;
+  }
+
+  .sm\:focus-within\:text-opacity-60:focus-within {
+    --tw-text-opacity: 0.6;
+  }
+
+  .sm\:focus-within\:text-opacity-70:focus-within {
+    --tw-text-opacity: 0.7;
+  }
+
+  .sm\:focus-within\:text-opacity-75:focus-within {
+    --tw-text-opacity: 0.75;
+  }
+
+  .sm\:focus-within\:text-opacity-80:focus-within {
+    --tw-text-opacity: 0.8;
+  }
+
+  .sm\:focus-within\:text-opacity-90:focus-within {
+    --tw-text-opacity: 0.9;
+  }
+
+  .sm\:focus-within\:text-opacity-95:focus-within {
+    --tw-text-opacity: 0.95;
+  }
+
+  .sm\:focus-within\:text-opacity-100:focus-within {
+    --tw-text-opacity: 1;
+  }
+
+  .sm\:hover\:text-opacity-0:hover {
+    --tw-text-opacity: 0;
+  }
+
+  .sm\:hover\:text-opacity-5:hover {
+    --tw-text-opacity: 0.05;
+  }
+
+  .sm\:hover\:text-opacity-10:hover {
+    --tw-text-opacity: 0.1;
+  }
+
+  .sm\:hover\:text-opacity-20:hover {
+    --tw-text-opacity: 0.2;
+  }
+
+  .sm\:hover\:text-opacity-25:hover {
+    --tw-text-opacity: 0.25;
+  }
+
+  .sm\:hover\:text-opacity-30:hover {
+    --tw-text-opacity: 0.3;
+  }
+
+  .sm\:hover\:text-opacity-40:hover {
+    --tw-text-opacity: 0.4;
+  }
+
+  .sm\:hover\:text-opacity-50:hover {
+    --tw-text-opacity: 0.5;
+  }
+
+  .sm\:hover\:text-opacity-60:hover {
+    --tw-text-opacity: 0.6;
+  }
+
+  .sm\:hover\:text-opacity-70:hover {
+    --tw-text-opacity: 0.7;
+  }
+
+  .sm\:hover\:text-opacity-75:hover {
+    --tw-text-opacity: 0.75;
+  }
+
+  .sm\:hover\:text-opacity-80:hover {
+    --tw-text-opacity: 0.8;
+  }
+
+  .sm\:hover\:text-opacity-90:hover {
+    --tw-text-opacity: 0.9;
+  }
+
+  .sm\:hover\:text-opacity-95:hover {
+    --tw-text-opacity: 0.95;
+  }
+
+  .sm\:hover\:text-opacity-100:hover {
+    --tw-text-opacity: 1;
+  }
+
+  .sm\:focus\:text-opacity-0:focus {
+    --tw-text-opacity: 0;
+  }
+
+  .sm\:focus\:text-opacity-5:focus {
+    --tw-text-opacity: 0.05;
+  }
+
+  .sm\:focus\:text-opacity-10:focus {
+    --tw-text-opacity: 0.1;
+  }
+
+  .sm\:focus\:text-opacity-20:focus {
+    --tw-text-opacity: 0.2;
+  }
+
+  .sm\:focus\:text-opacity-25:focus {
+    --tw-text-opacity: 0.25;
+  }
+
+  .sm\:focus\:text-opacity-30:focus {
+    --tw-text-opacity: 0.3;
+  }
+
+  .sm\:focus\:text-opacity-40:focus {
+    --tw-text-opacity: 0.4;
+  }
+
+  .sm\:focus\:text-opacity-50:focus {
+    --tw-text-opacity: 0.5;
+  }
+
+  .sm\:focus\:text-opacity-60:focus {
+    --tw-text-opacity: 0.6;
+  }
+
+  .sm\:focus\:text-opacity-70:focus {
+    --tw-text-opacity: 0.7;
+  }
+
+  .sm\:focus\:text-opacity-75:focus {
+    --tw-text-opacity: 0.75;
+  }
+
+  .sm\:focus\:text-opacity-80:focus {
+    --tw-text-opacity: 0.8;
+  }
+
+  .sm\:focus\:text-opacity-90:focus {
+    --tw-text-opacity: 0.9;
+  }
+
+  .sm\:focus\:text-opacity-95:focus {
+    --tw-text-opacity: 0.95;
+  }
+
+  .sm\:focus\:text-opacity-100:focus {
+    --tw-text-opacity: 1;
+  }
+
+  .sm\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .sm\:overflow-ellipsis {
+    text-overflow: ellipsis;
+  }
+
+  .sm\:overflow-clip {
+    text-overflow: clip;
+  }
+
+  .sm\:italic {
+    font-style: italic;
+  }
+
+  .sm\:not-italic {
+    font-style: normal;
+  }
+
+  .sm\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .sm\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .sm\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .sm\:normal-case {
+    text-transform: none;
+  }
+
+  .sm\:underline {
+    text-decoration: underline;
+  }
+
+  .sm\:line-through {
+    text-decoration: line-through;
+  }
+
+  .sm\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:hover .sm\:group-hover\:underline {
+    text-decoration: underline;
+  }
+
+  .group:hover .sm\:group-hover\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:hover .sm\:group-hover\:no-underline {
+    text-decoration: none;
+  }
+
+  .sm\:focus-within\:underline:focus-within {
+    text-decoration: underline;
+  }
+
+  .sm\:focus-within\:line-through:focus-within {
+    text-decoration: line-through;
+  }
+
+  .sm\:focus-within\:no-underline:focus-within {
+    text-decoration: none;
+  }
+
+  .sm\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .sm\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .sm\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .sm\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .sm\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .sm\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .sm\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .sm\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions {
+    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
+    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+  }
+
+  .sm\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .sm\:ordinal {
+    --tw-ordinal: ordinal;
+  }
+
+  .sm\:slashed-zero {
+    --tw-slashed-zero: slashed-zero;
+  }
+
+  .sm\:lining-nums {
+    --tw-numeric-figure: lining-nums;
+  }
+
+  .sm\:oldstyle-nums {
+    --tw-numeric-figure: oldstyle-nums;
+  }
+
+  .sm\:proportional-nums {
+    --tw-numeric-spacing: proportional-nums;
+  }
+
+  .sm\:tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+  }
+
+  .sm\:diagonal-fractions {
+    --tw-numeric-fraction: diagonal-fractions;
+  }
+
+  .sm\:stacked-fractions {
+    --tw-numeric-fraction: stacked-fractions;
+  }
+
+  .sm\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .sm\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .sm\:tracking-normal {
+    letter-spacing: 0em;
+  }
+
+  .sm\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .sm\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .sm\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .sm\:select-none {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+
+  .sm\:select-text {
+    -webkit-user-select: text;
+            user-select: text;
+  }
+
+  .sm\:select-all {
+    -webkit-user-select: all;
+            user-select: all;
+  }
+
+  .sm\:select-auto {
+    -webkit-user-select: auto;
+            user-select: auto;
+  }
+
+  .sm\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .sm\:align-top {
+    vertical-align: top;
+  }
+
+  .sm\:align-middle {
+    vertical-align: middle;
+  }
+
+  .sm\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .sm\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .sm\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .sm\:visible {
+    visibility: visible;
+  }
+
+  .sm\:invisible {
+    visibility: hidden;
+  }
+
+  .sm\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .sm\:whitespace-nowrap {
+    white-space: nowrap;
+  }
+
+  .sm\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .sm\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .sm\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .sm\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .sm\:break-words {
+    overflow-wrap: break-word;
+  }
+
+  .sm\:break-all {
+    word-break: break-all;
+  }
+
+  .sm\:w-0 {
+    width: 0px;
+  }
+
+  .sm\:w-1 {
+    width: 0.25rem;
+  }
+
+  .sm\:w-2 {
+    width: 0.5rem;
+  }
+
+  .sm\:w-3 {
+    width: 0.75rem;
+  }
+
+  .sm\:w-4 {
+    width: 1rem;
+  }
+
+  .sm\:w-5 {
+    width: 1.25rem;
+  }
+
+  .sm\:w-6 {
+    width: 1.5rem;
+  }
+
+  .sm\:w-7 {
+    width: 1.75rem;
+  }
+
+  .sm\:w-8 {
+    width: 2rem;
+  }
+
+  .sm\:w-9 {
+    width: 2.25rem;
+  }
+
+  .sm\:w-10 {
+    width: 2.5rem;
+  }
+
+  .sm\:w-11 {
+    width: 2.75rem;
+  }
+
+  .sm\:w-12 {
+    width: 3rem;
+  }
+
+  .sm\:w-14 {
+    width: 3.5rem;
+  }
+
+  .sm\:w-16 {
+    width: 4rem;
+  }
+
+  .sm\:w-20 {
+    width: 5rem;
+  }
+
+  .sm\:w-24 {
+    width: 6rem;
+  }
+
+  .sm\:w-28 {
+    width: 7rem;
+  }
+
+  .sm\:w-32 {
+    width: 8rem;
+  }
+
+  .sm\:w-36 {
+    width: 9rem;
+  }
+
+  .sm\:w-40 {
+    width: 10rem;
+  }
+
+  .sm\:w-44 {
+    width: 11rem;
+  }
+
+  .sm\:w-48 {
+    width: 12rem;
+  }
+
+  .sm\:w-52 {
+    width: 13rem;
+  }
+
+  .sm\:w-56 {
+    width: 14rem;
+  }
+
+  .sm\:w-60 {
+    width: 15rem;
+  }
+
+  .sm\:w-64 {
+    width: 16rem;
+  }
+
+  .sm\:w-72 {
+    width: 18rem;
+  }
+
+  .sm\:w-80 {
+    width: 20rem;
+  }
+
+  .sm\:w-96 {
+    width: 24rem;
+  }
+
+  .sm\:w-auto {
+    width: auto;
+  }
+
+  .sm\:w-px {
+    width: 1px;
+  }
+
+  .sm\:w-0\.5 {
+    width: 0.125rem;
+  }
+
+  .sm\:w-1\.5 {
+    width: 0.375rem;
+  }
+
+  .sm\:w-2\.5 {
+    width: 0.625rem;
+  }
+
+  .sm\:w-3\.5 {
+    width: 0.875rem;
+  }
+
+  .sm\:w-1\/2 {
+    width: 50%;
+  }
+
+  .sm\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .sm\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .sm\:w-1\/4 {
+    width: 25%;
+  }
+
+  .sm\:w-2\/4 {
+    width: 50%;
+  }
+
+  .sm\:w-3\/4 {
+    width: 75%;
+  }
+
+  .sm\:w-1\/5 {
+    width: 20%;
+  }
+
+  .sm\:w-2\/5 {
+    width: 40%;
+  }
+
+  .sm\:w-3\/5 {
+    width: 60%;
+  }
+
+  .sm\:w-4\/5 {
+    width: 80%;
+  }
+
+  .sm\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .sm\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .sm\:w-3\/6 {
+    width: 50%;
+  }
+
+  .sm\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .sm\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .sm\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .sm\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .sm\:w-3\/12 {
+    width: 25%;
+  }
+
+  .sm\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .sm\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .sm\:w-6\/12 {
+    width: 50%;
+  }
+
+  .sm\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .sm\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .sm\:w-9\/12 {
+    width: 75%;
+  }
+
+  .sm\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .sm\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .sm\:w-full {
+    width: 100%;
+  }
+
+  .sm\:w-screen {
+    width: 100vw;
+  }
+
+  .sm\:w-min {
+    width: -webkit-min-content;
+    width: min-content;
+  }
+
+  .sm\:w-max {
+    width: -webkit-max-content;
+    width: max-content;
+  }
+
+  .sm\:z-0 {
+    z-index: 0;
+  }
+
+  .sm\:z-10 {
+    z-index: 10;
+  }
+
+  .sm\:z-20 {
+    z-index: 20;
+  }
+
+  .sm\:z-30 {
+    z-index: 30;
+  }
+
+  .sm\:z-40 {
+    z-index: 40;
+  }
+
+  .sm\:z-50 {
+    z-index: 50;
+  }
+
+  .sm\:z-auto {
+    z-index: auto;
+  }
+
+  .sm\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .sm\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .sm\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .sm\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .sm\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .sm\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .sm\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
+  .sm\:focus\:z-0:focus {
+    z-index: 0;
+  }
+
+  .sm\:focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .sm\:focus\:z-20:focus {
+    z-index: 20;
+  }
+
+  .sm\:focus\:z-30:focus {
+    z-index: 30;
+  }
+
+  .sm\:focus\:z-40:focus {
+    z-index: 40;
+  }
+
+  .sm\:focus\:z-50:focus {
+    z-index: 50;
+  }
+
+  .sm\:focus\:z-auto:focus {
+    z-index: auto;
+  }
+
+  .sm\:gap-0 {
+    gap: 0px;
+  }
+
+  .sm\:gap-1 {
+    gap: 0.25rem;
+  }
+
+  .sm\:gap-2 {
+    gap: 0.5rem;
+  }
+
+  .sm\:gap-3 {
+    gap: 0.75rem;
+  }
+
+  .sm\:gap-4 {
+    gap: 1rem;
+  }
+
+  .sm\:gap-5 {
+    gap: 1.25rem;
+  }
+
+  .sm\:gap-6 {
+    gap: 1.5rem;
+  }
+
+  .sm\:gap-7 {
+    gap: 1.75rem;
+  }
+
+  .sm\:gap-8 {
+    gap: 2rem;
+  }
+
+  .sm\:gap-9 {
+    gap: 2.25rem;
+  }
+
+  .sm\:gap-10 {
+    gap: 2.5rem;
+  }
+
+  .sm\:gap-11 {
+    gap: 2.75rem;
+  }
+
+  .sm\:gap-12 {
+    gap: 3rem;
+  }
+
+  .sm\:gap-14 {
+    gap: 3.5rem;
+  }
+
+  .sm\:gap-16 {
+    gap: 4rem;
+  }
+
+  .sm\:gap-20 {
+    gap: 5rem;
+  }
+
+  .sm\:gap-24 {
+    gap: 6rem;
+  }
+
+  .sm\:gap-28 {
+    gap: 7rem;
+  }
+
+  .sm\:gap-32 {
+    gap: 8rem;
+  }
+
+  .sm\:gap-36 {
+    gap: 9rem;
+  }
+
+  .sm\:gap-40 {
+    gap: 10rem;
+  }
+
+  .sm\:gap-44 {
+    gap: 11rem;
+  }
+
+  .sm\:gap-48 {
+    gap: 12rem;
+  }
+
+  .sm\:gap-52 {
+    gap: 13rem;
+  }
+
+  .sm\:gap-56 {
+    gap: 14rem;
+  }
+
+  .sm\:gap-60 {
+    gap: 15rem;
+  }
+
+  .sm\:gap-64 {
+    gap: 16rem;
+  }
+
+  .sm\:gap-72 {
+    gap: 18rem;
+  }
+
+  .sm\:gap-80 {
+    gap: 20rem;
+  }
+
+  .sm\:gap-96 {
+    gap: 24rem;
+  }
+
+  .sm\:gap-px {
+    gap: 1px;
+  }
+
+  .sm\:gap-0\.5 {
+    gap: 0.125rem;
+  }
+
+  .sm\:gap-1\.5 {
+    gap: 0.375rem;
+  }
+
+  .sm\:gap-2\.5 {
+    gap: 0.625rem;
+  }
+
+  .sm\:gap-3\.5 {
+    gap: 0.875rem;
+  }
+
+  .sm\:gap-x-0 {
+    column-gap: 0px;
+  }
+
+  .sm\:gap-x-1 {
+    column-gap: 0.25rem;
+  }
+
+  .sm\:gap-x-2 {
+    column-gap: 0.5rem;
+  }
+
+  .sm\:gap-x-3 {
+    column-gap: 0.75rem;
+  }
+
+  .sm\:gap-x-4 {
+    column-gap: 1rem;
+  }
+
+  .sm\:gap-x-5 {
+    column-gap: 1.25rem;
+  }
+
+  .sm\:gap-x-6 {
+    column-gap: 1.5rem;
+  }
+
+  .sm\:gap-x-7 {
+    column-gap: 1.75rem;
+  }
+
+  .sm\:gap-x-8 {
+    column-gap: 2rem;
+  }
+
+  .sm\:gap-x-9 {
+    column-gap: 2.25rem;
+  }
+
+  .sm\:gap-x-10 {
+    column-gap: 2.5rem;
+  }
+
+  .sm\:gap-x-11 {
+    column-gap: 2.75rem;
+  }
+
+  .sm\:gap-x-12 {
+    column-gap: 3rem;
+  }
+
+  .sm\:gap-x-14 {
+    column-gap: 3.5rem;
+  }
+
+  .sm\:gap-x-16 {
+    column-gap: 4rem;
+  }
+
+  .sm\:gap-x-20 {
+    column-gap: 5rem;
+  }
+
+  .sm\:gap-x-24 {
+    column-gap: 6rem;
+  }
+
+  .sm\:gap-x-28 {
+    column-gap: 7rem;
+  }
+
+  .sm\:gap-x-32 {
+    column-gap: 8rem;
+  }
+
+  .sm\:gap-x-36 {
+    column-gap: 9rem;
+  }
+
+  .sm\:gap-x-40 {
+    column-gap: 10rem;
+  }
+
+  .sm\:gap-x-44 {
+    column-gap: 11rem;
+  }
+
+  .sm\:gap-x-48 {
+    column-gap: 12rem;
+  }
+
+  .sm\:gap-x-52 {
+    column-gap: 13rem;
+  }
+
+  .sm\:gap-x-56 {
+    column-gap: 14rem;
+  }
+
+  .sm\:gap-x-60 {
+    column-gap: 15rem;
+  }
+
+  .sm\:gap-x-64 {
+    column-gap: 16rem;
+  }
+
+  .sm\:gap-x-72 {
+    column-gap: 18rem;
+  }
+
+  .sm\:gap-x-80 {
+    column-gap: 20rem;
+  }
+
+  .sm\:gap-x-96 {
+    column-gap: 24rem;
+  }
+
+  .sm\:gap-x-px {
+    column-gap: 1px;
+  }
+
+  .sm\:gap-x-0\.5 {
+    column-gap: 0.125rem;
+  }
+
+  .sm\:gap-x-1\.5 {
+    column-gap: 0.375rem;
+  }
+
+  .sm\:gap-x-2\.5 {
+    column-gap: 0.625rem;
+  }
+
+  .sm\:gap-x-3\.5 {
+    column-gap: 0.875rem;
+  }
+
+  .sm\:gap-y-0 {
+    row-gap: 0px;
+  }
+
+  .sm\:gap-y-1 {
+    row-gap: 0.25rem;
+  }
+
+  .sm\:gap-y-2 {
+    row-gap: 0.5rem;
+  }
+
+  .sm\:gap-y-3 {
+    row-gap: 0.75rem;
+  }
+
+  .sm\:gap-y-4 {
+    row-gap: 1rem;
+  }
+
+  .sm\:gap-y-5 {
+    row-gap: 1.25rem;
+  }
+
+  .sm\:gap-y-6 {
+    row-gap: 1.5rem;
+  }
+
+  .sm\:gap-y-7 {
+    row-gap: 1.75rem;
+  }
+
+  .sm\:gap-y-8 {
+    row-gap: 2rem;
+  }
+
+  .sm\:gap-y-9 {
+    row-gap: 2.25rem;
+  }
+
+  .sm\:gap-y-10 {
+    row-gap: 2.5rem;
+  }
+
+  .sm\:gap-y-11 {
+    row-gap: 2.75rem;
+  }
+
+  .sm\:gap-y-12 {
+    row-gap: 3rem;
+  }
+
+  .sm\:gap-y-14 {
+    row-gap: 3.5rem;
+  }
+
+  .sm\:gap-y-16 {
+    row-gap: 4rem;
+  }
+
+  .sm\:gap-y-20 {
+    row-gap: 5rem;
+  }
+
+  .sm\:gap-y-24 {
+    row-gap: 6rem;
+  }
+
+  .sm\:gap-y-28 {
+    row-gap: 7rem;
+  }
+
+  .sm\:gap-y-32 {
+    row-gap: 8rem;
+  }
+
+  .sm\:gap-y-36 {
+    row-gap: 9rem;
+  }
+
+  .sm\:gap-y-40 {
+    row-gap: 10rem;
+  }
+
+  .sm\:gap-y-44 {
+    row-gap: 11rem;
+  }
+
+  .sm\:gap-y-48 {
+    row-gap: 12rem;
+  }
+
+  .sm\:gap-y-52 {
+    row-gap: 13rem;
+  }
+
+  .sm\:gap-y-56 {
+    row-gap: 14rem;
+  }
+
+  .sm\:gap-y-60 {
+    row-gap: 15rem;
+  }
+
+  .sm\:gap-y-64 {
+    row-gap: 16rem;
+  }
+
+  .sm\:gap-y-72 {
+    row-gap: 18rem;
+  }
+
+  .sm\:gap-y-80 {
+    row-gap: 20rem;
+  }
+
+  .sm\:gap-y-96 {
+    row-gap: 24rem;
+  }
+
+  .sm\:gap-y-px {
+    row-gap: 1px;
+  }
+
+  .sm\:gap-y-0\.5 {
+    row-gap: 0.125rem;
+  }
+
+  .sm\:gap-y-1\.5 {
+    row-gap: 0.375rem;
+  }
+
+  .sm\:gap-y-2\.5 {
+    row-gap: 0.625rem;
+  }
+
+  .sm\:gap-y-3\.5 {
+    row-gap: 0.875rem;
+  }
+
+  .sm\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .sm\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .sm\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .sm\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .sm\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .sm\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .sm\:auto-cols-min {
+    grid-auto-columns: -webkit-min-content;
+    grid-auto-columns: min-content;
+  }
+
+  .sm\:auto-cols-max {
+    grid-auto-columns: -webkit-max-content;
+    grid-auto-columns: max-content;
+  }
+
+  .sm\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .sm\:col-auto {
+    grid-column: auto;
+  }
+
+  .sm\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .sm\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .sm\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .sm\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .sm\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .sm\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .sm\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .sm\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .sm\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .sm\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .sm\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .sm\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .sm\:col-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .sm\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .sm\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .sm\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .sm\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .sm\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .sm\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .sm\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .sm\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .sm\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .sm\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .sm\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .sm\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .sm\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .sm\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .sm\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .sm\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .sm\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .sm\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .sm\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .sm\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .sm\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .sm\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .sm\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .sm\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .sm\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .sm\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .sm\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .sm\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .sm\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .sm\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .sm\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .sm\:auto-rows-min {
+    grid-auto-rows: -webkit-min-content;
+    grid-auto-rows: min-content;
+  }
+
+  .sm\:auto-rows-max {
+    grid-auto-rows: -webkit-max-content;
+    grid-auto-rows: max-content;
+  }
+
+  .sm\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .sm\:row-auto {
+    grid-row: auto;
+  }
+
+  .sm\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .sm\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .sm\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .sm\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .sm\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .sm\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .sm\:row-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .sm\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .sm\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .sm\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .sm\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .sm\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .sm\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .sm\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .sm\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .sm\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .sm\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .sm\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .sm\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .sm\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .sm\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .sm\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .sm\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .sm\:transform {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .sm\:transform-gpu {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .sm\:transform-none {
+    transform: none;
+  }
+
+  .sm\:origin-center {
+    transform-origin: center;
+  }
+
+  .sm\:origin-top {
+    transform-origin: top;
+  }
+
+  .sm\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .sm\:origin-right {
+    transform-origin: right;
+  }
+
+  .sm\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .sm\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .sm\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .sm\:origin-left {
+    transform-origin: left;
+  }
+
+  .sm\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .sm\:scale-0 {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .sm\:scale-50 {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .sm\:scale-75 {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .sm\:scale-90 {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .sm\:scale-95 {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .sm\:scale-100 {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .sm\:scale-105 {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .sm\:scale-110 {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .sm\:scale-125 {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .sm\:scale-150 {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .sm\:scale-x-0 {
+    --tw-scale-x: 0;
+  }
+
+  .sm\:scale-x-50 {
+    --tw-scale-x: .5;
+  }
+
+  .sm\:scale-x-75 {
+    --tw-scale-x: .75;
+  }
+
+  .sm\:scale-x-90 {
+    --tw-scale-x: .9;
+  }
+
+  .sm\:scale-x-95 {
+    --tw-scale-x: .95;
+  }
+
+  .sm\:scale-x-100 {
+    --tw-scale-x: 1;
+  }
+
+  .sm\:scale-x-105 {
+    --tw-scale-x: 1.05;
+  }
+
+  .sm\:scale-x-110 {
+    --tw-scale-x: 1.1;
+  }
+
+  .sm\:scale-x-125 {
+    --tw-scale-x: 1.25;
+  }
+
+  .sm\:scale-x-150 {
+    --tw-scale-x: 1.5;
+  }
+
+  .sm\:scale-y-0 {
+    --tw-scale-y: 0;
+  }
+
+  .sm\:scale-y-50 {
+    --tw-scale-y: .5;
+  }
+
+  .sm\:scale-y-75 {
+    --tw-scale-y: .75;
+  }
+
+  .sm\:scale-y-90 {
+    --tw-scale-y: .9;
+  }
+
+  .sm\:scale-y-95 {
+    --tw-scale-y: .95;
+  }
+
+  .sm\:scale-y-100 {
+    --tw-scale-y: 1;
+  }
+
+  .sm\:scale-y-105 {
+    --tw-scale-y: 1.05;
+  }
+
+  .sm\:scale-y-110 {
+    --tw-scale-y: 1.1;
+  }
+
+  .sm\:scale-y-125 {
+    --tw-scale-y: 1.25;
+  }
+
+  .sm\:scale-y-150 {
+    --tw-scale-y: 1.5;
+  }
+
+  .sm\:hover\:scale-0:hover {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .sm\:hover\:scale-50:hover {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .sm\:hover\:scale-75:hover {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .sm\:hover\:scale-90:hover {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .sm\:hover\:scale-95:hover {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .sm\:hover\:scale-100:hover {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .sm\:hover\:scale-105:hover {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .sm\:hover\:scale-110:hover {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .sm\:hover\:scale-125:hover {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .sm\:hover\:scale-150:hover {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .sm\:hover\:scale-x-0:hover {
+    --tw-scale-x: 0;
+  }
+
+  .sm\:hover\:scale-x-50:hover {
+    --tw-scale-x: .5;
+  }
+
+  .sm\:hover\:scale-x-75:hover {
+    --tw-scale-x: .75;
+  }
+
+  .sm\:hover\:scale-x-90:hover {
+    --tw-scale-x: .9;
+  }
+
+  .sm\:hover\:scale-x-95:hover {
+    --tw-scale-x: .95;
+  }
+
+  .sm\:hover\:scale-x-100:hover {
+    --tw-scale-x: 1;
+  }
+
+  .sm\:hover\:scale-x-105:hover {
+    --tw-scale-x: 1.05;
+  }
+
+  .sm\:hover\:scale-x-110:hover {
+    --tw-scale-x: 1.1;
+  }
+
+  .sm\:hover\:scale-x-125:hover {
+    --tw-scale-x: 1.25;
+  }
+
+  .sm\:hover\:scale-x-150:hover {
+    --tw-scale-x: 1.5;
+  }
+
+  .sm\:hover\:scale-y-0:hover {
+    --tw-scale-y: 0;
+  }
+
+  .sm\:hover\:scale-y-50:hover {
+    --tw-scale-y: .5;
+  }
+
+  .sm\:hover\:scale-y-75:hover {
+    --tw-scale-y: .75;
+  }
+
+  .sm\:hover\:scale-y-90:hover {
+    --tw-scale-y: .9;
+  }
+
+  .sm\:hover\:scale-y-95:hover {
+    --tw-scale-y: .95;
+  }
+
+  .sm\:hover\:scale-y-100:hover {
+    --tw-scale-y: 1;
+  }
+
+  .sm\:hover\:scale-y-105:hover {
+    --tw-scale-y: 1.05;
+  }
+
+  .sm\:hover\:scale-y-110:hover {
+    --tw-scale-y: 1.1;
+  }
+
+  .sm\:hover\:scale-y-125:hover {
+    --tw-scale-y: 1.25;
+  }
+
+  .sm\:hover\:scale-y-150:hover {
+    --tw-scale-y: 1.5;
+  }
+
+  .sm\:focus\:scale-0:focus {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .sm\:focus\:scale-50:focus {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .sm\:focus\:scale-75:focus {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .sm\:focus\:scale-90:focus {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .sm\:focus\:scale-95:focus {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .sm\:focus\:scale-100:focus {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .sm\:focus\:scale-105:focus {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .sm\:focus\:scale-110:focus {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .sm\:focus\:scale-125:focus {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .sm\:focus\:scale-150:focus {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .sm\:focus\:scale-x-0:focus {
+    --tw-scale-x: 0;
+  }
+
+  .sm\:focus\:scale-x-50:focus {
+    --tw-scale-x: .5;
+  }
+
+  .sm\:focus\:scale-x-75:focus {
+    --tw-scale-x: .75;
+  }
+
+  .sm\:focus\:scale-x-90:focus {
+    --tw-scale-x: .9;
+  }
+
+  .sm\:focus\:scale-x-95:focus {
+    --tw-scale-x: .95;
+  }
+
+  .sm\:focus\:scale-x-100:focus {
+    --tw-scale-x: 1;
+  }
+
+  .sm\:focus\:scale-x-105:focus {
+    --tw-scale-x: 1.05;
+  }
+
+  .sm\:focus\:scale-x-110:focus {
+    --tw-scale-x: 1.1;
+  }
+
+  .sm\:focus\:scale-x-125:focus {
+    --tw-scale-x: 1.25;
+  }
+
+  .sm\:focus\:scale-x-150:focus {
+    --tw-scale-x: 1.5;
+  }
+
+  .sm\:focus\:scale-y-0:focus {
+    --tw-scale-y: 0;
+  }
+
+  .sm\:focus\:scale-y-50:focus {
+    --tw-scale-y: .5;
+  }
+
+  .sm\:focus\:scale-y-75:focus {
+    --tw-scale-y: .75;
+  }
+
+  .sm\:focus\:scale-y-90:focus {
+    --tw-scale-y: .9;
+  }
+
+  .sm\:focus\:scale-y-95:focus {
+    --tw-scale-y: .95;
+  }
+
+  .sm\:focus\:scale-y-100:focus {
+    --tw-scale-y: 1;
+  }
+
+  .sm\:focus\:scale-y-105:focus {
+    --tw-scale-y: 1.05;
+  }
+
+  .sm\:focus\:scale-y-110:focus {
+    --tw-scale-y: 1.1;
+  }
+
+  .sm\:focus\:scale-y-125:focus {
+    --tw-scale-y: 1.25;
+  }
+
+  .sm\:focus\:scale-y-150:focus {
+    --tw-scale-y: 1.5;
+  }
+
+  .sm\:rotate-0 {
+    --tw-rotate: 0deg;
+  }
+
+  .sm\:rotate-1 {
+    --tw-rotate: 1deg;
+  }
+
+  .sm\:rotate-2 {
+    --tw-rotate: 2deg;
+  }
+
+  .sm\:rotate-3 {
+    --tw-rotate: 3deg;
+  }
+
+  .sm\:rotate-6 {
+    --tw-rotate: 6deg;
+  }
+
+  .sm\:rotate-12 {
+    --tw-rotate: 12deg;
+  }
+
+  .sm\:rotate-45 {
+    --tw-rotate: 45deg;
+  }
+
+  .sm\:rotate-90 {
+    --tw-rotate: 90deg;
+  }
+
+  .sm\:rotate-180 {
+    --tw-rotate: 180deg;
+  }
+
+  .sm\:-rotate-180 {
+    --tw-rotate: -180deg;
+  }
+
+  .sm\:-rotate-90 {
+    --tw-rotate: -90deg;
+  }
+
+  .sm\:-rotate-45 {
+    --tw-rotate: -45deg;
+  }
+
+  .sm\:-rotate-12 {
+    --tw-rotate: -12deg;
+  }
+
+  .sm\:-rotate-6 {
+    --tw-rotate: -6deg;
+  }
+
+  .sm\:-rotate-3 {
+    --tw-rotate: -3deg;
+  }
+
+  .sm\:-rotate-2 {
+    --tw-rotate: -2deg;
+  }
+
+  .sm\:-rotate-1 {
+    --tw-rotate: -1deg;
+  }
+
+  .sm\:hover\:rotate-0:hover {
+    --tw-rotate: 0deg;
+  }
+
+  .sm\:hover\:rotate-1:hover {
+    --tw-rotate: 1deg;
+  }
+
+  .sm\:hover\:rotate-2:hover {
+    --tw-rotate: 2deg;
+  }
+
+  .sm\:hover\:rotate-3:hover {
+    --tw-rotate: 3deg;
+  }
+
+  .sm\:hover\:rotate-6:hover {
+    --tw-rotate: 6deg;
+  }
+
+  .sm\:hover\:rotate-12:hover {
+    --tw-rotate: 12deg;
+  }
+
+  .sm\:hover\:rotate-45:hover {
+    --tw-rotate: 45deg;
+  }
+
+  .sm\:hover\:rotate-90:hover {
+    --tw-rotate: 90deg;
+  }
+
+  .sm\:hover\:rotate-180:hover {
+    --tw-rotate: 180deg;
+  }
+
+  .sm\:hover\:-rotate-180:hover {
+    --tw-rotate: -180deg;
+  }
+
+  .sm\:hover\:-rotate-90:hover {
+    --tw-rotate: -90deg;
+  }
+
+  .sm\:hover\:-rotate-45:hover {
+    --tw-rotate: -45deg;
+  }
+
+  .sm\:hover\:-rotate-12:hover {
+    --tw-rotate: -12deg;
+  }
+
+  .sm\:hover\:-rotate-6:hover {
+    --tw-rotate: -6deg;
+  }
+
+  .sm\:hover\:-rotate-3:hover {
+    --tw-rotate: -3deg;
+  }
+
+  .sm\:hover\:-rotate-2:hover {
+    --tw-rotate: -2deg;
+  }
+
+  .sm\:hover\:-rotate-1:hover {
+    --tw-rotate: -1deg;
+  }
+
+  .sm\:focus\:rotate-0:focus {
+    --tw-rotate: 0deg;
+  }
+
+  .sm\:focus\:rotate-1:focus {
+    --tw-rotate: 1deg;
+  }
+
+  .sm\:focus\:rotate-2:focus {
+    --tw-rotate: 2deg;
+  }
+
+  .sm\:focus\:rotate-3:focus {
+    --tw-rotate: 3deg;
+  }
+
+  .sm\:focus\:rotate-6:focus {
+    --tw-rotate: 6deg;
+  }
+
+  .sm\:focus\:rotate-12:focus {
+    --tw-rotate: 12deg;
+  }
+
+  .sm\:focus\:rotate-45:focus {
+    --tw-rotate: 45deg;
+  }
+
+  .sm\:focus\:rotate-90:focus {
+    --tw-rotate: 90deg;
+  }
+
+  .sm\:focus\:rotate-180:focus {
+    --tw-rotate: 180deg;
+  }
+
+  .sm\:focus\:-rotate-180:focus {
+    --tw-rotate: -180deg;
+  }
+
+  .sm\:focus\:-rotate-90:focus {
+    --tw-rotate: -90deg;
+  }
+
+  .sm\:focus\:-rotate-45:focus {
+    --tw-rotate: -45deg;
+  }
+
+  .sm\:focus\:-rotate-12:focus {
+    --tw-rotate: -12deg;
+  }
+
+  .sm\:focus\:-rotate-6:focus {
+    --tw-rotate: -6deg;
+  }
+
+  .sm\:focus\:-rotate-3:focus {
+    --tw-rotate: -3deg;
+  }
+
+  .sm\:focus\:-rotate-2:focus {
+    --tw-rotate: -2deg;
+  }
+
+  .sm\:focus\:-rotate-1:focus {
+    --tw-rotate: -1deg;
+  }
+
+  .sm\:translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .sm\:translate-x-1 {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .sm\:translate-x-2 {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .sm\:translate-x-3 {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .sm\:translate-x-4 {
+    --tw-translate-x: 1rem;
+  }
+
+  .sm\:translate-x-5 {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .sm\:translate-x-6 {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .sm\:translate-x-7 {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .sm\:translate-x-8 {
+    --tw-translate-x: 2rem;
+  }
+
+  .sm\:translate-x-9 {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .sm\:translate-x-10 {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .sm\:translate-x-11 {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .sm\:translate-x-12 {
+    --tw-translate-x: 3rem;
+  }
+
+  .sm\:translate-x-14 {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .sm\:translate-x-16 {
+    --tw-translate-x: 4rem;
+  }
+
+  .sm\:translate-x-20 {
+    --tw-translate-x: 5rem;
+  }
+
+  .sm\:translate-x-24 {
+    --tw-translate-x: 6rem;
+  }
+
+  .sm\:translate-x-28 {
+    --tw-translate-x: 7rem;
+  }
+
+  .sm\:translate-x-32 {
+    --tw-translate-x: 8rem;
+  }
+
+  .sm\:translate-x-36 {
+    --tw-translate-x: 9rem;
+  }
+
+  .sm\:translate-x-40 {
+    --tw-translate-x: 10rem;
+  }
+
+  .sm\:translate-x-44 {
+    --tw-translate-x: 11rem;
+  }
+
+  .sm\:translate-x-48 {
+    --tw-translate-x: 12rem;
+  }
+
+  .sm\:translate-x-52 {
+    --tw-translate-x: 13rem;
+  }
+
+  .sm\:translate-x-56 {
+    --tw-translate-x: 14rem;
+  }
+
+  .sm\:translate-x-60 {
+    --tw-translate-x: 15rem;
+  }
+
+  .sm\:translate-x-64 {
+    --tw-translate-x: 16rem;
+  }
+
+  .sm\:translate-x-72 {
+    --tw-translate-x: 18rem;
+  }
+
+  .sm\:translate-x-80 {
+    --tw-translate-x: 20rem;
+  }
+
+  .sm\:translate-x-96 {
+    --tw-translate-x: 24rem;
+  }
+
+  .sm\:translate-x-px {
+    --tw-translate-x: 1px;
+  }
+
+  .sm\:translate-x-0\.5 {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .sm\:translate-x-1\.5 {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .sm\:translate-x-2\.5 {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .sm\:translate-x-3\.5 {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .sm\:-translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .sm\:-translate-x-1 {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .sm\:-translate-x-2 {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .sm\:-translate-x-3 {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .sm\:-translate-x-4 {
+    --tw-translate-x: -1rem;
+  }
+
+  .sm\:-translate-x-5 {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .sm\:-translate-x-6 {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .sm\:-translate-x-7 {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .sm\:-translate-x-8 {
+    --tw-translate-x: -2rem;
+  }
+
+  .sm\:-translate-x-9 {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .sm\:-translate-x-10 {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .sm\:-translate-x-11 {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .sm\:-translate-x-12 {
+    --tw-translate-x: -3rem;
+  }
+
+  .sm\:-translate-x-14 {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .sm\:-translate-x-16 {
+    --tw-translate-x: -4rem;
+  }
+
+  .sm\:-translate-x-20 {
+    --tw-translate-x: -5rem;
+  }
+
+  .sm\:-translate-x-24 {
+    --tw-translate-x: -6rem;
+  }
+
+  .sm\:-translate-x-28 {
+    --tw-translate-x: -7rem;
+  }
+
+  .sm\:-translate-x-32 {
+    --tw-translate-x: -8rem;
+  }
+
+  .sm\:-translate-x-36 {
+    --tw-translate-x: -9rem;
+  }
+
+  .sm\:-translate-x-40 {
+    --tw-translate-x: -10rem;
+  }
+
+  .sm\:-translate-x-44 {
+    --tw-translate-x: -11rem;
+  }
+
+  .sm\:-translate-x-48 {
+    --tw-translate-x: -12rem;
+  }
+
+  .sm\:-translate-x-52 {
+    --tw-translate-x: -13rem;
+  }
+
+  .sm\:-translate-x-56 {
+    --tw-translate-x: -14rem;
+  }
+
+  .sm\:-translate-x-60 {
+    --tw-translate-x: -15rem;
+  }
+
+  .sm\:-translate-x-64 {
+    --tw-translate-x: -16rem;
+  }
+
+  .sm\:-translate-x-72 {
+    --tw-translate-x: -18rem;
+  }
+
+  .sm\:-translate-x-80 {
+    --tw-translate-x: -20rem;
+  }
+
+  .sm\:-translate-x-96 {
+    --tw-translate-x: -24rem;
+  }
+
+  .sm\:-translate-x-px {
+    --tw-translate-x: -1px;
+  }
+
+  .sm\:-translate-x-0\.5 {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .sm\:-translate-x-1\.5 {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .sm\:-translate-x-2\.5 {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .sm\:-translate-x-3\.5 {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .sm\:translate-x-1\/2 {
+    --tw-translate-x: 50%;
+  }
+
+  .sm\:translate-x-1\/3 {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .sm\:translate-x-2\/3 {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .sm\:translate-x-1\/4 {
+    --tw-translate-x: 25%;
+  }
+
+  .sm\:translate-x-2\/4 {
+    --tw-translate-x: 50%;
+  }
+
+  .sm\:translate-x-3\/4 {
+    --tw-translate-x: 75%;
+  }
+
+  .sm\:translate-x-full {
+    --tw-translate-x: 100%;
+  }
+
+  .sm\:-translate-x-1\/2 {
+    --tw-translate-x: -50%;
+  }
+
+  .sm\:-translate-x-1\/3 {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .sm\:-translate-x-2\/3 {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .sm\:-translate-x-1\/4 {
+    --tw-translate-x: -25%;
+  }
+
+  .sm\:-translate-x-2\/4 {
+    --tw-translate-x: -50%;
+  }
+
+  .sm\:-translate-x-3\/4 {
+    --tw-translate-x: -75%;
+  }
+
+  .sm\:-translate-x-full {
+    --tw-translate-x: -100%;
+  }
+
+  .sm\:translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .sm\:translate-y-1 {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .sm\:translate-y-2 {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .sm\:translate-y-3 {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .sm\:translate-y-4 {
+    --tw-translate-y: 1rem;
+  }
+
+  .sm\:translate-y-5 {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .sm\:translate-y-6 {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .sm\:translate-y-7 {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .sm\:translate-y-8 {
+    --tw-translate-y: 2rem;
+  }
+
+  .sm\:translate-y-9 {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .sm\:translate-y-10 {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .sm\:translate-y-11 {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .sm\:translate-y-12 {
+    --tw-translate-y: 3rem;
+  }
+
+  .sm\:translate-y-14 {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .sm\:translate-y-16 {
+    --tw-translate-y: 4rem;
+  }
+
+  .sm\:translate-y-20 {
+    --tw-translate-y: 5rem;
+  }
+
+  .sm\:translate-y-24 {
+    --tw-translate-y: 6rem;
+  }
+
+  .sm\:translate-y-28 {
+    --tw-translate-y: 7rem;
+  }
+
+  .sm\:translate-y-32 {
+    --tw-translate-y: 8rem;
+  }
+
+  .sm\:translate-y-36 {
+    --tw-translate-y: 9rem;
+  }
+
+  .sm\:translate-y-40 {
+    --tw-translate-y: 10rem;
+  }
+
+  .sm\:translate-y-44 {
+    --tw-translate-y: 11rem;
+  }
+
+  .sm\:translate-y-48 {
+    --tw-translate-y: 12rem;
+  }
+
+  .sm\:translate-y-52 {
+    --tw-translate-y: 13rem;
+  }
+
+  .sm\:translate-y-56 {
+    --tw-translate-y: 14rem;
+  }
+
+  .sm\:translate-y-60 {
+    --tw-translate-y: 15rem;
+  }
+
+  .sm\:translate-y-64 {
+    --tw-translate-y: 16rem;
+  }
+
+  .sm\:translate-y-72 {
+    --tw-translate-y: 18rem;
+  }
+
+  .sm\:translate-y-80 {
+    --tw-translate-y: 20rem;
+  }
+
+  .sm\:translate-y-96 {
+    --tw-translate-y: 24rem;
+  }
+
+  .sm\:translate-y-px {
+    --tw-translate-y: 1px;
+  }
+
+  .sm\:translate-y-0\.5 {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .sm\:translate-y-1\.5 {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .sm\:translate-y-2\.5 {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .sm\:translate-y-3\.5 {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .sm\:-translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .sm\:-translate-y-1 {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .sm\:-translate-y-2 {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .sm\:-translate-y-3 {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .sm\:-translate-y-4 {
+    --tw-translate-y: -1rem;
+  }
+
+  .sm\:-translate-y-5 {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .sm\:-translate-y-6 {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .sm\:-translate-y-7 {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .sm\:-translate-y-8 {
+    --tw-translate-y: -2rem;
+  }
+
+  .sm\:-translate-y-9 {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .sm\:-translate-y-10 {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .sm\:-translate-y-11 {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .sm\:-translate-y-12 {
+    --tw-translate-y: -3rem;
+  }
+
+  .sm\:-translate-y-14 {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .sm\:-translate-y-16 {
+    --tw-translate-y: -4rem;
+  }
+
+  .sm\:-translate-y-20 {
+    --tw-translate-y: -5rem;
+  }
+
+  .sm\:-translate-y-24 {
+    --tw-translate-y: -6rem;
+  }
+
+  .sm\:-translate-y-28 {
+    --tw-translate-y: -7rem;
+  }
+
+  .sm\:-translate-y-32 {
+    --tw-translate-y: -8rem;
+  }
+
+  .sm\:-translate-y-36 {
+    --tw-translate-y: -9rem;
+  }
+
+  .sm\:-translate-y-40 {
+    --tw-translate-y: -10rem;
+  }
+
+  .sm\:-translate-y-44 {
+    --tw-translate-y: -11rem;
+  }
+
+  .sm\:-translate-y-48 {
+    --tw-translate-y: -12rem;
+  }
+
+  .sm\:-translate-y-52 {
+    --tw-translate-y: -13rem;
+  }
+
+  .sm\:-translate-y-56 {
+    --tw-translate-y: -14rem;
+  }
+
+  .sm\:-translate-y-60 {
+    --tw-translate-y: -15rem;
+  }
+
+  .sm\:-translate-y-64 {
+    --tw-translate-y: -16rem;
+  }
+
+  .sm\:-translate-y-72 {
+    --tw-translate-y: -18rem;
+  }
+
+  .sm\:-translate-y-80 {
+    --tw-translate-y: -20rem;
+  }
+
+  .sm\:-translate-y-96 {
+    --tw-translate-y: -24rem;
+  }
+
+  .sm\:-translate-y-px {
+    --tw-translate-y: -1px;
+  }
+
+  .sm\:-translate-y-0\.5 {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .sm\:-translate-y-1\.5 {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .sm\:-translate-y-2\.5 {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .sm\:-translate-y-3\.5 {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .sm\:translate-y-1\/2 {
+    --tw-translate-y: 50%;
+  }
+
+  .sm\:translate-y-1\/3 {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .sm\:translate-y-2\/3 {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .sm\:translate-y-1\/4 {
+    --tw-translate-y: 25%;
+  }
+
+  .sm\:translate-y-2\/4 {
+    --tw-translate-y: 50%;
+  }
+
+  .sm\:translate-y-3\/4 {
+    --tw-translate-y: 75%;
+  }
+
+  .sm\:translate-y-full {
+    --tw-translate-y: 100%;
+  }
+
+  .sm\:-translate-y-1\/2 {
+    --tw-translate-y: -50%;
+  }
+
+  .sm\:-translate-y-1\/3 {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .sm\:-translate-y-2\/3 {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .sm\:-translate-y-1\/4 {
+    --tw-translate-y: -25%;
+  }
+
+  .sm\:-translate-y-2\/4 {
+    --tw-translate-y: -50%;
+  }
+
+  .sm\:-translate-y-3\/4 {
+    --tw-translate-y: -75%;
+  }
+
+  .sm\:-translate-y-full {
+    --tw-translate-y: -100%;
+  }
+
+  .sm\:hover\:translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .sm\:hover\:translate-x-1:hover {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .sm\:hover\:translate-x-2:hover {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .sm\:hover\:translate-x-3:hover {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .sm\:hover\:translate-x-4:hover {
+    --tw-translate-x: 1rem;
+  }
+
+  .sm\:hover\:translate-x-5:hover {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .sm\:hover\:translate-x-6:hover {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .sm\:hover\:translate-x-7:hover {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .sm\:hover\:translate-x-8:hover {
+    --tw-translate-x: 2rem;
+  }
+
+  .sm\:hover\:translate-x-9:hover {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .sm\:hover\:translate-x-10:hover {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .sm\:hover\:translate-x-11:hover {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .sm\:hover\:translate-x-12:hover {
+    --tw-translate-x: 3rem;
+  }
+
+  .sm\:hover\:translate-x-14:hover {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .sm\:hover\:translate-x-16:hover {
+    --tw-translate-x: 4rem;
+  }
+
+  .sm\:hover\:translate-x-20:hover {
+    --tw-translate-x: 5rem;
+  }
+
+  .sm\:hover\:translate-x-24:hover {
+    --tw-translate-x: 6rem;
+  }
+
+  .sm\:hover\:translate-x-28:hover {
+    --tw-translate-x: 7rem;
+  }
+
+  .sm\:hover\:translate-x-32:hover {
+    --tw-translate-x: 8rem;
+  }
+
+  .sm\:hover\:translate-x-36:hover {
+    --tw-translate-x: 9rem;
+  }
+
+  .sm\:hover\:translate-x-40:hover {
+    --tw-translate-x: 10rem;
+  }
+
+  .sm\:hover\:translate-x-44:hover {
+    --tw-translate-x: 11rem;
+  }
+
+  .sm\:hover\:translate-x-48:hover {
+    --tw-translate-x: 12rem;
+  }
+
+  .sm\:hover\:translate-x-52:hover {
+    --tw-translate-x: 13rem;
+  }
+
+  .sm\:hover\:translate-x-56:hover {
+    --tw-translate-x: 14rem;
+  }
+
+  .sm\:hover\:translate-x-60:hover {
+    --tw-translate-x: 15rem;
+  }
+
+  .sm\:hover\:translate-x-64:hover {
+    --tw-translate-x: 16rem;
+  }
+
+  .sm\:hover\:translate-x-72:hover {
+    --tw-translate-x: 18rem;
+  }
+
+  .sm\:hover\:translate-x-80:hover {
+    --tw-translate-x: 20rem;
+  }
+
+  .sm\:hover\:translate-x-96:hover {
+    --tw-translate-x: 24rem;
+  }
+
+  .sm\:hover\:translate-x-px:hover {
+    --tw-translate-x: 1px;
+  }
+
+  .sm\:hover\:translate-x-0\.5:hover {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .sm\:hover\:translate-x-1\.5:hover {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .sm\:hover\:translate-x-2\.5:hover {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .sm\:hover\:translate-x-3\.5:hover {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .sm\:hover\:-translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .sm\:hover\:-translate-x-1:hover {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .sm\:hover\:-translate-x-2:hover {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .sm\:hover\:-translate-x-3:hover {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .sm\:hover\:-translate-x-4:hover {
+    --tw-translate-x: -1rem;
+  }
+
+  .sm\:hover\:-translate-x-5:hover {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .sm\:hover\:-translate-x-6:hover {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .sm\:hover\:-translate-x-7:hover {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .sm\:hover\:-translate-x-8:hover {
+    --tw-translate-x: -2rem;
+  }
+
+  .sm\:hover\:-translate-x-9:hover {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .sm\:hover\:-translate-x-10:hover {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .sm\:hover\:-translate-x-11:hover {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .sm\:hover\:-translate-x-12:hover {
+    --tw-translate-x: -3rem;
+  }
+
+  .sm\:hover\:-translate-x-14:hover {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .sm\:hover\:-translate-x-16:hover {
+    --tw-translate-x: -4rem;
+  }
+
+  .sm\:hover\:-translate-x-20:hover {
+    --tw-translate-x: -5rem;
+  }
+
+  .sm\:hover\:-translate-x-24:hover {
+    --tw-translate-x: -6rem;
+  }
+
+  .sm\:hover\:-translate-x-28:hover {
+    --tw-translate-x: -7rem;
+  }
+
+  .sm\:hover\:-translate-x-32:hover {
+    --tw-translate-x: -8rem;
+  }
+
+  .sm\:hover\:-translate-x-36:hover {
+    --tw-translate-x: -9rem;
+  }
+
+  .sm\:hover\:-translate-x-40:hover {
+    --tw-translate-x: -10rem;
+  }
+
+  .sm\:hover\:-translate-x-44:hover {
+    --tw-translate-x: -11rem;
+  }
+
+  .sm\:hover\:-translate-x-48:hover {
+    --tw-translate-x: -12rem;
+  }
+
+  .sm\:hover\:-translate-x-52:hover {
+    --tw-translate-x: -13rem;
+  }
+
+  .sm\:hover\:-translate-x-56:hover {
+    --tw-translate-x: -14rem;
+  }
+
+  .sm\:hover\:-translate-x-60:hover {
+    --tw-translate-x: -15rem;
+  }
+
+  .sm\:hover\:-translate-x-64:hover {
+    --tw-translate-x: -16rem;
+  }
+
+  .sm\:hover\:-translate-x-72:hover {
+    --tw-translate-x: -18rem;
+  }
+
+  .sm\:hover\:-translate-x-80:hover {
+    --tw-translate-x: -20rem;
+  }
+
+  .sm\:hover\:-translate-x-96:hover {
+    --tw-translate-x: -24rem;
+  }
+
+  .sm\:hover\:-translate-x-px:hover {
+    --tw-translate-x: -1px;
+  }
+
+  .sm\:hover\:-translate-x-0\.5:hover {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .sm\:hover\:-translate-x-1\.5:hover {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .sm\:hover\:-translate-x-2\.5:hover {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .sm\:hover\:-translate-x-3\.5:hover {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .sm\:hover\:translate-x-1\/2:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .sm\:hover\:translate-x-1\/3:hover {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .sm\:hover\:translate-x-2\/3:hover {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .sm\:hover\:translate-x-1\/4:hover {
+    --tw-translate-x: 25%;
+  }
+
+  .sm\:hover\:translate-x-2\/4:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .sm\:hover\:translate-x-3\/4:hover {
+    --tw-translate-x: 75%;
+  }
+
+  .sm\:hover\:translate-x-full:hover {
+    --tw-translate-x: 100%;
+  }
+
+  .sm\:hover\:-translate-x-1\/2:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .sm\:hover\:-translate-x-1\/3:hover {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .sm\:hover\:-translate-x-2\/3:hover {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .sm\:hover\:-translate-x-1\/4:hover {
+    --tw-translate-x: -25%;
+  }
+
+  .sm\:hover\:-translate-x-2\/4:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .sm\:hover\:-translate-x-3\/4:hover {
+    --tw-translate-x: -75%;
+  }
+
+  .sm\:hover\:-translate-x-full:hover {
+    --tw-translate-x: -100%;
+  }
+
+  .sm\:hover\:translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .sm\:hover\:translate-y-1:hover {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .sm\:hover\:translate-y-2:hover {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .sm\:hover\:translate-y-3:hover {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .sm\:hover\:translate-y-4:hover {
+    --tw-translate-y: 1rem;
+  }
+
+  .sm\:hover\:translate-y-5:hover {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .sm\:hover\:translate-y-6:hover {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .sm\:hover\:translate-y-7:hover {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .sm\:hover\:translate-y-8:hover {
+    --tw-translate-y: 2rem;
+  }
+
+  .sm\:hover\:translate-y-9:hover {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .sm\:hover\:translate-y-10:hover {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .sm\:hover\:translate-y-11:hover {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .sm\:hover\:translate-y-12:hover {
+    --tw-translate-y: 3rem;
+  }
+
+  .sm\:hover\:translate-y-14:hover {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .sm\:hover\:translate-y-16:hover {
+    --tw-translate-y: 4rem;
+  }
+
+  .sm\:hover\:translate-y-20:hover {
+    --tw-translate-y: 5rem;
+  }
+
+  .sm\:hover\:translate-y-24:hover {
+    --tw-translate-y: 6rem;
+  }
+
+  .sm\:hover\:translate-y-28:hover {
+    --tw-translate-y: 7rem;
+  }
+
+  .sm\:hover\:translate-y-32:hover {
+    --tw-translate-y: 8rem;
+  }
+
+  .sm\:hover\:translate-y-36:hover {
+    --tw-translate-y: 9rem;
+  }
+
+  .sm\:hover\:translate-y-40:hover {
+    --tw-translate-y: 10rem;
+  }
+
+  .sm\:hover\:translate-y-44:hover {
+    --tw-translate-y: 11rem;
+  }
+
+  .sm\:hover\:translate-y-48:hover {
+    --tw-translate-y: 12rem;
+  }
+
+  .sm\:hover\:translate-y-52:hover {
+    --tw-translate-y: 13rem;
+  }
+
+  .sm\:hover\:translate-y-56:hover {
+    --tw-translate-y: 14rem;
+  }
+
+  .sm\:hover\:translate-y-60:hover {
+    --tw-translate-y: 15rem;
+  }
+
+  .sm\:hover\:translate-y-64:hover {
+    --tw-translate-y: 16rem;
+  }
+
+  .sm\:hover\:translate-y-72:hover {
+    --tw-translate-y: 18rem;
+  }
+
+  .sm\:hover\:translate-y-80:hover {
+    --tw-translate-y: 20rem;
+  }
+
+  .sm\:hover\:translate-y-96:hover {
+    --tw-translate-y: 24rem;
+  }
+
+  .sm\:hover\:translate-y-px:hover {
+    --tw-translate-y: 1px;
+  }
+
+  .sm\:hover\:translate-y-0\.5:hover {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .sm\:hover\:translate-y-1\.5:hover {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .sm\:hover\:translate-y-2\.5:hover {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .sm\:hover\:translate-y-3\.5:hover {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .sm\:hover\:-translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .sm\:hover\:-translate-y-1:hover {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .sm\:hover\:-translate-y-2:hover {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .sm\:hover\:-translate-y-3:hover {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .sm\:hover\:-translate-y-4:hover {
+    --tw-translate-y: -1rem;
+  }
+
+  .sm\:hover\:-translate-y-5:hover {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .sm\:hover\:-translate-y-6:hover {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .sm\:hover\:-translate-y-7:hover {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .sm\:hover\:-translate-y-8:hover {
+    --tw-translate-y: -2rem;
+  }
+
+  .sm\:hover\:-translate-y-9:hover {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .sm\:hover\:-translate-y-10:hover {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .sm\:hover\:-translate-y-11:hover {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .sm\:hover\:-translate-y-12:hover {
+    --tw-translate-y: -3rem;
+  }
+
+  .sm\:hover\:-translate-y-14:hover {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .sm\:hover\:-translate-y-16:hover {
+    --tw-translate-y: -4rem;
+  }
+
+  .sm\:hover\:-translate-y-20:hover {
+    --tw-translate-y: -5rem;
+  }
+
+  .sm\:hover\:-translate-y-24:hover {
+    --tw-translate-y: -6rem;
+  }
+
+  .sm\:hover\:-translate-y-28:hover {
+    --tw-translate-y: -7rem;
+  }
+
+  .sm\:hover\:-translate-y-32:hover {
+    --tw-translate-y: -8rem;
+  }
+
+  .sm\:hover\:-translate-y-36:hover {
+    --tw-translate-y: -9rem;
+  }
+
+  .sm\:hover\:-translate-y-40:hover {
+    --tw-translate-y: -10rem;
+  }
+
+  .sm\:hover\:-translate-y-44:hover {
+    --tw-translate-y: -11rem;
+  }
+
+  .sm\:hover\:-translate-y-48:hover {
+    --tw-translate-y: -12rem;
+  }
+
+  .sm\:hover\:-translate-y-52:hover {
+    --tw-translate-y: -13rem;
+  }
+
+  .sm\:hover\:-translate-y-56:hover {
+    --tw-translate-y: -14rem;
+  }
+
+  .sm\:hover\:-translate-y-60:hover {
+    --tw-translate-y: -15rem;
+  }
+
+  .sm\:hover\:-translate-y-64:hover {
+    --tw-translate-y: -16rem;
+  }
+
+  .sm\:hover\:-translate-y-72:hover {
+    --tw-translate-y: -18rem;
+  }
+
+  .sm\:hover\:-translate-y-80:hover {
+    --tw-translate-y: -20rem;
+  }
+
+  .sm\:hover\:-translate-y-96:hover {
+    --tw-translate-y: -24rem;
+  }
+
+  .sm\:hover\:-translate-y-px:hover {
+    --tw-translate-y: -1px;
+  }
+
+  .sm\:hover\:-translate-y-0\.5:hover {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .sm\:hover\:-translate-y-1\.5:hover {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .sm\:hover\:-translate-y-2\.5:hover {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .sm\:hover\:-translate-y-3\.5:hover {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .sm\:hover\:translate-y-1\/2:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .sm\:hover\:translate-y-1\/3:hover {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .sm\:hover\:translate-y-2\/3:hover {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .sm\:hover\:translate-y-1\/4:hover {
+    --tw-translate-y: 25%;
+  }
+
+  .sm\:hover\:translate-y-2\/4:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .sm\:hover\:translate-y-3\/4:hover {
+    --tw-translate-y: 75%;
+  }
+
+  .sm\:hover\:translate-y-full:hover {
+    --tw-translate-y: 100%;
+  }
+
+  .sm\:hover\:-translate-y-1\/2:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .sm\:hover\:-translate-y-1\/3:hover {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .sm\:hover\:-translate-y-2\/3:hover {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .sm\:hover\:-translate-y-1\/4:hover {
+    --tw-translate-y: -25%;
+  }
+
+  .sm\:hover\:-translate-y-2\/4:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .sm\:hover\:-translate-y-3\/4:hover {
+    --tw-translate-y: -75%;
+  }
+
+  .sm\:hover\:-translate-y-full:hover {
+    --tw-translate-y: -100%;
+  }
+
+  .sm\:focus\:translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .sm\:focus\:translate-x-1:focus {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .sm\:focus\:translate-x-2:focus {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .sm\:focus\:translate-x-3:focus {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .sm\:focus\:translate-x-4:focus {
+    --tw-translate-x: 1rem;
+  }
+
+  .sm\:focus\:translate-x-5:focus {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .sm\:focus\:translate-x-6:focus {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .sm\:focus\:translate-x-7:focus {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .sm\:focus\:translate-x-8:focus {
+    --tw-translate-x: 2rem;
+  }
+
+  .sm\:focus\:translate-x-9:focus {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .sm\:focus\:translate-x-10:focus {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .sm\:focus\:translate-x-11:focus {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .sm\:focus\:translate-x-12:focus {
+    --tw-translate-x: 3rem;
+  }
+
+  .sm\:focus\:translate-x-14:focus {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .sm\:focus\:translate-x-16:focus {
+    --tw-translate-x: 4rem;
+  }
+
+  .sm\:focus\:translate-x-20:focus {
+    --tw-translate-x: 5rem;
+  }
+
+  .sm\:focus\:translate-x-24:focus {
+    --tw-translate-x: 6rem;
+  }
+
+  .sm\:focus\:translate-x-28:focus {
+    --tw-translate-x: 7rem;
+  }
+
+  .sm\:focus\:translate-x-32:focus {
+    --tw-translate-x: 8rem;
+  }
+
+  .sm\:focus\:translate-x-36:focus {
+    --tw-translate-x: 9rem;
+  }
+
+  .sm\:focus\:translate-x-40:focus {
+    --tw-translate-x: 10rem;
+  }
+
+  .sm\:focus\:translate-x-44:focus {
+    --tw-translate-x: 11rem;
+  }
+
+  .sm\:focus\:translate-x-48:focus {
+    --tw-translate-x: 12rem;
+  }
+
+  .sm\:focus\:translate-x-52:focus {
+    --tw-translate-x: 13rem;
+  }
+
+  .sm\:focus\:translate-x-56:focus {
+    --tw-translate-x: 14rem;
+  }
+
+  .sm\:focus\:translate-x-60:focus {
+    --tw-translate-x: 15rem;
+  }
+
+  .sm\:focus\:translate-x-64:focus {
+    --tw-translate-x: 16rem;
+  }
+
+  .sm\:focus\:translate-x-72:focus {
+    --tw-translate-x: 18rem;
+  }
+
+  .sm\:focus\:translate-x-80:focus {
+    --tw-translate-x: 20rem;
+  }
+
+  .sm\:focus\:translate-x-96:focus {
+    --tw-translate-x: 24rem;
+  }
+
+  .sm\:focus\:translate-x-px:focus {
+    --tw-translate-x: 1px;
+  }
+
+  .sm\:focus\:translate-x-0\.5:focus {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .sm\:focus\:translate-x-1\.5:focus {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .sm\:focus\:translate-x-2\.5:focus {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .sm\:focus\:translate-x-3\.5:focus {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .sm\:focus\:-translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .sm\:focus\:-translate-x-1:focus {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .sm\:focus\:-translate-x-2:focus {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .sm\:focus\:-translate-x-3:focus {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .sm\:focus\:-translate-x-4:focus {
+    --tw-translate-x: -1rem;
+  }
+
+  .sm\:focus\:-translate-x-5:focus {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .sm\:focus\:-translate-x-6:focus {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .sm\:focus\:-translate-x-7:focus {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .sm\:focus\:-translate-x-8:focus {
+    --tw-translate-x: -2rem;
+  }
+
+  .sm\:focus\:-translate-x-9:focus {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .sm\:focus\:-translate-x-10:focus {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .sm\:focus\:-translate-x-11:focus {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .sm\:focus\:-translate-x-12:focus {
+    --tw-translate-x: -3rem;
+  }
+
+  .sm\:focus\:-translate-x-14:focus {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .sm\:focus\:-translate-x-16:focus {
+    --tw-translate-x: -4rem;
+  }
+
+  .sm\:focus\:-translate-x-20:focus {
+    --tw-translate-x: -5rem;
+  }
+
+  .sm\:focus\:-translate-x-24:focus {
+    --tw-translate-x: -6rem;
+  }
+
+  .sm\:focus\:-translate-x-28:focus {
+    --tw-translate-x: -7rem;
+  }
+
+  .sm\:focus\:-translate-x-32:focus {
+    --tw-translate-x: -8rem;
+  }
+
+  .sm\:focus\:-translate-x-36:focus {
+    --tw-translate-x: -9rem;
+  }
+
+  .sm\:focus\:-translate-x-40:focus {
+    --tw-translate-x: -10rem;
+  }
+
+  .sm\:focus\:-translate-x-44:focus {
+    --tw-translate-x: -11rem;
+  }
+
+  .sm\:focus\:-translate-x-48:focus {
+    --tw-translate-x: -12rem;
+  }
+
+  .sm\:focus\:-translate-x-52:focus {
+    --tw-translate-x: -13rem;
+  }
+
+  .sm\:focus\:-translate-x-56:focus {
+    --tw-translate-x: -14rem;
+  }
+
+  .sm\:focus\:-translate-x-60:focus {
+    --tw-translate-x: -15rem;
+  }
+
+  .sm\:focus\:-translate-x-64:focus {
+    --tw-translate-x: -16rem;
+  }
+
+  .sm\:focus\:-translate-x-72:focus {
+    --tw-translate-x: -18rem;
+  }
+
+  .sm\:focus\:-translate-x-80:focus {
+    --tw-translate-x: -20rem;
+  }
+
+  .sm\:focus\:-translate-x-96:focus {
+    --tw-translate-x: -24rem;
+  }
+
+  .sm\:focus\:-translate-x-px:focus {
+    --tw-translate-x: -1px;
+  }
+
+  .sm\:focus\:-translate-x-0\.5:focus {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .sm\:focus\:-translate-x-1\.5:focus {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .sm\:focus\:-translate-x-2\.5:focus {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .sm\:focus\:-translate-x-3\.5:focus {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .sm\:focus\:translate-x-1\/2:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .sm\:focus\:translate-x-1\/3:focus {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .sm\:focus\:translate-x-2\/3:focus {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .sm\:focus\:translate-x-1\/4:focus {
+    --tw-translate-x: 25%;
+  }
+
+  .sm\:focus\:translate-x-2\/4:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .sm\:focus\:translate-x-3\/4:focus {
+    --tw-translate-x: 75%;
+  }
+
+  .sm\:focus\:translate-x-full:focus {
+    --tw-translate-x: 100%;
+  }
+
+  .sm\:focus\:-translate-x-1\/2:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .sm\:focus\:-translate-x-1\/3:focus {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .sm\:focus\:-translate-x-2\/3:focus {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .sm\:focus\:-translate-x-1\/4:focus {
+    --tw-translate-x: -25%;
+  }
+
+  .sm\:focus\:-translate-x-2\/4:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .sm\:focus\:-translate-x-3\/4:focus {
+    --tw-translate-x: -75%;
+  }
+
+  .sm\:focus\:-translate-x-full:focus {
+    --tw-translate-x: -100%;
+  }
+
+  .sm\:focus\:translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .sm\:focus\:translate-y-1:focus {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .sm\:focus\:translate-y-2:focus {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .sm\:focus\:translate-y-3:focus {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .sm\:focus\:translate-y-4:focus {
+    --tw-translate-y: 1rem;
+  }
+
+  .sm\:focus\:translate-y-5:focus {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .sm\:focus\:translate-y-6:focus {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .sm\:focus\:translate-y-7:focus {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .sm\:focus\:translate-y-8:focus {
+    --tw-translate-y: 2rem;
+  }
+
+  .sm\:focus\:translate-y-9:focus {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .sm\:focus\:translate-y-10:focus {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .sm\:focus\:translate-y-11:focus {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .sm\:focus\:translate-y-12:focus {
+    --tw-translate-y: 3rem;
+  }
+
+  .sm\:focus\:translate-y-14:focus {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .sm\:focus\:translate-y-16:focus {
+    --tw-translate-y: 4rem;
+  }
+
+  .sm\:focus\:translate-y-20:focus {
+    --tw-translate-y: 5rem;
+  }
+
+  .sm\:focus\:translate-y-24:focus {
+    --tw-translate-y: 6rem;
+  }
+
+  .sm\:focus\:translate-y-28:focus {
+    --tw-translate-y: 7rem;
+  }
+
+  .sm\:focus\:translate-y-32:focus {
+    --tw-translate-y: 8rem;
+  }
+
+  .sm\:focus\:translate-y-36:focus {
+    --tw-translate-y: 9rem;
+  }
+
+  .sm\:focus\:translate-y-40:focus {
+    --tw-translate-y: 10rem;
+  }
+
+  .sm\:focus\:translate-y-44:focus {
+    --tw-translate-y: 11rem;
+  }
+
+  .sm\:focus\:translate-y-48:focus {
+    --tw-translate-y: 12rem;
+  }
+
+  .sm\:focus\:translate-y-52:focus {
+    --tw-translate-y: 13rem;
+  }
+
+  .sm\:focus\:translate-y-56:focus {
+    --tw-translate-y: 14rem;
+  }
+
+  .sm\:focus\:translate-y-60:focus {
+    --tw-translate-y: 15rem;
+  }
+
+  .sm\:focus\:translate-y-64:focus {
+    --tw-translate-y: 16rem;
+  }
+
+  .sm\:focus\:translate-y-72:focus {
+    --tw-translate-y: 18rem;
+  }
+
+  .sm\:focus\:translate-y-80:focus {
+    --tw-translate-y: 20rem;
+  }
+
+  .sm\:focus\:translate-y-96:focus {
+    --tw-translate-y: 24rem;
+  }
+
+  .sm\:focus\:translate-y-px:focus {
+    --tw-translate-y: 1px;
+  }
+
+  .sm\:focus\:translate-y-0\.5:focus {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .sm\:focus\:translate-y-1\.5:focus {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .sm\:focus\:translate-y-2\.5:focus {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .sm\:focus\:translate-y-3\.5:focus {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .sm\:focus\:-translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .sm\:focus\:-translate-y-1:focus {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .sm\:focus\:-translate-y-2:focus {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .sm\:focus\:-translate-y-3:focus {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .sm\:focus\:-translate-y-4:focus {
+    --tw-translate-y: -1rem;
+  }
+
+  .sm\:focus\:-translate-y-5:focus {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .sm\:focus\:-translate-y-6:focus {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .sm\:focus\:-translate-y-7:focus {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .sm\:focus\:-translate-y-8:focus {
+    --tw-translate-y: -2rem;
+  }
+
+  .sm\:focus\:-translate-y-9:focus {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .sm\:focus\:-translate-y-10:focus {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .sm\:focus\:-translate-y-11:focus {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .sm\:focus\:-translate-y-12:focus {
+    --tw-translate-y: -3rem;
+  }
+
+  .sm\:focus\:-translate-y-14:focus {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .sm\:focus\:-translate-y-16:focus {
+    --tw-translate-y: -4rem;
+  }
+
+  .sm\:focus\:-translate-y-20:focus {
+    --tw-translate-y: -5rem;
+  }
+
+  .sm\:focus\:-translate-y-24:focus {
+    --tw-translate-y: -6rem;
+  }
+
+  .sm\:focus\:-translate-y-28:focus {
+    --tw-translate-y: -7rem;
+  }
+
+  .sm\:focus\:-translate-y-32:focus {
+    --tw-translate-y: -8rem;
+  }
+
+  .sm\:focus\:-translate-y-36:focus {
+    --tw-translate-y: -9rem;
+  }
+
+  .sm\:focus\:-translate-y-40:focus {
+    --tw-translate-y: -10rem;
+  }
+
+  .sm\:focus\:-translate-y-44:focus {
+    --tw-translate-y: -11rem;
+  }
+
+  .sm\:focus\:-translate-y-48:focus {
+    --tw-translate-y: -12rem;
+  }
+
+  .sm\:focus\:-translate-y-52:focus {
+    --tw-translate-y: -13rem;
+  }
+
+  .sm\:focus\:-translate-y-56:focus {
+    --tw-translate-y: -14rem;
+  }
+
+  .sm\:focus\:-translate-y-60:focus {
+    --tw-translate-y: -15rem;
+  }
+
+  .sm\:focus\:-translate-y-64:focus {
+    --tw-translate-y: -16rem;
+  }
+
+  .sm\:focus\:-translate-y-72:focus {
+    --tw-translate-y: -18rem;
+  }
+
+  .sm\:focus\:-translate-y-80:focus {
+    --tw-translate-y: -20rem;
+  }
+
+  .sm\:focus\:-translate-y-96:focus {
+    --tw-translate-y: -24rem;
+  }
+
+  .sm\:focus\:-translate-y-px:focus {
+    --tw-translate-y: -1px;
+  }
+
+  .sm\:focus\:-translate-y-0\.5:focus {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .sm\:focus\:-translate-y-1\.5:focus {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .sm\:focus\:-translate-y-2\.5:focus {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .sm\:focus\:-translate-y-3\.5:focus {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .sm\:focus\:translate-y-1\/2:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .sm\:focus\:translate-y-1\/3:focus {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .sm\:focus\:translate-y-2\/3:focus {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .sm\:focus\:translate-y-1\/4:focus {
+    --tw-translate-y: 25%;
+  }
+
+  .sm\:focus\:translate-y-2\/4:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .sm\:focus\:translate-y-3\/4:focus {
+    --tw-translate-y: 75%;
+  }
+
+  .sm\:focus\:translate-y-full:focus {
+    --tw-translate-y: 100%;
+  }
+
+  .sm\:focus\:-translate-y-1\/2:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .sm\:focus\:-translate-y-1\/3:focus {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .sm\:focus\:-translate-y-2\/3:focus {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .sm\:focus\:-translate-y-1\/4:focus {
+    --tw-translate-y: -25%;
+  }
+
+  .sm\:focus\:-translate-y-2\/4:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .sm\:focus\:-translate-y-3\/4:focus {
+    --tw-translate-y: -75%;
+  }
+
+  .sm\:focus\:-translate-y-full:focus {
+    --tw-translate-y: -100%;
+  }
+
+  .sm\:skew-x-0 {
+    --tw-skew-x: 0deg;
+  }
+
+  .sm\:skew-x-1 {
+    --tw-skew-x: 1deg;
+  }
+
+  .sm\:skew-x-2 {
+    --tw-skew-x: 2deg;
+  }
+
+  .sm\:skew-x-3 {
+    --tw-skew-x: 3deg;
+  }
+
+  .sm\:skew-x-6 {
+    --tw-skew-x: 6deg;
+  }
+
+  .sm\:skew-x-12 {
+    --tw-skew-x: 12deg;
+  }
+
+  .sm\:-skew-x-12 {
+    --tw-skew-x: -12deg;
+  }
+
+  .sm\:-skew-x-6 {
+    --tw-skew-x: -6deg;
+  }
+
+  .sm\:-skew-x-3 {
+    --tw-skew-x: -3deg;
+  }
+
+  .sm\:-skew-x-2 {
+    --tw-skew-x: -2deg;
+  }
+
+  .sm\:-skew-x-1 {
+    --tw-skew-x: -1deg;
+  }
+
+  .sm\:skew-y-0 {
+    --tw-skew-y: 0deg;
+  }
+
+  .sm\:skew-y-1 {
+    --tw-skew-y: 1deg;
+  }
+
+  .sm\:skew-y-2 {
+    --tw-skew-y: 2deg;
+  }
+
+  .sm\:skew-y-3 {
+    --tw-skew-y: 3deg;
+  }
+
+  .sm\:skew-y-6 {
+    --tw-skew-y: 6deg;
+  }
+
+  .sm\:skew-y-12 {
+    --tw-skew-y: 12deg;
+  }
+
+  .sm\:-skew-y-12 {
+    --tw-skew-y: -12deg;
+  }
+
+  .sm\:-skew-y-6 {
+    --tw-skew-y: -6deg;
+  }
+
+  .sm\:-skew-y-3 {
+    --tw-skew-y: -3deg;
+  }
+
+  .sm\:-skew-y-2 {
+    --tw-skew-y: -2deg;
+  }
+
+  .sm\:-skew-y-1 {
+    --tw-skew-y: -1deg;
+  }
+
+  .sm\:hover\:skew-x-0:hover {
+    --tw-skew-x: 0deg;
+  }
+
+  .sm\:hover\:skew-x-1:hover {
+    --tw-skew-x: 1deg;
+  }
+
+  .sm\:hover\:skew-x-2:hover {
+    --tw-skew-x: 2deg;
+  }
+
+  .sm\:hover\:skew-x-3:hover {
+    --tw-skew-x: 3deg;
+  }
+
+  .sm\:hover\:skew-x-6:hover {
+    --tw-skew-x: 6deg;
+  }
+
+  .sm\:hover\:skew-x-12:hover {
+    --tw-skew-x: 12deg;
+  }
+
+  .sm\:hover\:-skew-x-12:hover {
+    --tw-skew-x: -12deg;
+  }
+
+  .sm\:hover\:-skew-x-6:hover {
+    --tw-skew-x: -6deg;
+  }
+
+  .sm\:hover\:-skew-x-3:hover {
+    --tw-skew-x: -3deg;
+  }
+
+  .sm\:hover\:-skew-x-2:hover {
+    --tw-skew-x: -2deg;
+  }
+
+  .sm\:hover\:-skew-x-1:hover {
+    --tw-skew-x: -1deg;
+  }
+
+  .sm\:hover\:skew-y-0:hover {
+    --tw-skew-y: 0deg;
+  }
+
+  .sm\:hover\:skew-y-1:hover {
+    --tw-skew-y: 1deg;
+  }
+
+  .sm\:hover\:skew-y-2:hover {
+    --tw-skew-y: 2deg;
+  }
+
+  .sm\:hover\:skew-y-3:hover {
+    --tw-skew-y: 3deg;
+  }
+
+  .sm\:hover\:skew-y-6:hover {
+    --tw-skew-y: 6deg;
+  }
+
+  .sm\:hover\:skew-y-12:hover {
+    --tw-skew-y: 12deg;
+  }
+
+  .sm\:hover\:-skew-y-12:hover {
+    --tw-skew-y: -12deg;
+  }
+
+  .sm\:hover\:-skew-y-6:hover {
+    --tw-skew-y: -6deg;
+  }
+
+  .sm\:hover\:-skew-y-3:hover {
+    --tw-skew-y: -3deg;
+  }
+
+  .sm\:hover\:-skew-y-2:hover {
+    --tw-skew-y: -2deg;
+  }
+
+  .sm\:hover\:-skew-y-1:hover {
+    --tw-skew-y: -1deg;
+  }
+
+  .sm\:focus\:skew-x-0:focus {
+    --tw-skew-x: 0deg;
+  }
+
+  .sm\:focus\:skew-x-1:focus {
+    --tw-skew-x: 1deg;
+  }
+
+  .sm\:focus\:skew-x-2:focus {
+    --tw-skew-x: 2deg;
+  }
+
+  .sm\:focus\:skew-x-3:focus {
+    --tw-skew-x: 3deg;
+  }
+
+  .sm\:focus\:skew-x-6:focus {
+    --tw-skew-x: 6deg;
+  }
+
+  .sm\:focus\:skew-x-12:focus {
+    --tw-skew-x: 12deg;
+  }
+
+  .sm\:focus\:-skew-x-12:focus {
+    --tw-skew-x: -12deg;
+  }
+
+  .sm\:focus\:-skew-x-6:focus {
+    --tw-skew-x: -6deg;
+  }
+
+  .sm\:focus\:-skew-x-3:focus {
+    --tw-skew-x: -3deg;
+  }
+
+  .sm\:focus\:-skew-x-2:focus {
+    --tw-skew-x: -2deg;
+  }
+
+  .sm\:focus\:-skew-x-1:focus {
+    --tw-skew-x: -1deg;
+  }
+
+  .sm\:focus\:skew-y-0:focus {
+    --tw-skew-y: 0deg;
+  }
+
+  .sm\:focus\:skew-y-1:focus {
+    --tw-skew-y: 1deg;
+  }
+
+  .sm\:focus\:skew-y-2:focus {
+    --tw-skew-y: 2deg;
+  }
+
+  .sm\:focus\:skew-y-3:focus {
+    --tw-skew-y: 3deg;
+  }
+
+  .sm\:focus\:skew-y-6:focus {
+    --tw-skew-y: 6deg;
+  }
+
+  .sm\:focus\:skew-y-12:focus {
+    --tw-skew-y: 12deg;
+  }
+
+  .sm\:focus\:-skew-y-12:focus {
+    --tw-skew-y: -12deg;
+  }
+
+  .sm\:focus\:-skew-y-6:focus {
+    --tw-skew-y: -6deg;
+  }
+
+  .sm\:focus\:-skew-y-3:focus {
+    --tw-skew-y: -3deg;
+  }
+
+  .sm\:focus\:-skew-y-2:focus {
+    --tw-skew-y: -2deg;
+  }
+
+  .sm\:focus\:-skew-y-1:focus {
+    --tw-skew-y: -1deg;
+  }
+
+  .sm\:transition-none {
+    transition-property: none;
+  }
+
+  .sm\:transition-all {
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .sm\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .sm\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .sm\:transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .sm\:transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .sm\:transition-transform {
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .sm\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .sm\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .sm\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .sm\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .sm\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .sm\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .sm\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .sm\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .sm\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .sm\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .sm\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .sm\:duration-1000 {
+    transition-duration: 1000ms;
+  }
+
+  .sm\:delay-75 {
+    transition-delay: 75ms;
+  }
+
+  .sm\:delay-100 {
+    transition-delay: 100ms;
+  }
+
+  .sm\:delay-150 {
+    transition-delay: 150ms;
+  }
+
+  .sm\:delay-200 {
+    transition-delay: 200ms;
+  }
+
+  .sm\:delay-300 {
+    transition-delay: 300ms;
+  }
+
+  .sm\:delay-500 {
+    transition-delay: 500ms;
+  }
+
+  .sm\:delay-700 {
+    transition-delay: 700ms;
+  }
+
+  .sm\:delay-1000 {
+    transition-delay: 1000ms;
+  }
+
+  .sm\:animate-none {
+    animation: none;
+  }
+
+  .sm\:animate-spin {
+    animation: spin 1s linear infinite;
+  }
+
+  .sm\:animate-ping {
+    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .sm\:animate-pulse {
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .sm\:animate-bounce {
+    animation: bounce 1s infinite;
+  }
+}
+
+@media (min-width: 768px) {
+  .md\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .md\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .md\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .md\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .md\:container {
+      max-width: 1280px;
+    }
+  }
+
+  @media (min-width: 1536px) {
+    .md\:container {
+      max-width: 1536px;
+    }
+  }
+
+  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1rem * var(--tw-space-x-reverse));
+    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2rem * var(--tw-space-x-reverse));
+    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3rem * var(--tw-space-x-reverse));
+    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(4rem * var(--tw-space-x-reverse));
+    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(5rem * var(--tw-space-x-reverse));
+    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(6rem * var(--tw-space-x-reverse));
+    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(7rem * var(--tw-space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(8rem * var(--tw-space-x-reverse));
+    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(9rem * var(--tw-space-x-reverse));
+    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(10rem * var(--tw-space-x-reverse));
+    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(11rem * var(--tw-space-x-reverse));
+    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(12rem * var(--tw-space-x-reverse));
+    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(13rem * var(--tw-space-x-reverse));
+    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(14rem * var(--tw-space-x-reverse));
+    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(15rem * var(--tw-space-x-reverse));
+    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(16rem * var(--tw-space-x-reverse));
+    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(18rem * var(--tw-space-x-reverse));
+    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(20rem * var(--tw-space-x-reverse));
+    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(24rem * var(--tw-space-x-reverse));
+    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1px * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1px * var(--tw-space-x-reverse));
+    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-4rem * var(--tw-space-x-reverse));
+    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-6rem * var(--tw-space-x-reverse));
+    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-7rem * var(--tw-space-x-reverse));
+    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-8rem * var(--tw-space-x-reverse));
+    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-9rem * var(--tw-space-x-reverse));
+    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-10rem * var(--tw-space-x-reverse));
+    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--tw-space-x-reverse));
+    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-12rem * var(--tw-space-x-reverse));
+    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-13rem * var(--tw-space-x-reverse));
+    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-14rem * var(--tw-space-x-reverse));
+    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-15rem * var(--tw-space-x-reverse));
+    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-16rem * var(--tw-space-x-reverse));
+    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-18rem * var(--tw-space-x-reverse));
+    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-20rem * var(--tw-space-x-reverse));
+    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-24rem * var(--tw-space-x-reverse));
+    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1px * var(--tw-space-x-reverse));
+    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .md\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 1;
+  }
+
+  .md\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 1;
+  }
+
+  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+  }
+
+  .md\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(0px * var(--tw-divide-x-reverse));
+    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .md\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
+  }
+
+  .md\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(2px * var(--tw-divide-x-reverse));
+    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .md\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
+  }
+
+  .md\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(4px * var(--tw-divide-x-reverse));
+    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .md\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
+  }
+
+  .md\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(8px * var(--tw-divide-x-reverse));
+    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .md\:divide-y > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+  }
+
+  .md\:divide-x > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .md\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 1;
+  }
+
+  .md\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 1;
+  }
+
+  .md\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+    border-color: transparent;
+  }
+
+  .md\:divide-current > :not([hidden]) ~ :not([hidden]) {
+    border-color: currentColor;
+  }
+
+  .md\:divide-black > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-white > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-solid > :not([hidden]) ~ :not([hidden]) {
+    border-style: solid;
+  }
+
+  .md\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
+    border-style: dashed;
+  }
+
+  .md\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
+    border-style: dotted;
+  }
+
+  .md\:divide-double > :not([hidden]) ~ :not([hidden]) {
+    border-style: double;
+  }
+
+  .md\:divide-none > :not([hidden]) ~ :not([hidden]) {
+    border-style: none;
+  }
+
+  .md\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0;
+  }
+
+  .md\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.05;
+  }
+
+  .md\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.1;
+  }
+
+  .md\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.2;
+  }
+
+  .md\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.25;
+  }
+
+  .md\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.3;
+  }
+
+  .md\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.4;
+  }
+
+  .md\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.5;
+  }
+
+  .md\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.6;
+  }
+
+  .md\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.7;
+  }
+
+  .md\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.75;
+  }
+
+  .md\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.8;
+  }
+
+  .md\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.9;
+  }
+
+  .md\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.95;
+  }
+
+  .md\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+  }
+
+  .md\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .md\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .md\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .md\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .md\:focus\:sr-only:focus {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .md\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .md\:appearance-none {
+    -webkit-appearance: none;
+            appearance: none;
+  }
+
+  .md\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .md\:bg-local {
+    background-attachment: local;
+  }
+
+  .md\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .md\:bg-clip-border {
+    background-clip: border-box;
+  }
+
+  .md\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .md\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .md\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .md\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .md\:bg-current {
+    background-color: currentColor;
+  }
+
+  .md\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:hover .md\:group-hover\:bg-current {
+    background-color: currentColor;
+  }
+
+  .group:hover .md\:group-hover\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .md\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .md\:focus-within\:bg-black:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-white:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-gray-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-red-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-yellow-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-green-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-blue-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-indigo-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-purple-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-pink-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .md\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .md\:hover\:bg-black:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-gray-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-red-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-yellow-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-green-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-blue-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-indigo-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-purple-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-pink-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .md\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .md\:focus\:bg-black:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-white:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-gray-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-red-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-yellow-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-green-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-blue-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-indigo-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-purple-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-pink-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-none {
+    background-image: none;
+  }
+
+  .md\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--tw-gradient-stops));
+  }
+
+  .md\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
+  }
+
+  .md\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--tw-gradient-stops));
+  }
+
+  .md\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+  }
+
+  .md\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+  }
+
+  .md\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
+  }
+
+  .md\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--tw-gradient-stops));
+  }
+
+  .md\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
+  }
+
+  .md\:from-transparent {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:from-current {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:from-black {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:from-white {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:from-gray-50 {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .md\:from-gray-100 {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .md\:from-gray-200 {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .md\:from-gray-300 {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .md\:from-gray-400 {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .md\:from-gray-500 {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .md\:from-gray-600 {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .md\:from-gray-700 {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .md\:from-gray-800 {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .md\:from-gray-900 {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .md\:from-red-50 {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .md\:from-red-100 {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .md\:from-red-200 {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .md\:from-red-300 {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .md\:from-red-400 {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .md\:from-red-500 {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .md\:from-red-600 {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .md\:from-red-700 {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .md\:from-red-800 {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .md\:from-red-900 {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .md\:from-yellow-50 {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .md\:from-yellow-100 {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .md\:from-yellow-200 {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .md\:from-yellow-300 {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .md\:from-yellow-400 {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .md\:from-yellow-500 {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .md\:from-yellow-600 {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .md\:from-yellow-700 {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .md\:from-yellow-800 {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .md\:from-yellow-900 {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .md\:from-green-50 {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .md\:from-green-100 {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .md\:from-green-200 {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .md\:from-green-300 {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .md\:from-green-400 {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .md\:from-green-500 {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .md\:from-green-600 {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .md\:from-green-700 {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .md\:from-green-800 {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .md\:from-green-900 {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .md\:from-blue-50 {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .md\:from-blue-100 {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .md\:from-blue-200 {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .md\:from-blue-300 {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .md\:from-blue-400 {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .md\:from-blue-500 {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .md\:from-blue-600 {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .md\:from-blue-700 {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .md\:from-blue-800 {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .md\:from-blue-900 {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .md\:from-indigo-50 {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .md\:from-indigo-100 {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .md\:from-indigo-200 {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .md\:from-indigo-300 {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .md\:from-indigo-400 {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .md\:from-indigo-500 {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .md\:from-indigo-600 {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .md\:from-indigo-700 {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .md\:from-indigo-800 {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .md\:from-indigo-900 {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .md\:from-purple-50 {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .md\:from-purple-100 {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .md\:from-purple-200 {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .md\:from-purple-300 {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .md\:from-purple-400 {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .md\:from-purple-500 {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .md\:from-purple-600 {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .md\:from-purple-700 {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .md\:from-purple-800 {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .md\:from-purple-900 {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .md\:from-pink-50 {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .md\:from-pink-100 {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .md\:from-pink-200 {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .md\:from-pink-300 {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .md\:from-pink-400 {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .md\:from-pink-500 {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .md\:from-pink-600 {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .md\:from-pink-700 {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .md\:from-pink-800 {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .md\:from-pink-900 {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .md\:via-transparent {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:via-current {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:via-black {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:via-white {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .md\:via-gray-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .md\:via-gray-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .md\:via-gray-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .md\:via-gray-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .md\:via-gray-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .md\:via-gray-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .md\:via-gray-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .md\:via-gray-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .md\:via-gray-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .md\:via-red-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .md\:via-red-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .md\:via-red-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .md\:via-red-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .md\:via-red-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .md\:via-red-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .md\:via-red-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .md\:via-red-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .md\:via-red-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .md\:via-red-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .md\:via-yellow-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .md\:via-yellow-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .md\:via-yellow-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .md\:via-yellow-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .md\:via-yellow-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .md\:via-yellow-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .md\:via-yellow-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .md\:via-yellow-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .md\:via-yellow-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .md\:via-yellow-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .md\:via-green-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .md\:via-green-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .md\:via-green-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .md\:via-green-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .md\:via-green-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .md\:via-green-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .md\:via-green-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .md\:via-green-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .md\:via-green-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .md\:via-green-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .md\:via-blue-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .md\:via-blue-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .md\:via-blue-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .md\:via-blue-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .md\:via-blue-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .md\:via-blue-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .md\:via-blue-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .md\:via-blue-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .md\:via-blue-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .md\:via-blue-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .md\:via-indigo-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .md\:via-indigo-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .md\:via-indigo-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .md\:via-indigo-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .md\:via-indigo-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .md\:via-indigo-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .md\:via-indigo-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .md\:via-indigo-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .md\:via-indigo-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .md\:via-indigo-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .md\:via-purple-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .md\:via-purple-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .md\:via-purple-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .md\:via-purple-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .md\:via-purple-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .md\:via-purple-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .md\:via-purple-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .md\:via-purple-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .md\:via-purple-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .md\:via-purple-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .md\:via-pink-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .md\:via-pink-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .md\:via-pink-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .md\:via-pink-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .md\:via-pink-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .md\:via-pink-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .md\:via-pink-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .md\:via-pink-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .md\:via-pink-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .md\:via-pink-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .md\:to-transparent {
+    --tw-gradient-to: transparent;
+  }
+
+  .md\:to-current {
+    --tw-gradient-to: currentColor;
+  }
+
+  .md\:to-black {
+    --tw-gradient-to: #000;
+  }
+
+  .md\:to-white {
+    --tw-gradient-to: #fff;
+  }
+
+  .md\:to-gray-50 {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .md\:to-gray-100 {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .md\:to-gray-200 {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .md\:to-gray-300 {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .md\:to-gray-400 {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .md\:to-gray-500 {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .md\:to-gray-600 {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .md\:to-gray-700 {
+    --tw-gradient-to: #374151;
+  }
+
+  .md\:to-gray-800 {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .md\:to-gray-900 {
+    --tw-gradient-to: #111827;
+  }
+
+  .md\:to-red-50 {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .md\:to-red-100 {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .md\:to-red-200 {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .md\:to-red-300 {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .md\:to-red-400 {
+    --tw-gradient-to: #f87171;
+  }
+
+  .md\:to-red-500 {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .md\:to-red-600 {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .md\:to-red-700 {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .md\:to-red-800 {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .md\:to-red-900 {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .md\:to-yellow-50 {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .md\:to-yellow-100 {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .md\:to-yellow-200 {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .md\:to-yellow-300 {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .md\:to-yellow-400 {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .md\:to-yellow-500 {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .md\:to-yellow-600 {
+    --tw-gradient-to: #d97706;
+  }
+
+  .md\:to-yellow-700 {
+    --tw-gradient-to: #b45309;
+  }
+
+  .md\:to-yellow-800 {
+    --tw-gradient-to: #92400e;
+  }
+
+  .md\:to-yellow-900 {
+    --tw-gradient-to: #78350f;
+  }
+
+  .md\:to-green-50 {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .md\:to-green-100 {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .md\:to-green-200 {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .md\:to-green-300 {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .md\:to-green-400 {
+    --tw-gradient-to: #34d399;
+  }
+
+  .md\:to-green-500 {
+    --tw-gradient-to: #10b981;
+  }
+
+  .md\:to-green-600 {
+    --tw-gradient-to: #059669;
+  }
+
+  .md\:to-green-700 {
+    --tw-gradient-to: #047857;
+  }
+
+  .md\:to-green-800 {
+    --tw-gradient-to: #065f46;
+  }
+
+  .md\:to-green-900 {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .md\:to-blue-50 {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .md\:to-blue-100 {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .md\:to-blue-200 {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .md\:to-blue-300 {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .md\:to-blue-400 {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .md\:to-blue-500 {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .md\:to-blue-600 {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .md\:to-blue-700 {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .md\:to-blue-800 {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .md\:to-blue-900 {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .md\:to-indigo-50 {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .md\:to-indigo-100 {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .md\:to-indigo-200 {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .md\:to-indigo-300 {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .md\:to-indigo-400 {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .md\:to-indigo-500 {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .md\:to-indigo-600 {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .md\:to-indigo-700 {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .md\:to-indigo-800 {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .md\:to-indigo-900 {
+    --tw-gradient-to: #312e81;
+  }
+
+  .md\:to-purple-50 {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .md\:to-purple-100 {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .md\:to-purple-200 {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .md\:to-purple-300 {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .md\:to-purple-400 {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .md\:to-purple-500 {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .md\:to-purple-600 {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .md\:to-purple-700 {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .md\:to-purple-800 {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .md\:to-purple-900 {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .md\:to-pink-50 {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .md\:to-pink-100 {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .md\:to-pink-200 {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .md\:to-pink-300 {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .md\:to-pink-400 {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .md\:to-pink-500 {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .md\:to-pink-600 {
+    --tw-gradient-to: #db2777;
+  }
+
+  .md\:to-pink-700 {
+    --tw-gradient-to: #be185d;
+  }
+
+  .md\:to-pink-800 {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .md\:to-pink-900 {
+    --tw-gradient-to: #831843;
+  }
+
+  .md\:hover\:from-transparent:hover {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:hover\:from-current:hover {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:hover\:from-black:hover {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:hover\:from-white:hover {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .md\:hover\:from-gray-100:hover {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .md\:hover\:from-gray-200:hover {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .md\:hover\:from-gray-300:hover {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .md\:hover\:from-gray-400:hover {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .md\:hover\:from-gray-500:hover {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .md\:hover\:from-gray-600:hover {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .md\:hover\:from-gray-700:hover {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .md\:hover\:from-gray-800:hover {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .md\:hover\:from-gray-900:hover {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .md\:hover\:from-red-50:hover {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .md\:hover\:from-red-100:hover {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .md\:hover\:from-red-200:hover {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .md\:hover\:from-red-300:hover {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .md\:hover\:from-red-400:hover {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .md\:hover\:from-red-500:hover {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .md\:hover\:from-red-600:hover {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .md\:hover\:from-red-700:hover {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .md\:hover\:from-red-800:hover {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .md\:hover\:from-red-900:hover {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .md\:hover\:from-yellow-50:hover {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .md\:hover\:from-yellow-100:hover {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .md\:hover\:from-yellow-200:hover {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .md\:hover\:from-yellow-300:hover {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .md\:hover\:from-yellow-400:hover {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .md\:hover\:from-yellow-500:hover {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .md\:hover\:from-yellow-600:hover {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .md\:hover\:from-yellow-700:hover {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .md\:hover\:from-yellow-800:hover {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .md\:hover\:from-yellow-900:hover {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .md\:hover\:from-green-50:hover {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .md\:hover\:from-green-100:hover {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .md\:hover\:from-green-200:hover {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .md\:hover\:from-green-300:hover {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .md\:hover\:from-green-400:hover {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .md\:hover\:from-green-500:hover {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .md\:hover\:from-green-600:hover {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .md\:hover\:from-green-700:hover {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .md\:hover\:from-green-800:hover {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .md\:hover\:from-green-900:hover {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .md\:hover\:from-blue-50:hover {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .md\:hover\:from-blue-100:hover {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .md\:hover\:from-blue-200:hover {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .md\:hover\:from-blue-300:hover {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .md\:hover\:from-blue-400:hover {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .md\:hover\:from-blue-500:hover {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .md\:hover\:from-blue-600:hover {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .md\:hover\:from-blue-700:hover {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .md\:hover\:from-blue-800:hover {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .md\:hover\:from-blue-900:hover {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .md\:hover\:from-indigo-50:hover {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .md\:hover\:from-indigo-100:hover {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .md\:hover\:from-indigo-200:hover {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .md\:hover\:from-indigo-300:hover {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .md\:hover\:from-indigo-400:hover {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .md\:hover\:from-indigo-500:hover {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .md\:hover\:from-indigo-600:hover {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .md\:hover\:from-indigo-700:hover {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .md\:hover\:from-indigo-800:hover {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .md\:hover\:from-indigo-900:hover {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .md\:hover\:from-purple-50:hover {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .md\:hover\:from-purple-100:hover {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .md\:hover\:from-purple-200:hover {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .md\:hover\:from-purple-300:hover {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .md\:hover\:from-purple-400:hover {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .md\:hover\:from-purple-500:hover {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .md\:hover\:from-purple-600:hover {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .md\:hover\:from-purple-700:hover {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .md\:hover\:from-purple-800:hover {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .md\:hover\:from-purple-900:hover {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .md\:hover\:from-pink-50:hover {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .md\:hover\:from-pink-100:hover {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .md\:hover\:from-pink-200:hover {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .md\:hover\:from-pink-300:hover {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .md\:hover\:from-pink-400:hover {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .md\:hover\:from-pink-500:hover {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .md\:hover\:from-pink-600:hover {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .md\:hover\:from-pink-700:hover {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .md\:hover\:from-pink-800:hover {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .md\:hover\:from-pink-900:hover {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .md\:hover\:via-transparent:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:hover\:via-current:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:hover\:via-black:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:hover\:via-white:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .md\:hover\:via-gray-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .md\:hover\:via-gray-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .md\:hover\:via-gray-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .md\:hover\:via-gray-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .md\:hover\:via-gray-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .md\:hover\:via-gray-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .md\:hover\:via-gray-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .md\:hover\:via-gray-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .md\:hover\:via-gray-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .md\:hover\:via-red-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .md\:hover\:via-red-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .md\:hover\:via-red-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .md\:hover\:via-red-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .md\:hover\:via-red-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .md\:hover\:via-red-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .md\:hover\:via-red-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .md\:hover\:via-red-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .md\:hover\:via-red-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .md\:hover\:via-red-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .md\:hover\:via-yellow-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .md\:hover\:via-yellow-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .md\:hover\:via-yellow-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .md\:hover\:via-yellow-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .md\:hover\:via-yellow-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .md\:hover\:via-yellow-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .md\:hover\:via-yellow-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .md\:hover\:via-yellow-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .md\:hover\:via-yellow-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .md\:hover\:via-yellow-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .md\:hover\:via-green-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .md\:hover\:via-green-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .md\:hover\:via-green-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .md\:hover\:via-green-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .md\:hover\:via-green-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .md\:hover\:via-green-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .md\:hover\:via-green-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .md\:hover\:via-green-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .md\:hover\:via-green-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .md\:hover\:via-green-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .md\:hover\:via-blue-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .md\:hover\:via-blue-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .md\:hover\:via-blue-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .md\:hover\:via-blue-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .md\:hover\:via-blue-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .md\:hover\:via-blue-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .md\:hover\:via-blue-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .md\:hover\:via-blue-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .md\:hover\:via-blue-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .md\:hover\:via-blue-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .md\:hover\:via-indigo-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .md\:hover\:via-indigo-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .md\:hover\:via-indigo-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .md\:hover\:via-indigo-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .md\:hover\:via-indigo-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .md\:hover\:via-indigo-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .md\:hover\:via-indigo-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .md\:hover\:via-indigo-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .md\:hover\:via-indigo-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .md\:hover\:via-indigo-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .md\:hover\:via-purple-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .md\:hover\:via-purple-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .md\:hover\:via-purple-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .md\:hover\:via-purple-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .md\:hover\:via-purple-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .md\:hover\:via-purple-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .md\:hover\:via-purple-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .md\:hover\:via-purple-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .md\:hover\:via-purple-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .md\:hover\:via-purple-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .md\:hover\:via-pink-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .md\:hover\:via-pink-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .md\:hover\:via-pink-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .md\:hover\:via-pink-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .md\:hover\:via-pink-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .md\:hover\:via-pink-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .md\:hover\:via-pink-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .md\:hover\:via-pink-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .md\:hover\:via-pink-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .md\:hover\:via-pink-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .md\:hover\:to-transparent:hover {
+    --tw-gradient-to: transparent;
+  }
+
+  .md\:hover\:to-current:hover {
+    --tw-gradient-to: currentColor;
+  }
+
+  .md\:hover\:to-black:hover {
+    --tw-gradient-to: #000;
+  }
+
+  .md\:hover\:to-white:hover {
+    --tw-gradient-to: #fff;
+  }
+
+  .md\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .md\:hover\:to-gray-100:hover {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .md\:hover\:to-gray-200:hover {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .md\:hover\:to-gray-300:hover {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .md\:hover\:to-gray-400:hover {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .md\:hover\:to-gray-500:hover {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .md\:hover\:to-gray-600:hover {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .md\:hover\:to-gray-700:hover {
+    --tw-gradient-to: #374151;
+  }
+
+  .md\:hover\:to-gray-800:hover {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .md\:hover\:to-gray-900:hover {
+    --tw-gradient-to: #111827;
+  }
+
+  .md\:hover\:to-red-50:hover {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .md\:hover\:to-red-100:hover {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .md\:hover\:to-red-200:hover {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .md\:hover\:to-red-300:hover {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .md\:hover\:to-red-400:hover {
+    --tw-gradient-to: #f87171;
+  }
+
+  .md\:hover\:to-red-500:hover {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .md\:hover\:to-red-600:hover {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .md\:hover\:to-red-700:hover {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .md\:hover\:to-red-800:hover {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .md\:hover\:to-red-900:hover {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .md\:hover\:to-yellow-50:hover {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .md\:hover\:to-yellow-100:hover {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .md\:hover\:to-yellow-200:hover {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .md\:hover\:to-yellow-300:hover {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .md\:hover\:to-yellow-400:hover {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .md\:hover\:to-yellow-500:hover {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .md\:hover\:to-yellow-600:hover {
+    --tw-gradient-to: #d97706;
+  }
+
+  .md\:hover\:to-yellow-700:hover {
+    --tw-gradient-to: #b45309;
+  }
+
+  .md\:hover\:to-yellow-800:hover {
+    --tw-gradient-to: #92400e;
+  }
+
+  .md\:hover\:to-yellow-900:hover {
+    --tw-gradient-to: #78350f;
+  }
+
+  .md\:hover\:to-green-50:hover {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .md\:hover\:to-green-100:hover {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .md\:hover\:to-green-200:hover {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .md\:hover\:to-green-300:hover {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .md\:hover\:to-green-400:hover {
+    --tw-gradient-to: #34d399;
+  }
+
+  .md\:hover\:to-green-500:hover {
+    --tw-gradient-to: #10b981;
+  }
+
+  .md\:hover\:to-green-600:hover {
+    --tw-gradient-to: #059669;
+  }
+
+  .md\:hover\:to-green-700:hover {
+    --tw-gradient-to: #047857;
+  }
+
+  .md\:hover\:to-green-800:hover {
+    --tw-gradient-to: #065f46;
+  }
+
+  .md\:hover\:to-green-900:hover {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .md\:hover\:to-blue-50:hover {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .md\:hover\:to-blue-100:hover {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .md\:hover\:to-blue-200:hover {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .md\:hover\:to-blue-300:hover {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .md\:hover\:to-blue-400:hover {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .md\:hover\:to-blue-500:hover {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .md\:hover\:to-blue-600:hover {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .md\:hover\:to-blue-700:hover {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .md\:hover\:to-blue-800:hover {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .md\:hover\:to-blue-900:hover {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .md\:hover\:to-indigo-50:hover {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .md\:hover\:to-indigo-100:hover {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .md\:hover\:to-indigo-200:hover {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .md\:hover\:to-indigo-300:hover {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .md\:hover\:to-indigo-400:hover {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .md\:hover\:to-indigo-500:hover {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .md\:hover\:to-indigo-600:hover {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .md\:hover\:to-indigo-700:hover {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .md\:hover\:to-indigo-800:hover {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .md\:hover\:to-indigo-900:hover {
+    --tw-gradient-to: #312e81;
+  }
+
+  .md\:hover\:to-purple-50:hover {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .md\:hover\:to-purple-100:hover {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .md\:hover\:to-purple-200:hover {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .md\:hover\:to-purple-300:hover {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .md\:hover\:to-purple-400:hover {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .md\:hover\:to-purple-500:hover {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .md\:hover\:to-purple-600:hover {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .md\:hover\:to-purple-700:hover {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .md\:hover\:to-purple-800:hover {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .md\:hover\:to-purple-900:hover {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .md\:hover\:to-pink-50:hover {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .md\:hover\:to-pink-100:hover {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .md\:hover\:to-pink-200:hover {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .md\:hover\:to-pink-300:hover {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .md\:hover\:to-pink-400:hover {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .md\:hover\:to-pink-500:hover {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .md\:hover\:to-pink-600:hover {
+    --tw-gradient-to: #db2777;
+  }
+
+  .md\:hover\:to-pink-700:hover {
+    --tw-gradient-to: #be185d;
+  }
+
+  .md\:hover\:to-pink-800:hover {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .md\:hover\:to-pink-900:hover {
+    --tw-gradient-to: #831843;
+  }
+
+  .md\:focus\:from-transparent:focus {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:focus\:from-current:focus {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:focus\:from-black:focus {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:focus\:from-white:focus {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .md\:focus\:from-gray-100:focus {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .md\:focus\:from-gray-200:focus {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .md\:focus\:from-gray-300:focus {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .md\:focus\:from-gray-400:focus {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .md\:focus\:from-gray-500:focus {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .md\:focus\:from-gray-600:focus {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .md\:focus\:from-gray-700:focus {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .md\:focus\:from-gray-800:focus {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .md\:focus\:from-gray-900:focus {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .md\:focus\:from-red-50:focus {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .md\:focus\:from-red-100:focus {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .md\:focus\:from-red-200:focus {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .md\:focus\:from-red-300:focus {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .md\:focus\:from-red-400:focus {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .md\:focus\:from-red-500:focus {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .md\:focus\:from-red-600:focus {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .md\:focus\:from-red-700:focus {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .md\:focus\:from-red-800:focus {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .md\:focus\:from-red-900:focus {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .md\:focus\:from-yellow-50:focus {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .md\:focus\:from-yellow-100:focus {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .md\:focus\:from-yellow-200:focus {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .md\:focus\:from-yellow-300:focus {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .md\:focus\:from-yellow-400:focus {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .md\:focus\:from-yellow-500:focus {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .md\:focus\:from-yellow-600:focus {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .md\:focus\:from-yellow-700:focus {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .md\:focus\:from-yellow-800:focus {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .md\:focus\:from-yellow-900:focus {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .md\:focus\:from-green-50:focus {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .md\:focus\:from-green-100:focus {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .md\:focus\:from-green-200:focus {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .md\:focus\:from-green-300:focus {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .md\:focus\:from-green-400:focus {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .md\:focus\:from-green-500:focus {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .md\:focus\:from-green-600:focus {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .md\:focus\:from-green-700:focus {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .md\:focus\:from-green-800:focus {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .md\:focus\:from-green-900:focus {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .md\:focus\:from-blue-50:focus {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .md\:focus\:from-blue-100:focus {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .md\:focus\:from-blue-200:focus {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .md\:focus\:from-blue-300:focus {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .md\:focus\:from-blue-400:focus {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .md\:focus\:from-blue-500:focus {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .md\:focus\:from-blue-600:focus {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .md\:focus\:from-blue-700:focus {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .md\:focus\:from-blue-800:focus {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .md\:focus\:from-blue-900:focus {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .md\:focus\:from-indigo-50:focus {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .md\:focus\:from-indigo-100:focus {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .md\:focus\:from-indigo-200:focus {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .md\:focus\:from-indigo-300:focus {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .md\:focus\:from-indigo-400:focus {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .md\:focus\:from-indigo-500:focus {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .md\:focus\:from-indigo-600:focus {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .md\:focus\:from-indigo-700:focus {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .md\:focus\:from-indigo-800:focus {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .md\:focus\:from-indigo-900:focus {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .md\:focus\:from-purple-50:focus {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .md\:focus\:from-purple-100:focus {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .md\:focus\:from-purple-200:focus {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .md\:focus\:from-purple-300:focus {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .md\:focus\:from-purple-400:focus {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .md\:focus\:from-purple-500:focus {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .md\:focus\:from-purple-600:focus {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .md\:focus\:from-purple-700:focus {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .md\:focus\:from-purple-800:focus {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .md\:focus\:from-purple-900:focus {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .md\:focus\:from-pink-50:focus {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .md\:focus\:from-pink-100:focus {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .md\:focus\:from-pink-200:focus {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .md\:focus\:from-pink-300:focus {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .md\:focus\:from-pink-400:focus {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .md\:focus\:from-pink-500:focus {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .md\:focus\:from-pink-600:focus {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .md\:focus\:from-pink-700:focus {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .md\:focus\:from-pink-800:focus {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .md\:focus\:from-pink-900:focus {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .md\:focus\:via-transparent:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:focus\:via-current:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:focus\:via-black:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .md\:focus\:via-white:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .md\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .md\:focus\:via-gray-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .md\:focus\:via-gray-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .md\:focus\:via-gray-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .md\:focus\:via-gray-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .md\:focus\:via-gray-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .md\:focus\:via-gray-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .md\:focus\:via-gray-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .md\:focus\:via-gray-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .md\:focus\:via-gray-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .md\:focus\:via-red-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .md\:focus\:via-red-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .md\:focus\:via-red-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .md\:focus\:via-red-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .md\:focus\:via-red-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .md\:focus\:via-red-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .md\:focus\:via-red-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .md\:focus\:via-red-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .md\:focus\:via-red-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .md\:focus\:via-red-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .md\:focus\:via-yellow-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .md\:focus\:via-yellow-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .md\:focus\:via-yellow-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .md\:focus\:via-yellow-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .md\:focus\:via-yellow-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .md\:focus\:via-yellow-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .md\:focus\:via-yellow-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .md\:focus\:via-yellow-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .md\:focus\:via-yellow-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .md\:focus\:via-yellow-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .md\:focus\:via-green-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .md\:focus\:via-green-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .md\:focus\:via-green-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .md\:focus\:via-green-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .md\:focus\:via-green-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .md\:focus\:via-green-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .md\:focus\:via-green-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .md\:focus\:via-green-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .md\:focus\:via-green-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .md\:focus\:via-green-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .md\:focus\:via-blue-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .md\:focus\:via-blue-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .md\:focus\:via-blue-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .md\:focus\:via-blue-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .md\:focus\:via-blue-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .md\:focus\:via-blue-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .md\:focus\:via-blue-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .md\:focus\:via-blue-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .md\:focus\:via-blue-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .md\:focus\:via-blue-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .md\:focus\:via-indigo-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .md\:focus\:via-indigo-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .md\:focus\:via-indigo-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .md\:focus\:via-indigo-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .md\:focus\:via-indigo-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .md\:focus\:via-indigo-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .md\:focus\:via-indigo-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .md\:focus\:via-indigo-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .md\:focus\:via-indigo-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .md\:focus\:via-indigo-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .md\:focus\:via-purple-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .md\:focus\:via-purple-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .md\:focus\:via-purple-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .md\:focus\:via-purple-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .md\:focus\:via-purple-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .md\:focus\:via-purple-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .md\:focus\:via-purple-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .md\:focus\:via-purple-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .md\:focus\:via-purple-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .md\:focus\:via-purple-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .md\:focus\:via-pink-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .md\:focus\:via-pink-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .md\:focus\:via-pink-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .md\:focus\:via-pink-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .md\:focus\:via-pink-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .md\:focus\:via-pink-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .md\:focus\:via-pink-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .md\:focus\:via-pink-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .md\:focus\:via-pink-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .md\:focus\:via-pink-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .md\:focus\:to-transparent:focus {
+    --tw-gradient-to: transparent;
+  }
+
+  .md\:focus\:to-current:focus {
+    --tw-gradient-to: currentColor;
+  }
+
+  .md\:focus\:to-black:focus {
+    --tw-gradient-to: #000;
+  }
+
+  .md\:focus\:to-white:focus {
+    --tw-gradient-to: #fff;
+  }
+
+  .md\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .md\:focus\:to-gray-100:focus {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .md\:focus\:to-gray-200:focus {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .md\:focus\:to-gray-300:focus {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .md\:focus\:to-gray-400:focus {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .md\:focus\:to-gray-500:focus {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .md\:focus\:to-gray-600:focus {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .md\:focus\:to-gray-700:focus {
+    --tw-gradient-to: #374151;
+  }
+
+  .md\:focus\:to-gray-800:focus {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .md\:focus\:to-gray-900:focus {
+    --tw-gradient-to: #111827;
+  }
+
+  .md\:focus\:to-red-50:focus {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .md\:focus\:to-red-100:focus {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .md\:focus\:to-red-200:focus {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .md\:focus\:to-red-300:focus {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .md\:focus\:to-red-400:focus {
+    --tw-gradient-to: #f87171;
+  }
+
+  .md\:focus\:to-red-500:focus {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .md\:focus\:to-red-600:focus {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .md\:focus\:to-red-700:focus {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .md\:focus\:to-red-800:focus {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .md\:focus\:to-red-900:focus {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .md\:focus\:to-yellow-50:focus {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .md\:focus\:to-yellow-100:focus {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .md\:focus\:to-yellow-200:focus {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .md\:focus\:to-yellow-300:focus {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .md\:focus\:to-yellow-400:focus {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .md\:focus\:to-yellow-500:focus {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .md\:focus\:to-yellow-600:focus {
+    --tw-gradient-to: #d97706;
+  }
+
+  .md\:focus\:to-yellow-700:focus {
+    --tw-gradient-to: #b45309;
+  }
+
+  .md\:focus\:to-yellow-800:focus {
+    --tw-gradient-to: #92400e;
+  }
+
+  .md\:focus\:to-yellow-900:focus {
+    --tw-gradient-to: #78350f;
+  }
+
+  .md\:focus\:to-green-50:focus {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .md\:focus\:to-green-100:focus {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .md\:focus\:to-green-200:focus {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .md\:focus\:to-green-300:focus {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .md\:focus\:to-green-400:focus {
+    --tw-gradient-to: #34d399;
+  }
+
+  .md\:focus\:to-green-500:focus {
+    --tw-gradient-to: #10b981;
+  }
+
+  .md\:focus\:to-green-600:focus {
+    --tw-gradient-to: #059669;
+  }
+
+  .md\:focus\:to-green-700:focus {
+    --tw-gradient-to: #047857;
+  }
+
+  .md\:focus\:to-green-800:focus {
+    --tw-gradient-to: #065f46;
+  }
+
+  .md\:focus\:to-green-900:focus {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .md\:focus\:to-blue-50:focus {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .md\:focus\:to-blue-100:focus {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .md\:focus\:to-blue-200:focus {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .md\:focus\:to-blue-300:focus {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .md\:focus\:to-blue-400:focus {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .md\:focus\:to-blue-500:focus {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .md\:focus\:to-blue-600:focus {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .md\:focus\:to-blue-700:focus {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .md\:focus\:to-blue-800:focus {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .md\:focus\:to-blue-900:focus {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .md\:focus\:to-indigo-50:focus {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .md\:focus\:to-indigo-100:focus {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .md\:focus\:to-indigo-200:focus {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .md\:focus\:to-indigo-300:focus {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .md\:focus\:to-indigo-400:focus {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .md\:focus\:to-indigo-500:focus {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .md\:focus\:to-indigo-600:focus {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .md\:focus\:to-indigo-700:focus {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .md\:focus\:to-indigo-800:focus {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .md\:focus\:to-indigo-900:focus {
+    --tw-gradient-to: #312e81;
+  }
+
+  .md\:focus\:to-purple-50:focus {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .md\:focus\:to-purple-100:focus {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .md\:focus\:to-purple-200:focus {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .md\:focus\:to-purple-300:focus {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .md\:focus\:to-purple-400:focus {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .md\:focus\:to-purple-500:focus {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .md\:focus\:to-purple-600:focus {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .md\:focus\:to-purple-700:focus {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .md\:focus\:to-purple-800:focus {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .md\:focus\:to-purple-900:focus {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .md\:focus\:to-pink-50:focus {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .md\:focus\:to-pink-100:focus {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .md\:focus\:to-pink-200:focus {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .md\:focus\:to-pink-300:focus {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .md\:focus\:to-pink-400:focus {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .md\:focus\:to-pink-500:focus {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .md\:focus\:to-pink-600:focus {
+    --tw-gradient-to: #db2777;
+  }
+
+  .md\:focus\:to-pink-700:focus {
+    --tw-gradient-to: #be185d;
+  }
+
+  .md\:focus\:to-pink-800:focus {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .md\:focus\:to-pink-900:focus {
+    --tw-gradient-to: #831843;
+  }
+
+  .md\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .md\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .md\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .md\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .md\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .md\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .md\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .md\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .md\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .md\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .md\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .md\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .md\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .md\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .md\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .group:hover .md\:group-hover\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .md\:focus-within\:bg-opacity-0:focus-within {
+    --tw-bg-opacity: 0;
+  }
+
+  .md\:focus-within\:bg-opacity-5:focus-within {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .md\:focus-within\:bg-opacity-10:focus-within {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .md\:focus-within\:bg-opacity-20:focus-within {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .md\:focus-within\:bg-opacity-25:focus-within {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .md\:focus-within\:bg-opacity-30:focus-within {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .md\:focus-within\:bg-opacity-40:focus-within {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .md\:focus-within\:bg-opacity-50:focus-within {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .md\:focus-within\:bg-opacity-60:focus-within {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .md\:focus-within\:bg-opacity-70:focus-within {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .md\:focus-within\:bg-opacity-75:focus-within {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .md\:focus-within\:bg-opacity-80:focus-within {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .md\:focus-within\:bg-opacity-90:focus-within {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .md\:focus-within\:bg-opacity-95:focus-within {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .md\:focus-within\:bg-opacity-100:focus-within {
+    --tw-bg-opacity: 1;
+  }
+
+  .md\:hover\:bg-opacity-0:hover {
+    --tw-bg-opacity: 0;
+  }
+
+  .md\:hover\:bg-opacity-5:hover {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .md\:hover\:bg-opacity-10:hover {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .md\:hover\:bg-opacity-20:hover {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .md\:hover\:bg-opacity-25:hover {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .md\:hover\:bg-opacity-30:hover {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .md\:hover\:bg-opacity-40:hover {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .md\:hover\:bg-opacity-50:hover {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .md\:hover\:bg-opacity-60:hover {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .md\:hover\:bg-opacity-70:hover {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .md\:hover\:bg-opacity-75:hover {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .md\:hover\:bg-opacity-80:hover {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .md\:hover\:bg-opacity-90:hover {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .md\:hover\:bg-opacity-95:hover {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .md\:hover\:bg-opacity-100:hover {
+    --tw-bg-opacity: 1;
+  }
+
+  .md\:focus\:bg-opacity-0:focus {
+    --tw-bg-opacity: 0;
+  }
+
+  .md\:focus\:bg-opacity-5:focus {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .md\:focus\:bg-opacity-10:focus {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .md\:focus\:bg-opacity-20:focus {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .md\:focus\:bg-opacity-25:focus {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .md\:focus\:bg-opacity-30:focus {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .md\:focus\:bg-opacity-40:focus {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .md\:focus\:bg-opacity-50:focus {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .md\:focus\:bg-opacity-60:focus {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .md\:focus\:bg-opacity-70:focus {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .md\:focus\:bg-opacity-75:focus {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .md\:focus\:bg-opacity-80:focus {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .md\:focus\:bg-opacity-90:focus {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .md\:focus\:bg-opacity-95:focus {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .md\:focus\:bg-opacity-100:focus {
+    --tw-bg-opacity: 1;
+  }
+
+  .md\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .md\:bg-center {
+    background-position: center;
+  }
+
+  .md\:bg-left {
+    background-position: left;
+  }
+
+  .md\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .md\:bg-left-top {
+    background-position: left top;
+  }
+
+  .md\:bg-right {
+    background-position: right;
+  }
+
+  .md\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .md\:bg-right-top {
+    background-position: right top;
+  }
+
+  .md\:bg-top {
+    background-position: top;
+  }
+
+  .md\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .md\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .md\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .md\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .md\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .md\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .md\:bg-auto {
+    background-size: auto;
+  }
+
+  .md\:bg-cover {
+    background-size: cover;
+  }
+
+  .md\:bg-contain {
+    background-size: contain;
+  }
+
+  .md\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .md\:border-separate {
+    border-collapse: separate;
+  }
+
+  .md\:border-transparent {
+    border-color: transparent;
+  }
+
+  .md\:border-current {
+    border-color: currentColor;
+  }
+
+  .md\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .md\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .md\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .md\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .md\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .md\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .md\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .md\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .md\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .md\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:hover .md\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  .group:hover .md\:group-hover\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .md\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .md\:focus-within\:border-black:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-white:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-gray-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-red-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-yellow-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-green-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-blue-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-indigo-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-purple-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-pink-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .md\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .md\:hover\:border-black:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-white:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-gray-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-red-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-yellow-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-green-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-blue-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-indigo-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-purple-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-pink-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .md\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .md\:focus\:border-black:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-white:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-gray-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-red-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-yellow-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-green-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-blue-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-indigo-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-purple-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-pink-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .md\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .md\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .md\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .md\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .md\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .md\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .md\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .md\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .md\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .md\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .md\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .md\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .md\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .md\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .md\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .group:hover .md\:group-hover\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .md\:focus-within\:border-opacity-0:focus-within {
+    --tw-border-opacity: 0;
+  }
+
+  .md\:focus-within\:border-opacity-5:focus-within {
+    --tw-border-opacity: 0.05;
+  }
+
+  .md\:focus-within\:border-opacity-10:focus-within {
+    --tw-border-opacity: 0.1;
+  }
+
+  .md\:focus-within\:border-opacity-20:focus-within {
+    --tw-border-opacity: 0.2;
+  }
+
+  .md\:focus-within\:border-opacity-25:focus-within {
+    --tw-border-opacity: 0.25;
+  }
+
+  .md\:focus-within\:border-opacity-30:focus-within {
+    --tw-border-opacity: 0.3;
+  }
+
+  .md\:focus-within\:border-opacity-40:focus-within {
+    --tw-border-opacity: 0.4;
+  }
+
+  .md\:focus-within\:border-opacity-50:focus-within {
+    --tw-border-opacity: 0.5;
+  }
+
+  .md\:focus-within\:border-opacity-60:focus-within {
+    --tw-border-opacity: 0.6;
+  }
+
+  .md\:focus-within\:border-opacity-70:focus-within {
+    --tw-border-opacity: 0.7;
+  }
+
+  .md\:focus-within\:border-opacity-75:focus-within {
+    --tw-border-opacity: 0.75;
+  }
+
+  .md\:focus-within\:border-opacity-80:focus-within {
+    --tw-border-opacity: 0.8;
+  }
+
+  .md\:focus-within\:border-opacity-90:focus-within {
+    --tw-border-opacity: 0.9;
+  }
+
+  .md\:focus-within\:border-opacity-95:focus-within {
+    --tw-border-opacity: 0.95;
+  }
+
+  .md\:focus-within\:border-opacity-100:focus-within {
+    --tw-border-opacity: 1;
+  }
+
+  .md\:hover\:border-opacity-0:hover {
+    --tw-border-opacity: 0;
+  }
+
+  .md\:hover\:border-opacity-5:hover {
+    --tw-border-opacity: 0.05;
+  }
+
+  .md\:hover\:border-opacity-10:hover {
+    --tw-border-opacity: 0.1;
+  }
+
+  .md\:hover\:border-opacity-20:hover {
+    --tw-border-opacity: 0.2;
+  }
+
+  .md\:hover\:border-opacity-25:hover {
+    --tw-border-opacity: 0.25;
+  }
+
+  .md\:hover\:border-opacity-30:hover {
+    --tw-border-opacity: 0.3;
+  }
+
+  .md\:hover\:border-opacity-40:hover {
+    --tw-border-opacity: 0.4;
+  }
+
+  .md\:hover\:border-opacity-50:hover {
+    --tw-border-opacity: 0.5;
+  }
+
+  .md\:hover\:border-opacity-60:hover {
+    --tw-border-opacity: 0.6;
+  }
+
+  .md\:hover\:border-opacity-70:hover {
+    --tw-border-opacity: 0.7;
+  }
+
+  .md\:hover\:border-opacity-75:hover {
+    --tw-border-opacity: 0.75;
+  }
+
+  .md\:hover\:border-opacity-80:hover {
+    --tw-border-opacity: 0.8;
+  }
+
+  .md\:hover\:border-opacity-90:hover {
+    --tw-border-opacity: 0.9;
+  }
+
+  .md\:hover\:border-opacity-95:hover {
+    --tw-border-opacity: 0.95;
+  }
+
+  .md\:hover\:border-opacity-100:hover {
+    --tw-border-opacity: 1;
+  }
+
+  .md\:focus\:border-opacity-0:focus {
+    --tw-border-opacity: 0;
+  }
+
+  .md\:focus\:border-opacity-5:focus {
+    --tw-border-opacity: 0.05;
+  }
+
+  .md\:focus\:border-opacity-10:focus {
+    --tw-border-opacity: 0.1;
+  }
+
+  .md\:focus\:border-opacity-20:focus {
+    --tw-border-opacity: 0.2;
+  }
+
+  .md\:focus\:border-opacity-25:focus {
+    --tw-border-opacity: 0.25;
+  }
+
+  .md\:focus\:border-opacity-30:focus {
+    --tw-border-opacity: 0.3;
+  }
+
+  .md\:focus\:border-opacity-40:focus {
+    --tw-border-opacity: 0.4;
+  }
+
+  .md\:focus\:border-opacity-50:focus {
+    --tw-border-opacity: 0.5;
+  }
+
+  .md\:focus\:border-opacity-60:focus {
+    --tw-border-opacity: 0.6;
+  }
+
+  .md\:focus\:border-opacity-70:focus {
+    --tw-border-opacity: 0.7;
+  }
+
+  .md\:focus\:border-opacity-75:focus {
+    --tw-border-opacity: 0.75;
+  }
+
+  .md\:focus\:border-opacity-80:focus {
+    --tw-border-opacity: 0.8;
+  }
+
+  .md\:focus\:border-opacity-90:focus {
+    --tw-border-opacity: 0.9;
+  }
+
+  .md\:focus\:border-opacity-95:focus {
+    --tw-border-opacity: 0.95;
+  }
+
+  .md\:focus\:border-opacity-100:focus {
+    --tw-border-opacity: 1;
+  }
+
+  .md\:rounded-none {
+    border-radius: 0px;
+  }
+
+  .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-xl {
+    border-radius: 0.75rem;
+  }
+
+  .md\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .md\:rounded-3xl {
+    border-radius: 1.5rem;
+  }
+
+  .md\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .md\:rounded-t-none {
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+  }
+
+  .md\:rounded-r-none {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+  }
+
+  .md\:rounded-b-none {
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .md\:rounded-l-none {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .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-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .md\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .md\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .md\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .md\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .md\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .md\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .md\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .md\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .md\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .md\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .md\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.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: 0px;
+  }
+
+  .md\:rounded-tr-none {
+    border-top-right-radius: 0px;
+  }
+
+  .md\:rounded-br-none {
+    border-bottom-right-radius: 0px;
+  }
+
+  .md\:rounded-bl-none {
+    border-bottom-left-radius: 0px;
+  }
+
+  .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-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .md\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .md\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .md\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .md\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .md\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .md\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .md\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .md\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .md\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .md\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .md\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.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: 0px;
+  }
+
+  .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: 0px;
+  }
+
+  .md\:border-r-0 {
+    border-right-width: 0px;
+  }
+
+  .md\:border-b-0 {
+    border-bottom-width: 0px;
+  }
+
+  .md\:border-l-0 {
+    border-left-width: 0px;
+  }
+
+  .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-help {
+    cursor: help;
+  }
+
+  .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\:contents {
+    display: contents;
+  }
+
+  .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-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .md\:place-items-auto {
+    place-items: auto;
+  }
+
+  .md\:place-items-start {
+    place-items: start;
+  }
+
+  .md\:place-items-end {
+    place-items: end;
+  }
+
+  .md\:place-items-center {
+    place-items: center;
+  }
+
+  .md\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .md\:place-content-center {
+    place-content: center;
+  }
+
+  .md\:place-content-start {
+    place-content: start;
+  }
+
+  .md\:place-content-end {
+    place-content: end;
+  }
+
+  .md\:place-content-between {
+    place-content: space-between;
+  }
+
+  .md\:place-content-around {
+    place-content: space-around;
+  }
+
+  .md\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .md\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .md\:place-self-auto {
+    place-self: auto;
+  }
+
+  .md\:place-self-start {
+    place-self: start;
+  }
+
+  .md\:place-self-end {
+    place-self: end;
+  }
+
+  .md\:place-self-center {
+    place-self: center;
+  }
+
+  .md\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .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\: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\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .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-items-auto {
+    justify-items: auto;
+  }
+
+  .md\:justify-items-start {
+    justify-items: start;
+  }
+
+  .md\:justify-items-end {
+    justify-items: end;
+  }
+
+  .md\:justify-items-center {
+    justify-items: center;
+  }
+
+  .md\:justify-items-stretch {
+    justify-items: 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\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .md\:justify-self-start {
+    justify-self: start;
+  }
+
+  .md\:justify-self-end {
+    justify-self: end;
+  }
+
+  .md\:justify-self-center {
+    justify-self: center;
+  }
+
+  .md\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .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\:clear-left {
+    clear: left;
+  }
+
+  .md\:clear-right {
+    clear: right;
+  }
+
+  .md\:clear-both {
+    clear: both;
+  }
+
+  .md\:clear-none {
+    clear: none;
+  }
+
+  .md\:font-sans {
+    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  }
+
+  .md\:font-serif {
+    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .md\:font-mono {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .md\:font-thin {
+    font-weight: 100;
+  }
+
+  .md\:font-extralight {
+    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\:h-0 {
+    height: 0px;
+  }
+
+  .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-7 {
+    height: 1.75rem;
+  }
+
+  .md\:h-8 {
+    height: 2rem;
+  }
+
+  .md\:h-9 {
+    height: 2.25rem;
+  }
+
+  .md\:h-10 {
+    height: 2.5rem;
+  }
+
+  .md\:h-11 {
+    height: 2.75rem;
+  }
+
+  .md\:h-12 {
+    height: 3rem;
+  }
+
+  .md\:h-14 {
+    height: 3.5rem;
+  }
+
+  .md\:h-16 {
+    height: 4rem;
+  }
+
+  .md\:h-20 {
+    height: 5rem;
+  }
+
+  .md\:h-24 {
+    height: 6rem;
+  }
+
+  .md\:h-28 {
+    height: 7rem;
+  }
+
+  .md\:h-32 {
+    height: 8rem;
+  }
+
+  .md\:h-36 {
+    height: 9rem;
+  }
+
+  .md\:h-40 {
+    height: 10rem;
+  }
+
+  .md\:h-44 {
+    height: 11rem;
+  }
+
+  .md\:h-48 {
+    height: 12rem;
+  }
+
+  .md\:h-52 {
+    height: 13rem;
+  }
+
+  .md\:h-56 {
+    height: 14rem;
+  }
+
+  .md\:h-60 {
+    height: 15rem;
+  }
+
+  .md\:h-64 {
+    height: 16rem;
+  }
+
+  .md\:h-72 {
+    height: 18rem;
+  }
+
+  .md\:h-80 {
+    height: 20rem;
+  }
+
+  .md\:h-96 {
+    height: 24rem;
+  }
+
+  .md\:h-auto {
+    height: auto;
+  }
+
+  .md\:h-px {
+    height: 1px;
+  }
+
+  .md\:h-0\.5 {
+    height: 0.125rem;
+  }
+
+  .md\:h-1\.5 {
+    height: 0.375rem;
+  }
+
+  .md\:h-2\.5 {
+    height: 0.625rem;
+  }
+
+  .md\:h-3\.5 {
+    height: 0.875rem;
+  }
+
+  .md\:h-1\/2 {
+    height: 50%;
+  }
+
+  .md\:h-1\/3 {
+    height: 33.333333%;
+  }
+
+  .md\:h-2\/3 {
+    height: 66.666667%;
+  }
+
+  .md\:h-1\/4 {
+    height: 25%;
+  }
+
+  .md\:h-2\/4 {
+    height: 50%;
+  }
+
+  .md\:h-3\/4 {
+    height: 75%;
+  }
+
+  .md\:h-1\/5 {
+    height: 20%;
+  }
+
+  .md\:h-2\/5 {
+    height: 40%;
+  }
+
+  .md\:h-3\/5 {
+    height: 60%;
+  }
+
+  .md\:h-4\/5 {
+    height: 80%;
+  }
+
+  .md\:h-1\/6 {
+    height: 16.666667%;
+  }
+
+  .md\:h-2\/6 {
+    height: 33.333333%;
+  }
+
+  .md\:h-3\/6 {
+    height: 50%;
+  }
+
+  .md\:h-4\/6 {
+    height: 66.666667%;
+  }
+
+  .md\:h-5\/6 {
+    height: 83.333333%;
+  }
+
+  .md\:h-full {
+    height: 100%;
+  }
+
+  .md\:h-screen {
+    height: 100vh;
+  }
+
+  .md\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .md\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .md\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .md\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .md\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .md\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .md\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .md\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .md\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+
+  .md\:text-6xl {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .md\:text-7xl {
+    font-size: 4.5rem;
+    line-height: 1;
+  }
+
+  .md\:text-8xl {
+    font-size: 6rem;
+    line-height: 1;
+  }
+
+  .md\:text-9xl {
+    font-size: 8rem;
+    line-height: 1;
+  }
+
+  .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: 0px;
+  }
+
+  .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-7 {
+    margin: 1.75rem;
+  }
+
+  .md\:m-8 {
+    margin: 2rem;
+  }
+
+  .md\:m-9 {
+    margin: 2.25rem;
+  }
+
+  .md\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .md\:m-11 {
+    margin: 2.75rem;
+  }
+
+  .md\:m-12 {
+    margin: 3rem;
+  }
+
+  .md\:m-14 {
+    margin: 3.5rem;
+  }
+
+  .md\:m-16 {
+    margin: 4rem;
+  }
+
+  .md\:m-20 {
+    margin: 5rem;
+  }
+
+  .md\:m-24 {
+    margin: 6rem;
+  }
+
+  .md\:m-28 {
+    margin: 7rem;
+  }
+
+  .md\:m-32 {
+    margin: 8rem;
+  }
+
+  .md\:m-36 {
+    margin: 9rem;
+  }
+
+  .md\:m-40 {
+    margin: 10rem;
+  }
+
+  .md\:m-44 {
+    margin: 11rem;
+  }
+
+  .md\:m-48 {
+    margin: 12rem;
+  }
+
+  .md\:m-52 {
+    margin: 13rem;
+  }
+
+  .md\:m-56 {
+    margin: 14rem;
+  }
+
+  .md\:m-60 {
+    margin: 15rem;
+  }
+
+  .md\:m-64 {
+    margin: 16rem;
+  }
+
+  .md\:m-72 {
+    margin: 18rem;
+  }
+
+  .md\:m-80 {
+    margin: 20rem;
+  }
+
+  .md\:m-96 {
+    margin: 24rem;
+  }
+
+  .md\:m-auto {
+    margin: auto;
+  }
+
+  .md\:m-px {
+    margin: 1px;
+  }
+
+  .md\:m-0\.5 {
+    margin: 0.125rem;
+  }
+
+  .md\:m-1\.5 {
+    margin: 0.375rem;
+  }
+
+  .md\:m-2\.5 {
+    margin: 0.625rem;
+  }
+
+  .md\:m-3\.5 {
+    margin: 0.875rem;
+  }
+
+  .md\:-m-0 {
+    margin: 0px;
+  }
+
+  .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-7 {
+    margin: -1.75rem;
+  }
+
+  .md\:-m-8 {
+    margin: -2rem;
+  }
+
+  .md\:-m-9 {
+    margin: -2.25rem;
+  }
+
+  .md\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .md\:-m-11 {
+    margin: -2.75rem;
+  }
+
+  .md\:-m-12 {
+    margin: -3rem;
+  }
+
+  .md\:-m-14 {
+    margin: -3.5rem;
+  }
+
+  .md\:-m-16 {
+    margin: -4rem;
+  }
+
+  .md\:-m-20 {
+    margin: -5rem;
+  }
+
+  .md\:-m-24 {
+    margin: -6rem;
+  }
+
+  .md\:-m-28 {
+    margin: -7rem;
+  }
+
+  .md\:-m-32 {
+    margin: -8rem;
+  }
+
+  .md\:-m-36 {
+    margin: -9rem;
+  }
+
+  .md\:-m-40 {
+    margin: -10rem;
+  }
+
+  .md\:-m-44 {
+    margin: -11rem;
+  }
+
+  .md\:-m-48 {
+    margin: -12rem;
+  }
+
+  .md\:-m-52 {
+    margin: -13rem;
+  }
+
+  .md\:-m-56 {
+    margin: -14rem;
+  }
+
+  .md\:-m-60 {
+    margin: -15rem;
+  }
+
+  .md\:-m-64 {
+    margin: -16rem;
+  }
+
+  .md\:-m-72 {
+    margin: -18rem;
+  }
+
+  .md\:-m-80 {
+    margin: -20rem;
+  }
+
+  .md\:-m-96 {
+    margin: -24rem;
+  }
+
+  .md\:-m-px {
+    margin: -1px;
+  }
+
+  .md\:-m-0\.5 {
+    margin: -0.125rem;
+  }
+
+  .md\:-m-1\.5 {
+    margin: -0.375rem;
+  }
+
+  .md\:-m-2\.5 {
+    margin: -0.625rem;
+  }
+
+  .md\:-m-3\.5 {
+    margin: -0.875rem;
+  }
+
+  .md\:my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .md\:mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .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-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
+  .md\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
+  .md\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .md\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .md\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
+  }
+
+  .md\:mx-9 {
+    margin-left: 2.25rem;
+    margin-right: 2.25rem;
+  }
+
+  .md\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .md\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .md\:my-11 {
+    margin-top: 2.75rem;
+    margin-bottom: 2.75rem;
+  }
+
+  .md\:mx-11 {
+    margin-left: 2.75rem;
+    margin-right: 2.75rem;
+  }
+
+  .md\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .md\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .md\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .md\:mx-14 {
+    margin-left: 3.5rem;
+    margin-right: 3.5rem;
+  }
+
+  .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-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+
+  .md\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+
+  .md\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .md\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .md\:my-36 {
+    margin-top: 9rem;
+    margin-bottom: 9rem;
+  }
+
+  .md\:mx-36 {
+    margin-left: 9rem;
+    margin-right: 9rem;
+  }
+
+  .md\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .md\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .md\:my-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .md\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
+  .md\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .md\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .md\:my-52 {
+    margin-top: 13rem;
+    margin-bottom: 13rem;
+  }
+
+  .md\:mx-52 {
+    margin-left: 13rem;
+    margin-right: 13rem;
+  }
+
+  .md\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .md\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .md\:my-60 {
+    margin-top: 15rem;
+    margin-bottom: 15rem;
+  }
+
+  .md\:mx-60 {
+    margin-left: 15rem;
+    margin-right: 15rem;
+  }
+
+  .md\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .md\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .md\:my-72 {
+    margin-top: 18rem;
+    margin-bottom: 18rem;
+  }
+
+  .md\:mx-72 {
+    margin-left: 18rem;
+    margin-right: 18rem;
+  }
+
+  .md\:my-80 {
+    margin-top: 20rem;
+    margin-bottom: 20rem;
+  }
+
+  .md\:mx-80 {
+    margin-left: 20rem;
+    margin-right: 20rem;
+  }
+
+  .md\:my-96 {
+    margin-top: 24rem;
+    margin-bottom: 24rem;
+  }
+
+  .md\:mx-96 {
+    margin-left: 24rem;
+    margin-right: 24rem;
+  }
+
+  .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-0\.5 {
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+  }
+
+  .md\:mx-0\.5 {
+    margin-left: 0.125rem;
+    margin-right: 0.125rem;
+  }
+
+  .md\:my-1\.5 {
+    margin-top: 0.375rem;
+    margin-bottom: 0.375rem;
+  }
+
+  .md\:mx-1\.5 {
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+
+  .md\:my-2\.5 {
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
+
+  .md\:mx-2\.5 {
+    margin-left: 0.625rem;
+    margin-right: 0.625rem;
+  }
+
+  .md\:my-3\.5 {
+    margin-top: 0.875rem;
+    margin-bottom: 0.875rem;
+  }
+
+  .md\:mx-3\.5 {
+    margin-left: 0.875rem;
+    margin-right: 0.875rem;
+  }
+
+  .md\:-my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .md\:-mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .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-7 {
+    margin-top: -1.75rem;
+    margin-bottom: -1.75rem;
+  }
+
+  .md\:-mx-7 {
+    margin-left: -1.75rem;
+    margin-right: -1.75rem;
+  }
+
+  .md\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .md\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .md\:-my-9 {
+    margin-top: -2.25rem;
+    margin-bottom: -2.25rem;
+  }
+
+  .md\:-mx-9 {
+    margin-left: -2.25rem;
+    margin-right: -2.25rem;
+  }
+
+  .md\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .md\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .md\:-my-11 {
+    margin-top: -2.75rem;
+    margin-bottom: -2.75rem;
+  }
+
+  .md\:-mx-11 {
+    margin-left: -2.75rem;
+    margin-right: -2.75rem;
+  }
+
+  .md\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .md\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .md\:-my-14 {
+    margin-top: -3.5rem;
+    margin-bottom: -3.5rem;
+  }
+
+  .md\:-mx-14 {
+    margin-left: -3.5rem;
+    margin-right: -3.5rem;
+  }
+
+  .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-28 {
+    margin-top: -7rem;
+    margin-bottom: -7rem;
+  }
+
+  .md\:-mx-28 {
+    margin-left: -7rem;
+    margin-right: -7rem;
+  }
+
+  .md\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .md\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .md\:-my-36 {
+    margin-top: -9rem;
+    margin-bottom: -9rem;
+  }
+
+  .md\:-mx-36 {
+    margin-left: -9rem;
+    margin-right: -9rem;
+  }
+
+  .md\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .md\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .md\:-my-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .md\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
+  .md\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .md\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .md\:-my-52 {
+    margin-top: -13rem;
+    margin-bottom: -13rem;
+  }
+
+  .md\:-mx-52 {
+    margin-left: -13rem;
+    margin-right: -13rem;
+  }
+
+  .md\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .md\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .md\:-my-60 {
+    margin-top: -15rem;
+    margin-bottom: -15rem;
+  }
+
+  .md\:-mx-60 {
+    margin-left: -15rem;
+    margin-right: -15rem;
+  }
+
+  .md\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .md\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .md\:-my-72 {
+    margin-top: -18rem;
+    margin-bottom: -18rem;
+  }
+
+  .md\:-mx-72 {
+    margin-left: -18rem;
+    margin-right: -18rem;
+  }
+
+  .md\:-my-80 {
+    margin-top: -20rem;
+    margin-bottom: -20rem;
+  }
+
+  .md\:-mx-80 {
+    margin-left: -20rem;
+    margin-right: -20rem;
+  }
+
+  .md\:-my-96 {
+    margin-top: -24rem;
+    margin-bottom: -24rem;
+  }
+
+  .md\:-mx-96 {
+    margin-left: -24rem;
+    margin-right: -24rem;
+  }
+
+  .md\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .md\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .md\:-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }
+
+  .md\:-mx-0\.5 {
+    margin-left: -0.125rem;
+    margin-right: -0.125rem;
+  }
+
+  .md\:-my-1\.5 {
+    margin-top: -0.375rem;
+    margin-bottom: -0.375rem;
+  }
+
+  .md\:-mx-1\.5 {
+    margin-left: -0.375rem;
+    margin-right: -0.375rem;
+  }
+
+  .md\:-my-2\.5 {
+    margin-top: -0.625rem;
+    margin-bottom: -0.625rem;
+  }
+
+  .md\:-mx-2\.5 {
+    margin-left: -0.625rem;
+    margin-right: -0.625rem;
+  }
+
+  .md\:-my-3\.5 {
+    margin-top: -0.875rem;
+    margin-bottom: -0.875rem;
+  }
+
+  .md\:-mx-3\.5 {
+    margin-left: -0.875rem;
+    margin-right: -0.875rem;
+  }
+
+  .md\:mt-0 {
+    margin-top: 0px;
+  }
+
+  .md\:mr-0 {
+    margin-right: 0px;
+  }
+
+  .md\:mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .md\:ml-0 {
+    margin-left: 0px;
+  }
+
+  .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-7 {
+    margin-top: 1.75rem;
+  }
+
+  .md\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .md\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
+  .md\:ml-7 {
+    margin-left: 1.75rem;
+  }
+
+  .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-9 {
+    margin-top: 2.25rem;
+  }
+
+  .md\:mr-9 {
+    margin-right: 2.25rem;
+  }
+
+  .md\:mb-9 {
+    margin-bottom: 2.25rem;
+  }
+
+  .md\:ml-9 {
+    margin-left: 2.25rem;
+  }
+
+  .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-11 {
+    margin-top: 2.75rem;
+  }
+
+  .md\:mr-11 {
+    margin-right: 2.75rem;
+  }
+
+  .md\:mb-11 {
+    margin-bottom: 2.75rem;
+  }
+
+  .md\:ml-11 {
+    margin-left: 2.75rem;
+  }
+
+  .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-14 {
+    margin-top: 3.5rem;
+  }
+
+  .md\:mr-14 {
+    margin-right: 3.5rem;
+  }
+
+  .md\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .md\:ml-14 {
+    margin-left: 3.5rem;
+  }
+
+  .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-28 {
+    margin-top: 7rem;
+  }
+
+  .md\:mr-28 {
+    margin-right: 7rem;
+  }
+
+  .md\:mb-28 {
+    margin-bottom: 7rem;
+  }
+
+  .md\:ml-28 {
+    margin-left: 7rem;
+  }
+
+  .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-36 {
+    margin-top: 9rem;
+  }
+
+  .md\:mr-36 {
+    margin-right: 9rem;
+  }
+
+  .md\:mb-36 {
+    margin-bottom: 9rem;
+  }
+
+  .md\:ml-36 {
+    margin-left: 9rem;
+  }
+
+  .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-44 {
+    margin-top: 11rem;
+  }
+
+  .md\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .md\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .md\:ml-44 {
+    margin-left: 11rem;
+  }
+
+  .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-52 {
+    margin-top: 13rem;
+  }
+
+  .md\:mr-52 {
+    margin-right: 13rem;
+  }
+
+  .md\:mb-52 {
+    margin-bottom: 13rem;
+  }
+
+  .md\:ml-52 {
+    margin-left: 13rem;
+  }
+
+  .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-60 {
+    margin-top: 15rem;
+  }
+
+  .md\:mr-60 {
+    margin-right: 15rem;
+  }
+
+  .md\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .md\:ml-60 {
+    margin-left: 15rem;
+  }
+
+  .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-72 {
+    margin-top: 18rem;
+  }
+
+  .md\:mr-72 {
+    margin-right: 18rem;
+  }
+
+  .md\:mb-72 {
+    margin-bottom: 18rem;
+  }
+
+  .md\:ml-72 {
+    margin-left: 18rem;
+  }
+
+  .md\:mt-80 {
+    margin-top: 20rem;
+  }
+
+  .md\:mr-80 {
+    margin-right: 20rem;
+  }
+
+  .md\:mb-80 {
+    margin-bottom: 20rem;
+  }
+
+  .md\:ml-80 {
+    margin-left: 20rem;
+  }
+
+  .md\:mt-96 {
+    margin-top: 24rem;
+  }
+
+  .md\:mr-96 {
+    margin-right: 24rem;
+  }
+
+  .md\:mb-96 {
+    margin-bottom: 24rem;
+  }
+
+  .md\:ml-96 {
+    margin-left: 24rem;
+  }
+
+  .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-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .md\:mr-0\.5 {
+    margin-right: 0.125rem;
+  }
+
+  .md\:mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }
+
+  .md\:ml-0\.5 {
+    margin-left: 0.125rem;
+  }
+
+  .md\:mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .md\:mr-1\.5 {
+    margin-right: 0.375rem;
+  }
+
+  .md\:mb-1\.5 {
+    margin-bottom: 0.375rem;
+  }
+
+  .md\:ml-1\.5 {
+    margin-left: 0.375rem;
+  }
+
+  .md\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
+  .md\:mr-2\.5 {
+    margin-right: 0.625rem;
+  }
+
+  .md\:mb-2\.5 {
+    margin-bottom: 0.625rem;
+  }
+
+  .md\:ml-2\.5 {
+    margin-left: 0.625rem;
+  }
+
+  .md\:mt-3\.5 {
+    margin-top: 0.875rem;
+  }
+
+  .md\:mr-3\.5 {
+    margin-right: 0.875rem;
+  }
+
+  .md\:mb-3\.5 {
+    margin-bottom: 0.875rem;
+  }
+
+  .md\:ml-3\.5 {
+    margin-left: 0.875rem;
+  }
+
+  .md\:-mt-0 {
+    margin-top: 0px;
+  }
+
+  .md\:-mr-0 {
+    margin-right: 0px;
+  }
+
+  .md\:-mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .md\:-ml-0 {
+    margin-left: 0px;
+  }
+
+  .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-7 {
+    margin-top: -1.75rem;
+  }
+
+  .md\:-mr-7 {
+    margin-right: -1.75rem;
+  }
+
+  .md\:-mb-7 {
+    margin-bottom: -1.75rem;
+  }
+
+  .md\:-ml-7 {
+    margin-left: -1.75rem;
+  }
+
+  .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-9 {
+    margin-top: -2.25rem;
+  }
+
+  .md\:-mr-9 {
+    margin-right: -2.25rem;
+  }
+
+  .md\:-mb-9 {
+    margin-bottom: -2.25rem;
+  }
+
+  .md\:-ml-9 {
+    margin-left: -2.25rem;
+  }
+
+  .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-11 {
+    margin-top: -2.75rem;
+  }
+
+  .md\:-mr-11 {
+    margin-right: -2.75rem;
+  }
+
+  .md\:-mb-11 {
+    margin-bottom: -2.75rem;
+  }
+
+  .md\:-ml-11 {
+    margin-left: -2.75rem;
+  }
+
+  .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-14 {
+    margin-top: -3.5rem;
+  }
+
+  .md\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+
+  .md\:-mb-14 {
+    margin-bottom: -3.5rem;
+  }
+
+  .md\:-ml-14 {
+    margin-left: -3.5rem;
+  }
+
+  .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-28 {
+    margin-top: -7rem;
+  }
+
+  .md\:-mr-28 {
+    margin-right: -7rem;
+  }
+
+  .md\:-mb-28 {
+    margin-bottom: -7rem;
+  }
+
+  .md\:-ml-28 {
+    margin-left: -7rem;
+  }
+
+  .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-36 {
+    margin-top: -9rem;
+  }
+
+  .md\:-mr-36 {
+    margin-right: -9rem;
+  }
+
+  .md\:-mb-36 {
+    margin-bottom: -9rem;
+  }
+
+  .md\:-ml-36 {
+    margin-left: -9rem;
+  }
+
+  .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-44 {
+    margin-top: -11rem;
+  }
+
+  .md\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .md\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .md\:-ml-44 {
+    margin-left: -11rem;
+  }
+
+  .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-52 {
+    margin-top: -13rem;
+  }
+
+  .md\:-mr-52 {
+    margin-right: -13rem;
+  }
+
+  .md\:-mb-52 {
+    margin-bottom: -13rem;
+  }
+
+  .md\:-ml-52 {
+    margin-left: -13rem;
+  }
+
+  .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-60 {
+    margin-top: -15rem;
+  }
+
+  .md\:-mr-60 {
+    margin-right: -15rem;
+  }
+
+  .md\:-mb-60 {
+    margin-bottom: -15rem;
+  }
+
+  .md\:-ml-60 {
+    margin-left: -15rem;
+  }
+
+  .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-72 {
+    margin-top: -18rem;
+  }
+
+  .md\:-mr-72 {
+    margin-right: -18rem;
+  }
+
+  .md\:-mb-72 {
+    margin-bottom: -18rem;
+  }
+
+  .md\:-ml-72 {
+    margin-left: -18rem;
+  }
+
+  .md\:-mt-80 {
+    margin-top: -20rem;
+  }
+
+  .md\:-mr-80 {
+    margin-right: -20rem;
+  }
+
+  .md\:-mb-80 {
+    margin-bottom: -20rem;
+  }
+
+  .md\:-ml-80 {
+    margin-left: -20rem;
+  }
+
+  .md\:-mt-96 {
+    margin-top: -24rem;
+  }
+
+  .md\:-mr-96 {
+    margin-right: -24rem;
+  }
+
+  .md\:-mb-96 {
+    margin-bottom: -24rem;
+  }
+
+  .md\:-ml-96 {
+    margin-left: -24rem;
+  }
+
+  .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-0\.5 {
+    margin-top: -0.125rem;
+  }
+
+  .md\:-mr-0\.5 {
+    margin-right: -0.125rem;
+  }
+
+  .md\:-mb-0\.5 {
+    margin-bottom: -0.125rem;
+  }
+
+  .md\:-ml-0\.5 {
+    margin-left: -0.125rem;
+  }
+
+  .md\:-mt-1\.5 {
+    margin-top: -0.375rem;
+  }
+
+  .md\:-mr-1\.5 {
+    margin-right: -0.375rem;
+  }
+
+  .md\:-mb-1\.5 {
+    margin-bottom: -0.375rem;
+  }
+
+  .md\:-ml-1\.5 {
+    margin-left: -0.375rem;
+  }
+
+  .md\:-mt-2\.5 {
+    margin-top: -0.625rem;
+  }
+
+  .md\:-mr-2\.5 {
+    margin-right: -0.625rem;
+  }
+
+  .md\:-mb-2\.5 {
+    margin-bottom: -0.625rem;
+  }
+
+  .md\:-ml-2\.5 {
+    margin-left: -0.625rem;
+  }
+
+  .md\:-mt-3\.5 {
+    margin-top: -0.875rem;
+  }
+
+  .md\:-mr-3\.5 {
+    margin-right: -0.875rem;
+  }
+
+  .md\:-mb-3\.5 {
+    margin-bottom: -0.875rem;
+  }
+
+  .md\:-ml-3\.5 {
+    margin-left: -0.875rem;
+  }
+
+  .md\:max-h-0 {
+    max-height: 0px;
+  }
+
+  .md\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .md\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .md\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .md\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .md\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .md\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .md\:max-h-7 {
+    max-height: 1.75rem;
+  }
+
+  .md\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .md\:max-h-9 {
+    max-height: 2.25rem;
+  }
+
+  .md\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .md\:max-h-11 {
+    max-height: 2.75rem;
+  }
+
+  .md\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .md\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .md\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .md\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .md\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .md\:max-h-28 {
+    max-height: 7rem;
+  }
+
+  .md\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .md\:max-h-36 {
+    max-height: 9rem;
+  }
+
+  .md\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .md\:max-h-44 {
+    max-height: 11rem;
+  }
+
+  .md\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .md\:max-h-52 {
+    max-height: 13rem;
+  }
+
+  .md\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .md\:max-h-60 {
+    max-height: 15rem;
+  }
+
+  .md\:max-h-64 {
+    max-height: 16rem;
+  }
+
+  .md\:max-h-72 {
+    max-height: 18rem;
+  }
+
+  .md\:max-h-80 {
+    max-height: 20rem;
+  }
+
+  .md\:max-h-96 {
+    max-height: 24rem;
+  }
+
+  .md\:max-h-px {
+    max-height: 1px;
+  }
+
+  .md\:max-h-0\.5 {
+    max-height: 0.125rem;
+  }
+
+  .md\:max-h-1\.5 {
+    max-height: 0.375rem;
+  }
+
+  .md\:max-h-2\.5 {
+    max-height: 0.625rem;
+  }
+
+  .md\:max-h-3\.5 {
+    max-height: 0.875rem;
+  }
+
+  .md\:max-h-full {
+    max-height: 100%;
+  }
+
+  .md\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .md\:max-w-0 {
+    max-width: 0rem;
+  }
+
+  .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\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .md\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .md\:max-w-7xl {
+    max-width: 80rem;
+  }
+
+  .md\:max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:max-w-min {
+    max-width: -webkit-min-content;
+    max-width: min-content;
+  }
+
+  .md\:max-w-max {
+    max-width: -webkit-max-content;
+    max-width: max-content;
+  }
+
+  .md\:max-w-prose {
+    max-width: 65ch;
+  }
+
+  .md\:max-w-screen-sm {
+    max-width: 640px;
+  }
+
+  .md\:max-w-screen-md {
+    max-width: 768px;
+  }
+
+  .md\:max-w-screen-lg {
+    max-width: 1024px;
+  }
+
+  .md\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+
+  .md\:max-w-screen-2xl {
+    max-width: 1536px;
+  }
+
+  .md\:min-h-0 {
+    min-height: 0px;
+  }
+
+  .md\:min-h-full {
+    min-height: 100%;
+  }
+
+  .md\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .md\:min-w-0 {
+    min-width: 0px;
+  }
+
+  .md\:min-w-full {
+    min-width: 100%;
+  }
+
+  .md\:min-w-min {
+    min-width: -webkit-min-content;
+    min-width: min-content;
+  }
+
+  .md\:min-w-max {
+    min-width: -webkit-max-content;
+    min-width: max-content;
+  }
+
+  .md\:object-contain {
+    object-fit: contain;
+  }
+
+  .md\:object-cover {
+    object-fit: cover;
+  }
+
+  .md\:object-fill {
+    object-fit: fill;
+  }
+
+  .md\:object-none {
+    object-fit: none;
+  }
+
+  .md\:object-scale-down {
+    object-fit: scale-down;
+  }
+
+  .md\:object-bottom {
+    object-position: bottom;
+  }
+
+  .md\:object-center {
+    object-position: center;
+  }
+
+  .md\:object-left {
+    object-position: left;
+  }
+
+  .md\:object-left-bottom {
+    object-position: left bottom;
+  }
+
+  .md\:object-left-top {
+    object-position: left top;
+  }
+
+  .md\:object-right {
+    object-position: right;
+  }
+
+  .md\:object-right-bottom {
+    object-position: right bottom;
+  }
+
+  .md\:object-right-top {
+    object-position: right top;
+  }
+
+  .md\:object-top {
+    object-position: top;
+  }
+
+  .md\:opacity-0 {
+    opacity: 0;
+  }
+
+  .md\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .md\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .md\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .md\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .md\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .md\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .md\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .md\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .md\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .md\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .md\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .md\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .md\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .md\:opacity-100 {
+    opacity: 1;
+  }
+
+  .group:hover .md\:group-hover\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:hover .md\:group-hover\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .group:hover .md\:group-hover\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .group:hover .md\:group-hover\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .group:hover .md\:group-hover\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:hover .md\:group-hover\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .group:hover .md\:group-hover\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .group:hover .md\:group-hover\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:hover .md\:group-hover\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .group:hover .md\:group-hover\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .group:hover .md\:group-hover\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:hover .md\:group-hover\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .group:hover .md\:group-hover\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .group:hover .md\:group-hover\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .group:hover .md\:group-hover\:opacity-100 {
+    opacity: 1;
+  }
+
+  .md\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .md\:focus-within\:opacity-5:focus-within {
+    opacity: 0.05;
+  }
+
+  .md\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .md\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .md\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .md\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .md\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .md\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .md\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .md\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .md\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .md\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .md\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .md\:focus-within\:opacity-95:focus-within {
+    opacity: 0.95;
+  }
+
+  .md\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
+  .md\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .md\:hover\:opacity-5:hover {
+    opacity: 0.05;
+  }
+
+  .md\:hover\:opacity-10:hover {
+    opacity: 0.1;
+  }
+
+  .md\:hover\:opacity-20:hover {
+    opacity: 0.2;
+  }
+
+  .md\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .md\:hover\:opacity-30:hover {
+    opacity: 0.3;
+  }
+
+  .md\:hover\:opacity-40:hover {
+    opacity: 0.4;
+  }
+
+  .md\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .md\:hover\:opacity-60:hover {
+    opacity: 0.6;
+  }
+
+  .md\:hover\:opacity-70:hover {
+    opacity: 0.7;
+  }
+
+  .md\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .md\:hover\:opacity-80:hover {
+    opacity: 0.8;
+  }
+
+  .md\:hover\:opacity-90:hover {
+    opacity: 0.9;
+  }
+
+  .md\:hover\:opacity-95:hover {
+    opacity: 0.95;
+  }
+
+  .md\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .md\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .md\:focus\:opacity-5:focus {
+    opacity: 0.05;
+  }
+
+  .md\:focus\:opacity-10:focus {
+    opacity: 0.1;
+  }
+
+  .md\:focus\:opacity-20:focus {
+    opacity: 0.2;
+  }
+
+  .md\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .md\:focus\:opacity-30:focus {
+    opacity: 0.3;
+  }
+
+  .md\:focus\:opacity-40:focus {
+    opacity: 0.4;
+  }
+
+  .md\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .md\:focus\:opacity-60:focus {
+    opacity: 0.6;
+  }
+
+  .md\:focus\:opacity-70:focus {
+    opacity: 0.7;
+  }
+
+  .md\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .md\:focus\:opacity-80:focus {
+    opacity: 0.8;
+  }
+
+  .md\:focus\:opacity-90:focus {
+    opacity: 0.9;
+  }
+
+  .md\:focus\:opacity-95:focus {
+    opacity: 0.95;
+  }
+
+  .md\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .md\:outline-none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .md\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .md\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .md\:focus-within\:outline-none:focus-within {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .md\:focus-within\:outline-white:focus-within {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .md\:focus-within\:outline-black:focus-within {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .md\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .md\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .md\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .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\:overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .md\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .md\:overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .md\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .md\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .md\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .md\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .md\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .md\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .md\:p-0 {
+    padding: 0px;
+  }
+
+  .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-7 {
+    padding: 1.75rem;
+  }
+
+  .md\:p-8 {
+    padding: 2rem;
+  }
+
+  .md\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .md\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .md\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .md\:p-12 {
+    padding: 3rem;
+  }
+
+  .md\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .md\:p-16 {
+    padding: 4rem;
+  }
+
+  .md\:p-20 {
+    padding: 5rem;
+  }
+
+  .md\:p-24 {
+    padding: 6rem;
+  }
+
+  .md\:p-28 {
+    padding: 7rem;
+  }
+
+  .md\:p-32 {
+    padding: 8rem;
+  }
+
+  .md\:p-36 {
+    padding: 9rem;
+  }
+
+  .md\:p-40 {
+    padding: 10rem;
+  }
+
+  .md\:p-44 {
+    padding: 11rem;
+  }
+
+  .md\:p-48 {
+    padding: 12rem;
+  }
+
+  .md\:p-52 {
+    padding: 13rem;
+  }
+
+  .md\:p-56 {
+    padding: 14rem;
+  }
+
+  .md\:p-60 {
+    padding: 15rem;
+  }
+
+  .md\:p-64 {
+    padding: 16rem;
+  }
+
+  .md\:p-72 {
+    padding: 18rem;
+  }
+
+  .md\:p-80 {
+    padding: 20rem;
+  }
+
+  .md\:p-96 {
+    padding: 24rem;
+  }
+
+  .md\:p-px {
+    padding: 1px;
+  }
+
+  .md\:p-0\.5 {
+    padding: 0.125rem;
+  }
+
+  .md\:p-1\.5 {
+    padding: 0.375rem;
+  }
+
+  .md\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
+  .md\:p-3\.5 {
+    padding: 0.875rem;
+  }
+
+  .md\:py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .md\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .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-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
+  .md\:px-7 {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+
+  .md\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .md\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .md\:py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .md\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .md\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .md\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .md\:py-11 {
+    padding-top: 2.75rem;
+    padding-bottom: 2.75rem;
+  }
+
+  .md\:px-11 {
+    padding-left: 2.75rem;
+    padding-right: 2.75rem;
+  }
+
+  .md\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .md\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .md\:py-14 {
+    padding-top: 3.5rem;
+    padding-bottom: 3.5rem;
+  }
+
+  .md\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+
+  .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-28 {
+    padding-top: 7rem;
+    padding-bottom: 7rem;
+  }
+
+  .md\:px-28 {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .md\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .md\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .md\:py-36 {
+    padding-top: 9rem;
+    padding-bottom: 9rem;
+  }
+
+  .md\:px-36 {
+    padding-left: 9rem;
+    padding-right: 9rem;
+  }
+
+  .md\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .md\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .md\:py-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .md\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
+  .md\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .md\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .md\:py-52 {
+    padding-top: 13rem;
+    padding-bottom: 13rem;
+  }
+
+  .md\:px-52 {
+    padding-left: 13rem;
+    padding-right: 13rem;
+  }
+
+  .md\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .md\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .md\:py-60 {
+    padding-top: 15rem;
+    padding-bottom: 15rem;
+  }
+
+  .md\:px-60 {
+    padding-left: 15rem;
+    padding-right: 15rem;
+  }
+
+  .md\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .md\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .md\:py-72 {
+    padding-top: 18rem;
+    padding-bottom: 18rem;
+  }
+
+  .md\:px-72 {
+    padding-left: 18rem;
+    padding-right: 18rem;
+  }
+
+  .md\:py-80 {
+    padding-top: 20rem;
+    padding-bottom: 20rem;
+  }
+
+  .md\:px-80 {
+    padding-left: 20rem;
+    padding-right: 20rem;
+  }
+
+  .md\:py-96 {
+    padding-top: 24rem;
+    padding-bottom: 24rem;
+  }
+
+  .md\:px-96 {
+    padding-left: 24rem;
+    padding-right: 24rem;
+  }
+
+  .md\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .md\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .md\:py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+
+  .md\:px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }
+
+  .md\:py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }
+
+  .md\:px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
+  .md\:py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .md\:px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }
+
+  .md\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .md\:px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }
+
+  .md\:pt-0 {
+    padding-top: 0px;
+  }
+
+  .md\:pr-0 {
+    padding-right: 0px;
+  }
+
+  .md\:pb-0 {
+    padding-bottom: 0px;
+  }
+
+  .md\:pl-0 {
+    padding-left: 0px;
+  }
+
+  .md\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .md\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .md\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .md\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .md\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .md\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .md\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .md\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .md\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .md\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .md\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .md\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .md\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .md\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .md\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .md\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .md\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .md\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .md\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .md\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .md\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .md\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .md\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .md\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .md\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
+  .md\:pr-7 {
+    padding-right: 1.75rem;
+  }
+
+  .md\:pb-7 {
+    padding-bottom: 1.75rem;
+  }
+
+  .md\:pl-7 {
+    padding-left: 1.75rem;
+  }
+
+  .md\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .md\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .md\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .md\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .md\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
+  .md\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .md\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .md\:pl-9 {
+    padding-left: 2.25rem;
+  }
+
+  .md\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .md\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .md\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .md\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .md\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
+  .md\:pr-11 {
+    padding-right: 2.75rem;
+  }
+
+  .md\:pb-11 {
+    padding-bottom: 2.75rem;
+  }
+
+  .md\:pl-11 {
+    padding-left: 2.75rem;
+  }
+
+  .md\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .md\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .md\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .md\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .md\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .md\:pr-14 {
+    padding-right: 3.5rem;
+  }
+
+  .md\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
+  .md\:pl-14 {
+    padding-left: 3.5rem;
+  }
+
+  .md\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .md\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .md\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .md\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .md\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .md\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .md\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .md\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .md\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .md\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .md\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .md\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .md\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .md\:pr-28 {
+    padding-right: 7rem;
+  }
+
+  .md\:pb-28 {
+    padding-bottom: 7rem;
+  }
+
+  .md\:pl-28 {
+    padding-left: 7rem;
+  }
+
+  .md\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .md\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .md\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .md\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .md\:pt-36 {
+    padding-top: 9rem;
+  }
+
+  .md\:pr-36 {
+    padding-right: 9rem;
+  }
+
+  .md\:pb-36 {
+    padding-bottom: 9rem;
+  }
+
+  .md\:pl-36 {
+    padding-left: 9rem;
+  }
+
+  .md\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .md\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .md\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .md\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .md\:pt-44 {
+    padding-top: 11rem;
+  }
+
+  .md\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .md\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .md\:pl-44 {
+    padding-left: 11rem;
+  }
+
+  .md\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .md\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .md\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .md\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .md\:pt-52 {
+    padding-top: 13rem;
+  }
+
+  .md\:pr-52 {
+    padding-right: 13rem;
+  }
+
+  .md\:pb-52 {
+    padding-bottom: 13rem;
+  }
+
+  .md\:pl-52 {
+    padding-left: 13rem;
+  }
+
+  .md\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .md\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .md\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .md\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .md\:pt-60 {
+    padding-top: 15rem;
+  }
+
+  .md\:pr-60 {
+    padding-right: 15rem;
+  }
+
+  .md\:pb-60 {
+    padding-bottom: 15rem;
+  }
+
+  .md\:pl-60 {
+    padding-left: 15rem;
+  }
+
+  .md\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .md\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .md\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .md\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .md\:pt-72 {
+    padding-top: 18rem;
+  }
+
+  .md\:pr-72 {
+    padding-right: 18rem;
+  }
+
+  .md\:pb-72 {
+    padding-bottom: 18rem;
+  }
+
+  .md\:pl-72 {
+    padding-left: 18rem;
+  }
+
+  .md\:pt-80 {
+    padding-top: 20rem;
+  }
+
+  .md\:pr-80 {
+    padding-right: 20rem;
+  }
+
+  .md\:pb-80 {
+    padding-bottom: 20rem;
+  }
+
+  .md\:pl-80 {
+    padding-left: 20rem;
+  }
+
+  .md\:pt-96 {
+    padding-top: 24rem;
+  }
+
+  .md\:pr-96 {
+    padding-right: 24rem;
+  }
+
+  .md\:pb-96 {
+    padding-bottom: 24rem;
+  }
+
+  .md\:pl-96 {
+    padding-left: 24rem;
+  }
+
+  .md\:pt-px {
+    padding-top: 1px;
+  }
+
+  .md\:pr-px {
+    padding-right: 1px;
+  }
+
+  .md\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .md\:pl-px {
+    padding-left: 1px;
+  }
+
+  .md\:pt-0\.5 {
+    padding-top: 0.125rem;
+  }
+
+  .md\:pr-0\.5 {
+    padding-right: 0.125rem;
+  }
+
+  .md\:pb-0\.5 {
+    padding-bottom: 0.125rem;
+  }
+
+  .md\:pl-0\.5 {
+    padding-left: 0.125rem;
+  }
+
+  .md\:pt-1\.5 {
+    padding-top: 0.375rem;
+  }
+
+  .md\:pr-1\.5 {
+    padding-right: 0.375rem;
+  }
+
+  .md\:pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }
+
+  .md\:pl-1\.5 {
+    padding-left: 0.375rem;
+  }
+
+  .md\:pt-2\.5 {
+    padding-top: 0.625rem;
+  }
+
+  .md\:pr-2\.5 {
+    padding-right: 0.625rem;
+  }
+
+  .md\:pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+
+  .md\:pl-2\.5 {
+    padding-left: 0.625rem;
+  }
+
+  .md\:pt-3\.5 {
+    padding-top: 0.875rem;
+  }
+
+  .md\:pr-3\.5 {
+    padding-right: 0.875rem;
+  }
+
+  .md\:pb-3\.5 {
+    padding-bottom: 0.875rem;
+  }
+
+  .md\:pl-3\.5 {
+    padding-left: 0.875rem;
+  }
+
+  .md\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .md\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .md\:placeholder-black::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-white::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-red-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-yellow-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-green-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-blue-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-indigo-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-purple-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-pink-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .md\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .md\:focus\:placeholder-black:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-white:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-red-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-yellow-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-green-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-blue-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-indigo-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-purple-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-pink-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-opacity-0::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .md\:placeholder-opacity-5::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .md\:placeholder-opacity-10::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .md\:placeholder-opacity-20::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .md\:placeholder-opacity-25::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .md\:placeholder-opacity-30::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .md\:placeholder-opacity-40::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .md\:placeholder-opacity-50::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .md\:placeholder-opacity-60::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .md\:placeholder-opacity-70::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .md\:placeholder-opacity-75::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .md\:placeholder-opacity-80::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .md\:placeholder-opacity-90::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .md\:placeholder-opacity-95::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .md\:placeholder-opacity-100::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .md\:focus\:placeholder-opacity-0:focus::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .md\:focus\:placeholder-opacity-5:focus::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .md\:focus\:placeholder-opacity-10:focus::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .md\:focus\:placeholder-opacity-20:focus::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .md\:focus\:placeholder-opacity-25:focus::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .md\:focus\:placeholder-opacity-30:focus::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .md\:focus\:placeholder-opacity-40:focus::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .md\:focus\:placeholder-opacity-50:focus::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .md\:focus\:placeholder-opacity-60:focus::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .md\:focus\:placeholder-opacity-70:focus::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .md\:focus\:placeholder-opacity-75:focus::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .md\:focus\:placeholder-opacity-80:focus::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .md\:focus\:placeholder-opacity-90:focus::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .md\:focus\:placeholder-opacity-95:focus::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .md\:focus\:placeholder-opacity-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .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: -webkit-sticky;
+    position: sticky;
+  }
+
+  .md\:inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .md\:inset-1 {
+    top: 0.25rem;
+    right: 0.25rem;
+    bottom: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .md\:inset-2 {
+    top: 0.5rem;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .md\:inset-3 {
+    top: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .md\:inset-4 {
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  .md\:inset-5 {
+    top: 1.25rem;
+    right: 1.25rem;
+    bottom: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .md\:inset-6 {
+    top: 1.5rem;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .md\:inset-7 {
+    top: 1.75rem;
+    right: 1.75rem;
+    bottom: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .md\:inset-8 {
+    top: 2rem;
+    right: 2rem;
+    bottom: 2rem;
+    left: 2rem;
+  }
+
+  .md\:inset-9 {
+    top: 2.25rem;
+    right: 2.25rem;
+    bottom: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .md\:inset-10 {
+    top: 2.5rem;
+    right: 2.5rem;
+    bottom: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .md\:inset-11 {
+    top: 2.75rem;
+    right: 2.75rem;
+    bottom: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .md\:inset-12 {
+    top: 3rem;
+    right: 3rem;
+    bottom: 3rem;
+    left: 3rem;
+  }
+
+  .md\:inset-14 {
+    top: 3.5rem;
+    right: 3.5rem;
+    bottom: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .md\:inset-16 {
+    top: 4rem;
+    right: 4rem;
+    bottom: 4rem;
+    left: 4rem;
+  }
+
+  .md\:inset-20 {
+    top: 5rem;
+    right: 5rem;
+    bottom: 5rem;
+    left: 5rem;
+  }
+
+  .md\:inset-24 {
+    top: 6rem;
+    right: 6rem;
+    bottom: 6rem;
+    left: 6rem;
+  }
+
+  .md\:inset-28 {
+    top: 7rem;
+    right: 7rem;
+    bottom: 7rem;
+    left: 7rem;
+  }
+
+  .md\:inset-32 {
+    top: 8rem;
+    right: 8rem;
+    bottom: 8rem;
+    left: 8rem;
+  }
+
+  .md\:inset-36 {
+    top: 9rem;
+    right: 9rem;
+    bottom: 9rem;
+    left: 9rem;
+  }
+
+  .md\:inset-40 {
+    top: 10rem;
+    right: 10rem;
+    bottom: 10rem;
+    left: 10rem;
+  }
+
+  .md\:inset-44 {
+    top: 11rem;
+    right: 11rem;
+    bottom: 11rem;
+    left: 11rem;
+  }
+
+  .md\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .md\:inset-52 {
+    top: 13rem;
+    right: 13rem;
+    bottom: 13rem;
+    left: 13rem;
+  }
+
+  .md\:inset-56 {
+    top: 14rem;
+    right: 14rem;
+    bottom: 14rem;
+    left: 14rem;
+  }
+
+  .md\:inset-60 {
+    top: 15rem;
+    right: 15rem;
+    bottom: 15rem;
+    left: 15rem;
+  }
+
+  .md\:inset-64 {
+    top: 16rem;
+    right: 16rem;
+    bottom: 16rem;
+    left: 16rem;
+  }
+
+  .md\:inset-72 {
+    top: 18rem;
+    right: 18rem;
+    bottom: 18rem;
+    left: 18rem;
+  }
+
+  .md\:inset-80 {
+    top: 20rem;
+    right: 20rem;
+    bottom: 20rem;
+    left: 20rem;
+  }
+
+  .md\:inset-96 {
+    top: 24rem;
+    right: 24rem;
+    bottom: 24rem;
+    left: 24rem;
+  }
+
+  .md\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .md\:inset-px {
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+  }
+
+  .md\:inset-0\.5 {
+    top: 0.125rem;
+    right: 0.125rem;
+    bottom: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .md\:inset-1\.5 {
+    top: 0.375rem;
+    right: 0.375rem;
+    bottom: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .md\:inset-2\.5 {
+    top: 0.625rem;
+    right: 0.625rem;
+    bottom: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .md\:inset-3\.5 {
+    top: 0.875rem;
+    right: 0.875rem;
+    bottom: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .md\:-inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .md\:-inset-1 {
+    top: -0.25rem;
+    right: -0.25rem;
+    bottom: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .md\:-inset-2 {
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .md\:-inset-3 {
+    top: -0.75rem;
+    right: -0.75rem;
+    bottom: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .md\:-inset-4 {
+    top: -1rem;
+    right: -1rem;
+    bottom: -1rem;
+    left: -1rem;
+  }
+
+  .md\:-inset-5 {
+    top: -1.25rem;
+    right: -1.25rem;
+    bottom: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .md\:-inset-6 {
+    top: -1.5rem;
+    right: -1.5rem;
+    bottom: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .md\:-inset-7 {
+    top: -1.75rem;
+    right: -1.75rem;
+    bottom: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .md\:-inset-8 {
+    top: -2rem;
+    right: -2rem;
+    bottom: -2rem;
+    left: -2rem;
+  }
+
+  .md\:-inset-9 {
+    top: -2.25rem;
+    right: -2.25rem;
+    bottom: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .md\:-inset-10 {
+    top: -2.5rem;
+    right: -2.5rem;
+    bottom: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .md\:-inset-11 {
+    top: -2.75rem;
+    right: -2.75rem;
+    bottom: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .md\:-inset-12 {
+    top: -3rem;
+    right: -3rem;
+    bottom: -3rem;
+    left: -3rem;
+  }
+
+  .md\:-inset-14 {
+    top: -3.5rem;
+    right: -3.5rem;
+    bottom: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .md\:-inset-16 {
+    top: -4rem;
+    right: -4rem;
+    bottom: -4rem;
+    left: -4rem;
+  }
+
+  .md\:-inset-20 {
+    top: -5rem;
+    right: -5rem;
+    bottom: -5rem;
+    left: -5rem;
+  }
+
+  .md\:-inset-24 {
+    top: -6rem;
+    right: -6rem;
+    bottom: -6rem;
+    left: -6rem;
+  }
+
+  .md\:-inset-28 {
+    top: -7rem;
+    right: -7rem;
+    bottom: -7rem;
+    left: -7rem;
+  }
+
+  .md\:-inset-32 {
+    top: -8rem;
+    right: -8rem;
+    bottom: -8rem;
+    left: -8rem;
+  }
+
+  .md\:-inset-36 {
+    top: -9rem;
+    right: -9rem;
+    bottom: -9rem;
+    left: -9rem;
+  }
+
+  .md\:-inset-40 {
+    top: -10rem;
+    right: -10rem;
+    bottom: -10rem;
+    left: -10rem;
+  }
+
+  .md\:-inset-44 {
+    top: -11rem;
+    right: -11rem;
+    bottom: -11rem;
+    left: -11rem;
+  }
+
+  .md\:-inset-48 {
+    top: -12rem;
+    right: -12rem;
+    bottom: -12rem;
+    left: -12rem;
+  }
+
+  .md\:-inset-52 {
+    top: -13rem;
+    right: -13rem;
+    bottom: -13rem;
+    left: -13rem;
+  }
+
+  .md\:-inset-56 {
+    top: -14rem;
+    right: -14rem;
+    bottom: -14rem;
+    left: -14rem;
+  }
+
+  .md\:-inset-60 {
+    top: -15rem;
+    right: -15rem;
+    bottom: -15rem;
+    left: -15rem;
+  }
+
+  .md\:-inset-64 {
+    top: -16rem;
+    right: -16rem;
+    bottom: -16rem;
+    left: -16rem;
+  }
+
+  .md\:-inset-72 {
+    top: -18rem;
+    right: -18rem;
+    bottom: -18rem;
+    left: -18rem;
+  }
+
+  .md\:-inset-80 {
+    top: -20rem;
+    right: -20rem;
+    bottom: -20rem;
+    left: -20rem;
+  }
+
+  .md\:-inset-96 {
+    top: -24rem;
+    right: -24rem;
+    bottom: -24rem;
+    left: -24rem;
+  }
+
+  .md\:-inset-px {
+    top: -1px;
+    right: -1px;
+    bottom: -1px;
+    left: -1px;
+  }
+
+  .md\:-inset-0\.5 {
+    top: -0.125rem;
+    right: -0.125rem;
+    bottom: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .md\:-inset-1\.5 {
+    top: -0.375rem;
+    right: -0.375rem;
+    bottom: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .md\:-inset-2\.5 {
+    top: -0.625rem;
+    right: -0.625rem;
+    bottom: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .md\:-inset-3\.5 {
+    top: -0.875rem;
+    right: -0.875rem;
+    bottom: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .md\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-1\/3 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .md\:inset-2\/3 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .md\:inset-1\/4 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .md\:inset-2\/4 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-3\/4 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .md\:inset-full {
+    top: 100%;
+    right: 100%;
+    bottom: 100%;
+    left: 100%;
+  }
+
+  .md\:-inset-1\/2 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .md\:-inset-1\/3 {
+    top: -33.333333%;
+    right: -33.333333%;
+    bottom: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .md\:-inset-2\/3 {
+    top: -66.666667%;
+    right: -66.666667%;
+    bottom: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .md\:-inset-1\/4 {
+    top: -25%;
+    right: -25%;
+    bottom: -25%;
+    left: -25%;
+  }
+
+  .md\:-inset-2\/4 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .md\:-inset-3\/4 {
+    top: -75%;
+    right: -75%;
+    bottom: -75%;
+    left: -75%;
+  }
+
+  .md\:-inset-full {
+    top: -100%;
+    right: -100%;
+    bottom: -100%;
+    left: -100%;
+  }
+
+  .md\:inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .md\:inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .md\:inset-y-1 {
+    top: 0.25rem;
+    bottom: 0.25rem;
+  }
+
+  .md\:inset-x-1 {
+    right: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .md\:inset-y-2 {
+    top: 0.5rem;
+    bottom: 0.5rem;
+  }
+
+  .md\:inset-x-2 {
+    right: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .md\:inset-y-3 {
+    top: 0.75rem;
+    bottom: 0.75rem;
+  }
+
+  .md\:inset-x-3 {
+    right: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .md\:inset-y-4 {
+    top: 1rem;
+    bottom: 1rem;
+  }
+
+  .md\:inset-x-4 {
+    right: 1rem;
+    left: 1rem;
+  }
+
+  .md\:inset-y-5 {
+    top: 1.25rem;
+    bottom: 1.25rem;
+  }
+
+  .md\:inset-x-5 {
+    right: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .md\:inset-y-6 {
+    top: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .md\:inset-x-6 {
+    right: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .md\:inset-y-7 {
+    top: 1.75rem;
+    bottom: 1.75rem;
+  }
+
+  .md\:inset-x-7 {
+    right: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .md\:inset-y-8 {
+    top: 2rem;
+    bottom: 2rem;
+  }
+
+  .md\:inset-x-8 {
+    right: 2rem;
+    left: 2rem;
+  }
+
+  .md\:inset-y-9 {
+    top: 2.25rem;
+    bottom: 2.25rem;
+  }
+
+  .md\:inset-x-9 {
+    right: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .md\:inset-y-10 {
+    top: 2.5rem;
+    bottom: 2.5rem;
+  }
+
+  .md\:inset-x-10 {
+    right: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .md\:inset-y-11 {
+    top: 2.75rem;
+    bottom: 2.75rem;
+  }
+
+  .md\:inset-x-11 {
+    right: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .md\:inset-y-12 {
+    top: 3rem;
+    bottom: 3rem;
+  }
+
+  .md\:inset-x-12 {
+    right: 3rem;
+    left: 3rem;
+  }
+
+  .md\:inset-y-14 {
+    top: 3.5rem;
+    bottom: 3.5rem;
+  }
+
+  .md\:inset-x-14 {
+    right: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .md\:inset-y-16 {
+    top: 4rem;
+    bottom: 4rem;
+  }
+
+  .md\:inset-x-16 {
+    right: 4rem;
+    left: 4rem;
+  }
+
+  .md\:inset-y-20 {
+    top: 5rem;
+    bottom: 5rem;
+  }
+
+  .md\:inset-x-20 {
+    right: 5rem;
+    left: 5rem;
+  }
+
+  .md\:inset-y-24 {
+    top: 6rem;
+    bottom: 6rem;
+  }
+
+  .md\:inset-x-24 {
+    right: 6rem;
+    left: 6rem;
+  }
+
+  .md\:inset-y-28 {
+    top: 7rem;
+    bottom: 7rem;
+  }
+
+  .md\:inset-x-28 {
+    right: 7rem;
+    left: 7rem;
+  }
+
+  .md\:inset-y-32 {
+    top: 8rem;
+    bottom: 8rem;
+  }
+
+  .md\:inset-x-32 {
+    right: 8rem;
+    left: 8rem;
+  }
+
+  .md\:inset-y-36 {
+    top: 9rem;
+    bottom: 9rem;
+  }
+
+  .md\:inset-x-36 {
+    right: 9rem;
+    left: 9rem;
+  }
+
+  .md\:inset-y-40 {
+    top: 10rem;
+    bottom: 10rem;
+  }
+
+  .md\:inset-x-40 {
+    right: 10rem;
+    left: 10rem;
+  }
+
+  .md\:inset-y-44 {
+    top: 11rem;
+    bottom: 11rem;
+  }
+
+  .md\:inset-x-44 {
+    right: 11rem;
+    left: 11rem;
+  }
+
+  .md\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .md\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .md\:inset-y-52 {
+    top: 13rem;
+    bottom: 13rem;
+  }
+
+  .md\:inset-x-52 {
+    right: 13rem;
+    left: 13rem;
+  }
+
+  .md\:inset-y-56 {
+    top: 14rem;
+    bottom: 14rem;
+  }
+
+  .md\:inset-x-56 {
+    right: 14rem;
+    left: 14rem;
+  }
+
+  .md\:inset-y-60 {
+    top: 15rem;
+    bottom: 15rem;
+  }
+
+  .md\:inset-x-60 {
+    right: 15rem;
+    left: 15rem;
+  }
+
+  .md\:inset-y-64 {
+    top: 16rem;
+    bottom: 16rem;
+  }
+
+  .md\:inset-x-64 {
+    right: 16rem;
+    left: 16rem;
+  }
+
+  .md\:inset-y-72 {
+    top: 18rem;
+    bottom: 18rem;
+  }
+
+  .md\:inset-x-72 {
+    right: 18rem;
+    left: 18rem;
+  }
+
+  .md\:inset-y-80 {
+    top: 20rem;
+    bottom: 20rem;
+  }
+
+  .md\:inset-x-80 {
+    right: 20rem;
+    left: 20rem;
+  }
+
+  .md\:inset-y-96 {
+    top: 24rem;
+    bottom: 24rem;
+  }
+
+  .md\:inset-x-96 {
+    right: 24rem;
+    left: 24rem;
+  }
+
+  .md\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .md\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .md\:inset-y-px {
+    top: 1px;
+    bottom: 1px;
+  }
+
+  .md\:inset-x-px {
+    right: 1px;
+    left: 1px;
+  }
+
+  .md\:inset-y-0\.5 {
+    top: 0.125rem;
+    bottom: 0.125rem;
+  }
+
+  .md\:inset-x-0\.5 {
+    right: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .md\:inset-y-1\.5 {
+    top: 0.375rem;
+    bottom: 0.375rem;
+  }
+
+  .md\:inset-x-1\.5 {
+    right: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .md\:inset-y-2\.5 {
+    top: 0.625rem;
+    bottom: 0.625rem;
+  }
+
+  .md\:inset-x-2\.5 {
+    right: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .md\:inset-y-3\.5 {
+    top: 0.875rem;
+    bottom: 0.875rem;
+  }
+
+  .md\:inset-x-3\.5 {
+    right: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .md\:-inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .md\:-inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .md\:-inset-y-1 {
+    top: -0.25rem;
+    bottom: -0.25rem;
+  }
+
+  .md\:-inset-x-1 {
+    right: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .md\:-inset-y-2 {
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .md\:-inset-x-2 {
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .md\:-inset-y-3 {
+    top: -0.75rem;
+    bottom: -0.75rem;
+  }
+
+  .md\:-inset-x-3 {
+    right: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .md\:-inset-y-4 {
+    top: -1rem;
+    bottom: -1rem;
+  }
+
+  .md\:-inset-x-4 {
+    right: -1rem;
+    left: -1rem;
+  }
+
+  .md\:-inset-y-5 {
+    top: -1.25rem;
+    bottom: -1.25rem;
+  }
+
+  .md\:-inset-x-5 {
+    right: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .md\:-inset-y-6 {
+    top: -1.5rem;
+    bottom: -1.5rem;
+  }
+
+  .md\:-inset-x-6 {
+    right: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .md\:-inset-y-7 {
+    top: -1.75rem;
+    bottom: -1.75rem;
+  }
+
+  .md\:-inset-x-7 {
+    right: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .md\:-inset-y-8 {
+    top: -2rem;
+    bottom: -2rem;
+  }
+
+  .md\:-inset-x-8 {
+    right: -2rem;
+    left: -2rem;
+  }
+
+  .md\:-inset-y-9 {
+    top: -2.25rem;
+    bottom: -2.25rem;
+  }
+
+  .md\:-inset-x-9 {
+    right: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .md\:-inset-y-10 {
+    top: -2.5rem;
+    bottom: -2.5rem;
+  }
+
+  .md\:-inset-x-10 {
+    right: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .md\:-inset-y-11 {
+    top: -2.75rem;
+    bottom: -2.75rem;
+  }
+
+  .md\:-inset-x-11 {
+    right: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .md\:-inset-y-12 {
+    top: -3rem;
+    bottom: -3rem;
+  }
+
+  .md\:-inset-x-12 {
+    right: -3rem;
+    left: -3rem;
+  }
+
+  .md\:-inset-y-14 {
+    top: -3.5rem;
+    bottom: -3.5rem;
+  }
+
+  .md\:-inset-x-14 {
+    right: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .md\:-inset-y-16 {
+    top: -4rem;
+    bottom: -4rem;
+  }
+
+  .md\:-inset-x-16 {
+    right: -4rem;
+    left: -4rem;
+  }
+
+  .md\:-inset-y-20 {
+    top: -5rem;
+    bottom: -5rem;
+  }
+
+  .md\:-inset-x-20 {
+    right: -5rem;
+    left: -5rem;
+  }
+
+  .md\:-inset-y-24 {
+    top: -6rem;
+    bottom: -6rem;
+  }
+
+  .md\:-inset-x-24 {
+    right: -6rem;
+    left: -6rem;
+  }
+
+  .md\:-inset-y-28 {
+    top: -7rem;
+    bottom: -7rem;
+  }
+
+  .md\:-inset-x-28 {
+    right: -7rem;
+    left: -7rem;
+  }
+
+  .md\:-inset-y-32 {
+    top: -8rem;
+    bottom: -8rem;
+  }
+
+  .md\:-inset-x-32 {
+    right: -8rem;
+    left: -8rem;
+  }
+
+  .md\:-inset-y-36 {
+    top: -9rem;
+    bottom: -9rem;
+  }
+
+  .md\:-inset-x-36 {
+    right: -9rem;
+    left: -9rem;
+  }
+
+  .md\:-inset-y-40 {
+    top: -10rem;
+    bottom: -10rem;
+  }
+
+  .md\:-inset-x-40 {
+    right: -10rem;
+    left: -10rem;
+  }
+
+  .md\:-inset-y-44 {
+    top: -11rem;
+    bottom: -11rem;
+  }
+
+  .md\:-inset-x-44 {
+    right: -11rem;
+    left: -11rem;
+  }
+
+  .md\:-inset-y-48 {
+    top: -12rem;
+    bottom: -12rem;
+  }
+
+  .md\:-inset-x-48 {
+    right: -12rem;
+    left: -12rem;
+  }
+
+  .md\:-inset-y-52 {
+    top: -13rem;
+    bottom: -13rem;
+  }
+
+  .md\:-inset-x-52 {
+    right: -13rem;
+    left: -13rem;
+  }
+
+  .md\:-inset-y-56 {
+    top: -14rem;
+    bottom: -14rem;
+  }
+
+  .md\:-inset-x-56 {
+    right: -14rem;
+    left: -14rem;
+  }
+
+  .md\:-inset-y-60 {
+    top: -15rem;
+    bottom: -15rem;
+  }
+
+  .md\:-inset-x-60 {
+    right: -15rem;
+    left: -15rem;
+  }
+
+  .md\:-inset-y-64 {
+    top: -16rem;
+    bottom: -16rem;
+  }
+
+  .md\:-inset-x-64 {
+    right: -16rem;
+    left: -16rem;
+  }
+
+  .md\:-inset-y-72 {
+    top: -18rem;
+    bottom: -18rem;
+  }
+
+  .md\:-inset-x-72 {
+    right: -18rem;
+    left: -18rem;
+  }
+
+  .md\:-inset-y-80 {
+    top: -20rem;
+    bottom: -20rem;
+  }
+
+  .md\:-inset-x-80 {
+    right: -20rem;
+    left: -20rem;
+  }
+
+  .md\:-inset-y-96 {
+    top: -24rem;
+    bottom: -24rem;
+  }
+
+  .md\:-inset-x-96 {
+    right: -24rem;
+    left: -24rem;
+  }
+
+  .md\:-inset-y-px {
+    top: -1px;
+    bottom: -1px;
+  }
+
+  .md\:-inset-x-px {
+    right: -1px;
+    left: -1px;
+  }
+
+  .md\:-inset-y-0\.5 {
+    top: -0.125rem;
+    bottom: -0.125rem;
+  }
+
+  .md\:-inset-x-0\.5 {
+    right: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .md\:-inset-y-1\.5 {
+    top: -0.375rem;
+    bottom: -0.375rem;
+  }
+
+  .md\:-inset-x-1\.5 {
+    right: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .md\:-inset-y-2\.5 {
+    top: -0.625rem;
+    bottom: -0.625rem;
+  }
+
+  .md\:-inset-x-2\.5 {
+    right: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .md\:-inset-y-3\.5 {
+    top: -0.875rem;
+    bottom: -0.875rem;
+  }
+
+  .md\:-inset-x-3\.5 {
+    right: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .md\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .md\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-y-1\/3 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .md\:inset-x-1\/3 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .md\:inset-y-2\/3 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .md\:inset-x-2\/3 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .md\:inset-y-1\/4 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .md\:inset-x-1\/4 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .md\:inset-y-2\/4 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .md\:inset-x-2\/4 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .md\:inset-y-3\/4 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .md\:inset-x-3\/4 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .md\:inset-y-full {
+    top: 100%;
+    bottom: 100%;
+  }
+
+  .md\:inset-x-full {
+    right: 100%;
+    left: 100%;
+  }
+
+  .md\:-inset-y-1\/2 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .md\:-inset-x-1\/2 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .md\:-inset-y-1\/3 {
+    top: -33.333333%;
+    bottom: -33.333333%;
+  }
+
+  .md\:-inset-x-1\/3 {
+    right: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .md\:-inset-y-2\/3 {
+    top: -66.666667%;
+    bottom: -66.666667%;
+  }
+
+  .md\:-inset-x-2\/3 {
+    right: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .md\:-inset-y-1\/4 {
+    top: -25%;
+    bottom: -25%;
+  }
+
+  .md\:-inset-x-1\/4 {
+    right: -25%;
+    left: -25%;
+  }
+
+  .md\:-inset-y-2\/4 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .md\:-inset-x-2\/4 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .md\:-inset-y-3\/4 {
+    top: -75%;
+    bottom: -75%;
+  }
+
+  .md\:-inset-x-3\/4 {
+    right: -75%;
+    left: -75%;
+  }
+
+  .md\:-inset-y-full {
+    top: -100%;
+    bottom: -100%;
+  }
+
+  .md\:-inset-x-full {
+    right: -100%;
+    left: -100%;
+  }
+
+  .md\:top-0 {
+    top: 0px;
+  }
+
+  .md\:right-0 {
+    right: 0px;
+  }
+
+  .md\:bottom-0 {
+    bottom: 0px;
+  }
+
+  .md\:left-0 {
+    left: 0px;
+  }
+
+  .md\:top-1 {
+    top: 0.25rem;
+  }
+
+  .md\:right-1 {
+    right: 0.25rem;
+  }
+
+  .md\:bottom-1 {
+    bottom: 0.25rem;
+  }
+
+  .md\:left-1 {
+    left: 0.25rem;
+  }
+
+  .md\:top-2 {
+    top: 0.5rem;
+  }
+
+  .md\:right-2 {
+    right: 0.5rem;
+  }
+
+  .md\:bottom-2 {
+    bottom: 0.5rem;
+  }
+
+  .md\:left-2 {
+    left: 0.5rem;
+  }
+
+  .md\:top-3 {
+    top: 0.75rem;
+  }
+
+  .md\:right-3 {
+    right: 0.75rem;
+  }
+
+  .md\:bottom-3 {
+    bottom: 0.75rem;
+  }
+
+  .md\:left-3 {
+    left: 0.75rem;
+  }
+
+  .md\:top-4 {
+    top: 1rem;
+  }
+
+  .md\:right-4 {
+    right: 1rem;
+  }
+
+  .md\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .md\:left-4 {
+    left: 1rem;
+  }
+
+  .md\:top-5 {
+    top: 1.25rem;
+  }
+
+  .md\:right-5 {
+    right: 1.25rem;
+  }
+
+  .md\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .md\:left-5 {
+    left: 1.25rem;
+  }
+
+  .md\:top-6 {
+    top: 1.5rem;
+  }
+
+  .md\:right-6 {
+    right: 1.5rem;
+  }
+
+  .md\:bottom-6 {
+    bottom: 1.5rem;
+  }
+
+  .md\:left-6 {
+    left: 1.5rem;
+  }
+
+  .md\:top-7 {
+    top: 1.75rem;
+  }
+
+  .md\:right-7 {
+    right: 1.75rem;
+  }
+
+  .md\:bottom-7 {
+    bottom: 1.75rem;
+  }
+
+  .md\:left-7 {
+    left: 1.75rem;
+  }
+
+  .md\:top-8 {
+    top: 2rem;
+  }
+
+  .md\:right-8 {
+    right: 2rem;
+  }
+
+  .md\:bottom-8 {
+    bottom: 2rem;
+  }
+
+  .md\:left-8 {
+    left: 2rem;
+  }
+
+  .md\:top-9 {
+    top: 2.25rem;
+  }
+
+  .md\:right-9 {
+    right: 2.25rem;
+  }
+
+  .md\:bottom-9 {
+    bottom: 2.25rem;
+  }
+
+  .md\:left-9 {
+    left: 2.25rem;
+  }
+
+  .md\:top-10 {
+    top: 2.5rem;
+  }
+
+  .md\:right-10 {
+    right: 2.5rem;
+  }
+
+  .md\:bottom-10 {
+    bottom: 2.5rem;
+  }
+
+  .md\:left-10 {
+    left: 2.5rem;
+  }
+
+  .md\:top-11 {
+    top: 2.75rem;
+  }
+
+  .md\:right-11 {
+    right: 2.75rem;
+  }
+
+  .md\:bottom-11 {
+    bottom: 2.75rem;
+  }
+
+  .md\:left-11 {
+    left: 2.75rem;
+  }
+
+  .md\:top-12 {
+    top: 3rem;
+  }
+
+  .md\:right-12 {
+    right: 3rem;
+  }
+
+  .md\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .md\:left-12 {
+    left: 3rem;
+  }
+
+  .md\:top-14 {
+    top: 3.5rem;
+  }
+
+  .md\:right-14 {
+    right: 3.5rem;
+  }
+
+  .md\:bottom-14 {
+    bottom: 3.5rem;
+  }
+
+  .md\:left-14 {
+    left: 3.5rem;
+  }
+
+  .md\:top-16 {
+    top: 4rem;
+  }
+
+  .md\:right-16 {
+    right: 4rem;
+  }
+
+  .md\:bottom-16 {
+    bottom: 4rem;
+  }
+
+  .md\:left-16 {
+    left: 4rem;
+  }
+
+  .md\:top-20 {
+    top: 5rem;
+  }
+
+  .md\:right-20 {
+    right: 5rem;
+  }
+
+  .md\:bottom-20 {
+    bottom: 5rem;
+  }
+
+  .md\:left-20 {
+    left: 5rem;
+  }
+
+  .md\:top-24 {
+    top: 6rem;
+  }
+
+  .md\:right-24 {
+    right: 6rem;
+  }
+
+  .md\:bottom-24 {
+    bottom: 6rem;
+  }
+
+  .md\:left-24 {
+    left: 6rem;
+  }
+
+  .md\:top-28 {
+    top: 7rem;
+  }
+
+  .md\:right-28 {
+    right: 7rem;
+  }
+
+  .md\:bottom-28 {
+    bottom: 7rem;
+  }
+
+  .md\:left-28 {
+    left: 7rem;
+  }
+
+  .md\:top-32 {
+    top: 8rem;
+  }
+
+  .md\:right-32 {
+    right: 8rem;
+  }
+
+  .md\:bottom-32 {
+    bottom: 8rem;
+  }
+
+  .md\:left-32 {
+    left: 8rem;
+  }
+
+  .md\:top-36 {
+    top: 9rem;
+  }
+
+  .md\:right-36 {
+    right: 9rem;
+  }
+
+  .md\:bottom-36 {
+    bottom: 9rem;
+  }
+
+  .md\:left-36 {
+    left: 9rem;
+  }
+
+  .md\:top-40 {
+    top: 10rem;
+  }
+
+  .md\:right-40 {
+    right: 10rem;
+  }
+
+  .md\:bottom-40 {
+    bottom: 10rem;
+  }
+
+  .md\:left-40 {
+    left: 10rem;
+  }
+
+  .md\:top-44 {
+    top: 11rem;
+  }
+
+  .md\:right-44 {
+    right: 11rem;
+  }
+
+  .md\:bottom-44 {
+    bottom: 11rem;
+  }
+
+  .md\:left-44 {
+    left: 11rem;
+  }
+
+  .md\:top-48 {
+    top: 12rem;
+  }
+
+  .md\:right-48 {
+    right: 12rem;
+  }
+
+  .md\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .md\:left-48 {
+    left: 12rem;
+  }
+
+  .md\:top-52 {
+    top: 13rem;
+  }
+
+  .md\:right-52 {
+    right: 13rem;
+  }
+
+  .md\:bottom-52 {
+    bottom: 13rem;
+  }
+
+  .md\:left-52 {
+    left: 13rem;
+  }
+
+  .md\:top-56 {
+    top: 14rem;
+  }
+
+  .md\:right-56 {
+    right: 14rem;
+  }
+
+  .md\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .md\:left-56 {
+    left: 14rem;
+  }
+
+  .md\:top-60 {
+    top: 15rem;
+  }
+
+  .md\:right-60 {
+    right: 15rem;
+  }
+
+  .md\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .md\:left-60 {
+    left: 15rem;
+  }
+
+  .md\:top-64 {
+    top: 16rem;
+  }
+
+  .md\:right-64 {
+    right: 16rem;
+  }
+
+  .md\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .md\:left-64 {
+    left: 16rem;
+  }
+
+  .md\:top-72 {
+    top: 18rem;
+  }
+
+  .md\:right-72 {
+    right: 18rem;
+  }
+
+  .md\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .md\:left-72 {
+    left: 18rem;
+  }
+
+  .md\:top-80 {
+    top: 20rem;
+  }
+
+  .md\:right-80 {
+    right: 20rem;
+  }
+
+  .md\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .md\:left-80 {
+    left: 20rem;
+  }
+
+  .md\:top-96 {
+    top: 24rem;
+  }
+
+  .md\:right-96 {
+    right: 24rem;
+  }
+
+  .md\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .md\:left-96 {
+    left: 24rem;
+  }
+
+  .md\:top-auto {
+    top: auto;
+  }
+
+  .md\:right-auto {
+    right: auto;
+  }
+
+  .md\:bottom-auto {
+    bottom: auto;
+  }
+
+  .md\:left-auto {
+    left: auto;
+  }
+
+  .md\:top-px {
+    top: 1px;
+  }
+
+  .md\:right-px {
+    right: 1px;
+  }
+
+  .md\:bottom-px {
+    bottom: 1px;
+  }
+
+  .md\:left-px {
+    left: 1px;
+  }
+
+  .md\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .md\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .md\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .md\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .md\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .md\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .md\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .md\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .md\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .md\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .md\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .md\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .md\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .md\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .md\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .md\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .md\:-top-0 {
+    top: 0px;
+  }
+
+  .md\:-right-0 {
+    right: 0px;
+  }
+
+  .md\:-bottom-0 {
+    bottom: 0px;
+  }
+
+  .md\:-left-0 {
+    left: 0px;
+  }
+
+  .md\:-top-1 {
+    top: -0.25rem;
+  }
+
+  .md\:-right-1 {
+    right: -0.25rem;
+  }
+
+  .md\:-bottom-1 {
+    bottom: -0.25rem;
+  }
+
+  .md\:-left-1 {
+    left: -0.25rem;
+  }
+
+  .md\:-top-2 {
+    top: -0.5rem;
+  }
+
+  .md\:-right-2 {
+    right: -0.5rem;
+  }
+
+  .md\:-bottom-2 {
+    bottom: -0.5rem;
+  }
+
+  .md\:-left-2 {
+    left: -0.5rem;
+  }
+
+  .md\:-top-3 {
+    top: -0.75rem;
+  }
+
+  .md\:-right-3 {
+    right: -0.75rem;
+  }
+
+  .md\:-bottom-3 {
+    bottom: -0.75rem;
+  }
+
+  .md\:-left-3 {
+    left: -0.75rem;
+  }
+
+  .md\:-top-4 {
+    top: -1rem;
+  }
+
+  .md\:-right-4 {
+    right: -1rem;
+  }
+
+  .md\:-bottom-4 {
+    bottom: -1rem;
+  }
+
+  .md\:-left-4 {
+    left: -1rem;
+  }
+
+  .md\:-top-5 {
+    top: -1.25rem;
+  }
+
+  .md\:-right-5 {
+    right: -1.25rem;
+  }
+
+  .md\:-bottom-5 {
+    bottom: -1.25rem;
+  }
+
+  .md\:-left-5 {
+    left: -1.25rem;
+  }
+
+  .md\:-top-6 {
+    top: -1.5rem;
+  }
+
+  .md\:-right-6 {
+    right: -1.5rem;
+  }
+
+  .md\:-bottom-6 {
+    bottom: -1.5rem;
+  }
+
+  .md\:-left-6 {
+    left: -1.5rem;
+  }
+
+  .md\:-top-7 {
+    top: -1.75rem;
+  }
+
+  .md\:-right-7 {
+    right: -1.75rem;
+  }
+
+  .md\:-bottom-7 {
+    bottom: -1.75rem;
+  }
+
+  .md\:-left-7 {
+    left: -1.75rem;
+  }
+
+  .md\:-top-8 {
+    top: -2rem;
+  }
+
+  .md\:-right-8 {
+    right: -2rem;
+  }
+
+  .md\:-bottom-8 {
+    bottom: -2rem;
+  }
+
+  .md\:-left-8 {
+    left: -2rem;
+  }
+
+  .md\:-top-9 {
+    top: -2.25rem;
+  }
+
+  .md\:-right-9 {
+    right: -2.25rem;
+  }
+
+  .md\:-bottom-9 {
+    bottom: -2.25rem;
+  }
+
+  .md\:-left-9 {
+    left: -2.25rem;
+  }
+
+  .md\:-top-10 {
+    top: -2.5rem;
+  }
+
+  .md\:-right-10 {
+    right: -2.5rem;
+  }
+
+  .md\:-bottom-10 {
+    bottom: -2.5rem;
+  }
+
+  .md\:-left-10 {
+    left: -2.5rem;
+  }
+
+  .md\:-top-11 {
+    top: -2.75rem;
+  }
+
+  .md\:-right-11 {
+    right: -2.75rem;
+  }
+
+  .md\:-bottom-11 {
+    bottom: -2.75rem;
+  }
+
+  .md\:-left-11 {
+    left: -2.75rem;
+  }
+
+  .md\:-top-12 {
+    top: -3rem;
+  }
+
+  .md\:-right-12 {
+    right: -3rem;
+  }
+
+  .md\:-bottom-12 {
+    bottom: -3rem;
+  }
+
+  .md\:-left-12 {
+    left: -3rem;
+  }
+
+  .md\:-top-14 {
+    top: -3.5rem;
+  }
+
+  .md\:-right-14 {
+    right: -3.5rem;
+  }
+
+  .md\:-bottom-14 {
+    bottom: -3.5rem;
+  }
+
+  .md\:-left-14 {
+    left: -3.5rem;
+  }
+
+  .md\:-top-16 {
+    top: -4rem;
+  }
+
+  .md\:-right-16 {
+    right: -4rem;
+  }
+
+  .md\:-bottom-16 {
+    bottom: -4rem;
+  }
+
+  .md\:-left-16 {
+    left: -4rem;
+  }
+
+  .md\:-top-20 {
+    top: -5rem;
+  }
+
+  .md\:-right-20 {
+    right: -5rem;
+  }
+
+  .md\:-bottom-20 {
+    bottom: -5rem;
+  }
+
+  .md\:-left-20 {
+    left: -5rem;
+  }
+
+  .md\:-top-24 {
+    top: -6rem;
+  }
+
+  .md\:-right-24 {
+    right: -6rem;
+  }
+
+  .md\:-bottom-24 {
+    bottom: -6rem;
+  }
+
+  .md\:-left-24 {
+    left: -6rem;
+  }
+
+  .md\:-top-28 {
+    top: -7rem;
+  }
+
+  .md\:-right-28 {
+    right: -7rem;
+  }
+
+  .md\:-bottom-28 {
+    bottom: -7rem;
+  }
+
+  .md\:-left-28 {
+    left: -7rem;
+  }
+
+  .md\:-top-32 {
+    top: -8rem;
+  }
+
+  .md\:-right-32 {
+    right: -8rem;
+  }
+
+  .md\:-bottom-32 {
+    bottom: -8rem;
+  }
+
+  .md\:-left-32 {
+    left: -8rem;
+  }
+
+  .md\:-top-36 {
+    top: -9rem;
+  }
+
+  .md\:-right-36 {
+    right: -9rem;
+  }
+
+  .md\:-bottom-36 {
+    bottom: -9rem;
+  }
+
+  .md\:-left-36 {
+    left: -9rem;
+  }
+
+  .md\:-top-40 {
+    top: -10rem;
+  }
+
+  .md\:-right-40 {
+    right: -10rem;
+  }
+
+  .md\:-bottom-40 {
+    bottom: -10rem;
+  }
+
+  .md\:-left-40 {
+    left: -10rem;
+  }
+
+  .md\:-top-44 {
+    top: -11rem;
+  }
+
+  .md\:-right-44 {
+    right: -11rem;
+  }
+
+  .md\:-bottom-44 {
+    bottom: -11rem;
+  }
+
+  .md\:-left-44 {
+    left: -11rem;
+  }
+
+  .md\:-top-48 {
+    top: -12rem;
+  }
+
+  .md\:-right-48 {
+    right: -12rem;
+  }
+
+  .md\:-bottom-48 {
+    bottom: -12rem;
+  }
+
+  .md\:-left-48 {
+    left: -12rem;
+  }
+
+  .md\:-top-52 {
+    top: -13rem;
+  }
+
+  .md\:-right-52 {
+    right: -13rem;
+  }
+
+  .md\:-bottom-52 {
+    bottom: -13rem;
+  }
+
+  .md\:-left-52 {
+    left: -13rem;
+  }
+
+  .md\:-top-56 {
+    top: -14rem;
+  }
+
+  .md\:-right-56 {
+    right: -14rem;
+  }
+
+  .md\:-bottom-56 {
+    bottom: -14rem;
+  }
+
+  .md\:-left-56 {
+    left: -14rem;
+  }
+
+  .md\:-top-60 {
+    top: -15rem;
+  }
+
+  .md\:-right-60 {
+    right: -15rem;
+  }
+
+  .md\:-bottom-60 {
+    bottom: -15rem;
+  }
+
+  .md\:-left-60 {
+    left: -15rem;
+  }
+
+  .md\:-top-64 {
+    top: -16rem;
+  }
+
+  .md\:-right-64 {
+    right: -16rem;
+  }
+
+  .md\:-bottom-64 {
+    bottom: -16rem;
+  }
+
+  .md\:-left-64 {
+    left: -16rem;
+  }
+
+  .md\:-top-72 {
+    top: -18rem;
+  }
+
+  .md\:-right-72 {
+    right: -18rem;
+  }
+
+  .md\:-bottom-72 {
+    bottom: -18rem;
+  }
+
+  .md\:-left-72 {
+    left: -18rem;
+  }
+
+  .md\:-top-80 {
+    top: -20rem;
+  }
+
+  .md\:-right-80 {
+    right: -20rem;
+  }
+
+  .md\:-bottom-80 {
+    bottom: -20rem;
+  }
+
+  .md\:-left-80 {
+    left: -20rem;
+  }
+
+  .md\:-top-96 {
+    top: -24rem;
+  }
+
+  .md\:-right-96 {
+    right: -24rem;
+  }
+
+  .md\:-bottom-96 {
+    bottom: -24rem;
+  }
+
+  .md\:-left-96 {
+    left: -24rem;
+  }
+
+  .md\:-top-px {
+    top: -1px;
+  }
+
+  .md\:-right-px {
+    right: -1px;
+  }
+
+  .md\:-bottom-px {
+    bottom: -1px;
+  }
+
+  .md\:-left-px {
+    left: -1px;
+  }
+
+  .md\:-top-0\.5 {
+    top: -0.125rem;
+  }
+
+  .md\:-right-0\.5 {
+    right: -0.125rem;
+  }
+
+  .md\:-bottom-0\.5 {
+    bottom: -0.125rem;
+  }
+
+  .md\:-left-0\.5 {
+    left: -0.125rem;
+  }
+
+  .md\:-top-1\.5 {
+    top: -0.375rem;
+  }
+
+  .md\:-right-1\.5 {
+    right: -0.375rem;
+  }
+
+  .md\:-bottom-1\.5 {
+    bottom: -0.375rem;
+  }
+
+  .md\:-left-1\.5 {
+    left: -0.375rem;
+  }
+
+  .md\:-top-2\.5 {
+    top: -0.625rem;
+  }
+
+  .md\:-right-2\.5 {
+    right: -0.625rem;
+  }
+
+  .md\:-bottom-2\.5 {
+    bottom: -0.625rem;
+  }
+
+  .md\:-left-2\.5 {
+    left: -0.625rem;
+  }
+
+  .md\:-top-3\.5 {
+    top: -0.875rem;
+  }
+
+  .md\:-right-3\.5 {
+    right: -0.875rem;
+  }
+
+  .md\:-bottom-3\.5 {
+    bottom: -0.875rem;
+  }
+
+  .md\:-left-3\.5 {
+    left: -0.875rem;
+  }
+
+  .md\:top-1\/2 {
+    top: 50%;
+  }
+
+  .md\:right-1\/2 {
+    right: 50%;
+  }
+
+  .md\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .md\:left-1\/2 {
+    left: 50%;
+  }
+
+  .md\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .md\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .md\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .md\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .md\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .md\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .md\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .md\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .md\:top-1\/4 {
+    top: 25%;
+  }
+
+  .md\:right-1\/4 {
+    right: 25%;
+  }
+
+  .md\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .md\:left-1\/4 {
+    left: 25%;
+  }
+
+  .md\:top-2\/4 {
+    top: 50%;
+  }
+
+  .md\:right-2\/4 {
+    right: 50%;
+  }
+
+  .md\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .md\:left-2\/4 {
+    left: 50%;
+  }
+
+  .md\:top-3\/4 {
+    top: 75%;
+  }
+
+  .md\:right-3\/4 {
+    right: 75%;
+  }
+
+  .md\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .md\:left-3\/4 {
+    left: 75%;
+  }
+
+  .md\:top-full {
+    top: 100%;
+  }
+
+  .md\:right-full {
+    right: 100%;
+  }
+
+  .md\:bottom-full {
+    bottom: 100%;
+  }
+
+  .md\:left-full {
+    left: 100%;
+  }
+
+  .md\:-top-1\/2 {
+    top: -50%;
+  }
+
+  .md\:-right-1\/2 {
+    right: -50%;
+  }
+
+  .md\:-bottom-1\/2 {
+    bottom: -50%;
+  }
+
+  .md\:-left-1\/2 {
+    left: -50%;
+  }
+
+  .md\:-top-1\/3 {
+    top: -33.333333%;
+  }
+
+  .md\:-right-1\/3 {
+    right: -33.333333%;
+  }
+
+  .md\:-bottom-1\/3 {
+    bottom: -33.333333%;
+  }
+
+  .md\:-left-1\/3 {
+    left: -33.333333%;
+  }
+
+  .md\:-top-2\/3 {
+    top: -66.666667%;
+  }
+
+  .md\:-right-2\/3 {
+    right: -66.666667%;
+  }
+
+  .md\:-bottom-2\/3 {
+    bottom: -66.666667%;
+  }
+
+  .md\:-left-2\/3 {
+    left: -66.666667%;
+  }
+
+  .md\:-top-1\/4 {
+    top: -25%;
+  }
+
+  .md\:-right-1\/4 {
+    right: -25%;
+  }
+
+  .md\:-bottom-1\/4 {
+    bottom: -25%;
+  }
+
+  .md\:-left-1\/4 {
+    left: -25%;
+  }
+
+  .md\:-top-2\/4 {
+    top: -50%;
+  }
+
+  .md\:-right-2\/4 {
+    right: -50%;
+  }
+
+  .md\:-bottom-2\/4 {
+    bottom: -50%;
+  }
+
+  .md\:-left-2\/4 {
+    left: -50%;
+  }
+
+  .md\:-top-3\/4 {
+    top: -75%;
+  }
+
+  .md\:-right-3\/4 {
+    right: -75%;
+  }
+
+  .md\:-bottom-3\/4 {
+    bottom: -75%;
+  }
+
+  .md\:-left-3\/4 {
+    left: -75%;
+  }
+
+  .md\:-top-full {
+    top: -100%;
+  }
+
+  .md\:-right-full {
+    right: -100%;
+  }
+
+  .md\:-bottom-full {
+    bottom: -100%;
+  }
+
+  .md\:-left-full {
+    left: -100%;
+  }
+
+  .md\:resize-none {
+    resize: none;
+  }
+
+  .md\:resize-y {
+    resize: vertical;
+  }
+
+  .md\:resize-x {
+    resize: horizontal;
+  }
+
+  .md\:resize {
+    resize: both;
+  }
+
+  .md\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .md\:group-hover\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow-sm:focus-within {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow:focus-within {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow-md:focus-within {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow-lg:focus-within {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow-xl:focus-within {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow-2xl:focus-within {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow-inner:focus-within {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus-within\:shadow-none:focus-within {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow-sm:hover {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow:hover {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow-md:hover {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow-lg:hover {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow-xl:hover {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow-2xl:hover {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow-inner:hover {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:hover\:shadow-none:hover {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow-sm:focus {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow:focus {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow-md:focus {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow-lg:focus {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow-xl:focus {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow-2xl:focus {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow-inner:focus {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:focus\:shadow-none:focus {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .md\:ring-0 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:ring-1 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:ring-2 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:ring-4 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:ring-8 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:ring {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:ring-inset {
+    --tw-ring-inset: inset;
+  }
+
+  .md\:focus-within\:ring-0:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus-within\:ring-1:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus-within\:ring-2:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus-within\:ring-4:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus-within\:ring-8:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus-within\:ring:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus-within\:ring-inset:focus-within {
+    --tw-ring-inset: inset;
+  }
+
+  .md\:focus\:ring-0:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus\:ring-1:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus\:ring-2:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus\:ring-4:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus\:ring-8:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus\:ring:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .md\:focus\:ring-inset:focus {
+    --tw-ring-inset: inset;
+  }
+
+  .md\:ring-offset-transparent {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .md\:ring-offset-current {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .md\:ring-offset-black {
+    --tw-ring-offset-color: #000;
+  }
+
+  .md\:ring-offset-white {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .md\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .md\:ring-offset-gray-100 {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .md\:ring-offset-gray-200 {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .md\:ring-offset-gray-300 {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .md\:ring-offset-gray-400 {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .md\:ring-offset-gray-500 {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .md\:ring-offset-gray-600 {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .md\:ring-offset-gray-700 {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .md\:ring-offset-gray-800 {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .md\:ring-offset-gray-900 {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .md\:ring-offset-red-50 {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .md\:ring-offset-red-100 {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .md\:ring-offset-red-200 {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .md\:ring-offset-red-300 {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .md\:ring-offset-red-400 {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .md\:ring-offset-red-500 {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .md\:ring-offset-red-600 {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .md\:ring-offset-red-700 {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .md\:ring-offset-red-800 {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .md\:ring-offset-red-900 {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .md\:ring-offset-yellow-50 {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .md\:ring-offset-yellow-100 {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .md\:ring-offset-yellow-200 {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .md\:ring-offset-yellow-300 {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .md\:ring-offset-yellow-400 {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .md\:ring-offset-yellow-500 {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .md\:ring-offset-yellow-600 {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .md\:ring-offset-yellow-700 {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .md\:ring-offset-yellow-800 {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .md\:ring-offset-yellow-900 {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .md\:ring-offset-green-50 {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .md\:ring-offset-green-100 {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .md\:ring-offset-green-200 {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .md\:ring-offset-green-300 {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .md\:ring-offset-green-400 {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .md\:ring-offset-green-500 {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .md\:ring-offset-green-600 {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .md\:ring-offset-green-700 {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .md\:ring-offset-green-800 {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .md\:ring-offset-green-900 {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .md\:ring-offset-blue-50 {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .md\:ring-offset-blue-100 {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .md\:ring-offset-blue-200 {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .md\:ring-offset-blue-300 {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .md\:ring-offset-blue-400 {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .md\:ring-offset-blue-500 {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .md\:ring-offset-blue-600 {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .md\:ring-offset-blue-700 {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .md\:ring-offset-blue-800 {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .md\:ring-offset-blue-900 {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .md\:ring-offset-indigo-50 {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .md\:ring-offset-indigo-100 {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .md\:ring-offset-indigo-200 {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .md\:ring-offset-indigo-300 {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .md\:ring-offset-indigo-400 {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .md\:ring-offset-indigo-500 {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .md\:ring-offset-indigo-600 {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .md\:ring-offset-indigo-700 {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .md\:ring-offset-indigo-800 {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .md\:ring-offset-indigo-900 {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .md\:ring-offset-purple-50 {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .md\:ring-offset-purple-100 {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .md\:ring-offset-purple-200 {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .md\:ring-offset-purple-300 {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .md\:ring-offset-purple-400 {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .md\:ring-offset-purple-500 {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .md\:ring-offset-purple-600 {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .md\:ring-offset-purple-700 {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .md\:ring-offset-purple-800 {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .md\:ring-offset-purple-900 {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .md\:ring-offset-pink-50 {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .md\:ring-offset-pink-100 {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .md\:ring-offset-pink-200 {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .md\:ring-offset-pink-300 {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .md\:ring-offset-pink-400 {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .md\:ring-offset-pink-500 {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .md\:ring-offset-pink-600 {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .md\:ring-offset-pink-700 {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .md\:ring-offset-pink-800 {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .md\:ring-offset-pink-900 {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .md\:focus-within\:ring-offset-transparent:focus-within {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .md\:focus-within\:ring-offset-current:focus-within {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .md\:focus-within\:ring-offset-black:focus-within {
+    --tw-ring-offset-color: #000;
+  }
+
+  .md\:focus-within\:ring-offset-white:focus-within {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .md\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .md\:focus-within\:ring-offset-gray-100:focus-within {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .md\:focus-within\:ring-offset-gray-200:focus-within {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .md\:focus-within\:ring-offset-gray-300:focus-within {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .md\:focus-within\:ring-offset-gray-400:focus-within {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .md\:focus-within\:ring-offset-gray-500:focus-within {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .md\:focus-within\:ring-offset-gray-600:focus-within {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .md\:focus-within\:ring-offset-gray-700:focus-within {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .md\:focus-within\:ring-offset-gray-800:focus-within {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .md\:focus-within\:ring-offset-gray-900:focus-within {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .md\:focus-within\:ring-offset-red-50:focus-within {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .md\:focus-within\:ring-offset-red-100:focus-within {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .md\:focus-within\:ring-offset-red-200:focus-within {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .md\:focus-within\:ring-offset-red-300:focus-within {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .md\:focus-within\:ring-offset-red-400:focus-within {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .md\:focus-within\:ring-offset-red-500:focus-within {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .md\:focus-within\:ring-offset-red-600:focus-within {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .md\:focus-within\:ring-offset-red-700:focus-within {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .md\:focus-within\:ring-offset-red-800:focus-within {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .md\:focus-within\:ring-offset-red-900:focus-within {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-50:focus-within {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-100:focus-within {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-200:focus-within {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-300:focus-within {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-400:focus-within {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-500:focus-within {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-600:focus-within {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-700:focus-within {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-800:focus-within {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .md\:focus-within\:ring-offset-yellow-900:focus-within {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .md\:focus-within\:ring-offset-green-50:focus-within {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .md\:focus-within\:ring-offset-green-100:focus-within {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .md\:focus-within\:ring-offset-green-200:focus-within {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .md\:focus-within\:ring-offset-green-300:focus-within {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .md\:focus-within\:ring-offset-green-400:focus-within {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .md\:focus-within\:ring-offset-green-500:focus-within {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .md\:focus-within\:ring-offset-green-600:focus-within {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .md\:focus-within\:ring-offset-green-700:focus-within {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .md\:focus-within\:ring-offset-green-800:focus-within {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .md\:focus-within\:ring-offset-green-900:focus-within {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .md\:focus-within\:ring-offset-blue-50:focus-within {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .md\:focus-within\:ring-offset-blue-100:focus-within {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .md\:focus-within\:ring-offset-blue-200:focus-within {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .md\:focus-within\:ring-offset-blue-300:focus-within {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .md\:focus-within\:ring-offset-blue-400:focus-within {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .md\:focus-within\:ring-offset-blue-500:focus-within {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .md\:focus-within\:ring-offset-blue-600:focus-within {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .md\:focus-within\:ring-offset-blue-700:focus-within {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .md\:focus-within\:ring-offset-blue-800:focus-within {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .md\:focus-within\:ring-offset-blue-900:focus-within {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-50:focus-within {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-100:focus-within {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-200:focus-within {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-300:focus-within {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-400:focus-within {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-500:focus-within {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-600:focus-within {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-700:focus-within {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-800:focus-within {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .md\:focus-within\:ring-offset-indigo-900:focus-within {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .md\:focus-within\:ring-offset-purple-50:focus-within {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .md\:focus-within\:ring-offset-purple-100:focus-within {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .md\:focus-within\:ring-offset-purple-200:focus-within {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .md\:focus-within\:ring-offset-purple-300:focus-within {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .md\:focus-within\:ring-offset-purple-400:focus-within {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .md\:focus-within\:ring-offset-purple-500:focus-within {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .md\:focus-within\:ring-offset-purple-600:focus-within {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .md\:focus-within\:ring-offset-purple-700:focus-within {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .md\:focus-within\:ring-offset-purple-800:focus-within {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .md\:focus-within\:ring-offset-purple-900:focus-within {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .md\:focus-within\:ring-offset-pink-50:focus-within {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .md\:focus-within\:ring-offset-pink-100:focus-within {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .md\:focus-within\:ring-offset-pink-200:focus-within {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .md\:focus-within\:ring-offset-pink-300:focus-within {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .md\:focus-within\:ring-offset-pink-400:focus-within {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .md\:focus-within\:ring-offset-pink-500:focus-within {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .md\:focus-within\:ring-offset-pink-600:focus-within {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .md\:focus-within\:ring-offset-pink-700:focus-within {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .md\:focus-within\:ring-offset-pink-800:focus-within {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .md\:focus-within\:ring-offset-pink-900:focus-within {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .md\:focus\:ring-offset-transparent:focus {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .md\:focus\:ring-offset-current:focus {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .md\:focus\:ring-offset-black:focus {
+    --tw-ring-offset-color: #000;
+  }
+
+  .md\:focus\:ring-offset-white:focus {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .md\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .md\:focus\:ring-offset-gray-100:focus {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .md\:focus\:ring-offset-gray-200:focus {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .md\:focus\:ring-offset-gray-300:focus {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .md\:focus\:ring-offset-gray-400:focus {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .md\:focus\:ring-offset-gray-500:focus {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .md\:focus\:ring-offset-gray-600:focus {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .md\:focus\:ring-offset-gray-700:focus {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .md\:focus\:ring-offset-gray-800:focus {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .md\:focus\:ring-offset-gray-900:focus {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .md\:focus\:ring-offset-red-50:focus {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .md\:focus\:ring-offset-red-100:focus {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .md\:focus\:ring-offset-red-200:focus {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .md\:focus\:ring-offset-red-300:focus {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .md\:focus\:ring-offset-red-400:focus {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .md\:focus\:ring-offset-red-500:focus {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .md\:focus\:ring-offset-red-600:focus {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .md\:focus\:ring-offset-red-700:focus {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .md\:focus\:ring-offset-red-800:focus {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .md\:focus\:ring-offset-red-900:focus {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .md\:focus\:ring-offset-yellow-50:focus {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .md\:focus\:ring-offset-yellow-100:focus {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .md\:focus\:ring-offset-yellow-200:focus {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .md\:focus\:ring-offset-yellow-300:focus {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .md\:focus\:ring-offset-yellow-400:focus {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .md\:focus\:ring-offset-yellow-500:focus {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .md\:focus\:ring-offset-yellow-600:focus {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .md\:focus\:ring-offset-yellow-700:focus {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .md\:focus\:ring-offset-yellow-800:focus {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .md\:focus\:ring-offset-yellow-900:focus {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .md\:focus\:ring-offset-green-50:focus {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .md\:focus\:ring-offset-green-100:focus {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .md\:focus\:ring-offset-green-200:focus {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .md\:focus\:ring-offset-green-300:focus {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .md\:focus\:ring-offset-green-400:focus {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .md\:focus\:ring-offset-green-500:focus {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .md\:focus\:ring-offset-green-600:focus {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .md\:focus\:ring-offset-green-700:focus {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .md\:focus\:ring-offset-green-800:focus {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .md\:focus\:ring-offset-green-900:focus {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .md\:focus\:ring-offset-blue-50:focus {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .md\:focus\:ring-offset-blue-100:focus {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .md\:focus\:ring-offset-blue-200:focus {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .md\:focus\:ring-offset-blue-300:focus {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .md\:focus\:ring-offset-blue-400:focus {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .md\:focus\:ring-offset-blue-500:focus {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .md\:focus\:ring-offset-blue-600:focus {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .md\:focus\:ring-offset-blue-700:focus {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .md\:focus\:ring-offset-blue-800:focus {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .md\:focus\:ring-offset-blue-900:focus {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .md\:focus\:ring-offset-indigo-50:focus {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .md\:focus\:ring-offset-indigo-100:focus {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .md\:focus\:ring-offset-indigo-200:focus {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .md\:focus\:ring-offset-indigo-300:focus {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .md\:focus\:ring-offset-indigo-400:focus {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .md\:focus\:ring-offset-indigo-500:focus {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .md\:focus\:ring-offset-indigo-600:focus {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .md\:focus\:ring-offset-indigo-700:focus {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .md\:focus\:ring-offset-indigo-800:focus {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .md\:focus\:ring-offset-indigo-900:focus {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .md\:focus\:ring-offset-purple-50:focus {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .md\:focus\:ring-offset-purple-100:focus {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .md\:focus\:ring-offset-purple-200:focus {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .md\:focus\:ring-offset-purple-300:focus {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .md\:focus\:ring-offset-purple-400:focus {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .md\:focus\:ring-offset-purple-500:focus {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .md\:focus\:ring-offset-purple-600:focus {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .md\:focus\:ring-offset-purple-700:focus {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .md\:focus\:ring-offset-purple-800:focus {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .md\:focus\:ring-offset-purple-900:focus {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .md\:focus\:ring-offset-pink-50:focus {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .md\:focus\:ring-offset-pink-100:focus {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .md\:focus\:ring-offset-pink-200:focus {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .md\:focus\:ring-offset-pink-300:focus {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .md\:focus\:ring-offset-pink-400:focus {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .md\:focus\:ring-offset-pink-500:focus {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .md\:focus\:ring-offset-pink-600:focus {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .md\:focus\:ring-offset-pink-700:focus {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .md\:focus\:ring-offset-pink-800:focus {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .md\:focus\:ring-offset-pink-900:focus {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .md\:ring-offset-0 {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .md\:ring-offset-1 {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .md\:ring-offset-2 {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .md\:ring-offset-4 {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .md\:ring-offset-8 {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .md\:focus-within\:ring-offset-0:focus-within {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .md\:focus-within\:ring-offset-1:focus-within {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .md\:focus-within\:ring-offset-2:focus-within {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .md\:focus-within\:ring-offset-4:focus-within {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .md\:focus-within\:ring-offset-8:focus-within {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .md\:focus\:ring-offset-0:focus {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .md\:focus\:ring-offset-1:focus {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .md\:focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .md\:focus\:ring-offset-4:focus {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .md\:focus\:ring-offset-8:focus {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .md\:ring-transparent {
+    --tw-ring-color: transparent;
+  }
+
+  .md\:ring-current {
+    --tw-ring-color: currentColor;
+  }
+
+  .md\:ring-black {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-white {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-gray-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-red-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-yellow-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-green-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-blue-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-indigo-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-purple-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-pink-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-transparent:focus-within {
+    --tw-ring-color: transparent;
+  }
+
+  .md\:focus-within\:ring-current:focus-within {
+    --tw-ring-color: currentColor;
+  }
+
+  .md\:focus-within\:ring-black:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-white:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-gray-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-red-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-yellow-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-green-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-blue-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-indigo-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-purple-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-pink-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-transparent:focus {
+    --tw-ring-color: transparent;
+  }
+
+  .md\:focus\:ring-current:focus {
+    --tw-ring-color: currentColor;
+  }
+
+  .md\:focus\:ring-black:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-white:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-gray-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-red-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-yellow-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-green-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-blue-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-indigo-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-purple-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-pink-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-opacity-0 {
+    --tw-ring-opacity: 0;
+  }
+
+  .md\:ring-opacity-5 {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .md\:ring-opacity-10 {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .md\:ring-opacity-20 {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .md\:ring-opacity-25 {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .md\:ring-opacity-30 {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .md\:ring-opacity-40 {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .md\:ring-opacity-50 {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .md\:ring-opacity-60 {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .md\:ring-opacity-70 {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .md\:ring-opacity-75 {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .md\:ring-opacity-80 {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .md\:ring-opacity-90 {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .md\:ring-opacity-95 {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .md\:ring-opacity-100 {
+    --tw-ring-opacity: 1;
+  }
+
+  .md\:focus-within\:ring-opacity-0:focus-within {
+    --tw-ring-opacity: 0;
+  }
+
+  .md\:focus-within\:ring-opacity-5:focus-within {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .md\:focus-within\:ring-opacity-10:focus-within {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .md\:focus-within\:ring-opacity-20:focus-within {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .md\:focus-within\:ring-opacity-25:focus-within {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .md\:focus-within\:ring-opacity-30:focus-within {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .md\:focus-within\:ring-opacity-40:focus-within {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .md\:focus-within\:ring-opacity-50:focus-within {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .md\:focus-within\:ring-opacity-60:focus-within {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .md\:focus-within\:ring-opacity-70:focus-within {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .md\:focus-within\:ring-opacity-75:focus-within {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .md\:focus-within\:ring-opacity-80:focus-within {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .md\:focus-within\:ring-opacity-90:focus-within {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .md\:focus-within\:ring-opacity-95:focus-within {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .md\:focus-within\:ring-opacity-100:focus-within {
+    --tw-ring-opacity: 1;
+  }
+
+  .md\:focus\:ring-opacity-0:focus {
+    --tw-ring-opacity: 0;
+  }
+
+  .md\:focus\:ring-opacity-5:focus {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .md\:focus\:ring-opacity-10:focus {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .md\:focus\:ring-opacity-20:focus {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .md\:focus\:ring-opacity-25:focus {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .md\:focus\:ring-opacity-30:focus {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .md\:focus\:ring-opacity-40:focus {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .md\:focus\:ring-opacity-50:focus {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .md\:focus\:ring-opacity-60:focus {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .md\:focus\:ring-opacity-70:focus {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .md\:focus\:ring-opacity-75:focus {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .md\:focus\:ring-opacity-80:focus {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .md\:focus\:ring-opacity-90:focus {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .md\:focus\:ring-opacity-95:focus {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .md\:focus\:ring-opacity-100:focus {
+    --tw-ring-opacity: 1;
+  }
+
+  .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\:text-justify {
+    text-align: justify;
+  }
+
+  .md\:text-transparent {
+    color: transparent;
+  }
+
+  .md\:text-current {
+    color: currentColor;
+  }
+
+  .md\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .md\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .md\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .md\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .md\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .md\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .md\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .md\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .md\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .md\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-transparent {
+    color: transparent;
+  }
+
+  .group:hover .md\:group-hover\:text-current {
+    color: currentColor;
+  }
+
+  .group:hover .md\:group-hover\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .md\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .md\:focus-within\:text-black:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-white:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-gray-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-red-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-yellow-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-green-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-blue-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-indigo-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-purple-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-pink-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .md\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .md\:hover\:text-black:hover {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-gray-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-red-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-yellow-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-green-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-blue-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-indigo-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-purple-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-pink-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .md\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
+  .md\:focus\:text-black:focus {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-white:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-gray-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-red-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-yellow-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-green-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-blue-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-indigo-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-purple-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-pink-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .md\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .md\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .md\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .md\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .md\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .md\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .md\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .md\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .md\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .md\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .md\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .md\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .md\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .md\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .md\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .group:hover .md\:group-hover\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .md\:focus-within\:text-opacity-0:focus-within {
+    --tw-text-opacity: 0;
+  }
+
+  .md\:focus-within\:text-opacity-5:focus-within {
+    --tw-text-opacity: 0.05;
+  }
+
+  .md\:focus-within\:text-opacity-10:focus-within {
+    --tw-text-opacity: 0.1;
+  }
+
+  .md\:focus-within\:text-opacity-20:focus-within {
+    --tw-text-opacity: 0.2;
+  }
+
+  .md\:focus-within\:text-opacity-25:focus-within {
+    --tw-text-opacity: 0.25;
+  }
+
+  .md\:focus-within\:text-opacity-30:focus-within {
+    --tw-text-opacity: 0.3;
+  }
+
+  .md\:focus-within\:text-opacity-40:focus-within {
+    --tw-text-opacity: 0.4;
+  }
+
+  .md\:focus-within\:text-opacity-50:focus-within {
+    --tw-text-opacity: 0.5;
+  }
+
+  .md\:focus-within\:text-opacity-60:focus-within {
+    --tw-text-opacity: 0.6;
+  }
+
+  .md\:focus-within\:text-opacity-70:focus-within {
+    --tw-text-opacity: 0.7;
+  }
+
+  .md\:focus-within\:text-opacity-75:focus-within {
+    --tw-text-opacity: 0.75;
+  }
+
+  .md\:focus-within\:text-opacity-80:focus-within {
+    --tw-text-opacity: 0.8;
+  }
+
+  .md\:focus-within\:text-opacity-90:focus-within {
+    --tw-text-opacity: 0.9;
+  }
+
+  .md\:focus-within\:text-opacity-95:focus-within {
+    --tw-text-opacity: 0.95;
+  }
+
+  .md\:focus-within\:text-opacity-100:focus-within {
+    --tw-text-opacity: 1;
+  }
+
+  .md\:hover\:text-opacity-0:hover {
+    --tw-text-opacity: 0;
+  }
+
+  .md\:hover\:text-opacity-5:hover {
+    --tw-text-opacity: 0.05;
+  }
+
+  .md\:hover\:text-opacity-10:hover {
+    --tw-text-opacity: 0.1;
+  }
+
+  .md\:hover\:text-opacity-20:hover {
+    --tw-text-opacity: 0.2;
+  }
+
+  .md\:hover\:text-opacity-25:hover {
+    --tw-text-opacity: 0.25;
+  }
+
+  .md\:hover\:text-opacity-30:hover {
+    --tw-text-opacity: 0.3;
+  }
+
+  .md\:hover\:text-opacity-40:hover {
+    --tw-text-opacity: 0.4;
+  }
+
+  .md\:hover\:text-opacity-50:hover {
+    --tw-text-opacity: 0.5;
+  }
+
+  .md\:hover\:text-opacity-60:hover {
+    --tw-text-opacity: 0.6;
+  }
+
+  .md\:hover\:text-opacity-70:hover {
+    --tw-text-opacity: 0.7;
+  }
+
+  .md\:hover\:text-opacity-75:hover {
+    --tw-text-opacity: 0.75;
+  }
+
+  .md\:hover\:text-opacity-80:hover {
+    --tw-text-opacity: 0.8;
+  }
+
+  .md\:hover\:text-opacity-90:hover {
+    --tw-text-opacity: 0.9;
+  }
+
+  .md\:hover\:text-opacity-95:hover {
+    --tw-text-opacity: 0.95;
+  }
+
+  .md\:hover\:text-opacity-100:hover {
+    --tw-text-opacity: 1;
+  }
+
+  .md\:focus\:text-opacity-0:focus {
+    --tw-text-opacity: 0;
+  }
+
+  .md\:focus\:text-opacity-5:focus {
+    --tw-text-opacity: 0.05;
+  }
+
+  .md\:focus\:text-opacity-10:focus {
+    --tw-text-opacity: 0.1;
+  }
+
+  .md\:focus\:text-opacity-20:focus {
+    --tw-text-opacity: 0.2;
+  }
+
+  .md\:focus\:text-opacity-25:focus {
+    --tw-text-opacity: 0.25;
+  }
+
+  .md\:focus\:text-opacity-30:focus {
+    --tw-text-opacity: 0.3;
+  }
+
+  .md\:focus\:text-opacity-40:focus {
+    --tw-text-opacity: 0.4;
+  }
+
+  .md\:focus\:text-opacity-50:focus {
+    --tw-text-opacity: 0.5;
+  }
+
+  .md\:focus\:text-opacity-60:focus {
+    --tw-text-opacity: 0.6;
+  }
+
+  .md\:focus\:text-opacity-70:focus {
+    --tw-text-opacity: 0.7;
+  }
+
+  .md\:focus\:text-opacity-75:focus {
+    --tw-text-opacity: 0.75;
+  }
+
+  .md\:focus\:text-opacity-80:focus {
+    --tw-text-opacity: 0.8;
+  }
+
+  .md\:focus\:text-opacity-90:focus {
+    --tw-text-opacity: 0.9;
+  }
+
+  .md\:focus\:text-opacity-95:focus {
+    --tw-text-opacity: 0.95;
+  }
+
+  .md\:focus\:text-opacity-100:focus {
+    --tw-text-opacity: 1;
+  }
+
+  .md\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .md\:overflow-ellipsis {
+    text-overflow: ellipsis;
+  }
+
+  .md\:overflow-clip {
+    text-overflow: clip;
+  }
+
+  .md\:italic {
+    font-style: italic;
+  }
+
+  .md\:not-italic {
+    font-style: normal;
+  }
+
+  .md\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .md\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .md\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .md\:normal-case {
+    text-transform: none;
+  }
+
+  .md\:underline {
+    text-decoration: underline;
+  }
+
+  .md\:line-through {
+    text-decoration: line-through;
+  }
+
+  .md\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:hover .md\:group-hover\:underline {
+    text-decoration: underline;
+  }
+
+  .group:hover .md\:group-hover\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:hover .md\:group-hover\:no-underline {
+    text-decoration: none;
+  }
+
+  .md\:focus-within\:underline:focus-within {
+    text-decoration: underline;
+  }
+
+  .md\:focus-within\:line-through:focus-within {
+    text-decoration: line-through;
+  }
+
+  .md\:focus-within\:no-underline:focus-within {
+    text-decoration: none;
+  }
+
+  .md\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .md\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .md\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .md\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .md\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .md\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .md\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .md\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions {
+    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
+    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+  }
+
+  .md\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .md\:ordinal {
+    --tw-ordinal: ordinal;
+  }
+
+  .md\:slashed-zero {
+    --tw-slashed-zero: slashed-zero;
+  }
+
+  .md\:lining-nums {
+    --tw-numeric-figure: lining-nums;
+  }
+
+  .md\:oldstyle-nums {
+    --tw-numeric-figure: oldstyle-nums;
+  }
+
+  .md\:proportional-nums {
+    --tw-numeric-spacing: proportional-nums;
+  }
+
+  .md\:tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+  }
+
+  .md\:diagonal-fractions {
+    --tw-numeric-fraction: diagonal-fractions;
+  }
+
+  .md\:stacked-fractions {
+    --tw-numeric-fraction: stacked-fractions;
+  }
+
+  .md\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .md\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .md\:tracking-normal {
+    letter-spacing: 0em;
+  }
+
+  .md\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .md\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .md\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .md\:select-none {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+
+  .md\:select-text {
+    -webkit-user-select: text;
+            user-select: text;
+  }
+
+  .md\:select-all {
+    -webkit-user-select: all;
+            user-select: all;
+  }
+
+  .md\:select-auto {
+    -webkit-user-select: auto;
+            user-select: auto;
+  }
+
+  .md\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .md\:align-top {
+    vertical-align: top;
+  }
+
+  .md\:align-middle {
+    vertical-align: middle;
+  }
+
+  .md\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .md\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .md\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .md\:visible {
+    visibility: visible;
+  }
+
+  .md\:invisible {
+    visibility: hidden;
+  }
+
+  .md\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .md\:whitespace-nowrap {
+    white-space: nowrap;
+  }
+
+  .md\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .md\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .md\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .md\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .md\:break-words {
+    overflow-wrap: break-word;
+  }
+
+  .md\:break-all {
+    word-break: break-all;
+  }
+
+  .md\:w-0 {
+    width: 0px;
+  }
+
+  .md\:w-1 {
+    width: 0.25rem;
+  }
+
+  .md\:w-2 {
+    width: 0.5rem;
+  }
+
+  .md\:w-3 {
+    width: 0.75rem;
+  }
+
+  .md\:w-4 {
+    width: 1rem;
+  }
+
+  .md\:w-5 {
+    width: 1.25rem;
+  }
+
+  .md\:w-6 {
+    width: 1.5rem;
+  }
+
+  .md\:w-7 {
+    width: 1.75rem;
+  }
+
+  .md\:w-8 {
+    width: 2rem;
+  }
+
+  .md\:w-9 {
+    width: 2.25rem;
+  }
+
+  .md\:w-10 {
+    width: 2.5rem;
+  }
+
+  .md\:w-11 {
+    width: 2.75rem;
+  }
+
+  .md\:w-12 {
+    width: 3rem;
+  }
+
+  .md\:w-14 {
+    width: 3.5rem;
+  }
+
+  .md\:w-16 {
+    width: 4rem;
+  }
+
+  .md\:w-20 {
+    width: 5rem;
+  }
+
+  .md\:w-24 {
+    width: 6rem;
+  }
+
+  .md\:w-28 {
+    width: 7rem;
+  }
+
+  .md\:w-32 {
+    width: 8rem;
+  }
+
+  .md\:w-36 {
+    width: 9rem;
+  }
+
+  .md\:w-40 {
+    width: 10rem;
+  }
+
+  .md\:w-44 {
+    width: 11rem;
+  }
+
+  .md\:w-48 {
+    width: 12rem;
+  }
+
+  .md\:w-52 {
+    width: 13rem;
+  }
+
+  .md\:w-56 {
+    width: 14rem;
+  }
+
+  .md\:w-60 {
+    width: 15rem;
+  }
+
+  .md\:w-64 {
+    width: 16rem;
+  }
+
+  .md\:w-72 {
+    width: 18rem;
+  }
+
+  .md\:w-80 {
+    width: 20rem;
+  }
+
+  .md\:w-96 {
+    width: 24rem;
+  }
+
+  .md\:w-auto {
+    width: auto;
+  }
+
+  .md\:w-px {
+    width: 1px;
+  }
+
+  .md\:w-0\.5 {
+    width: 0.125rem;
+  }
+
+  .md\:w-1\.5 {
+    width: 0.375rem;
+  }
+
+  .md\:w-2\.5 {
+    width: 0.625rem;
+  }
+
+  .md\:w-3\.5 {
+    width: 0.875rem;
+  }
+
+  .md\:w-1\/2 {
+    width: 50%;
+  }
+
+  .md\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .md\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .md\:w-1\/4 {
+    width: 25%;
+  }
+
+  .md\:w-2\/4 {
+    width: 50%;
+  }
+
+  .md\:w-3\/4 {
+    width: 75%;
+  }
+
+  .md\:w-1\/5 {
+    width: 20%;
+  }
+
+  .md\:w-2\/5 {
+    width: 40%;
+  }
+
+  .md\:w-3\/5 {
+    width: 60%;
+  }
+
+  .md\:w-4\/5 {
+    width: 80%;
+  }
+
+  .md\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .md\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .md\:w-3\/6 {
+    width: 50%;
+  }
+
+  .md\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .md\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .md\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .md\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .md\:w-3\/12 {
+    width: 25%;
+  }
+
+  .md\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .md\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .md\:w-6\/12 {
+    width: 50%;
+  }
+
+  .md\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .md\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .md\:w-9\/12 {
+    width: 75%;
+  }
+
+  .md\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .md\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .md\:w-full {
+    width: 100%;
+  }
+
+  .md\:w-screen {
+    width: 100vw;
+  }
+
+  .md\:w-min {
+    width: -webkit-min-content;
+    width: min-content;
+  }
+
+  .md\:w-max {
+    width: -webkit-max-content;
+    width: max-content;
+  }
+
+  .md\:z-0 {
+    z-index: 0;
+  }
+
+  .md\:z-10 {
+    z-index: 10;
+  }
+
+  .md\:z-20 {
+    z-index: 20;
+  }
+
+  .md\:z-30 {
+    z-index: 30;
+  }
+
+  .md\:z-40 {
+    z-index: 40;
+  }
+
+  .md\:z-50 {
+    z-index: 50;
+  }
+
+  .md\:z-auto {
+    z-index: auto;
+  }
+
+  .md\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .md\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .md\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .md\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .md\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .md\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .md\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
+  .md\:focus\:z-0:focus {
+    z-index: 0;
+  }
+
+  .md\:focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .md\:focus\:z-20:focus {
+    z-index: 20;
+  }
+
+  .md\:focus\:z-30:focus {
+    z-index: 30;
+  }
+
+  .md\:focus\:z-40:focus {
+    z-index: 40;
+  }
+
+  .md\:focus\:z-50:focus {
+    z-index: 50;
+  }
+
+  .md\:focus\:z-auto:focus {
+    z-index: auto;
+  }
+
+  .md\:gap-0 {
+    gap: 0px;
+  }
+
+  .md\:gap-1 {
+    gap: 0.25rem;
+  }
+
+  .md\:gap-2 {
+    gap: 0.5rem;
+  }
+
+  .md\:gap-3 {
+    gap: 0.75rem;
+  }
+
+  .md\:gap-4 {
+    gap: 1rem;
+  }
+
+  .md\:gap-5 {
+    gap: 1.25rem;
+  }
+
+  .md\:gap-6 {
+    gap: 1.5rem;
+  }
+
+  .md\:gap-7 {
+    gap: 1.75rem;
+  }
+
+  .md\:gap-8 {
+    gap: 2rem;
+  }
+
+  .md\:gap-9 {
+    gap: 2.25rem;
+  }
+
+  .md\:gap-10 {
+    gap: 2.5rem;
+  }
+
+  .md\:gap-11 {
+    gap: 2.75rem;
+  }
+
+  .md\:gap-12 {
+    gap: 3rem;
+  }
+
+  .md\:gap-14 {
+    gap: 3.5rem;
+  }
+
+  .md\:gap-16 {
+    gap: 4rem;
+  }
+
+  .md\:gap-20 {
+    gap: 5rem;
+  }
+
+  .md\:gap-24 {
+    gap: 6rem;
+  }
+
+  .md\:gap-28 {
+    gap: 7rem;
+  }
+
+  .md\:gap-32 {
+    gap: 8rem;
+  }
+
+  .md\:gap-36 {
+    gap: 9rem;
+  }
+
+  .md\:gap-40 {
+    gap: 10rem;
+  }
+
+  .md\:gap-44 {
+    gap: 11rem;
+  }
+
+  .md\:gap-48 {
+    gap: 12rem;
+  }
+
+  .md\:gap-52 {
+    gap: 13rem;
+  }
+
+  .md\:gap-56 {
+    gap: 14rem;
+  }
+
+  .md\:gap-60 {
+    gap: 15rem;
+  }
+
+  .md\:gap-64 {
+    gap: 16rem;
+  }
+
+  .md\:gap-72 {
+    gap: 18rem;
+  }
+
+  .md\:gap-80 {
+    gap: 20rem;
+  }
+
+  .md\:gap-96 {
+    gap: 24rem;
+  }
+
+  .md\:gap-px {
+    gap: 1px;
+  }
+
+  .md\:gap-0\.5 {
+    gap: 0.125rem;
+  }
+
+  .md\:gap-1\.5 {
+    gap: 0.375rem;
+  }
+
+  .md\:gap-2\.5 {
+    gap: 0.625rem;
+  }
+
+  .md\:gap-3\.5 {
+    gap: 0.875rem;
+  }
+
+  .md\:gap-x-0 {
+    column-gap: 0px;
+  }
+
+  .md\:gap-x-1 {
+    column-gap: 0.25rem;
+  }
+
+  .md\:gap-x-2 {
+    column-gap: 0.5rem;
+  }
+
+  .md\:gap-x-3 {
+    column-gap: 0.75rem;
+  }
+
+  .md\:gap-x-4 {
+    column-gap: 1rem;
+  }
+
+  .md\:gap-x-5 {
+    column-gap: 1.25rem;
+  }
+
+  .md\:gap-x-6 {
+    column-gap: 1.5rem;
+  }
+
+  .md\:gap-x-7 {
+    column-gap: 1.75rem;
+  }
+
+  .md\:gap-x-8 {
+    column-gap: 2rem;
+  }
+
+  .md\:gap-x-9 {
+    column-gap: 2.25rem;
+  }
+
+  .md\:gap-x-10 {
+    column-gap: 2.5rem;
+  }
+
+  .md\:gap-x-11 {
+    column-gap: 2.75rem;
+  }
+
+  .md\:gap-x-12 {
+    column-gap: 3rem;
+  }
+
+  .md\:gap-x-14 {
+    column-gap: 3.5rem;
+  }
+
+  .md\:gap-x-16 {
+    column-gap: 4rem;
+  }
+
+  .md\:gap-x-20 {
+    column-gap: 5rem;
+  }
+
+  .md\:gap-x-24 {
+    column-gap: 6rem;
+  }
+
+  .md\:gap-x-28 {
+    column-gap: 7rem;
+  }
+
+  .md\:gap-x-32 {
+    column-gap: 8rem;
+  }
+
+  .md\:gap-x-36 {
+    column-gap: 9rem;
+  }
+
+  .md\:gap-x-40 {
+    column-gap: 10rem;
+  }
+
+  .md\:gap-x-44 {
+    column-gap: 11rem;
+  }
+
+  .md\:gap-x-48 {
+    column-gap: 12rem;
+  }
+
+  .md\:gap-x-52 {
+    column-gap: 13rem;
+  }
+
+  .md\:gap-x-56 {
+    column-gap: 14rem;
+  }
+
+  .md\:gap-x-60 {
+    column-gap: 15rem;
+  }
+
+  .md\:gap-x-64 {
+    column-gap: 16rem;
+  }
+
+  .md\:gap-x-72 {
+    column-gap: 18rem;
+  }
+
+  .md\:gap-x-80 {
+    column-gap: 20rem;
+  }
+
+  .md\:gap-x-96 {
+    column-gap: 24rem;
+  }
+
+  .md\:gap-x-px {
+    column-gap: 1px;
+  }
+
+  .md\:gap-x-0\.5 {
+    column-gap: 0.125rem;
+  }
+
+  .md\:gap-x-1\.5 {
+    column-gap: 0.375rem;
+  }
+
+  .md\:gap-x-2\.5 {
+    column-gap: 0.625rem;
+  }
+
+  .md\:gap-x-3\.5 {
+    column-gap: 0.875rem;
+  }
+
+  .md\:gap-y-0 {
+    row-gap: 0px;
+  }
+
+  .md\:gap-y-1 {
+    row-gap: 0.25rem;
+  }
+
+  .md\:gap-y-2 {
+    row-gap: 0.5rem;
+  }
+
+  .md\:gap-y-3 {
+    row-gap: 0.75rem;
+  }
+
+  .md\:gap-y-4 {
+    row-gap: 1rem;
+  }
+
+  .md\:gap-y-5 {
+    row-gap: 1.25rem;
+  }
+
+  .md\:gap-y-6 {
+    row-gap: 1.5rem;
+  }
+
+  .md\:gap-y-7 {
+    row-gap: 1.75rem;
+  }
+
+  .md\:gap-y-8 {
+    row-gap: 2rem;
+  }
+
+  .md\:gap-y-9 {
+    row-gap: 2.25rem;
+  }
+
+  .md\:gap-y-10 {
+    row-gap: 2.5rem;
+  }
+
+  .md\:gap-y-11 {
+    row-gap: 2.75rem;
+  }
+
+  .md\:gap-y-12 {
+    row-gap: 3rem;
+  }
+
+  .md\:gap-y-14 {
+    row-gap: 3.5rem;
+  }
+
+  .md\:gap-y-16 {
+    row-gap: 4rem;
+  }
+
+  .md\:gap-y-20 {
+    row-gap: 5rem;
+  }
+
+  .md\:gap-y-24 {
+    row-gap: 6rem;
+  }
+
+  .md\:gap-y-28 {
+    row-gap: 7rem;
+  }
+
+  .md\:gap-y-32 {
+    row-gap: 8rem;
+  }
+
+  .md\:gap-y-36 {
+    row-gap: 9rem;
+  }
+
+  .md\:gap-y-40 {
+    row-gap: 10rem;
+  }
+
+  .md\:gap-y-44 {
+    row-gap: 11rem;
+  }
+
+  .md\:gap-y-48 {
+    row-gap: 12rem;
+  }
+
+  .md\:gap-y-52 {
+    row-gap: 13rem;
+  }
+
+  .md\:gap-y-56 {
+    row-gap: 14rem;
+  }
+
+  .md\:gap-y-60 {
+    row-gap: 15rem;
+  }
+
+  .md\:gap-y-64 {
+    row-gap: 16rem;
+  }
+
+  .md\:gap-y-72 {
+    row-gap: 18rem;
+  }
+
+  .md\:gap-y-80 {
+    row-gap: 20rem;
+  }
+
+  .md\:gap-y-96 {
+    row-gap: 24rem;
+  }
+
+  .md\:gap-y-px {
+    row-gap: 1px;
+  }
+
+  .md\:gap-y-0\.5 {
+    row-gap: 0.125rem;
+  }
+
+  .md\:gap-y-1\.5 {
+    row-gap: 0.375rem;
+  }
+
+  .md\:gap-y-2\.5 {
+    row-gap: 0.625rem;
+  }
+
+  .md\:gap-y-3\.5 {
+    row-gap: 0.875rem;
+  }
+
+  .md\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .md\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .md\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .md\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .md\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .md\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .md\:auto-cols-min {
+    grid-auto-columns: -webkit-min-content;
+    grid-auto-columns: min-content;
+  }
+
+  .md\:auto-cols-max {
+    grid-auto-columns: -webkit-max-content;
+    grid-auto-columns: max-content;
+  }
+
+  .md\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .md\:col-auto {
+    grid-column: auto;
+  }
+
+  .md\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .md\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .md\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .md\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .md\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .md\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .md\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .md\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .md\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .md\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .md\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .md\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .md\:col-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .md\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .md\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .md\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .md\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .md\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .md\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .md\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .md\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .md\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .md\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .md\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .md\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .md\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .md\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .md\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .md\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .md\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .md\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .md\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .md\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .md\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .md\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .md\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .md\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .md\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .md\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .md\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .md\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .md\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .md\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .md\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .md\:auto-rows-min {
+    grid-auto-rows: -webkit-min-content;
+    grid-auto-rows: min-content;
+  }
+
+  .md\:auto-rows-max {
+    grid-auto-rows: -webkit-max-content;
+    grid-auto-rows: max-content;
+  }
+
+  .md\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .md\:row-auto {
+    grid-row: auto;
+  }
+
+  .md\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .md\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .md\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .md\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .md\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .md\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .md\:row-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .md\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .md\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .md\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .md\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .md\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .md\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .md\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .md\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .md\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .md\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .md\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .md\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .md\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .md\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .md\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .md\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .md\:transform {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .md\:transform-gpu {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .md\:transform-none {
+    transform: none;
+  }
+
+  .md\:origin-center {
+    transform-origin: center;
+  }
+
+  .md\:origin-top {
+    transform-origin: top;
+  }
+
+  .md\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .md\:origin-right {
+    transform-origin: right;
+  }
+
+  .md\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .md\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .md\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .md\:origin-left {
+    transform-origin: left;
+  }
+
+  .md\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .md\:scale-0 {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .md\:scale-50 {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .md\:scale-75 {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .md\:scale-90 {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .md\:scale-95 {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .md\:scale-100 {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .md\:scale-105 {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .md\:scale-110 {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .md\:scale-125 {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .md\:scale-150 {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .md\:scale-x-0 {
+    --tw-scale-x: 0;
+  }
+
+  .md\:scale-x-50 {
+    --tw-scale-x: .5;
+  }
+
+  .md\:scale-x-75 {
+    --tw-scale-x: .75;
+  }
+
+  .md\:scale-x-90 {
+    --tw-scale-x: .9;
+  }
+
+  .md\:scale-x-95 {
+    --tw-scale-x: .95;
+  }
+
+  .md\:scale-x-100 {
+    --tw-scale-x: 1;
+  }
+
+  .md\:scale-x-105 {
+    --tw-scale-x: 1.05;
+  }
+
+  .md\:scale-x-110 {
+    --tw-scale-x: 1.1;
+  }
+
+  .md\:scale-x-125 {
+    --tw-scale-x: 1.25;
+  }
+
+  .md\:scale-x-150 {
+    --tw-scale-x: 1.5;
+  }
+
+  .md\:scale-y-0 {
+    --tw-scale-y: 0;
+  }
+
+  .md\:scale-y-50 {
+    --tw-scale-y: .5;
+  }
+
+  .md\:scale-y-75 {
+    --tw-scale-y: .75;
+  }
+
+  .md\:scale-y-90 {
+    --tw-scale-y: .9;
+  }
+
+  .md\:scale-y-95 {
+    --tw-scale-y: .95;
+  }
+
+  .md\:scale-y-100 {
+    --tw-scale-y: 1;
+  }
+
+  .md\:scale-y-105 {
+    --tw-scale-y: 1.05;
+  }
+
+  .md\:scale-y-110 {
+    --tw-scale-y: 1.1;
+  }
+
+  .md\:scale-y-125 {
+    --tw-scale-y: 1.25;
+  }
+
+  .md\:scale-y-150 {
+    --tw-scale-y: 1.5;
+  }
+
+  .md\:hover\:scale-0:hover {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .md\:hover\:scale-50:hover {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .md\:hover\:scale-75:hover {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .md\:hover\:scale-90:hover {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .md\:hover\:scale-95:hover {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .md\:hover\:scale-100:hover {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .md\:hover\:scale-105:hover {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .md\:hover\:scale-110:hover {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .md\:hover\:scale-125:hover {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .md\:hover\:scale-150:hover {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .md\:hover\:scale-x-0:hover {
+    --tw-scale-x: 0;
+  }
+
+  .md\:hover\:scale-x-50:hover {
+    --tw-scale-x: .5;
+  }
+
+  .md\:hover\:scale-x-75:hover {
+    --tw-scale-x: .75;
+  }
+
+  .md\:hover\:scale-x-90:hover {
+    --tw-scale-x: .9;
+  }
+
+  .md\:hover\:scale-x-95:hover {
+    --tw-scale-x: .95;
+  }
+
+  .md\:hover\:scale-x-100:hover {
+    --tw-scale-x: 1;
+  }
+
+  .md\:hover\:scale-x-105:hover {
+    --tw-scale-x: 1.05;
+  }
+
+  .md\:hover\:scale-x-110:hover {
+    --tw-scale-x: 1.1;
+  }
+
+  .md\:hover\:scale-x-125:hover {
+    --tw-scale-x: 1.25;
+  }
+
+  .md\:hover\:scale-x-150:hover {
+    --tw-scale-x: 1.5;
+  }
+
+  .md\:hover\:scale-y-0:hover {
+    --tw-scale-y: 0;
+  }
+
+  .md\:hover\:scale-y-50:hover {
+    --tw-scale-y: .5;
+  }
+
+  .md\:hover\:scale-y-75:hover {
+    --tw-scale-y: .75;
+  }
+
+  .md\:hover\:scale-y-90:hover {
+    --tw-scale-y: .9;
+  }
+
+  .md\:hover\:scale-y-95:hover {
+    --tw-scale-y: .95;
+  }
+
+  .md\:hover\:scale-y-100:hover {
+    --tw-scale-y: 1;
+  }
+
+  .md\:hover\:scale-y-105:hover {
+    --tw-scale-y: 1.05;
+  }
+
+  .md\:hover\:scale-y-110:hover {
+    --tw-scale-y: 1.1;
+  }
+
+  .md\:hover\:scale-y-125:hover {
+    --tw-scale-y: 1.25;
+  }
+
+  .md\:hover\:scale-y-150:hover {
+    --tw-scale-y: 1.5;
+  }
+
+  .md\:focus\:scale-0:focus {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .md\:focus\:scale-50:focus {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .md\:focus\:scale-75:focus {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .md\:focus\:scale-90:focus {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .md\:focus\:scale-95:focus {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .md\:focus\:scale-100:focus {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .md\:focus\:scale-105:focus {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .md\:focus\:scale-110:focus {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .md\:focus\:scale-125:focus {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .md\:focus\:scale-150:focus {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .md\:focus\:scale-x-0:focus {
+    --tw-scale-x: 0;
+  }
+
+  .md\:focus\:scale-x-50:focus {
+    --tw-scale-x: .5;
+  }
+
+  .md\:focus\:scale-x-75:focus {
+    --tw-scale-x: .75;
+  }
+
+  .md\:focus\:scale-x-90:focus {
+    --tw-scale-x: .9;
+  }
+
+  .md\:focus\:scale-x-95:focus {
+    --tw-scale-x: .95;
+  }
+
+  .md\:focus\:scale-x-100:focus {
+    --tw-scale-x: 1;
+  }
+
+  .md\:focus\:scale-x-105:focus {
+    --tw-scale-x: 1.05;
+  }
+
+  .md\:focus\:scale-x-110:focus {
+    --tw-scale-x: 1.1;
+  }
+
+  .md\:focus\:scale-x-125:focus {
+    --tw-scale-x: 1.25;
+  }
+
+  .md\:focus\:scale-x-150:focus {
+    --tw-scale-x: 1.5;
+  }
+
+  .md\:focus\:scale-y-0:focus {
+    --tw-scale-y: 0;
+  }
+
+  .md\:focus\:scale-y-50:focus {
+    --tw-scale-y: .5;
+  }
+
+  .md\:focus\:scale-y-75:focus {
+    --tw-scale-y: .75;
+  }
+
+  .md\:focus\:scale-y-90:focus {
+    --tw-scale-y: .9;
+  }
+
+  .md\:focus\:scale-y-95:focus {
+    --tw-scale-y: .95;
+  }
+
+  .md\:focus\:scale-y-100:focus {
+    --tw-scale-y: 1;
+  }
+
+  .md\:focus\:scale-y-105:focus {
+    --tw-scale-y: 1.05;
+  }
+
+  .md\:focus\:scale-y-110:focus {
+    --tw-scale-y: 1.1;
+  }
+
+  .md\:focus\:scale-y-125:focus {
+    --tw-scale-y: 1.25;
+  }
+
+  .md\:focus\:scale-y-150:focus {
+    --tw-scale-y: 1.5;
+  }
+
+  .md\:rotate-0 {
+    --tw-rotate: 0deg;
+  }
+
+  .md\:rotate-1 {
+    --tw-rotate: 1deg;
+  }
+
+  .md\:rotate-2 {
+    --tw-rotate: 2deg;
+  }
+
+  .md\:rotate-3 {
+    --tw-rotate: 3deg;
+  }
+
+  .md\:rotate-6 {
+    --tw-rotate: 6deg;
+  }
+
+  .md\:rotate-12 {
+    --tw-rotate: 12deg;
+  }
+
+  .md\:rotate-45 {
+    --tw-rotate: 45deg;
+  }
+
+  .md\:rotate-90 {
+    --tw-rotate: 90deg;
+  }
+
+  .md\:rotate-180 {
+    --tw-rotate: 180deg;
+  }
+
+  .md\:-rotate-180 {
+    --tw-rotate: -180deg;
+  }
+
+  .md\:-rotate-90 {
+    --tw-rotate: -90deg;
+  }
+
+  .md\:-rotate-45 {
+    --tw-rotate: -45deg;
+  }
+
+  .md\:-rotate-12 {
+    --tw-rotate: -12deg;
+  }
+
+  .md\:-rotate-6 {
+    --tw-rotate: -6deg;
+  }
+
+  .md\:-rotate-3 {
+    --tw-rotate: -3deg;
+  }
+
+  .md\:-rotate-2 {
+    --tw-rotate: -2deg;
+  }
+
+  .md\:-rotate-1 {
+    --tw-rotate: -1deg;
+  }
+
+  .md\:hover\:rotate-0:hover {
+    --tw-rotate: 0deg;
+  }
+
+  .md\:hover\:rotate-1:hover {
+    --tw-rotate: 1deg;
+  }
+
+  .md\:hover\:rotate-2:hover {
+    --tw-rotate: 2deg;
+  }
+
+  .md\:hover\:rotate-3:hover {
+    --tw-rotate: 3deg;
+  }
+
+  .md\:hover\:rotate-6:hover {
+    --tw-rotate: 6deg;
+  }
+
+  .md\:hover\:rotate-12:hover {
+    --tw-rotate: 12deg;
+  }
+
+  .md\:hover\:rotate-45:hover {
+    --tw-rotate: 45deg;
+  }
+
+  .md\:hover\:rotate-90:hover {
+    --tw-rotate: 90deg;
+  }
+
+  .md\:hover\:rotate-180:hover {
+    --tw-rotate: 180deg;
+  }
+
+  .md\:hover\:-rotate-180:hover {
+    --tw-rotate: -180deg;
+  }
+
+  .md\:hover\:-rotate-90:hover {
+    --tw-rotate: -90deg;
+  }
+
+  .md\:hover\:-rotate-45:hover {
+    --tw-rotate: -45deg;
+  }
+
+  .md\:hover\:-rotate-12:hover {
+    --tw-rotate: -12deg;
+  }
+
+  .md\:hover\:-rotate-6:hover {
+    --tw-rotate: -6deg;
+  }
+
+  .md\:hover\:-rotate-3:hover {
+    --tw-rotate: -3deg;
+  }
+
+  .md\:hover\:-rotate-2:hover {
+    --tw-rotate: -2deg;
+  }
+
+  .md\:hover\:-rotate-1:hover {
+    --tw-rotate: -1deg;
+  }
+
+  .md\:focus\:rotate-0:focus {
+    --tw-rotate: 0deg;
+  }
+
+  .md\:focus\:rotate-1:focus {
+    --tw-rotate: 1deg;
+  }
+
+  .md\:focus\:rotate-2:focus {
+    --tw-rotate: 2deg;
+  }
+
+  .md\:focus\:rotate-3:focus {
+    --tw-rotate: 3deg;
+  }
+
+  .md\:focus\:rotate-6:focus {
+    --tw-rotate: 6deg;
+  }
+
+  .md\:focus\:rotate-12:focus {
+    --tw-rotate: 12deg;
+  }
+
+  .md\:focus\:rotate-45:focus {
+    --tw-rotate: 45deg;
+  }
+
+  .md\:focus\:rotate-90:focus {
+    --tw-rotate: 90deg;
+  }
+
+  .md\:focus\:rotate-180:focus {
+    --tw-rotate: 180deg;
+  }
+
+  .md\:focus\:-rotate-180:focus {
+    --tw-rotate: -180deg;
+  }
+
+  .md\:focus\:-rotate-90:focus {
+    --tw-rotate: -90deg;
+  }
+
+  .md\:focus\:-rotate-45:focus {
+    --tw-rotate: -45deg;
+  }
+
+  .md\:focus\:-rotate-12:focus {
+    --tw-rotate: -12deg;
+  }
+
+  .md\:focus\:-rotate-6:focus {
+    --tw-rotate: -6deg;
+  }
+
+  .md\:focus\:-rotate-3:focus {
+    --tw-rotate: -3deg;
+  }
+
+  .md\:focus\:-rotate-2:focus {
+    --tw-rotate: -2deg;
+  }
+
+  .md\:focus\:-rotate-1:focus {
+    --tw-rotate: -1deg;
+  }
+
+  .md\:translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .md\:translate-x-1 {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .md\:translate-x-2 {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .md\:translate-x-3 {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .md\:translate-x-4 {
+    --tw-translate-x: 1rem;
+  }
+
+  .md\:translate-x-5 {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .md\:translate-x-6 {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .md\:translate-x-7 {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .md\:translate-x-8 {
+    --tw-translate-x: 2rem;
+  }
+
+  .md\:translate-x-9 {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .md\:translate-x-10 {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .md\:translate-x-11 {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .md\:translate-x-12 {
+    --tw-translate-x: 3rem;
+  }
+
+  .md\:translate-x-14 {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .md\:translate-x-16 {
+    --tw-translate-x: 4rem;
+  }
+
+  .md\:translate-x-20 {
+    --tw-translate-x: 5rem;
+  }
+
+  .md\:translate-x-24 {
+    --tw-translate-x: 6rem;
+  }
+
+  .md\:translate-x-28 {
+    --tw-translate-x: 7rem;
+  }
+
+  .md\:translate-x-32 {
+    --tw-translate-x: 8rem;
+  }
+
+  .md\:translate-x-36 {
+    --tw-translate-x: 9rem;
+  }
+
+  .md\:translate-x-40 {
+    --tw-translate-x: 10rem;
+  }
+
+  .md\:translate-x-44 {
+    --tw-translate-x: 11rem;
+  }
+
+  .md\:translate-x-48 {
+    --tw-translate-x: 12rem;
+  }
+
+  .md\:translate-x-52 {
+    --tw-translate-x: 13rem;
+  }
+
+  .md\:translate-x-56 {
+    --tw-translate-x: 14rem;
+  }
+
+  .md\:translate-x-60 {
+    --tw-translate-x: 15rem;
+  }
+
+  .md\:translate-x-64 {
+    --tw-translate-x: 16rem;
+  }
+
+  .md\:translate-x-72 {
+    --tw-translate-x: 18rem;
+  }
+
+  .md\:translate-x-80 {
+    --tw-translate-x: 20rem;
+  }
+
+  .md\:translate-x-96 {
+    --tw-translate-x: 24rem;
+  }
+
+  .md\:translate-x-px {
+    --tw-translate-x: 1px;
+  }
+
+  .md\:translate-x-0\.5 {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .md\:translate-x-1\.5 {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .md\:translate-x-2\.5 {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .md\:translate-x-3\.5 {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .md\:-translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .md\:-translate-x-1 {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .md\:-translate-x-2 {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .md\:-translate-x-3 {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .md\:-translate-x-4 {
+    --tw-translate-x: -1rem;
+  }
+
+  .md\:-translate-x-5 {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .md\:-translate-x-6 {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .md\:-translate-x-7 {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .md\:-translate-x-8 {
+    --tw-translate-x: -2rem;
+  }
+
+  .md\:-translate-x-9 {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .md\:-translate-x-10 {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .md\:-translate-x-11 {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .md\:-translate-x-12 {
+    --tw-translate-x: -3rem;
+  }
+
+  .md\:-translate-x-14 {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .md\:-translate-x-16 {
+    --tw-translate-x: -4rem;
+  }
+
+  .md\:-translate-x-20 {
+    --tw-translate-x: -5rem;
+  }
+
+  .md\:-translate-x-24 {
+    --tw-translate-x: -6rem;
+  }
+
+  .md\:-translate-x-28 {
+    --tw-translate-x: -7rem;
+  }
+
+  .md\:-translate-x-32 {
+    --tw-translate-x: -8rem;
+  }
+
+  .md\:-translate-x-36 {
+    --tw-translate-x: -9rem;
+  }
+
+  .md\:-translate-x-40 {
+    --tw-translate-x: -10rem;
+  }
+
+  .md\:-translate-x-44 {
+    --tw-translate-x: -11rem;
+  }
+
+  .md\:-translate-x-48 {
+    --tw-translate-x: -12rem;
+  }
+
+  .md\:-translate-x-52 {
+    --tw-translate-x: -13rem;
+  }
+
+  .md\:-translate-x-56 {
+    --tw-translate-x: -14rem;
+  }
+
+  .md\:-translate-x-60 {
+    --tw-translate-x: -15rem;
+  }
+
+  .md\:-translate-x-64 {
+    --tw-translate-x: -16rem;
+  }
+
+  .md\:-translate-x-72 {
+    --tw-translate-x: -18rem;
+  }
+
+  .md\:-translate-x-80 {
+    --tw-translate-x: -20rem;
+  }
+
+  .md\:-translate-x-96 {
+    --tw-translate-x: -24rem;
+  }
+
+  .md\:-translate-x-px {
+    --tw-translate-x: -1px;
+  }
+
+  .md\:-translate-x-0\.5 {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .md\:-translate-x-1\.5 {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .md\:-translate-x-2\.5 {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .md\:-translate-x-3\.5 {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .md\:translate-x-1\/2 {
+    --tw-translate-x: 50%;
+  }
+
+  .md\:translate-x-1\/3 {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .md\:translate-x-2\/3 {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .md\:translate-x-1\/4 {
+    --tw-translate-x: 25%;
+  }
+
+  .md\:translate-x-2\/4 {
+    --tw-translate-x: 50%;
+  }
+
+  .md\:translate-x-3\/4 {
+    --tw-translate-x: 75%;
+  }
+
+  .md\:translate-x-full {
+    --tw-translate-x: 100%;
+  }
+
+  .md\:-translate-x-1\/2 {
+    --tw-translate-x: -50%;
+  }
+
+  .md\:-translate-x-1\/3 {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .md\:-translate-x-2\/3 {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .md\:-translate-x-1\/4 {
+    --tw-translate-x: -25%;
+  }
+
+  .md\:-translate-x-2\/4 {
+    --tw-translate-x: -50%;
+  }
+
+  .md\:-translate-x-3\/4 {
+    --tw-translate-x: -75%;
+  }
+
+  .md\:-translate-x-full {
+    --tw-translate-x: -100%;
+  }
+
+  .md\:translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .md\:translate-y-1 {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .md\:translate-y-2 {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .md\:translate-y-3 {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .md\:translate-y-4 {
+    --tw-translate-y: 1rem;
+  }
+
+  .md\:translate-y-5 {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .md\:translate-y-6 {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .md\:translate-y-7 {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .md\:translate-y-8 {
+    --tw-translate-y: 2rem;
+  }
+
+  .md\:translate-y-9 {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .md\:translate-y-10 {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .md\:translate-y-11 {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .md\:translate-y-12 {
+    --tw-translate-y: 3rem;
+  }
+
+  .md\:translate-y-14 {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .md\:translate-y-16 {
+    --tw-translate-y: 4rem;
+  }
+
+  .md\:translate-y-20 {
+    --tw-translate-y: 5rem;
+  }
+
+  .md\:translate-y-24 {
+    --tw-translate-y: 6rem;
+  }
+
+  .md\:translate-y-28 {
+    --tw-translate-y: 7rem;
+  }
+
+  .md\:translate-y-32 {
+    --tw-translate-y: 8rem;
+  }
+
+  .md\:translate-y-36 {
+    --tw-translate-y: 9rem;
+  }
+
+  .md\:translate-y-40 {
+    --tw-translate-y: 10rem;
+  }
+
+  .md\:translate-y-44 {
+    --tw-translate-y: 11rem;
+  }
+
+  .md\:translate-y-48 {
+    --tw-translate-y: 12rem;
+  }
+
+  .md\:translate-y-52 {
+    --tw-translate-y: 13rem;
+  }
+
+  .md\:translate-y-56 {
+    --tw-translate-y: 14rem;
+  }
+
+  .md\:translate-y-60 {
+    --tw-translate-y: 15rem;
+  }
+
+  .md\:translate-y-64 {
+    --tw-translate-y: 16rem;
+  }
+
+  .md\:translate-y-72 {
+    --tw-translate-y: 18rem;
+  }
+
+  .md\:translate-y-80 {
+    --tw-translate-y: 20rem;
+  }
+
+  .md\:translate-y-96 {
+    --tw-translate-y: 24rem;
+  }
+
+  .md\:translate-y-px {
+    --tw-translate-y: 1px;
+  }
+
+  .md\:translate-y-0\.5 {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .md\:translate-y-1\.5 {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .md\:translate-y-2\.5 {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .md\:translate-y-3\.5 {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .md\:-translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .md\:-translate-y-1 {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .md\:-translate-y-2 {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .md\:-translate-y-3 {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .md\:-translate-y-4 {
+    --tw-translate-y: -1rem;
+  }
+
+  .md\:-translate-y-5 {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .md\:-translate-y-6 {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .md\:-translate-y-7 {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .md\:-translate-y-8 {
+    --tw-translate-y: -2rem;
+  }
+
+  .md\:-translate-y-9 {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .md\:-translate-y-10 {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .md\:-translate-y-11 {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .md\:-translate-y-12 {
+    --tw-translate-y: -3rem;
+  }
+
+  .md\:-translate-y-14 {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .md\:-translate-y-16 {
+    --tw-translate-y: -4rem;
+  }
+
+  .md\:-translate-y-20 {
+    --tw-translate-y: -5rem;
+  }
+
+  .md\:-translate-y-24 {
+    --tw-translate-y: -6rem;
+  }
+
+  .md\:-translate-y-28 {
+    --tw-translate-y: -7rem;
+  }
+
+  .md\:-translate-y-32 {
+    --tw-translate-y: -8rem;
+  }
+
+  .md\:-translate-y-36 {
+    --tw-translate-y: -9rem;
+  }
+
+  .md\:-translate-y-40 {
+    --tw-translate-y: -10rem;
+  }
+
+  .md\:-translate-y-44 {
+    --tw-translate-y: -11rem;
+  }
+
+  .md\:-translate-y-48 {
+    --tw-translate-y: -12rem;
+  }
+
+  .md\:-translate-y-52 {
+    --tw-translate-y: -13rem;
+  }
+
+  .md\:-translate-y-56 {
+    --tw-translate-y: -14rem;
+  }
+
+  .md\:-translate-y-60 {
+    --tw-translate-y: -15rem;
+  }
+
+  .md\:-translate-y-64 {
+    --tw-translate-y: -16rem;
+  }
+
+  .md\:-translate-y-72 {
+    --tw-translate-y: -18rem;
+  }
+
+  .md\:-translate-y-80 {
+    --tw-translate-y: -20rem;
+  }
+
+  .md\:-translate-y-96 {
+    --tw-translate-y: -24rem;
+  }
+
+  .md\:-translate-y-px {
+    --tw-translate-y: -1px;
+  }
+
+  .md\:-translate-y-0\.5 {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .md\:-translate-y-1\.5 {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .md\:-translate-y-2\.5 {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .md\:-translate-y-3\.5 {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .md\:translate-y-1\/2 {
+    --tw-translate-y: 50%;
+  }
+
+  .md\:translate-y-1\/3 {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .md\:translate-y-2\/3 {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .md\:translate-y-1\/4 {
+    --tw-translate-y: 25%;
+  }
+
+  .md\:translate-y-2\/4 {
+    --tw-translate-y: 50%;
+  }
+
+  .md\:translate-y-3\/4 {
+    --tw-translate-y: 75%;
+  }
+
+  .md\:translate-y-full {
+    --tw-translate-y: 100%;
+  }
+
+  .md\:-translate-y-1\/2 {
+    --tw-translate-y: -50%;
+  }
+
+  .md\:-translate-y-1\/3 {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .md\:-translate-y-2\/3 {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .md\:-translate-y-1\/4 {
+    --tw-translate-y: -25%;
+  }
+
+  .md\:-translate-y-2\/4 {
+    --tw-translate-y: -50%;
+  }
+
+  .md\:-translate-y-3\/4 {
+    --tw-translate-y: -75%;
+  }
+
+  .md\:-translate-y-full {
+    --tw-translate-y: -100%;
+  }
+
+  .md\:hover\:translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .md\:hover\:translate-x-1:hover {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .md\:hover\:translate-x-2:hover {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .md\:hover\:translate-x-3:hover {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .md\:hover\:translate-x-4:hover {
+    --tw-translate-x: 1rem;
+  }
+
+  .md\:hover\:translate-x-5:hover {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .md\:hover\:translate-x-6:hover {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .md\:hover\:translate-x-7:hover {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .md\:hover\:translate-x-8:hover {
+    --tw-translate-x: 2rem;
+  }
+
+  .md\:hover\:translate-x-9:hover {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .md\:hover\:translate-x-10:hover {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .md\:hover\:translate-x-11:hover {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .md\:hover\:translate-x-12:hover {
+    --tw-translate-x: 3rem;
+  }
+
+  .md\:hover\:translate-x-14:hover {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .md\:hover\:translate-x-16:hover {
+    --tw-translate-x: 4rem;
+  }
+
+  .md\:hover\:translate-x-20:hover {
+    --tw-translate-x: 5rem;
+  }
+
+  .md\:hover\:translate-x-24:hover {
+    --tw-translate-x: 6rem;
+  }
+
+  .md\:hover\:translate-x-28:hover {
+    --tw-translate-x: 7rem;
+  }
+
+  .md\:hover\:translate-x-32:hover {
+    --tw-translate-x: 8rem;
+  }
+
+  .md\:hover\:translate-x-36:hover {
+    --tw-translate-x: 9rem;
+  }
+
+  .md\:hover\:translate-x-40:hover {
+    --tw-translate-x: 10rem;
+  }
+
+  .md\:hover\:translate-x-44:hover {
+    --tw-translate-x: 11rem;
+  }
+
+  .md\:hover\:translate-x-48:hover {
+    --tw-translate-x: 12rem;
+  }
+
+  .md\:hover\:translate-x-52:hover {
+    --tw-translate-x: 13rem;
+  }
+
+  .md\:hover\:translate-x-56:hover {
+    --tw-translate-x: 14rem;
+  }
+
+  .md\:hover\:translate-x-60:hover {
+    --tw-translate-x: 15rem;
+  }
+
+  .md\:hover\:translate-x-64:hover {
+    --tw-translate-x: 16rem;
+  }
+
+  .md\:hover\:translate-x-72:hover {
+    --tw-translate-x: 18rem;
+  }
+
+  .md\:hover\:translate-x-80:hover {
+    --tw-translate-x: 20rem;
+  }
+
+  .md\:hover\:translate-x-96:hover {
+    --tw-translate-x: 24rem;
+  }
+
+  .md\:hover\:translate-x-px:hover {
+    --tw-translate-x: 1px;
+  }
+
+  .md\:hover\:translate-x-0\.5:hover {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .md\:hover\:translate-x-1\.5:hover {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .md\:hover\:translate-x-2\.5:hover {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .md\:hover\:translate-x-3\.5:hover {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .md\:hover\:-translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .md\:hover\:-translate-x-1:hover {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .md\:hover\:-translate-x-2:hover {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .md\:hover\:-translate-x-3:hover {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .md\:hover\:-translate-x-4:hover {
+    --tw-translate-x: -1rem;
+  }
+
+  .md\:hover\:-translate-x-5:hover {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .md\:hover\:-translate-x-6:hover {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .md\:hover\:-translate-x-7:hover {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .md\:hover\:-translate-x-8:hover {
+    --tw-translate-x: -2rem;
+  }
+
+  .md\:hover\:-translate-x-9:hover {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .md\:hover\:-translate-x-10:hover {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .md\:hover\:-translate-x-11:hover {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .md\:hover\:-translate-x-12:hover {
+    --tw-translate-x: -3rem;
+  }
+
+  .md\:hover\:-translate-x-14:hover {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .md\:hover\:-translate-x-16:hover {
+    --tw-translate-x: -4rem;
+  }
+
+  .md\:hover\:-translate-x-20:hover {
+    --tw-translate-x: -5rem;
+  }
+
+  .md\:hover\:-translate-x-24:hover {
+    --tw-translate-x: -6rem;
+  }
+
+  .md\:hover\:-translate-x-28:hover {
+    --tw-translate-x: -7rem;
+  }
+
+  .md\:hover\:-translate-x-32:hover {
+    --tw-translate-x: -8rem;
+  }
+
+  .md\:hover\:-translate-x-36:hover {
+    --tw-translate-x: -9rem;
+  }
+
+  .md\:hover\:-translate-x-40:hover {
+    --tw-translate-x: -10rem;
+  }
+
+  .md\:hover\:-translate-x-44:hover {
+    --tw-translate-x: -11rem;
+  }
+
+  .md\:hover\:-translate-x-48:hover {
+    --tw-translate-x: -12rem;
+  }
+
+  .md\:hover\:-translate-x-52:hover {
+    --tw-translate-x: -13rem;
+  }
+
+  .md\:hover\:-translate-x-56:hover {
+    --tw-translate-x: -14rem;
+  }
+
+  .md\:hover\:-translate-x-60:hover {
+    --tw-translate-x: -15rem;
+  }
+
+  .md\:hover\:-translate-x-64:hover {
+    --tw-translate-x: -16rem;
+  }
+
+  .md\:hover\:-translate-x-72:hover {
+    --tw-translate-x: -18rem;
+  }
+
+  .md\:hover\:-translate-x-80:hover {
+    --tw-translate-x: -20rem;
+  }
+
+  .md\:hover\:-translate-x-96:hover {
+    --tw-translate-x: -24rem;
+  }
+
+  .md\:hover\:-translate-x-px:hover {
+    --tw-translate-x: -1px;
+  }
+
+  .md\:hover\:-translate-x-0\.5:hover {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .md\:hover\:-translate-x-1\.5:hover {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .md\:hover\:-translate-x-2\.5:hover {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .md\:hover\:-translate-x-3\.5:hover {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .md\:hover\:translate-x-1\/2:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .md\:hover\:translate-x-1\/3:hover {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .md\:hover\:translate-x-2\/3:hover {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .md\:hover\:translate-x-1\/4:hover {
+    --tw-translate-x: 25%;
+  }
+
+  .md\:hover\:translate-x-2\/4:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .md\:hover\:translate-x-3\/4:hover {
+    --tw-translate-x: 75%;
+  }
+
+  .md\:hover\:translate-x-full:hover {
+    --tw-translate-x: 100%;
+  }
+
+  .md\:hover\:-translate-x-1\/2:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .md\:hover\:-translate-x-1\/3:hover {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .md\:hover\:-translate-x-2\/3:hover {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .md\:hover\:-translate-x-1\/4:hover {
+    --tw-translate-x: -25%;
+  }
+
+  .md\:hover\:-translate-x-2\/4:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .md\:hover\:-translate-x-3\/4:hover {
+    --tw-translate-x: -75%;
+  }
+
+  .md\:hover\:-translate-x-full:hover {
+    --tw-translate-x: -100%;
+  }
+
+  .md\:hover\:translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .md\:hover\:translate-y-1:hover {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .md\:hover\:translate-y-2:hover {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .md\:hover\:translate-y-3:hover {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .md\:hover\:translate-y-4:hover {
+    --tw-translate-y: 1rem;
+  }
+
+  .md\:hover\:translate-y-5:hover {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .md\:hover\:translate-y-6:hover {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .md\:hover\:translate-y-7:hover {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .md\:hover\:translate-y-8:hover {
+    --tw-translate-y: 2rem;
+  }
+
+  .md\:hover\:translate-y-9:hover {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .md\:hover\:translate-y-10:hover {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .md\:hover\:translate-y-11:hover {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .md\:hover\:translate-y-12:hover {
+    --tw-translate-y: 3rem;
+  }
+
+  .md\:hover\:translate-y-14:hover {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .md\:hover\:translate-y-16:hover {
+    --tw-translate-y: 4rem;
+  }
+
+  .md\:hover\:translate-y-20:hover {
+    --tw-translate-y: 5rem;
+  }
+
+  .md\:hover\:translate-y-24:hover {
+    --tw-translate-y: 6rem;
+  }
+
+  .md\:hover\:translate-y-28:hover {
+    --tw-translate-y: 7rem;
+  }
+
+  .md\:hover\:translate-y-32:hover {
+    --tw-translate-y: 8rem;
+  }
+
+  .md\:hover\:translate-y-36:hover {
+    --tw-translate-y: 9rem;
+  }
+
+  .md\:hover\:translate-y-40:hover {
+    --tw-translate-y: 10rem;
+  }
+
+  .md\:hover\:translate-y-44:hover {
+    --tw-translate-y: 11rem;
+  }
+
+  .md\:hover\:translate-y-48:hover {
+    --tw-translate-y: 12rem;
+  }
+
+  .md\:hover\:translate-y-52:hover {
+    --tw-translate-y: 13rem;
+  }
+
+  .md\:hover\:translate-y-56:hover {
+    --tw-translate-y: 14rem;
+  }
+
+  .md\:hover\:translate-y-60:hover {
+    --tw-translate-y: 15rem;
+  }
+
+  .md\:hover\:translate-y-64:hover {
+    --tw-translate-y: 16rem;
+  }
+
+  .md\:hover\:translate-y-72:hover {
+    --tw-translate-y: 18rem;
+  }
+
+  .md\:hover\:translate-y-80:hover {
+    --tw-translate-y: 20rem;
+  }
+
+  .md\:hover\:translate-y-96:hover {
+    --tw-translate-y: 24rem;
+  }
+
+  .md\:hover\:translate-y-px:hover {
+    --tw-translate-y: 1px;
+  }
+
+  .md\:hover\:translate-y-0\.5:hover {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .md\:hover\:translate-y-1\.5:hover {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .md\:hover\:translate-y-2\.5:hover {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .md\:hover\:translate-y-3\.5:hover {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .md\:hover\:-translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .md\:hover\:-translate-y-1:hover {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .md\:hover\:-translate-y-2:hover {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .md\:hover\:-translate-y-3:hover {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .md\:hover\:-translate-y-4:hover {
+    --tw-translate-y: -1rem;
+  }
+
+  .md\:hover\:-translate-y-5:hover {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .md\:hover\:-translate-y-6:hover {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .md\:hover\:-translate-y-7:hover {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .md\:hover\:-translate-y-8:hover {
+    --tw-translate-y: -2rem;
+  }
+
+  .md\:hover\:-translate-y-9:hover {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .md\:hover\:-translate-y-10:hover {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .md\:hover\:-translate-y-11:hover {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .md\:hover\:-translate-y-12:hover {
+    --tw-translate-y: -3rem;
+  }
+
+  .md\:hover\:-translate-y-14:hover {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .md\:hover\:-translate-y-16:hover {
+    --tw-translate-y: -4rem;
+  }
+
+  .md\:hover\:-translate-y-20:hover {
+    --tw-translate-y: -5rem;
+  }
+
+  .md\:hover\:-translate-y-24:hover {
+    --tw-translate-y: -6rem;
+  }
+
+  .md\:hover\:-translate-y-28:hover {
+    --tw-translate-y: -7rem;
+  }
+
+  .md\:hover\:-translate-y-32:hover {
+    --tw-translate-y: -8rem;
+  }
+
+  .md\:hover\:-translate-y-36:hover {
+    --tw-translate-y: -9rem;
+  }
+
+  .md\:hover\:-translate-y-40:hover {
+    --tw-translate-y: -10rem;
+  }
+
+  .md\:hover\:-translate-y-44:hover {
+    --tw-translate-y: -11rem;
+  }
+
+  .md\:hover\:-translate-y-48:hover {
+    --tw-translate-y: -12rem;
+  }
+
+  .md\:hover\:-translate-y-52:hover {
+    --tw-translate-y: -13rem;
+  }
+
+  .md\:hover\:-translate-y-56:hover {
+    --tw-translate-y: -14rem;
+  }
+
+  .md\:hover\:-translate-y-60:hover {
+    --tw-translate-y: -15rem;
+  }
+
+  .md\:hover\:-translate-y-64:hover {
+    --tw-translate-y: -16rem;
+  }
+
+  .md\:hover\:-translate-y-72:hover {
+    --tw-translate-y: -18rem;
+  }
+
+  .md\:hover\:-translate-y-80:hover {
+    --tw-translate-y: -20rem;
+  }
+
+  .md\:hover\:-translate-y-96:hover {
+    --tw-translate-y: -24rem;
+  }
+
+  .md\:hover\:-translate-y-px:hover {
+    --tw-translate-y: -1px;
+  }
+
+  .md\:hover\:-translate-y-0\.5:hover {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .md\:hover\:-translate-y-1\.5:hover {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .md\:hover\:-translate-y-2\.5:hover {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .md\:hover\:-translate-y-3\.5:hover {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .md\:hover\:translate-y-1\/2:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .md\:hover\:translate-y-1\/3:hover {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .md\:hover\:translate-y-2\/3:hover {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .md\:hover\:translate-y-1\/4:hover {
+    --tw-translate-y: 25%;
+  }
+
+  .md\:hover\:translate-y-2\/4:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .md\:hover\:translate-y-3\/4:hover {
+    --tw-translate-y: 75%;
+  }
+
+  .md\:hover\:translate-y-full:hover {
+    --tw-translate-y: 100%;
+  }
+
+  .md\:hover\:-translate-y-1\/2:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .md\:hover\:-translate-y-1\/3:hover {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .md\:hover\:-translate-y-2\/3:hover {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .md\:hover\:-translate-y-1\/4:hover {
+    --tw-translate-y: -25%;
+  }
+
+  .md\:hover\:-translate-y-2\/4:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .md\:hover\:-translate-y-3\/4:hover {
+    --tw-translate-y: -75%;
+  }
+
+  .md\:hover\:-translate-y-full:hover {
+    --tw-translate-y: -100%;
+  }
+
+  .md\:focus\:translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .md\:focus\:translate-x-1:focus {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .md\:focus\:translate-x-2:focus {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .md\:focus\:translate-x-3:focus {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .md\:focus\:translate-x-4:focus {
+    --tw-translate-x: 1rem;
+  }
+
+  .md\:focus\:translate-x-5:focus {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .md\:focus\:translate-x-6:focus {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .md\:focus\:translate-x-7:focus {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .md\:focus\:translate-x-8:focus {
+    --tw-translate-x: 2rem;
+  }
+
+  .md\:focus\:translate-x-9:focus {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .md\:focus\:translate-x-10:focus {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .md\:focus\:translate-x-11:focus {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .md\:focus\:translate-x-12:focus {
+    --tw-translate-x: 3rem;
+  }
+
+  .md\:focus\:translate-x-14:focus {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .md\:focus\:translate-x-16:focus {
+    --tw-translate-x: 4rem;
+  }
+
+  .md\:focus\:translate-x-20:focus {
+    --tw-translate-x: 5rem;
+  }
+
+  .md\:focus\:translate-x-24:focus {
+    --tw-translate-x: 6rem;
+  }
+
+  .md\:focus\:translate-x-28:focus {
+    --tw-translate-x: 7rem;
+  }
+
+  .md\:focus\:translate-x-32:focus {
+    --tw-translate-x: 8rem;
+  }
+
+  .md\:focus\:translate-x-36:focus {
+    --tw-translate-x: 9rem;
+  }
+
+  .md\:focus\:translate-x-40:focus {
+    --tw-translate-x: 10rem;
+  }
+
+  .md\:focus\:translate-x-44:focus {
+    --tw-translate-x: 11rem;
+  }
+
+  .md\:focus\:translate-x-48:focus {
+    --tw-translate-x: 12rem;
+  }
+
+  .md\:focus\:translate-x-52:focus {
+    --tw-translate-x: 13rem;
+  }
+
+  .md\:focus\:translate-x-56:focus {
+    --tw-translate-x: 14rem;
+  }
+
+  .md\:focus\:translate-x-60:focus {
+    --tw-translate-x: 15rem;
+  }
+
+  .md\:focus\:translate-x-64:focus {
+    --tw-translate-x: 16rem;
+  }
+
+  .md\:focus\:translate-x-72:focus {
+    --tw-translate-x: 18rem;
+  }
+
+  .md\:focus\:translate-x-80:focus {
+    --tw-translate-x: 20rem;
+  }
+
+  .md\:focus\:translate-x-96:focus {
+    --tw-translate-x: 24rem;
+  }
+
+  .md\:focus\:translate-x-px:focus {
+    --tw-translate-x: 1px;
+  }
+
+  .md\:focus\:translate-x-0\.5:focus {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .md\:focus\:translate-x-1\.5:focus {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .md\:focus\:translate-x-2\.5:focus {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .md\:focus\:translate-x-3\.5:focus {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .md\:focus\:-translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .md\:focus\:-translate-x-1:focus {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .md\:focus\:-translate-x-2:focus {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .md\:focus\:-translate-x-3:focus {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .md\:focus\:-translate-x-4:focus {
+    --tw-translate-x: -1rem;
+  }
+
+  .md\:focus\:-translate-x-5:focus {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .md\:focus\:-translate-x-6:focus {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .md\:focus\:-translate-x-7:focus {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .md\:focus\:-translate-x-8:focus {
+    --tw-translate-x: -2rem;
+  }
+
+  .md\:focus\:-translate-x-9:focus {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .md\:focus\:-translate-x-10:focus {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .md\:focus\:-translate-x-11:focus {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .md\:focus\:-translate-x-12:focus {
+    --tw-translate-x: -3rem;
+  }
+
+  .md\:focus\:-translate-x-14:focus {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .md\:focus\:-translate-x-16:focus {
+    --tw-translate-x: -4rem;
+  }
+
+  .md\:focus\:-translate-x-20:focus {
+    --tw-translate-x: -5rem;
+  }
+
+  .md\:focus\:-translate-x-24:focus {
+    --tw-translate-x: -6rem;
+  }
+
+  .md\:focus\:-translate-x-28:focus {
+    --tw-translate-x: -7rem;
+  }
+
+  .md\:focus\:-translate-x-32:focus {
+    --tw-translate-x: -8rem;
+  }
+
+  .md\:focus\:-translate-x-36:focus {
+    --tw-translate-x: -9rem;
+  }
+
+  .md\:focus\:-translate-x-40:focus {
+    --tw-translate-x: -10rem;
+  }
+
+  .md\:focus\:-translate-x-44:focus {
+    --tw-translate-x: -11rem;
+  }
+
+  .md\:focus\:-translate-x-48:focus {
+    --tw-translate-x: -12rem;
+  }
+
+  .md\:focus\:-translate-x-52:focus {
+    --tw-translate-x: -13rem;
+  }
+
+  .md\:focus\:-translate-x-56:focus {
+    --tw-translate-x: -14rem;
+  }
+
+  .md\:focus\:-translate-x-60:focus {
+    --tw-translate-x: -15rem;
+  }
+
+  .md\:focus\:-translate-x-64:focus {
+    --tw-translate-x: -16rem;
+  }
+
+  .md\:focus\:-translate-x-72:focus {
+    --tw-translate-x: -18rem;
+  }
+
+  .md\:focus\:-translate-x-80:focus {
+    --tw-translate-x: -20rem;
+  }
+
+  .md\:focus\:-translate-x-96:focus {
+    --tw-translate-x: -24rem;
+  }
+
+  .md\:focus\:-translate-x-px:focus {
+    --tw-translate-x: -1px;
+  }
+
+  .md\:focus\:-translate-x-0\.5:focus {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .md\:focus\:-translate-x-1\.5:focus {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .md\:focus\:-translate-x-2\.5:focus {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .md\:focus\:-translate-x-3\.5:focus {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .md\:focus\:translate-x-1\/2:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .md\:focus\:translate-x-1\/3:focus {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .md\:focus\:translate-x-2\/3:focus {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .md\:focus\:translate-x-1\/4:focus {
+    --tw-translate-x: 25%;
+  }
+
+  .md\:focus\:translate-x-2\/4:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .md\:focus\:translate-x-3\/4:focus {
+    --tw-translate-x: 75%;
+  }
+
+  .md\:focus\:translate-x-full:focus {
+    --tw-translate-x: 100%;
+  }
+
+  .md\:focus\:-translate-x-1\/2:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .md\:focus\:-translate-x-1\/3:focus {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .md\:focus\:-translate-x-2\/3:focus {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .md\:focus\:-translate-x-1\/4:focus {
+    --tw-translate-x: -25%;
+  }
+
+  .md\:focus\:-translate-x-2\/4:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .md\:focus\:-translate-x-3\/4:focus {
+    --tw-translate-x: -75%;
+  }
+
+  .md\:focus\:-translate-x-full:focus {
+    --tw-translate-x: -100%;
+  }
+
+  .md\:focus\:translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .md\:focus\:translate-y-1:focus {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .md\:focus\:translate-y-2:focus {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .md\:focus\:translate-y-3:focus {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .md\:focus\:translate-y-4:focus {
+    --tw-translate-y: 1rem;
+  }
+
+  .md\:focus\:translate-y-5:focus {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .md\:focus\:translate-y-6:focus {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .md\:focus\:translate-y-7:focus {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .md\:focus\:translate-y-8:focus {
+    --tw-translate-y: 2rem;
+  }
+
+  .md\:focus\:translate-y-9:focus {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .md\:focus\:translate-y-10:focus {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .md\:focus\:translate-y-11:focus {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .md\:focus\:translate-y-12:focus {
+    --tw-translate-y: 3rem;
+  }
+
+  .md\:focus\:translate-y-14:focus {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .md\:focus\:translate-y-16:focus {
+    --tw-translate-y: 4rem;
+  }
+
+  .md\:focus\:translate-y-20:focus {
+    --tw-translate-y: 5rem;
+  }
+
+  .md\:focus\:translate-y-24:focus {
+    --tw-translate-y: 6rem;
+  }
+
+  .md\:focus\:translate-y-28:focus {
+    --tw-translate-y: 7rem;
+  }
+
+  .md\:focus\:translate-y-32:focus {
+    --tw-translate-y: 8rem;
+  }
+
+  .md\:focus\:translate-y-36:focus {
+    --tw-translate-y: 9rem;
+  }
+
+  .md\:focus\:translate-y-40:focus {
+    --tw-translate-y: 10rem;
+  }
+
+  .md\:focus\:translate-y-44:focus {
+    --tw-translate-y: 11rem;
+  }
+
+  .md\:focus\:translate-y-48:focus {
+    --tw-translate-y: 12rem;
+  }
+
+  .md\:focus\:translate-y-52:focus {
+    --tw-translate-y: 13rem;
+  }
+
+  .md\:focus\:translate-y-56:focus {
+    --tw-translate-y: 14rem;
+  }
+
+  .md\:focus\:translate-y-60:focus {
+    --tw-translate-y: 15rem;
+  }
+
+  .md\:focus\:translate-y-64:focus {
+    --tw-translate-y: 16rem;
+  }
+
+  .md\:focus\:translate-y-72:focus {
+    --tw-translate-y: 18rem;
+  }
+
+  .md\:focus\:translate-y-80:focus {
+    --tw-translate-y: 20rem;
+  }
+
+  .md\:focus\:translate-y-96:focus {
+    --tw-translate-y: 24rem;
+  }
+
+  .md\:focus\:translate-y-px:focus {
+    --tw-translate-y: 1px;
+  }
+
+  .md\:focus\:translate-y-0\.5:focus {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .md\:focus\:translate-y-1\.5:focus {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .md\:focus\:translate-y-2\.5:focus {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .md\:focus\:translate-y-3\.5:focus {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .md\:focus\:-translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .md\:focus\:-translate-y-1:focus {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .md\:focus\:-translate-y-2:focus {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .md\:focus\:-translate-y-3:focus {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .md\:focus\:-translate-y-4:focus {
+    --tw-translate-y: -1rem;
+  }
+
+  .md\:focus\:-translate-y-5:focus {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .md\:focus\:-translate-y-6:focus {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .md\:focus\:-translate-y-7:focus {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .md\:focus\:-translate-y-8:focus {
+    --tw-translate-y: -2rem;
+  }
+
+  .md\:focus\:-translate-y-9:focus {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .md\:focus\:-translate-y-10:focus {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .md\:focus\:-translate-y-11:focus {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .md\:focus\:-translate-y-12:focus {
+    --tw-translate-y: -3rem;
+  }
+
+  .md\:focus\:-translate-y-14:focus {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .md\:focus\:-translate-y-16:focus {
+    --tw-translate-y: -4rem;
+  }
+
+  .md\:focus\:-translate-y-20:focus {
+    --tw-translate-y: -5rem;
+  }
+
+  .md\:focus\:-translate-y-24:focus {
+    --tw-translate-y: -6rem;
+  }
+
+  .md\:focus\:-translate-y-28:focus {
+    --tw-translate-y: -7rem;
+  }
+
+  .md\:focus\:-translate-y-32:focus {
+    --tw-translate-y: -8rem;
+  }
+
+  .md\:focus\:-translate-y-36:focus {
+    --tw-translate-y: -9rem;
+  }
+
+  .md\:focus\:-translate-y-40:focus {
+    --tw-translate-y: -10rem;
+  }
+
+  .md\:focus\:-translate-y-44:focus {
+    --tw-translate-y: -11rem;
+  }
+
+  .md\:focus\:-translate-y-48:focus {
+    --tw-translate-y: -12rem;
+  }
+
+  .md\:focus\:-translate-y-52:focus {
+    --tw-translate-y: -13rem;
+  }
+
+  .md\:focus\:-translate-y-56:focus {
+    --tw-translate-y: -14rem;
+  }
+
+  .md\:focus\:-translate-y-60:focus {
+    --tw-translate-y: -15rem;
+  }
+
+  .md\:focus\:-translate-y-64:focus {
+    --tw-translate-y: -16rem;
+  }
+
+  .md\:focus\:-translate-y-72:focus {
+    --tw-translate-y: -18rem;
+  }
+
+  .md\:focus\:-translate-y-80:focus {
+    --tw-translate-y: -20rem;
+  }
+
+  .md\:focus\:-translate-y-96:focus {
+    --tw-translate-y: -24rem;
+  }
+
+  .md\:focus\:-translate-y-px:focus {
+    --tw-translate-y: -1px;
+  }
+
+  .md\:focus\:-translate-y-0\.5:focus {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .md\:focus\:-translate-y-1\.5:focus {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .md\:focus\:-translate-y-2\.5:focus {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .md\:focus\:-translate-y-3\.5:focus {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .md\:focus\:translate-y-1\/2:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .md\:focus\:translate-y-1\/3:focus {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .md\:focus\:translate-y-2\/3:focus {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .md\:focus\:translate-y-1\/4:focus {
+    --tw-translate-y: 25%;
+  }
+
+  .md\:focus\:translate-y-2\/4:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .md\:focus\:translate-y-3\/4:focus {
+    --tw-translate-y: 75%;
+  }
+
+  .md\:focus\:translate-y-full:focus {
+    --tw-translate-y: 100%;
+  }
+
+  .md\:focus\:-translate-y-1\/2:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .md\:focus\:-translate-y-1\/3:focus {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .md\:focus\:-translate-y-2\/3:focus {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .md\:focus\:-translate-y-1\/4:focus {
+    --tw-translate-y: -25%;
+  }
+
+  .md\:focus\:-translate-y-2\/4:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .md\:focus\:-translate-y-3\/4:focus {
+    --tw-translate-y: -75%;
+  }
+
+  .md\:focus\:-translate-y-full:focus {
+    --tw-translate-y: -100%;
+  }
+
+  .md\:skew-x-0 {
+    --tw-skew-x: 0deg;
+  }
+
+  .md\:skew-x-1 {
+    --tw-skew-x: 1deg;
+  }
+
+  .md\:skew-x-2 {
+    --tw-skew-x: 2deg;
+  }
+
+  .md\:skew-x-3 {
+    --tw-skew-x: 3deg;
+  }
+
+  .md\:skew-x-6 {
+    --tw-skew-x: 6deg;
+  }
+
+  .md\:skew-x-12 {
+    --tw-skew-x: 12deg;
+  }
+
+  .md\:-skew-x-12 {
+    --tw-skew-x: -12deg;
+  }
+
+  .md\:-skew-x-6 {
+    --tw-skew-x: -6deg;
+  }
+
+  .md\:-skew-x-3 {
+    --tw-skew-x: -3deg;
+  }
+
+  .md\:-skew-x-2 {
+    --tw-skew-x: -2deg;
+  }
+
+  .md\:-skew-x-1 {
+    --tw-skew-x: -1deg;
+  }
+
+  .md\:skew-y-0 {
+    --tw-skew-y: 0deg;
+  }
+
+  .md\:skew-y-1 {
+    --tw-skew-y: 1deg;
+  }
+
+  .md\:skew-y-2 {
+    --tw-skew-y: 2deg;
+  }
+
+  .md\:skew-y-3 {
+    --tw-skew-y: 3deg;
+  }
+
+  .md\:skew-y-6 {
+    --tw-skew-y: 6deg;
+  }
+
+  .md\:skew-y-12 {
+    --tw-skew-y: 12deg;
+  }
+
+  .md\:-skew-y-12 {
+    --tw-skew-y: -12deg;
+  }
+
+  .md\:-skew-y-6 {
+    --tw-skew-y: -6deg;
+  }
+
+  .md\:-skew-y-3 {
+    --tw-skew-y: -3deg;
+  }
+
+  .md\:-skew-y-2 {
+    --tw-skew-y: -2deg;
+  }
+
+  .md\:-skew-y-1 {
+    --tw-skew-y: -1deg;
+  }
+
+  .md\:hover\:skew-x-0:hover {
+    --tw-skew-x: 0deg;
+  }
+
+  .md\:hover\:skew-x-1:hover {
+    --tw-skew-x: 1deg;
+  }
+
+  .md\:hover\:skew-x-2:hover {
+    --tw-skew-x: 2deg;
+  }
+
+  .md\:hover\:skew-x-3:hover {
+    --tw-skew-x: 3deg;
+  }
+
+  .md\:hover\:skew-x-6:hover {
+    --tw-skew-x: 6deg;
+  }
+
+  .md\:hover\:skew-x-12:hover {
+    --tw-skew-x: 12deg;
+  }
+
+  .md\:hover\:-skew-x-12:hover {
+    --tw-skew-x: -12deg;
+  }
+
+  .md\:hover\:-skew-x-6:hover {
+    --tw-skew-x: -6deg;
+  }
+
+  .md\:hover\:-skew-x-3:hover {
+    --tw-skew-x: -3deg;
+  }
+
+  .md\:hover\:-skew-x-2:hover {
+    --tw-skew-x: -2deg;
+  }
+
+  .md\:hover\:-skew-x-1:hover {
+    --tw-skew-x: -1deg;
+  }
+
+  .md\:hover\:skew-y-0:hover {
+    --tw-skew-y: 0deg;
+  }
+
+  .md\:hover\:skew-y-1:hover {
+    --tw-skew-y: 1deg;
+  }
+
+  .md\:hover\:skew-y-2:hover {
+    --tw-skew-y: 2deg;
+  }
+
+  .md\:hover\:skew-y-3:hover {
+    --tw-skew-y: 3deg;
+  }
+
+  .md\:hover\:skew-y-6:hover {
+    --tw-skew-y: 6deg;
+  }
+
+  .md\:hover\:skew-y-12:hover {
+    --tw-skew-y: 12deg;
+  }
+
+  .md\:hover\:-skew-y-12:hover {
+    --tw-skew-y: -12deg;
+  }
+
+  .md\:hover\:-skew-y-6:hover {
+    --tw-skew-y: -6deg;
+  }
+
+  .md\:hover\:-skew-y-3:hover {
+    --tw-skew-y: -3deg;
+  }
+
+  .md\:hover\:-skew-y-2:hover {
+    --tw-skew-y: -2deg;
+  }
+
+  .md\:hover\:-skew-y-1:hover {
+    --tw-skew-y: -1deg;
+  }
+
+  .md\:focus\:skew-x-0:focus {
+    --tw-skew-x: 0deg;
+  }
+
+  .md\:focus\:skew-x-1:focus {
+    --tw-skew-x: 1deg;
+  }
+
+  .md\:focus\:skew-x-2:focus {
+    --tw-skew-x: 2deg;
+  }
+
+  .md\:focus\:skew-x-3:focus {
+    --tw-skew-x: 3deg;
+  }
+
+  .md\:focus\:skew-x-6:focus {
+    --tw-skew-x: 6deg;
+  }
+
+  .md\:focus\:skew-x-12:focus {
+    --tw-skew-x: 12deg;
+  }
+
+  .md\:focus\:-skew-x-12:focus {
+    --tw-skew-x: -12deg;
+  }
+
+  .md\:focus\:-skew-x-6:focus {
+    --tw-skew-x: -6deg;
+  }
+
+  .md\:focus\:-skew-x-3:focus {
+    --tw-skew-x: -3deg;
+  }
+
+  .md\:focus\:-skew-x-2:focus {
+    --tw-skew-x: -2deg;
+  }
+
+  .md\:focus\:-skew-x-1:focus {
+    --tw-skew-x: -1deg;
+  }
+
+  .md\:focus\:skew-y-0:focus {
+    --tw-skew-y: 0deg;
+  }
+
+  .md\:focus\:skew-y-1:focus {
+    --tw-skew-y: 1deg;
+  }
+
+  .md\:focus\:skew-y-2:focus {
+    --tw-skew-y: 2deg;
+  }
+
+  .md\:focus\:skew-y-3:focus {
+    --tw-skew-y: 3deg;
+  }
+
+  .md\:focus\:skew-y-6:focus {
+    --tw-skew-y: 6deg;
+  }
+
+  .md\:focus\:skew-y-12:focus {
+    --tw-skew-y: 12deg;
+  }
+
+  .md\:focus\:-skew-y-12:focus {
+    --tw-skew-y: -12deg;
+  }
+
+  .md\:focus\:-skew-y-6:focus {
+    --tw-skew-y: -6deg;
+  }
+
+  .md\:focus\:-skew-y-3:focus {
+    --tw-skew-y: -3deg;
+  }
+
+  .md\:focus\:-skew-y-2:focus {
+    --tw-skew-y: -2deg;
+  }
+
+  .md\:focus\:-skew-y-1:focus {
+    --tw-skew-y: -1deg;
+  }
+
+  .md\:transition-none {
+    transition-property: none;
+  }
+
+  .md\:transition-all {
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .md\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .md\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .md\:transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .md\:transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .md\:transition-transform {
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .md\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .md\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .md\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .md\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .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\:animate-none {
+    animation: none;
+  }
+
+  .md\:animate-spin {
+    animation: spin 1s linear infinite;
+  }
+
+  .md\:animate-ping {
+    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .md\:animate-pulse {
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .md\:animate-bounce {
+    animation: bounce 1s infinite;
+  }
+}
+
+@media (min-width: 1024px) {
+  .lg\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .lg\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .lg\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .lg\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .lg\:container {
+      max-width: 1280px;
+    }
+  }
+
+  @media (min-width: 1536px) {
+    .lg\:container {
+      max-width: 1536px;
+    }
+  }
+
+  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1rem * var(--tw-space-x-reverse));
+    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2rem * var(--tw-space-x-reverse));
+    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3rem * var(--tw-space-x-reverse));
+    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(4rem * var(--tw-space-x-reverse));
+    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(5rem * var(--tw-space-x-reverse));
+    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(6rem * var(--tw-space-x-reverse));
+    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(7rem * var(--tw-space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(8rem * var(--tw-space-x-reverse));
+    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(9rem * var(--tw-space-x-reverse));
+    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(10rem * var(--tw-space-x-reverse));
+    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(11rem * var(--tw-space-x-reverse));
+    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(12rem * var(--tw-space-x-reverse));
+    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(13rem * var(--tw-space-x-reverse));
+    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(14rem * var(--tw-space-x-reverse));
+    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(15rem * var(--tw-space-x-reverse));
+    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(16rem * var(--tw-space-x-reverse));
+    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(18rem * var(--tw-space-x-reverse));
+    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(20rem * var(--tw-space-x-reverse));
+    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(24rem * var(--tw-space-x-reverse));
+    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1px * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1px * var(--tw-space-x-reverse));
+    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-4rem * var(--tw-space-x-reverse));
+    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-6rem * var(--tw-space-x-reverse));
+    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-7rem * var(--tw-space-x-reverse));
+    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-8rem * var(--tw-space-x-reverse));
+    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-9rem * var(--tw-space-x-reverse));
+    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-10rem * var(--tw-space-x-reverse));
+    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--tw-space-x-reverse));
+    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-12rem * var(--tw-space-x-reverse));
+    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-13rem * var(--tw-space-x-reverse));
+    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-14rem * var(--tw-space-x-reverse));
+    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-15rem * var(--tw-space-x-reverse));
+    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-16rem * var(--tw-space-x-reverse));
+    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-18rem * var(--tw-space-x-reverse));
+    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-20rem * var(--tw-space-x-reverse));
+    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-24rem * var(--tw-space-x-reverse));
+    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1px * var(--tw-space-x-reverse));
+    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .lg\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 1;
+  }
+
+  .lg\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 1;
+  }
+
+  .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+  }
+
+  .lg\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(0px * var(--tw-divide-x-reverse));
+    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .lg\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
+  }
+
+  .lg\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(2px * var(--tw-divide-x-reverse));
+    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .lg\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
+  }
+
+  .lg\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(4px * var(--tw-divide-x-reverse));
+    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .lg\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
+  }
+
+  .lg\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(8px * var(--tw-divide-x-reverse));
+    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .lg\:divide-y > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+  }
+
+  .lg\:divide-x > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .lg\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 1;
+  }
+
+  .lg\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 1;
+  }
+
+  .lg\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+    border-color: transparent;
+  }
+
+  .lg\:divide-current > :not([hidden]) ~ :not([hidden]) {
+    border-color: currentColor;
+  }
+
+  .lg\:divide-black > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-white > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-solid > :not([hidden]) ~ :not([hidden]) {
+    border-style: solid;
+  }
+
+  .lg\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
+    border-style: dashed;
+  }
+
+  .lg\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
+    border-style: dotted;
+  }
+
+  .lg\:divide-double > :not([hidden]) ~ :not([hidden]) {
+    border-style: double;
+  }
+
+  .lg\:divide-none > :not([hidden]) ~ :not([hidden]) {
+    border-style: none;
+  }
+
+  .lg\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0;
+  }
+
+  .lg\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.05;
+  }
+
+  .lg\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.1;
+  }
+
+  .lg\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.2;
+  }
+
+  .lg\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.25;
+  }
+
+  .lg\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.3;
+  }
+
+  .lg\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.4;
+  }
+
+  .lg\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.5;
+  }
+
+  .lg\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.6;
+  }
+
+  .lg\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.7;
+  }
+
+  .lg\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.75;
+  }
+
+  .lg\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.8;
+  }
+
+  .lg\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.9;
+  }
+
+  .lg\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.95;
+  }
+
+  .lg\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+  }
+
+  .lg\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .lg\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .lg\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .lg\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .lg\:focus\:sr-only:focus {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .lg\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .lg\:appearance-none {
+    -webkit-appearance: none;
+            appearance: none;
+  }
+
+  .lg\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .lg\:bg-local {
+    background-attachment: local;
+  }
+
+  .lg\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .lg\:bg-clip-border {
+    background-clip: border-box;
+  }
+
+  .lg\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .lg\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .lg\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .lg\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .lg\:bg-current {
+    background-color: currentColor;
+  }
+
+  .lg\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:hover .lg\:group-hover\:bg-current {
+    background-color: currentColor;
+  }
+
+  .group:hover .lg\:group-hover\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .lg\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .lg\:focus-within\:bg-black:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-white:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-gray-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-red-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-yellow-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-green-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-blue-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-indigo-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-purple-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-pink-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .lg\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .lg\:hover\:bg-black:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-gray-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-red-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-yellow-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-green-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-blue-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-indigo-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-purple-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-pink-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .lg\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .lg\:focus\:bg-black:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-white:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-gray-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-red-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-yellow-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-green-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-blue-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-indigo-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-purple-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-pink-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-none {
+    background-image: none;
+  }
+
+  .lg\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--tw-gradient-stops));
+  }
+
+  .lg\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
+  }
+
+  .lg\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--tw-gradient-stops));
+  }
+
+  .lg\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+  }
+
+  .lg\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+  }
+
+  .lg\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
+  }
+
+  .lg\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--tw-gradient-stops));
+  }
+
+  .lg\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
+  }
+
+  .lg\:from-transparent {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:from-current {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:from-black {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:from-white {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:from-gray-50 {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:from-gray-100 {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .lg\:from-gray-200 {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:from-gray-300 {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .lg\:from-gray-400 {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .lg\:from-gray-500 {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:from-gray-600 {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:from-gray-700 {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:from-gray-800 {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .lg\:from-gray-900 {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .lg\:from-red-50 {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .lg\:from-red-100 {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .lg\:from-red-200 {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .lg\:from-red-300 {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .lg\:from-red-400 {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .lg\:from-red-500 {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .lg\:from-red-600 {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .lg\:from-red-700 {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .lg\:from-red-800 {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .lg\:from-red-900 {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .lg\:from-yellow-50 {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .lg\:from-yellow-100 {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .lg\:from-yellow-200 {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .lg\:from-yellow-300 {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .lg\:from-yellow-400 {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .lg\:from-yellow-500 {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .lg\:from-yellow-600 {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .lg\:from-yellow-700 {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .lg\:from-yellow-800 {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .lg\:from-yellow-900 {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .lg\:from-green-50 {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .lg\:from-green-100 {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .lg\:from-green-200 {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .lg\:from-green-300 {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .lg\:from-green-400 {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .lg\:from-green-500 {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .lg\:from-green-600 {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .lg\:from-green-700 {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .lg\:from-green-800 {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .lg\:from-green-900 {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .lg\:from-blue-50 {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .lg\:from-blue-100 {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .lg\:from-blue-200 {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .lg\:from-blue-300 {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .lg\:from-blue-400 {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .lg\:from-blue-500 {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .lg\:from-blue-600 {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .lg\:from-blue-700 {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .lg\:from-blue-800 {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .lg\:from-blue-900 {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .lg\:from-indigo-50 {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .lg\:from-indigo-100 {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .lg\:from-indigo-200 {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .lg\:from-indigo-300 {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .lg\:from-indigo-400 {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .lg\:from-indigo-500 {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .lg\:from-indigo-600 {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .lg\:from-indigo-700 {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .lg\:from-indigo-800 {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .lg\:from-indigo-900 {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .lg\:from-purple-50 {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .lg\:from-purple-100 {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .lg\:from-purple-200 {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .lg\:from-purple-300 {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .lg\:from-purple-400 {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .lg\:from-purple-500 {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .lg\:from-purple-600 {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .lg\:from-purple-700 {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .lg\:from-purple-800 {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .lg\:from-purple-900 {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .lg\:from-pink-50 {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:from-pink-100 {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .lg\:from-pink-200 {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .lg\:from-pink-300 {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .lg\:from-pink-400 {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .lg\:from-pink-500 {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .lg\:from-pink-600 {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .lg\:from-pink-700 {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .lg\:from-pink-800 {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .lg\:from-pink-900 {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .lg\:via-transparent {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:via-current {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:via-black {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:via-white {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:via-gray-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .lg\:via-gray-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:via-gray-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .lg\:via-gray-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .lg\:via-gray-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:via-gray-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:via-gray-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:via-gray-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .lg\:via-gray-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .lg\:via-red-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .lg\:via-red-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .lg\:via-red-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .lg\:via-red-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .lg\:via-red-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .lg\:via-red-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .lg\:via-red-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .lg\:via-red-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .lg\:via-red-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .lg\:via-red-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .lg\:via-yellow-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .lg\:via-yellow-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .lg\:via-yellow-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .lg\:via-yellow-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .lg\:via-yellow-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .lg\:via-yellow-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .lg\:via-yellow-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .lg\:via-yellow-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .lg\:via-yellow-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .lg\:via-yellow-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .lg\:via-green-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .lg\:via-green-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .lg\:via-green-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .lg\:via-green-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .lg\:via-green-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .lg\:via-green-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .lg\:via-green-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .lg\:via-green-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .lg\:via-green-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .lg\:via-green-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .lg\:via-blue-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .lg\:via-blue-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .lg\:via-blue-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .lg\:via-blue-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .lg\:via-blue-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .lg\:via-blue-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .lg\:via-blue-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .lg\:via-blue-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .lg\:via-blue-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .lg\:via-blue-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .lg\:via-indigo-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .lg\:via-indigo-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .lg\:via-indigo-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .lg\:via-indigo-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .lg\:via-indigo-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .lg\:via-indigo-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .lg\:via-indigo-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .lg\:via-indigo-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .lg\:via-indigo-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .lg\:via-indigo-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .lg\:via-purple-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .lg\:via-purple-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .lg\:via-purple-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .lg\:via-purple-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .lg\:via-purple-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .lg\:via-purple-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .lg\:via-purple-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .lg\:via-purple-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .lg\:via-purple-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .lg\:via-purple-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .lg\:via-pink-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:via-pink-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .lg\:via-pink-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .lg\:via-pink-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .lg\:via-pink-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .lg\:via-pink-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .lg\:via-pink-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .lg\:via-pink-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .lg\:via-pink-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .lg\:via-pink-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .lg\:to-transparent {
+    --tw-gradient-to: transparent;
+  }
+
+  .lg\:to-current {
+    --tw-gradient-to: currentColor;
+  }
+
+  .lg\:to-black {
+    --tw-gradient-to: #000;
+  }
+
+  .lg\:to-white {
+    --tw-gradient-to: #fff;
+  }
+
+  .lg\:to-gray-50 {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .lg\:to-gray-100 {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .lg\:to-gray-200 {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .lg\:to-gray-300 {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .lg\:to-gray-400 {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .lg\:to-gray-500 {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .lg\:to-gray-600 {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .lg\:to-gray-700 {
+    --tw-gradient-to: #374151;
+  }
+
+  .lg\:to-gray-800 {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .lg\:to-gray-900 {
+    --tw-gradient-to: #111827;
+  }
+
+  .lg\:to-red-50 {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .lg\:to-red-100 {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .lg\:to-red-200 {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .lg\:to-red-300 {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .lg\:to-red-400 {
+    --tw-gradient-to: #f87171;
+  }
+
+  .lg\:to-red-500 {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .lg\:to-red-600 {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .lg\:to-red-700 {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .lg\:to-red-800 {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .lg\:to-red-900 {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .lg\:to-yellow-50 {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .lg\:to-yellow-100 {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .lg\:to-yellow-200 {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .lg\:to-yellow-300 {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .lg\:to-yellow-400 {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .lg\:to-yellow-500 {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .lg\:to-yellow-600 {
+    --tw-gradient-to: #d97706;
+  }
+
+  .lg\:to-yellow-700 {
+    --tw-gradient-to: #b45309;
+  }
+
+  .lg\:to-yellow-800 {
+    --tw-gradient-to: #92400e;
+  }
+
+  .lg\:to-yellow-900 {
+    --tw-gradient-to: #78350f;
+  }
+
+  .lg\:to-green-50 {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .lg\:to-green-100 {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .lg\:to-green-200 {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .lg\:to-green-300 {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .lg\:to-green-400 {
+    --tw-gradient-to: #34d399;
+  }
+
+  .lg\:to-green-500 {
+    --tw-gradient-to: #10b981;
+  }
+
+  .lg\:to-green-600 {
+    --tw-gradient-to: #059669;
+  }
+
+  .lg\:to-green-700 {
+    --tw-gradient-to: #047857;
+  }
+
+  .lg\:to-green-800 {
+    --tw-gradient-to: #065f46;
+  }
+
+  .lg\:to-green-900 {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .lg\:to-blue-50 {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .lg\:to-blue-100 {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .lg\:to-blue-200 {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .lg\:to-blue-300 {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .lg\:to-blue-400 {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .lg\:to-blue-500 {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .lg\:to-blue-600 {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .lg\:to-blue-700 {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .lg\:to-blue-800 {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .lg\:to-blue-900 {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .lg\:to-indigo-50 {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .lg\:to-indigo-100 {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .lg\:to-indigo-200 {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .lg\:to-indigo-300 {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .lg\:to-indigo-400 {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .lg\:to-indigo-500 {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .lg\:to-indigo-600 {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .lg\:to-indigo-700 {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .lg\:to-indigo-800 {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .lg\:to-indigo-900 {
+    --tw-gradient-to: #312e81;
+  }
+
+  .lg\:to-purple-50 {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .lg\:to-purple-100 {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .lg\:to-purple-200 {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .lg\:to-purple-300 {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .lg\:to-purple-400 {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .lg\:to-purple-500 {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .lg\:to-purple-600 {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .lg\:to-purple-700 {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .lg\:to-purple-800 {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .lg\:to-purple-900 {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .lg\:to-pink-50 {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .lg\:to-pink-100 {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .lg\:to-pink-200 {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .lg\:to-pink-300 {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .lg\:to-pink-400 {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .lg\:to-pink-500 {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .lg\:to-pink-600 {
+    --tw-gradient-to: #db2777;
+  }
+
+  .lg\:to-pink-700 {
+    --tw-gradient-to: #be185d;
+  }
+
+  .lg\:to-pink-800 {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .lg\:to-pink-900 {
+    --tw-gradient-to: #831843;
+  }
+
+  .lg\:hover\:from-transparent:hover {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:hover\:from-current:hover {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:hover\:from-black:hover {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:hover\:from-white:hover {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:hover\:from-gray-100:hover {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .lg\:hover\:from-gray-200:hover {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:hover\:from-gray-300:hover {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .lg\:hover\:from-gray-400:hover {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .lg\:hover\:from-gray-500:hover {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:hover\:from-gray-600:hover {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:hover\:from-gray-700:hover {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:hover\:from-gray-800:hover {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .lg\:hover\:from-gray-900:hover {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .lg\:hover\:from-red-50:hover {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .lg\:hover\:from-red-100:hover {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .lg\:hover\:from-red-200:hover {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .lg\:hover\:from-red-300:hover {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .lg\:hover\:from-red-400:hover {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .lg\:hover\:from-red-500:hover {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .lg\:hover\:from-red-600:hover {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .lg\:hover\:from-red-700:hover {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .lg\:hover\:from-red-800:hover {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .lg\:hover\:from-red-900:hover {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .lg\:hover\:from-yellow-50:hover {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .lg\:hover\:from-yellow-100:hover {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .lg\:hover\:from-yellow-200:hover {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .lg\:hover\:from-yellow-300:hover {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .lg\:hover\:from-yellow-400:hover {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .lg\:hover\:from-yellow-500:hover {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .lg\:hover\:from-yellow-600:hover {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .lg\:hover\:from-yellow-700:hover {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .lg\:hover\:from-yellow-800:hover {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .lg\:hover\:from-yellow-900:hover {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .lg\:hover\:from-green-50:hover {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .lg\:hover\:from-green-100:hover {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .lg\:hover\:from-green-200:hover {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .lg\:hover\:from-green-300:hover {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .lg\:hover\:from-green-400:hover {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .lg\:hover\:from-green-500:hover {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .lg\:hover\:from-green-600:hover {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .lg\:hover\:from-green-700:hover {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .lg\:hover\:from-green-800:hover {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .lg\:hover\:from-green-900:hover {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .lg\:hover\:from-blue-50:hover {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .lg\:hover\:from-blue-100:hover {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .lg\:hover\:from-blue-200:hover {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .lg\:hover\:from-blue-300:hover {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .lg\:hover\:from-blue-400:hover {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .lg\:hover\:from-blue-500:hover {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .lg\:hover\:from-blue-600:hover {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .lg\:hover\:from-blue-700:hover {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .lg\:hover\:from-blue-800:hover {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .lg\:hover\:from-blue-900:hover {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .lg\:hover\:from-indigo-50:hover {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .lg\:hover\:from-indigo-100:hover {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .lg\:hover\:from-indigo-200:hover {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .lg\:hover\:from-indigo-300:hover {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .lg\:hover\:from-indigo-400:hover {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .lg\:hover\:from-indigo-500:hover {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .lg\:hover\:from-indigo-600:hover {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .lg\:hover\:from-indigo-700:hover {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .lg\:hover\:from-indigo-800:hover {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .lg\:hover\:from-indigo-900:hover {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .lg\:hover\:from-purple-50:hover {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .lg\:hover\:from-purple-100:hover {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .lg\:hover\:from-purple-200:hover {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .lg\:hover\:from-purple-300:hover {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .lg\:hover\:from-purple-400:hover {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .lg\:hover\:from-purple-500:hover {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .lg\:hover\:from-purple-600:hover {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .lg\:hover\:from-purple-700:hover {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .lg\:hover\:from-purple-800:hover {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .lg\:hover\:from-purple-900:hover {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .lg\:hover\:from-pink-50:hover {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:hover\:from-pink-100:hover {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .lg\:hover\:from-pink-200:hover {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .lg\:hover\:from-pink-300:hover {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .lg\:hover\:from-pink-400:hover {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .lg\:hover\:from-pink-500:hover {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .lg\:hover\:from-pink-600:hover {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .lg\:hover\:from-pink-700:hover {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .lg\:hover\:from-pink-800:hover {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .lg\:hover\:from-pink-900:hover {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .lg\:hover\:via-transparent:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:hover\:via-current:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:hover\:via-black:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:hover\:via-white:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:hover\:via-gray-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .lg\:hover\:via-gray-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:hover\:via-gray-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .lg\:hover\:via-gray-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .lg\:hover\:via-gray-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:hover\:via-gray-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:hover\:via-gray-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:hover\:via-gray-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .lg\:hover\:via-gray-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .lg\:hover\:via-red-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .lg\:hover\:via-red-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .lg\:hover\:via-red-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .lg\:hover\:via-red-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .lg\:hover\:via-red-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .lg\:hover\:via-red-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .lg\:hover\:via-red-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .lg\:hover\:via-red-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .lg\:hover\:via-red-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .lg\:hover\:via-red-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .lg\:hover\:via-yellow-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .lg\:hover\:via-yellow-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .lg\:hover\:via-yellow-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .lg\:hover\:via-yellow-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .lg\:hover\:via-yellow-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .lg\:hover\:via-yellow-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .lg\:hover\:via-yellow-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .lg\:hover\:via-yellow-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .lg\:hover\:via-yellow-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .lg\:hover\:via-yellow-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .lg\:hover\:via-green-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .lg\:hover\:via-green-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .lg\:hover\:via-green-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .lg\:hover\:via-green-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .lg\:hover\:via-green-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .lg\:hover\:via-green-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .lg\:hover\:via-green-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .lg\:hover\:via-green-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .lg\:hover\:via-green-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .lg\:hover\:via-green-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .lg\:hover\:via-blue-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .lg\:hover\:via-blue-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .lg\:hover\:via-blue-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .lg\:hover\:via-blue-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .lg\:hover\:via-blue-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .lg\:hover\:via-blue-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .lg\:hover\:via-blue-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .lg\:hover\:via-blue-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .lg\:hover\:via-blue-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .lg\:hover\:via-blue-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .lg\:hover\:via-indigo-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .lg\:hover\:via-indigo-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .lg\:hover\:via-indigo-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .lg\:hover\:via-indigo-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .lg\:hover\:via-indigo-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .lg\:hover\:via-indigo-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .lg\:hover\:via-indigo-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .lg\:hover\:via-indigo-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .lg\:hover\:via-indigo-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .lg\:hover\:via-indigo-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .lg\:hover\:via-purple-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .lg\:hover\:via-purple-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .lg\:hover\:via-purple-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .lg\:hover\:via-purple-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .lg\:hover\:via-purple-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .lg\:hover\:via-purple-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .lg\:hover\:via-purple-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .lg\:hover\:via-purple-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .lg\:hover\:via-purple-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .lg\:hover\:via-purple-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .lg\:hover\:via-pink-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:hover\:via-pink-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .lg\:hover\:via-pink-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .lg\:hover\:via-pink-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .lg\:hover\:via-pink-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .lg\:hover\:via-pink-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .lg\:hover\:via-pink-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .lg\:hover\:via-pink-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .lg\:hover\:via-pink-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .lg\:hover\:via-pink-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .lg\:hover\:to-transparent:hover {
+    --tw-gradient-to: transparent;
+  }
+
+  .lg\:hover\:to-current:hover {
+    --tw-gradient-to: currentColor;
+  }
+
+  .lg\:hover\:to-black:hover {
+    --tw-gradient-to: #000;
+  }
+
+  .lg\:hover\:to-white:hover {
+    --tw-gradient-to: #fff;
+  }
+
+  .lg\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .lg\:hover\:to-gray-100:hover {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .lg\:hover\:to-gray-200:hover {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .lg\:hover\:to-gray-300:hover {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .lg\:hover\:to-gray-400:hover {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .lg\:hover\:to-gray-500:hover {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .lg\:hover\:to-gray-600:hover {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .lg\:hover\:to-gray-700:hover {
+    --tw-gradient-to: #374151;
+  }
+
+  .lg\:hover\:to-gray-800:hover {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .lg\:hover\:to-gray-900:hover {
+    --tw-gradient-to: #111827;
+  }
+
+  .lg\:hover\:to-red-50:hover {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .lg\:hover\:to-red-100:hover {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .lg\:hover\:to-red-200:hover {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .lg\:hover\:to-red-300:hover {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .lg\:hover\:to-red-400:hover {
+    --tw-gradient-to: #f87171;
+  }
+
+  .lg\:hover\:to-red-500:hover {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .lg\:hover\:to-red-600:hover {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .lg\:hover\:to-red-700:hover {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .lg\:hover\:to-red-800:hover {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .lg\:hover\:to-red-900:hover {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .lg\:hover\:to-yellow-50:hover {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .lg\:hover\:to-yellow-100:hover {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .lg\:hover\:to-yellow-200:hover {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .lg\:hover\:to-yellow-300:hover {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .lg\:hover\:to-yellow-400:hover {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .lg\:hover\:to-yellow-500:hover {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .lg\:hover\:to-yellow-600:hover {
+    --tw-gradient-to: #d97706;
+  }
+
+  .lg\:hover\:to-yellow-700:hover {
+    --tw-gradient-to: #b45309;
+  }
+
+  .lg\:hover\:to-yellow-800:hover {
+    --tw-gradient-to: #92400e;
+  }
+
+  .lg\:hover\:to-yellow-900:hover {
+    --tw-gradient-to: #78350f;
+  }
+
+  .lg\:hover\:to-green-50:hover {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .lg\:hover\:to-green-100:hover {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .lg\:hover\:to-green-200:hover {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .lg\:hover\:to-green-300:hover {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .lg\:hover\:to-green-400:hover {
+    --tw-gradient-to: #34d399;
+  }
+
+  .lg\:hover\:to-green-500:hover {
+    --tw-gradient-to: #10b981;
+  }
+
+  .lg\:hover\:to-green-600:hover {
+    --tw-gradient-to: #059669;
+  }
+
+  .lg\:hover\:to-green-700:hover {
+    --tw-gradient-to: #047857;
+  }
+
+  .lg\:hover\:to-green-800:hover {
+    --tw-gradient-to: #065f46;
+  }
+
+  .lg\:hover\:to-green-900:hover {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .lg\:hover\:to-blue-50:hover {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .lg\:hover\:to-blue-100:hover {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .lg\:hover\:to-blue-200:hover {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .lg\:hover\:to-blue-300:hover {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .lg\:hover\:to-blue-400:hover {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .lg\:hover\:to-blue-500:hover {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .lg\:hover\:to-blue-600:hover {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .lg\:hover\:to-blue-700:hover {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .lg\:hover\:to-blue-800:hover {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .lg\:hover\:to-blue-900:hover {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .lg\:hover\:to-indigo-50:hover {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .lg\:hover\:to-indigo-100:hover {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .lg\:hover\:to-indigo-200:hover {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .lg\:hover\:to-indigo-300:hover {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .lg\:hover\:to-indigo-400:hover {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .lg\:hover\:to-indigo-500:hover {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .lg\:hover\:to-indigo-600:hover {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .lg\:hover\:to-indigo-700:hover {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .lg\:hover\:to-indigo-800:hover {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .lg\:hover\:to-indigo-900:hover {
+    --tw-gradient-to: #312e81;
+  }
+
+  .lg\:hover\:to-purple-50:hover {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .lg\:hover\:to-purple-100:hover {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .lg\:hover\:to-purple-200:hover {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .lg\:hover\:to-purple-300:hover {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .lg\:hover\:to-purple-400:hover {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .lg\:hover\:to-purple-500:hover {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .lg\:hover\:to-purple-600:hover {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .lg\:hover\:to-purple-700:hover {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .lg\:hover\:to-purple-800:hover {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .lg\:hover\:to-purple-900:hover {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .lg\:hover\:to-pink-50:hover {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .lg\:hover\:to-pink-100:hover {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .lg\:hover\:to-pink-200:hover {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .lg\:hover\:to-pink-300:hover {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .lg\:hover\:to-pink-400:hover {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .lg\:hover\:to-pink-500:hover {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .lg\:hover\:to-pink-600:hover {
+    --tw-gradient-to: #db2777;
+  }
+
+  .lg\:hover\:to-pink-700:hover {
+    --tw-gradient-to: #be185d;
+  }
+
+  .lg\:hover\:to-pink-800:hover {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .lg\:hover\:to-pink-900:hover {
+    --tw-gradient-to: #831843;
+  }
+
+  .lg\:focus\:from-transparent:focus {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:focus\:from-current:focus {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:focus\:from-black:focus {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:focus\:from-white:focus {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:focus\:from-gray-100:focus {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .lg\:focus\:from-gray-200:focus {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:focus\:from-gray-300:focus {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .lg\:focus\:from-gray-400:focus {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .lg\:focus\:from-gray-500:focus {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:focus\:from-gray-600:focus {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:focus\:from-gray-700:focus {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:focus\:from-gray-800:focus {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .lg\:focus\:from-gray-900:focus {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .lg\:focus\:from-red-50:focus {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .lg\:focus\:from-red-100:focus {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .lg\:focus\:from-red-200:focus {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .lg\:focus\:from-red-300:focus {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .lg\:focus\:from-red-400:focus {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .lg\:focus\:from-red-500:focus {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .lg\:focus\:from-red-600:focus {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .lg\:focus\:from-red-700:focus {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .lg\:focus\:from-red-800:focus {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .lg\:focus\:from-red-900:focus {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .lg\:focus\:from-yellow-50:focus {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .lg\:focus\:from-yellow-100:focus {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .lg\:focus\:from-yellow-200:focus {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .lg\:focus\:from-yellow-300:focus {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .lg\:focus\:from-yellow-400:focus {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .lg\:focus\:from-yellow-500:focus {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .lg\:focus\:from-yellow-600:focus {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .lg\:focus\:from-yellow-700:focus {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .lg\:focus\:from-yellow-800:focus {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .lg\:focus\:from-yellow-900:focus {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .lg\:focus\:from-green-50:focus {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .lg\:focus\:from-green-100:focus {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .lg\:focus\:from-green-200:focus {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .lg\:focus\:from-green-300:focus {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .lg\:focus\:from-green-400:focus {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .lg\:focus\:from-green-500:focus {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .lg\:focus\:from-green-600:focus {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .lg\:focus\:from-green-700:focus {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .lg\:focus\:from-green-800:focus {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .lg\:focus\:from-green-900:focus {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .lg\:focus\:from-blue-50:focus {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .lg\:focus\:from-blue-100:focus {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .lg\:focus\:from-blue-200:focus {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .lg\:focus\:from-blue-300:focus {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .lg\:focus\:from-blue-400:focus {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .lg\:focus\:from-blue-500:focus {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .lg\:focus\:from-blue-600:focus {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .lg\:focus\:from-blue-700:focus {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .lg\:focus\:from-blue-800:focus {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .lg\:focus\:from-blue-900:focus {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .lg\:focus\:from-indigo-50:focus {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .lg\:focus\:from-indigo-100:focus {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .lg\:focus\:from-indigo-200:focus {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .lg\:focus\:from-indigo-300:focus {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .lg\:focus\:from-indigo-400:focus {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .lg\:focus\:from-indigo-500:focus {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .lg\:focus\:from-indigo-600:focus {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .lg\:focus\:from-indigo-700:focus {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .lg\:focus\:from-indigo-800:focus {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .lg\:focus\:from-indigo-900:focus {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .lg\:focus\:from-purple-50:focus {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .lg\:focus\:from-purple-100:focus {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .lg\:focus\:from-purple-200:focus {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .lg\:focus\:from-purple-300:focus {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .lg\:focus\:from-purple-400:focus {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .lg\:focus\:from-purple-500:focus {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .lg\:focus\:from-purple-600:focus {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .lg\:focus\:from-purple-700:focus {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .lg\:focus\:from-purple-800:focus {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .lg\:focus\:from-purple-900:focus {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .lg\:focus\:from-pink-50:focus {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:focus\:from-pink-100:focus {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .lg\:focus\:from-pink-200:focus {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .lg\:focus\:from-pink-300:focus {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .lg\:focus\:from-pink-400:focus {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .lg\:focus\:from-pink-500:focus {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .lg\:focus\:from-pink-600:focus {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .lg\:focus\:from-pink-700:focus {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .lg\:focus\:from-pink-800:focus {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .lg\:focus\:from-pink-900:focus {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .lg\:focus\:via-transparent:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:focus\:via-current:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:focus\:via-black:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .lg\:focus\:via-white:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .lg\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .lg\:focus\:via-gray-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .lg\:focus\:via-gray-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .lg\:focus\:via-gray-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .lg\:focus\:via-gray-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .lg\:focus\:via-gray-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .lg\:focus\:via-gray-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .lg\:focus\:via-gray-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .lg\:focus\:via-gray-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .lg\:focus\:via-gray-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .lg\:focus\:via-red-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .lg\:focus\:via-red-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .lg\:focus\:via-red-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .lg\:focus\:via-red-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .lg\:focus\:via-red-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .lg\:focus\:via-red-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .lg\:focus\:via-red-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .lg\:focus\:via-red-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .lg\:focus\:via-red-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .lg\:focus\:via-red-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .lg\:focus\:via-yellow-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .lg\:focus\:via-yellow-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .lg\:focus\:via-yellow-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .lg\:focus\:via-yellow-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .lg\:focus\:via-yellow-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .lg\:focus\:via-yellow-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .lg\:focus\:via-yellow-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .lg\:focus\:via-yellow-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .lg\:focus\:via-yellow-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .lg\:focus\:via-yellow-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .lg\:focus\:via-green-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .lg\:focus\:via-green-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .lg\:focus\:via-green-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .lg\:focus\:via-green-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .lg\:focus\:via-green-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .lg\:focus\:via-green-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .lg\:focus\:via-green-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .lg\:focus\:via-green-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .lg\:focus\:via-green-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .lg\:focus\:via-green-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .lg\:focus\:via-blue-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .lg\:focus\:via-blue-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .lg\:focus\:via-blue-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .lg\:focus\:via-blue-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .lg\:focus\:via-blue-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .lg\:focus\:via-blue-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .lg\:focus\:via-blue-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .lg\:focus\:via-blue-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .lg\:focus\:via-blue-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .lg\:focus\:via-blue-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .lg\:focus\:via-indigo-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .lg\:focus\:via-indigo-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .lg\:focus\:via-indigo-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .lg\:focus\:via-indigo-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .lg\:focus\:via-indigo-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .lg\:focus\:via-indigo-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .lg\:focus\:via-indigo-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .lg\:focus\:via-indigo-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .lg\:focus\:via-indigo-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .lg\:focus\:via-indigo-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .lg\:focus\:via-purple-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .lg\:focus\:via-purple-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .lg\:focus\:via-purple-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .lg\:focus\:via-purple-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .lg\:focus\:via-purple-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .lg\:focus\:via-purple-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .lg\:focus\:via-purple-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .lg\:focus\:via-purple-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .lg\:focus\:via-purple-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .lg\:focus\:via-purple-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .lg\:focus\:via-pink-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .lg\:focus\:via-pink-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .lg\:focus\:via-pink-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .lg\:focus\:via-pink-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .lg\:focus\:via-pink-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .lg\:focus\:via-pink-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .lg\:focus\:via-pink-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .lg\:focus\:via-pink-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .lg\:focus\:via-pink-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .lg\:focus\:via-pink-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .lg\:focus\:to-transparent:focus {
+    --tw-gradient-to: transparent;
+  }
+
+  .lg\:focus\:to-current:focus {
+    --tw-gradient-to: currentColor;
+  }
+
+  .lg\:focus\:to-black:focus {
+    --tw-gradient-to: #000;
+  }
+
+  .lg\:focus\:to-white:focus {
+    --tw-gradient-to: #fff;
+  }
+
+  .lg\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .lg\:focus\:to-gray-100:focus {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .lg\:focus\:to-gray-200:focus {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .lg\:focus\:to-gray-300:focus {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .lg\:focus\:to-gray-400:focus {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .lg\:focus\:to-gray-500:focus {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .lg\:focus\:to-gray-600:focus {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .lg\:focus\:to-gray-700:focus {
+    --tw-gradient-to: #374151;
+  }
+
+  .lg\:focus\:to-gray-800:focus {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .lg\:focus\:to-gray-900:focus {
+    --tw-gradient-to: #111827;
+  }
+
+  .lg\:focus\:to-red-50:focus {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .lg\:focus\:to-red-100:focus {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .lg\:focus\:to-red-200:focus {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .lg\:focus\:to-red-300:focus {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .lg\:focus\:to-red-400:focus {
+    --tw-gradient-to: #f87171;
+  }
+
+  .lg\:focus\:to-red-500:focus {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .lg\:focus\:to-red-600:focus {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .lg\:focus\:to-red-700:focus {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .lg\:focus\:to-red-800:focus {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .lg\:focus\:to-red-900:focus {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .lg\:focus\:to-yellow-50:focus {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .lg\:focus\:to-yellow-100:focus {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .lg\:focus\:to-yellow-200:focus {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .lg\:focus\:to-yellow-300:focus {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .lg\:focus\:to-yellow-400:focus {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .lg\:focus\:to-yellow-500:focus {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .lg\:focus\:to-yellow-600:focus {
+    --tw-gradient-to: #d97706;
+  }
+
+  .lg\:focus\:to-yellow-700:focus {
+    --tw-gradient-to: #b45309;
+  }
+
+  .lg\:focus\:to-yellow-800:focus {
+    --tw-gradient-to: #92400e;
+  }
+
+  .lg\:focus\:to-yellow-900:focus {
+    --tw-gradient-to: #78350f;
+  }
+
+  .lg\:focus\:to-green-50:focus {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .lg\:focus\:to-green-100:focus {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .lg\:focus\:to-green-200:focus {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .lg\:focus\:to-green-300:focus {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .lg\:focus\:to-green-400:focus {
+    --tw-gradient-to: #34d399;
+  }
+
+  .lg\:focus\:to-green-500:focus {
+    --tw-gradient-to: #10b981;
+  }
+
+  .lg\:focus\:to-green-600:focus {
+    --tw-gradient-to: #059669;
+  }
+
+  .lg\:focus\:to-green-700:focus {
+    --tw-gradient-to: #047857;
+  }
+
+  .lg\:focus\:to-green-800:focus {
+    --tw-gradient-to: #065f46;
+  }
+
+  .lg\:focus\:to-green-900:focus {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .lg\:focus\:to-blue-50:focus {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .lg\:focus\:to-blue-100:focus {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .lg\:focus\:to-blue-200:focus {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .lg\:focus\:to-blue-300:focus {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .lg\:focus\:to-blue-400:focus {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .lg\:focus\:to-blue-500:focus {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .lg\:focus\:to-blue-600:focus {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .lg\:focus\:to-blue-700:focus {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .lg\:focus\:to-blue-800:focus {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .lg\:focus\:to-blue-900:focus {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .lg\:focus\:to-indigo-50:focus {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .lg\:focus\:to-indigo-100:focus {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .lg\:focus\:to-indigo-200:focus {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .lg\:focus\:to-indigo-300:focus {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .lg\:focus\:to-indigo-400:focus {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .lg\:focus\:to-indigo-500:focus {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .lg\:focus\:to-indigo-600:focus {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .lg\:focus\:to-indigo-700:focus {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .lg\:focus\:to-indigo-800:focus {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .lg\:focus\:to-indigo-900:focus {
+    --tw-gradient-to: #312e81;
+  }
+
+  .lg\:focus\:to-purple-50:focus {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .lg\:focus\:to-purple-100:focus {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .lg\:focus\:to-purple-200:focus {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .lg\:focus\:to-purple-300:focus {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .lg\:focus\:to-purple-400:focus {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .lg\:focus\:to-purple-500:focus {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .lg\:focus\:to-purple-600:focus {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .lg\:focus\:to-purple-700:focus {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .lg\:focus\:to-purple-800:focus {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .lg\:focus\:to-purple-900:focus {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .lg\:focus\:to-pink-50:focus {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .lg\:focus\:to-pink-100:focus {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .lg\:focus\:to-pink-200:focus {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .lg\:focus\:to-pink-300:focus {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .lg\:focus\:to-pink-400:focus {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .lg\:focus\:to-pink-500:focus {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .lg\:focus\:to-pink-600:focus {
+    --tw-gradient-to: #db2777;
+  }
+
+  .lg\:focus\:to-pink-700:focus {
+    --tw-gradient-to: #be185d;
+  }
+
+  .lg\:focus\:to-pink-800:focus {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .lg\:focus\:to-pink-900:focus {
+    --tw-gradient-to: #831843;
+  }
+
+  .lg\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .lg\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .lg\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .lg\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .lg\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .lg\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .lg\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .lg\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .lg\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .lg\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .lg\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .lg\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .lg\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .lg\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .lg\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .group:hover .lg\:group-hover\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .lg\:focus-within\:bg-opacity-0:focus-within {
+    --tw-bg-opacity: 0;
+  }
+
+  .lg\:focus-within\:bg-opacity-5:focus-within {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .lg\:focus-within\:bg-opacity-10:focus-within {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .lg\:focus-within\:bg-opacity-20:focus-within {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .lg\:focus-within\:bg-opacity-25:focus-within {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .lg\:focus-within\:bg-opacity-30:focus-within {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .lg\:focus-within\:bg-opacity-40:focus-within {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .lg\:focus-within\:bg-opacity-50:focus-within {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .lg\:focus-within\:bg-opacity-60:focus-within {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .lg\:focus-within\:bg-opacity-70:focus-within {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .lg\:focus-within\:bg-opacity-75:focus-within {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .lg\:focus-within\:bg-opacity-80:focus-within {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .lg\:focus-within\:bg-opacity-90:focus-within {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .lg\:focus-within\:bg-opacity-95:focus-within {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .lg\:focus-within\:bg-opacity-100:focus-within {
+    --tw-bg-opacity: 1;
+  }
+
+  .lg\:hover\:bg-opacity-0:hover {
+    --tw-bg-opacity: 0;
+  }
+
+  .lg\:hover\:bg-opacity-5:hover {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .lg\:hover\:bg-opacity-10:hover {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .lg\:hover\:bg-opacity-20:hover {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .lg\:hover\:bg-opacity-25:hover {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .lg\:hover\:bg-opacity-30:hover {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .lg\:hover\:bg-opacity-40:hover {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .lg\:hover\:bg-opacity-50:hover {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .lg\:hover\:bg-opacity-60:hover {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .lg\:hover\:bg-opacity-70:hover {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .lg\:hover\:bg-opacity-75:hover {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .lg\:hover\:bg-opacity-80:hover {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .lg\:hover\:bg-opacity-90:hover {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .lg\:hover\:bg-opacity-95:hover {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .lg\:hover\:bg-opacity-100:hover {
+    --tw-bg-opacity: 1;
+  }
+
+  .lg\:focus\:bg-opacity-0:focus {
+    --tw-bg-opacity: 0;
+  }
+
+  .lg\:focus\:bg-opacity-5:focus {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .lg\:focus\:bg-opacity-10:focus {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .lg\:focus\:bg-opacity-20:focus {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .lg\:focus\:bg-opacity-25:focus {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .lg\:focus\:bg-opacity-30:focus {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .lg\:focus\:bg-opacity-40:focus {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .lg\:focus\:bg-opacity-50:focus {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .lg\:focus\:bg-opacity-60:focus {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .lg\:focus\:bg-opacity-70:focus {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .lg\:focus\:bg-opacity-75:focus {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .lg\:focus\:bg-opacity-80:focus {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .lg\:focus\:bg-opacity-90:focus {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .lg\:focus\:bg-opacity-95:focus {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .lg\:focus\:bg-opacity-100:focus {
+    --tw-bg-opacity: 1;
+  }
+
+  .lg\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .lg\:bg-center {
+    background-position: center;
+  }
+
+  .lg\:bg-left {
+    background-position: left;
+  }
+
+  .lg\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .lg\:bg-left-top {
+    background-position: left top;
+  }
+
+  .lg\:bg-right {
+    background-position: right;
+  }
+
+  .lg\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .lg\:bg-right-top {
+    background-position: right top;
+  }
+
+  .lg\:bg-top {
+    background-position: top;
+  }
+
+  .lg\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .lg\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .lg\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .lg\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .lg\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .lg\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .lg\:bg-auto {
+    background-size: auto;
+  }
+
+  .lg\:bg-cover {
+    background-size: cover;
+  }
+
+  .lg\:bg-contain {
+    background-size: contain;
+  }
+
+  .lg\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .lg\:border-separate {
+    border-collapse: separate;
+  }
+
+  .lg\:border-transparent {
+    border-color: transparent;
+  }
+
+  .lg\:border-current {
+    border-color: currentColor;
+  }
+
+  .lg\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .lg\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .lg\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .lg\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .lg\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .lg\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .lg\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:hover .lg\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  .group:hover .lg\:group-hover\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .lg\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .lg\:focus-within\:border-black:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-white:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-gray-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-red-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-yellow-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-green-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-blue-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-indigo-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-purple-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-pink-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .lg\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .lg\:hover\:border-black:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-white:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-gray-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-red-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-yellow-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-green-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-blue-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-indigo-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-purple-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-pink-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .lg\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .lg\:focus\:border-black:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-white:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-gray-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-red-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-yellow-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-green-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-blue-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-indigo-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-purple-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-pink-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .lg\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .lg\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .lg\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .lg\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .lg\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .lg\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .lg\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .lg\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .lg\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .lg\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .lg\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .lg\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .lg\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .lg\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .lg\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .group:hover .lg\:group-hover\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .lg\:focus-within\:border-opacity-0:focus-within {
+    --tw-border-opacity: 0;
+  }
+
+  .lg\:focus-within\:border-opacity-5:focus-within {
+    --tw-border-opacity: 0.05;
+  }
+
+  .lg\:focus-within\:border-opacity-10:focus-within {
+    --tw-border-opacity: 0.1;
+  }
+
+  .lg\:focus-within\:border-opacity-20:focus-within {
+    --tw-border-opacity: 0.2;
+  }
+
+  .lg\:focus-within\:border-opacity-25:focus-within {
+    --tw-border-opacity: 0.25;
+  }
+
+  .lg\:focus-within\:border-opacity-30:focus-within {
+    --tw-border-opacity: 0.3;
+  }
+
+  .lg\:focus-within\:border-opacity-40:focus-within {
+    --tw-border-opacity: 0.4;
+  }
+
+  .lg\:focus-within\:border-opacity-50:focus-within {
+    --tw-border-opacity: 0.5;
+  }
+
+  .lg\:focus-within\:border-opacity-60:focus-within {
+    --tw-border-opacity: 0.6;
+  }
+
+  .lg\:focus-within\:border-opacity-70:focus-within {
+    --tw-border-opacity: 0.7;
+  }
+
+  .lg\:focus-within\:border-opacity-75:focus-within {
+    --tw-border-opacity: 0.75;
+  }
+
+  .lg\:focus-within\:border-opacity-80:focus-within {
+    --tw-border-opacity: 0.8;
+  }
+
+  .lg\:focus-within\:border-opacity-90:focus-within {
+    --tw-border-opacity: 0.9;
+  }
+
+  .lg\:focus-within\:border-opacity-95:focus-within {
+    --tw-border-opacity: 0.95;
+  }
+
+  .lg\:focus-within\:border-opacity-100:focus-within {
+    --tw-border-opacity: 1;
+  }
+
+  .lg\:hover\:border-opacity-0:hover {
+    --tw-border-opacity: 0;
+  }
+
+  .lg\:hover\:border-opacity-5:hover {
+    --tw-border-opacity: 0.05;
+  }
+
+  .lg\:hover\:border-opacity-10:hover {
+    --tw-border-opacity: 0.1;
+  }
+
+  .lg\:hover\:border-opacity-20:hover {
+    --tw-border-opacity: 0.2;
+  }
+
+  .lg\:hover\:border-opacity-25:hover {
+    --tw-border-opacity: 0.25;
+  }
+
+  .lg\:hover\:border-opacity-30:hover {
+    --tw-border-opacity: 0.3;
+  }
+
+  .lg\:hover\:border-opacity-40:hover {
+    --tw-border-opacity: 0.4;
+  }
+
+  .lg\:hover\:border-opacity-50:hover {
+    --tw-border-opacity: 0.5;
+  }
+
+  .lg\:hover\:border-opacity-60:hover {
+    --tw-border-opacity: 0.6;
+  }
+
+  .lg\:hover\:border-opacity-70:hover {
+    --tw-border-opacity: 0.7;
+  }
+
+  .lg\:hover\:border-opacity-75:hover {
+    --tw-border-opacity: 0.75;
+  }
+
+  .lg\:hover\:border-opacity-80:hover {
+    --tw-border-opacity: 0.8;
+  }
+
+  .lg\:hover\:border-opacity-90:hover {
+    --tw-border-opacity: 0.9;
+  }
+
+  .lg\:hover\:border-opacity-95:hover {
+    --tw-border-opacity: 0.95;
+  }
+
+  .lg\:hover\:border-opacity-100:hover {
+    --tw-border-opacity: 1;
+  }
+
+  .lg\:focus\:border-opacity-0:focus {
+    --tw-border-opacity: 0;
+  }
+
+  .lg\:focus\:border-opacity-5:focus {
+    --tw-border-opacity: 0.05;
+  }
+
+  .lg\:focus\:border-opacity-10:focus {
+    --tw-border-opacity: 0.1;
+  }
+
+  .lg\:focus\:border-opacity-20:focus {
+    --tw-border-opacity: 0.2;
+  }
+
+  .lg\:focus\:border-opacity-25:focus {
+    --tw-border-opacity: 0.25;
+  }
+
+  .lg\:focus\:border-opacity-30:focus {
+    --tw-border-opacity: 0.3;
+  }
+
+  .lg\:focus\:border-opacity-40:focus {
+    --tw-border-opacity: 0.4;
+  }
+
+  .lg\:focus\:border-opacity-50:focus {
+    --tw-border-opacity: 0.5;
+  }
+
+  .lg\:focus\:border-opacity-60:focus {
+    --tw-border-opacity: 0.6;
+  }
+
+  .lg\:focus\:border-opacity-70:focus {
+    --tw-border-opacity: 0.7;
+  }
+
+  .lg\:focus\:border-opacity-75:focus {
+    --tw-border-opacity: 0.75;
+  }
+
+  .lg\:focus\:border-opacity-80:focus {
+    --tw-border-opacity: 0.8;
+  }
+
+  .lg\:focus\:border-opacity-90:focus {
+    --tw-border-opacity: 0.9;
+  }
+
+  .lg\:focus\:border-opacity-95:focus {
+    --tw-border-opacity: 0.95;
+  }
+
+  .lg\:focus\:border-opacity-100:focus {
+    --tw-border-opacity: 1;
+  }
+
+  .lg\:rounded-none {
+    border-radius: 0px;
+  }
+
+  .lg\:rounded-sm {
+    border-radius: 0.125rem;
+  }
+
+  .lg\:rounded {
+    border-radius: 0.25rem;
+  }
+
+  .lg\:rounded-md {
+    border-radius: 0.375rem;
+  }
+
+  .lg\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .lg\:rounded-xl {
+    border-radius: 0.75rem;
+  }
+
+  .lg\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .lg\:rounded-3xl {
+    border-radius: 1.5rem;
+  }
+
+  .lg\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .lg\:rounded-t-none {
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+  }
+
+  .lg\:rounded-r-none {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+  }
+
+  .lg\:rounded-b-none {
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .lg\:rounded-l-none {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .lg\:rounded-t-sm {
+    border-top-left-radius: 0.125rem;
+    border-top-right-radius: 0.125rem;
+  }
+
+  .lg\:rounded-r-sm {
+    border-top-right-radius: 0.125rem;
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .lg\:rounded-b-sm {
+    border-bottom-right-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .lg\:rounded-l-sm {
+    border-top-left-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .lg\:rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
+
+  .lg\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .lg\:rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .lg\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .lg\:rounded-t-md {
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+  }
+
+  .lg\:rounded-r-md {
+    border-top-right-radius: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .lg\:rounded-b-md {
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .lg\:rounded-l-md {
+    border-top-left-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .lg\:rounded-t-lg {
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+  }
+
+  .lg\:rounded-r-lg {
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .lg\:rounded-b-lg {
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .lg\:rounded-l-lg {
+    border-top-left-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .lg\:rounded-t-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .lg\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .lg\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .lg\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .lg\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .lg\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .lg\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .lg\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .lg\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .lg\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .lg\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .lg\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .lg\:rounded-t-full {
+    border-top-left-radius: 9999px;
+    border-top-right-radius: 9999px;
+  }
+
+  .lg\:rounded-r-full {
+    border-top-right-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+  }
+
+  .lg\:rounded-b-full {
+    border-bottom-right-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .lg\:rounded-l-full {
+    border-top-left-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .lg\:rounded-tl-none {
+    border-top-left-radius: 0px;
+  }
+
+  .lg\:rounded-tr-none {
+    border-top-right-radius: 0px;
+  }
+
+  .lg\:rounded-br-none {
+    border-bottom-right-radius: 0px;
+  }
+
+  .lg\:rounded-bl-none {
+    border-bottom-left-radius: 0px;
+  }
+
+  .lg\:rounded-tl-sm {
+    border-top-left-radius: 0.125rem;
+  }
+
+  .lg\:rounded-tr-sm {
+    border-top-right-radius: 0.125rem;
+  }
+
+  .lg\:rounded-br-sm {
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .lg\:rounded-bl-sm {
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .lg\:rounded-tl {
+    border-top-left-radius: 0.25rem;
+  }
+
+  .lg\:rounded-tr {
+    border-top-right-radius: 0.25rem;
+  }
+
+  .lg\:rounded-br {
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .lg\:rounded-bl {
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .lg\:rounded-tl-md {
+    border-top-left-radius: 0.375rem;
+  }
+
+  .lg\:rounded-tr-md {
+    border-top-right-radius: 0.375rem;
+  }
+
+  .lg\:rounded-br-md {
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .lg\:rounded-bl-md {
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .lg\:rounded-tl-lg {
+    border-top-left-radius: 0.5rem;
+  }
+
+  .lg\:rounded-tr-lg {
+    border-top-right-radius: 0.5rem;
+  }
+
+  .lg\:rounded-br-lg {
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .lg\:rounded-bl-lg {
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .lg\:rounded-tl-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .lg\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .lg\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .lg\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .lg\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .lg\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .lg\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .lg\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .lg\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .lg\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .lg\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .lg\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .lg\:rounded-tl-full {
+    border-top-left-radius: 9999px;
+  }
+
+  .lg\:rounded-tr-full {
+    border-top-right-radius: 9999px;
+  }
+
+  .lg\:rounded-br-full {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .lg\:rounded-bl-full {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .lg\:border-solid {
+    border-style: solid;
+  }
+
+  .lg\:border-dashed {
+    border-style: dashed;
+  }
+
+  .lg\:border-dotted {
+    border-style: dotted;
+  }
+
+  .lg\:border-double {
+    border-style: double;
+  }
+
+  .lg\:border-none {
+    border-style: none;
+  }
+
+  .lg\:border-0 {
+    border-width: 0px;
+  }
+
+  .lg\:border-2 {
+    border-width: 2px;
+  }
+
+  .lg\:border-4 {
+    border-width: 4px;
+  }
+
+  .lg\:border-8 {
+    border-width: 8px;
+  }
+
+  .lg\:border {
+    border-width: 1px;
+  }
+
+  .lg\:border-t-0 {
+    border-top-width: 0px;
+  }
+
+  .lg\:border-r-0 {
+    border-right-width: 0px;
+  }
+
+  .lg\:border-b-0 {
+    border-bottom-width: 0px;
+  }
+
+  .lg\:border-l-0 {
+    border-left-width: 0px;
+  }
+
+  .lg\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .lg\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .lg\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .lg\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .lg\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .lg\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .lg\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .lg\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .lg\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .lg\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .lg\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .lg\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .lg\:border-t {
+    border-top-width: 1px;
+  }
+
+  .lg\:border-r {
+    border-right-width: 1px;
+  }
+
+  .lg\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .lg\:border-l {
+    border-left-width: 1px;
+  }
+
+  .lg\:box-border {
+    box-sizing: border-box;
+  }
+
+  .lg\:box-content {
+    box-sizing: content-box;
+  }
+
+  .lg\:cursor-auto {
+    cursor: auto;
+  }
+
+  .lg\:cursor-default {
+    cursor: default;
+  }
+
+  .lg\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .lg\:cursor-wait {
+    cursor: wait;
+  }
+
+  .lg\:cursor-text {
+    cursor: text;
+  }
+
+  .lg\:cursor-move {
+    cursor: move;
+  }
+
+  .lg\:cursor-help {
+    cursor: help;
+  }
+
+  .lg\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
+  .lg\:block {
+    display: block;
+  }
+
+  .lg\:inline-block {
+    display: inline-block;
+  }
+
+  .lg\:inline {
+    display: inline;
+  }
+
+  .lg\:flex {
+    display: flex;
+  }
+
+  .lg\:inline-flex {
+    display: inline-flex;
+  }
+
+  .lg\:table {
+    display: table;
+  }
+
+  .lg\:table-caption {
+    display: table-caption;
+  }
+
+  .lg\:table-cell {
+    display: table-cell;
+  }
+
+  .lg\:table-column {
+    display: table-column;
+  }
+
+  .lg\:table-column-group {
+    display: table-column-group;
+  }
+
+  .lg\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .lg\:table-header-group {
+    display: table-header-group;
+  }
+
+  .lg\:table-row-group {
+    display: table-row-group;
+  }
+
+  .lg\:table-row {
+    display: table-row;
+  }
+
+  .lg\:flow-root {
+    display: flow-root;
+  }
+
+  .lg\:grid {
+    display: grid;
+  }
+
+  .lg\:inline-grid {
+    display: inline-grid;
+  }
+
+  .lg\:contents {
+    display: contents;
+  }
+
+  .lg\:hidden {
+    display: none;
+  }
+
+  .lg\:flex-row {
+    flex-direction: row;
+  }
+
+  .lg\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .lg\:flex-col {
+    flex-direction: column;
+  }
+
+  .lg\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .lg\:flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .lg\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
+  .lg\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .lg\:place-items-auto {
+    place-items: auto;
+  }
+
+  .lg\:place-items-start {
+    place-items: start;
+  }
+
+  .lg\:place-items-end {
+    place-items: end;
+  }
+
+  .lg\:place-items-center {
+    place-items: center;
+  }
+
+  .lg\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .lg\:place-content-center {
+    place-content: center;
+  }
+
+  .lg\:place-content-start {
+    place-content: start;
+  }
+
+  .lg\:place-content-end {
+    place-content: end;
+  }
+
+  .lg\:place-content-between {
+    place-content: space-between;
+  }
+
+  .lg\:place-content-around {
+    place-content: space-around;
+  }
+
+  .lg\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .lg\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .lg\:place-self-auto {
+    place-self: auto;
+  }
+
+  .lg\:place-self-start {
+    place-self: start;
+  }
+
+  .lg\:place-self-end {
+    place-self: end;
+  }
+
+  .lg\:place-self-center {
+    place-self: center;
+  }
+
+  .lg\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .lg\:items-start {
+    align-items: flex-start;
+  }
+
+  .lg\:items-end {
+    align-items: flex-end;
+  }
+
+  .lg\:items-center {
+    align-items: center;
+  }
+
+  .lg\:items-baseline {
+    align-items: baseline;
+  }
+
+  .lg\:items-stretch {
+    align-items: stretch;
+  }
+
+  .lg\:content-center {
+    align-content: center;
+  }
+
+  .lg\:content-start {
+    align-content: flex-start;
+  }
+
+  .lg\:content-end {
+    align-content: flex-end;
+  }
+
+  .lg\:content-between {
+    align-content: space-between;
+  }
+
+  .lg\:content-around {
+    align-content: space-around;
+  }
+
+  .lg\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .lg\:self-auto {
+    align-self: auto;
+  }
+
+  .lg\:self-start {
+    align-self: flex-start;
+  }
+
+  .lg\:self-end {
+    align-self: flex-end;
+  }
+
+  .lg\:self-center {
+    align-self: center;
+  }
+
+  .lg\:self-stretch {
+    align-self: stretch;
+  }
+
+  .lg\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .lg\:justify-items-start {
+    justify-items: start;
+  }
+
+  .lg\:justify-items-end {
+    justify-items: end;
+  }
+
+  .lg\:justify-items-center {
+    justify-items: center;
+  }
+
+  .lg\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
+  .lg\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .lg\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .lg\:justify-center {
+    justify-content: center;
+  }
+
+  .lg\:justify-between {
+    justify-content: space-between;
+  }
+
+  .lg\:justify-around {
+    justify-content: space-around;
+  }
+
+  .lg\:justify-evenly {
+    justify-content: space-evenly;
+  }
+
+  .lg\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .lg\:justify-self-start {
+    justify-self: start;
+  }
+
+  .lg\:justify-self-end {
+    justify-self: end;
+  }
+
+  .lg\:justify-self-center {
+    justify-self: center;
+  }
+
+  .lg\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .lg\:flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .lg\:flex-auto {
+    flex: 1 1 auto;
+  }
+
+  .lg\:flex-initial {
+    flex: 0 1 auto;
+  }
+
+  .lg\:flex-none {
+    flex: none;
+  }
+
+  .lg\:flex-grow-0 {
+    flex-grow: 0;
+  }
+
+  .lg\:flex-grow {
+    flex-grow: 1;
+  }
+
+  .lg\:flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .lg\:flex-shrink {
+    flex-shrink: 1;
+  }
+
+  .lg\:order-1 {
+    order: 1;
+  }
+
+  .lg\:order-2 {
+    order: 2;
+  }
+
+  .lg\:order-3 {
+    order: 3;
+  }
+
+  .lg\:order-4 {
+    order: 4;
+  }
+
+  .lg\:order-5 {
+    order: 5;
+  }
+
+  .lg\:order-6 {
+    order: 6;
+  }
+
+  .lg\:order-7 {
+    order: 7;
+  }
+
+  .lg\:order-8 {
+    order: 8;
+  }
+
+  .lg\:order-9 {
+    order: 9;
+  }
+
+  .lg\:order-10 {
+    order: 10;
+  }
+
+  .lg\:order-11 {
+    order: 11;
+  }
+
+  .lg\:order-12 {
+    order: 12;
+  }
+
+  .lg\:order-first {
+    order: -9999;
+  }
+
+  .lg\:order-last {
+    order: 9999;
+  }
+
+  .lg\:order-none {
+    order: 0;
+  }
+
+  .lg\:float-right {
+    float: right;
+  }
+
+  .lg\:float-left {
+    float: left;
+  }
+
+  .lg\:float-none {
+    float: none;
+  }
+
+  .lg\:clear-left {
+    clear: left;
+  }
+
+  .lg\:clear-right {
+    clear: right;
+  }
+
+  .lg\:clear-both {
+    clear: both;
+  }
+
+  .lg\:clear-none {
+    clear: none;
+  }
+
+  .lg\:font-sans {
+    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  }
+
+  .lg\:font-serif {
+    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .lg\:font-mono {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .lg\:font-thin {
+    font-weight: 100;
+  }
+
+  .lg\:font-extralight {
+    font-weight: 200;
+  }
+
+  .lg\:font-light {
+    font-weight: 300;
+  }
+
+  .lg\:font-normal {
+    font-weight: 400;
+  }
+
+  .lg\:font-medium {
+    font-weight: 500;
+  }
+
+  .lg\:font-semibold {
+    font-weight: 600;
+  }
+
+  .lg\:font-bold {
+    font-weight: 700;
+  }
+
+  .lg\:font-extrabold {
+    font-weight: 800;
+  }
+
+  .lg\:font-black {
+    font-weight: 900;
+  }
+
+  .lg\:h-0 {
+    height: 0px;
+  }
+
+  .lg\:h-1 {
+    height: 0.25rem;
+  }
+
+  .lg\:h-2 {
+    height: 0.5rem;
+  }
+
+  .lg\:h-3 {
+    height: 0.75rem;
+  }
+
+  .lg\:h-4 {
+    height: 1rem;
+  }
+
+  .lg\:h-5 {
+    height: 1.25rem;
+  }
+
+  .lg\:h-6 {
+    height: 1.5rem;
+  }
+
+  .lg\:h-7 {
+    height: 1.75rem;
+  }
+
+  .lg\:h-8 {
+    height: 2rem;
+  }
+
+  .lg\:h-9 {
+    height: 2.25rem;
+  }
+
+  .lg\:h-10 {
+    height: 2.5rem;
+  }
+
+  .lg\:h-11 {
+    height: 2.75rem;
+  }
+
+  .lg\:h-12 {
+    height: 3rem;
+  }
+
+  .lg\:h-14 {
+    height: 3.5rem;
+  }
+
+  .lg\:h-16 {
+    height: 4rem;
+  }
+
+  .lg\:h-20 {
+    height: 5rem;
+  }
+
+  .lg\:h-24 {
+    height: 6rem;
+  }
+
+  .lg\:h-28 {
+    height: 7rem;
+  }
+
+  .lg\:h-32 {
+    height: 8rem;
+  }
+
+  .lg\:h-36 {
+    height: 9rem;
+  }
+
+  .lg\:h-40 {
+    height: 10rem;
+  }
+
+  .lg\:h-44 {
+    height: 11rem;
+  }
+
+  .lg\:h-48 {
+    height: 12rem;
+  }
+
+  .lg\:h-52 {
+    height: 13rem;
+  }
+
+  .lg\:h-56 {
+    height: 14rem;
+  }
+
+  .lg\:h-60 {
+    height: 15rem;
+  }
+
+  .lg\:h-64 {
+    height: 16rem;
+  }
+
+  .lg\:h-72 {
+    height: 18rem;
+  }
+
+  .lg\:h-80 {
+    height: 20rem;
+  }
+
+  .lg\:h-96 {
+    height: 24rem;
+  }
+
+  .lg\:h-auto {
+    height: auto;
+  }
+
+  .lg\:h-px {
+    height: 1px;
+  }
+
+  .lg\:h-0\.5 {
+    height: 0.125rem;
+  }
+
+  .lg\:h-1\.5 {
+    height: 0.375rem;
+  }
+
+  .lg\:h-2\.5 {
+    height: 0.625rem;
+  }
+
+  .lg\:h-3\.5 {
+    height: 0.875rem;
+  }
+
+  .lg\:h-1\/2 {
+    height: 50%;
+  }
+
+  .lg\:h-1\/3 {
+    height: 33.333333%;
+  }
+
+  .lg\:h-2\/3 {
+    height: 66.666667%;
+  }
+
+  .lg\:h-1\/4 {
+    height: 25%;
+  }
+
+  .lg\:h-2\/4 {
+    height: 50%;
+  }
+
+  .lg\:h-3\/4 {
+    height: 75%;
+  }
+
+  .lg\:h-1\/5 {
+    height: 20%;
+  }
+
+  .lg\:h-2\/5 {
+    height: 40%;
+  }
+
+  .lg\:h-3\/5 {
+    height: 60%;
+  }
+
+  .lg\:h-4\/5 {
+    height: 80%;
+  }
+
+  .lg\:h-1\/6 {
+    height: 16.666667%;
+  }
+
+  .lg\:h-2\/6 {
+    height: 33.333333%;
+  }
+
+  .lg\:h-3\/6 {
+    height: 50%;
+  }
+
+  .lg\:h-4\/6 {
+    height: 66.666667%;
+  }
+
+  .lg\:h-5\/6 {
+    height: 83.333333%;
+  }
+
+  .lg\:h-full {
+    height: 100%;
+  }
+
+  .lg\:h-screen {
+    height: 100vh;
+  }
+
+  .lg\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .lg\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .lg\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .lg\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .lg\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .lg\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .lg\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .lg\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .lg\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+
+  .lg\:text-6xl {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .lg\:text-7xl {
+    font-size: 4.5rem;
+    line-height: 1;
+  }
+
+  .lg\:text-8xl {
+    font-size: 6rem;
+    line-height: 1;
+  }
+
+  .lg\:text-9xl {
+    font-size: 8rem;
+    line-height: 1;
+  }
+
+  .lg\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .lg\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .lg\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .lg\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .lg\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .lg\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .lg\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .lg\:leading-10 {
+    line-height: 2.5rem;
+  }
+
+  .lg\:leading-none {
+    line-height: 1;
+  }
+
+  .lg\:leading-tight {
+    line-height: 1.25;
+  }
+
+  .lg\:leading-snug {
+    line-height: 1.375;
+  }
+
+  .lg\:leading-normal {
+    line-height: 1.5;
+  }
+
+  .lg\:leading-relaxed {
+    line-height: 1.625;
+  }
+
+  .lg\:leading-loose {
+    line-height: 2;
+  }
+
+  .lg\:list-inside {
+    list-style-position: inside;
+  }
+
+  .lg\:list-outside {
+    list-style-position: outside;
+  }
+
+  .lg\:list-none {
+    list-style-type: none;
+  }
+
+  .lg\:list-disc {
+    list-style-type: disc;
+  }
+
+  .lg\:list-decimal {
+    list-style-type: decimal;
+  }
+
+  .lg\:m-0 {
+    margin: 0px;
+  }
+
+  .lg\:m-1 {
+    margin: 0.25rem;
+  }
+
+  .lg\:m-2 {
+    margin: 0.5rem;
+  }
+
+  .lg\:m-3 {
+    margin: 0.75rem;
+  }
+
+  .lg\:m-4 {
+    margin: 1rem;
+  }
+
+  .lg\:m-5 {
+    margin: 1.25rem;
+  }
+
+  .lg\:m-6 {
+    margin: 1.5rem;
+  }
+
+  .lg\:m-7 {
+    margin: 1.75rem;
+  }
+
+  .lg\:m-8 {
+    margin: 2rem;
+  }
+
+  .lg\:m-9 {
+    margin: 2.25rem;
+  }
+
+  .lg\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .lg\:m-11 {
+    margin: 2.75rem;
+  }
+
+  .lg\:m-12 {
+    margin: 3rem;
+  }
+
+  .lg\:m-14 {
+    margin: 3.5rem;
+  }
+
+  .lg\:m-16 {
+    margin: 4rem;
+  }
+
+  .lg\:m-20 {
+    margin: 5rem;
+  }
+
+  .lg\:m-24 {
+    margin: 6rem;
+  }
+
+  .lg\:m-28 {
+    margin: 7rem;
+  }
+
+  .lg\:m-32 {
+    margin: 8rem;
+  }
+
+  .lg\:m-36 {
+    margin: 9rem;
+  }
+
+  .lg\:m-40 {
+    margin: 10rem;
+  }
+
+  .lg\:m-44 {
+    margin: 11rem;
+  }
+
+  .lg\:m-48 {
+    margin: 12rem;
+  }
+
+  .lg\:m-52 {
+    margin: 13rem;
+  }
+
+  .lg\:m-56 {
+    margin: 14rem;
+  }
+
+  .lg\:m-60 {
+    margin: 15rem;
+  }
+
+  .lg\:m-64 {
+    margin: 16rem;
+  }
+
+  .lg\:m-72 {
+    margin: 18rem;
+  }
+
+  .lg\:m-80 {
+    margin: 20rem;
+  }
+
+  .lg\:m-96 {
+    margin: 24rem;
+  }
+
+  .lg\:m-auto {
+    margin: auto;
+  }
+
+  .lg\:m-px {
+    margin: 1px;
+  }
+
+  .lg\:m-0\.5 {
+    margin: 0.125rem;
+  }
+
+  .lg\:m-1\.5 {
+    margin: 0.375rem;
+  }
+
+  .lg\:m-2\.5 {
+    margin: 0.625rem;
+  }
+
+  .lg\:m-3\.5 {
+    margin: 0.875rem;
+  }
+
+  .lg\:-m-0 {
+    margin: 0px;
+  }
+
+  .lg\:-m-1 {
+    margin: -0.25rem;
+  }
+
+  .lg\:-m-2 {
+    margin: -0.5rem;
+  }
+
+  .lg\:-m-3 {
+    margin: -0.75rem;
+  }
+
+  .lg\:-m-4 {
+    margin: -1rem;
+  }
+
+  .lg\:-m-5 {
+    margin: -1.25rem;
+  }
+
+  .lg\:-m-6 {
+    margin: -1.5rem;
+  }
+
+  .lg\:-m-7 {
+    margin: -1.75rem;
+  }
+
+  .lg\:-m-8 {
+    margin: -2rem;
+  }
+
+  .lg\:-m-9 {
+    margin: -2.25rem;
+  }
+
+  .lg\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .lg\:-m-11 {
+    margin: -2.75rem;
+  }
+
+  .lg\:-m-12 {
+    margin: -3rem;
+  }
+
+  .lg\:-m-14 {
+    margin: -3.5rem;
+  }
+
+  .lg\:-m-16 {
+    margin: -4rem;
+  }
+
+  .lg\:-m-20 {
+    margin: -5rem;
+  }
+
+  .lg\:-m-24 {
+    margin: -6rem;
+  }
+
+  .lg\:-m-28 {
+    margin: -7rem;
+  }
+
+  .lg\:-m-32 {
+    margin: -8rem;
+  }
+
+  .lg\:-m-36 {
+    margin: -9rem;
+  }
+
+  .lg\:-m-40 {
+    margin: -10rem;
+  }
+
+  .lg\:-m-44 {
+    margin: -11rem;
+  }
+
+  .lg\:-m-48 {
+    margin: -12rem;
+  }
+
+  .lg\:-m-52 {
+    margin: -13rem;
+  }
+
+  .lg\:-m-56 {
+    margin: -14rem;
+  }
+
+  .lg\:-m-60 {
+    margin: -15rem;
+  }
+
+  .lg\:-m-64 {
+    margin: -16rem;
+  }
+
+  .lg\:-m-72 {
+    margin: -18rem;
+  }
+
+  .lg\:-m-80 {
+    margin: -20rem;
+  }
+
+  .lg\:-m-96 {
+    margin: -24rem;
+  }
+
+  .lg\:-m-px {
+    margin: -1px;
+  }
+
+  .lg\:-m-0\.5 {
+    margin: -0.125rem;
+  }
+
+  .lg\:-m-1\.5 {
+    margin: -0.375rem;
+  }
+
+  .lg\:-m-2\.5 {
+    margin: -0.625rem;
+  }
+
+  .lg\:-m-3\.5 {
+    margin: -0.875rem;
+  }
+
+  .lg\:my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .lg\:mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .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-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
+  .lg\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
+  .lg\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .lg\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .lg\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
+  }
+
+  .lg\:mx-9 {
+    margin-left: 2.25rem;
+    margin-right: 2.25rem;
+  }
+
+  .lg\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .lg\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .lg\:my-11 {
+    margin-top: 2.75rem;
+    margin-bottom: 2.75rem;
+  }
+
+  .lg\:mx-11 {
+    margin-left: 2.75rem;
+    margin-right: 2.75rem;
+  }
+
+  .lg\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .lg\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .lg\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .lg\:mx-14 {
+    margin-left: 3.5rem;
+    margin-right: 3.5rem;
+  }
+
+  .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-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+
+  .lg\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+
+  .lg\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .lg\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .lg\:my-36 {
+    margin-top: 9rem;
+    margin-bottom: 9rem;
+  }
+
+  .lg\:mx-36 {
+    margin-left: 9rem;
+    margin-right: 9rem;
+  }
+
+  .lg\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .lg\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .lg\:my-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .lg\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
+  .lg\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .lg\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .lg\:my-52 {
+    margin-top: 13rem;
+    margin-bottom: 13rem;
+  }
+
+  .lg\:mx-52 {
+    margin-left: 13rem;
+    margin-right: 13rem;
+  }
+
+  .lg\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .lg\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .lg\:my-60 {
+    margin-top: 15rem;
+    margin-bottom: 15rem;
+  }
+
+  .lg\:mx-60 {
+    margin-left: 15rem;
+    margin-right: 15rem;
+  }
+
+  .lg\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .lg\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .lg\:my-72 {
+    margin-top: 18rem;
+    margin-bottom: 18rem;
+  }
+
+  .lg\:mx-72 {
+    margin-left: 18rem;
+    margin-right: 18rem;
+  }
+
+  .lg\:my-80 {
+    margin-top: 20rem;
+    margin-bottom: 20rem;
+  }
+
+  .lg\:mx-80 {
+    margin-left: 20rem;
+    margin-right: 20rem;
+  }
+
+  .lg\:my-96 {
+    margin-top: 24rem;
+    margin-bottom: 24rem;
+  }
+
+  .lg\:mx-96 {
+    margin-left: 24rem;
+    margin-right: 24rem;
+  }
+
+  .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-0\.5 {
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+  }
+
+  .lg\:mx-0\.5 {
+    margin-left: 0.125rem;
+    margin-right: 0.125rem;
+  }
+
+  .lg\:my-1\.5 {
+    margin-top: 0.375rem;
+    margin-bottom: 0.375rem;
+  }
+
+  .lg\:mx-1\.5 {
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+
+  .lg\:my-2\.5 {
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
+
+  .lg\:mx-2\.5 {
+    margin-left: 0.625rem;
+    margin-right: 0.625rem;
+  }
+
+  .lg\:my-3\.5 {
+    margin-top: 0.875rem;
+    margin-bottom: 0.875rem;
+  }
+
+  .lg\:mx-3\.5 {
+    margin-left: 0.875rem;
+    margin-right: 0.875rem;
+  }
+
+  .lg\:-my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .lg\:-mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .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-7 {
+    margin-top: -1.75rem;
+    margin-bottom: -1.75rem;
+  }
+
+  .lg\:-mx-7 {
+    margin-left: -1.75rem;
+    margin-right: -1.75rem;
+  }
+
+  .lg\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .lg\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .lg\:-my-9 {
+    margin-top: -2.25rem;
+    margin-bottom: -2.25rem;
+  }
+
+  .lg\:-mx-9 {
+    margin-left: -2.25rem;
+    margin-right: -2.25rem;
+  }
+
+  .lg\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .lg\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .lg\:-my-11 {
+    margin-top: -2.75rem;
+    margin-bottom: -2.75rem;
+  }
+
+  .lg\:-mx-11 {
+    margin-left: -2.75rem;
+    margin-right: -2.75rem;
+  }
+
+  .lg\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .lg\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .lg\:-my-14 {
+    margin-top: -3.5rem;
+    margin-bottom: -3.5rem;
+  }
+
+  .lg\:-mx-14 {
+    margin-left: -3.5rem;
+    margin-right: -3.5rem;
+  }
+
+  .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-28 {
+    margin-top: -7rem;
+    margin-bottom: -7rem;
+  }
+
+  .lg\:-mx-28 {
+    margin-left: -7rem;
+    margin-right: -7rem;
+  }
+
+  .lg\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .lg\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .lg\:-my-36 {
+    margin-top: -9rem;
+    margin-bottom: -9rem;
+  }
+
+  .lg\:-mx-36 {
+    margin-left: -9rem;
+    margin-right: -9rem;
+  }
+
+  .lg\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .lg\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .lg\:-my-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .lg\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
+  .lg\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .lg\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .lg\:-my-52 {
+    margin-top: -13rem;
+    margin-bottom: -13rem;
+  }
+
+  .lg\:-mx-52 {
+    margin-left: -13rem;
+    margin-right: -13rem;
+  }
+
+  .lg\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .lg\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .lg\:-my-60 {
+    margin-top: -15rem;
+    margin-bottom: -15rem;
+  }
+
+  .lg\:-mx-60 {
+    margin-left: -15rem;
+    margin-right: -15rem;
+  }
+
+  .lg\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .lg\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .lg\:-my-72 {
+    margin-top: -18rem;
+    margin-bottom: -18rem;
+  }
+
+  .lg\:-mx-72 {
+    margin-left: -18rem;
+    margin-right: -18rem;
+  }
+
+  .lg\:-my-80 {
+    margin-top: -20rem;
+    margin-bottom: -20rem;
+  }
+
+  .lg\:-mx-80 {
+    margin-left: -20rem;
+    margin-right: -20rem;
+  }
+
+  .lg\:-my-96 {
+    margin-top: -24rem;
+    margin-bottom: -24rem;
+  }
+
+  .lg\:-mx-96 {
+    margin-left: -24rem;
+    margin-right: -24rem;
+  }
+
+  .lg\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .lg\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .lg\:-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }
+
+  .lg\:-mx-0\.5 {
+    margin-left: -0.125rem;
+    margin-right: -0.125rem;
+  }
+
+  .lg\:-my-1\.5 {
+    margin-top: -0.375rem;
+    margin-bottom: -0.375rem;
+  }
+
+  .lg\:-mx-1\.5 {
+    margin-left: -0.375rem;
+    margin-right: -0.375rem;
+  }
+
+  .lg\:-my-2\.5 {
+    margin-top: -0.625rem;
+    margin-bottom: -0.625rem;
+  }
+
+  .lg\:-mx-2\.5 {
+    margin-left: -0.625rem;
+    margin-right: -0.625rem;
+  }
+
+  .lg\:-my-3\.5 {
+    margin-top: -0.875rem;
+    margin-bottom: -0.875rem;
+  }
+
+  .lg\:-mx-3\.5 {
+    margin-left: -0.875rem;
+    margin-right: -0.875rem;
+  }
+
+  .lg\:mt-0 {
+    margin-top: 0px;
+  }
+
+  .lg\:mr-0 {
+    margin-right: 0px;
+  }
+
+  .lg\:mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .lg\:ml-0 {
+    margin-left: 0px;
+  }
+
+  .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;
+  }
+
+  .lg\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .lg\:mr-6 {
+    margin-right: 1.5rem;
+  }
+
+  .lg\:mb-6 {
+    margin-bottom: 1.5rem;
+  }
+
+  .lg\:ml-6 {
+    margin-left: 1.5rem;
+  }
+
+  .lg\:mt-7 {
+    margin-top: 1.75rem;
+  }
+
+  .lg\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .lg\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
+  .lg\:ml-7 {
+    margin-left: 1.75rem;
+  }
+
+  .lg\:mt-8 {
+    margin-top: 2rem;
+  }
+
+  .lg\:mr-8 {
+    margin-right: 2rem;
+  }
+
+  .lg\:mb-8 {
+    margin-bottom: 2rem;
+  }
+
+  .lg\:ml-8 {
+    margin-left: 2rem;
+  }
+
+  .lg\:mt-9 {
+    margin-top: 2.25rem;
+  }
+
+  .lg\:mr-9 {
+    margin-right: 2.25rem;
+  }
+
+  .lg\:mb-9 {
+    margin-bottom: 2.25rem;
+  }
+
+  .lg\:ml-9 {
+    margin-left: 2.25rem;
+  }
+
+  .lg\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
+  .lg\:mr-10 {
+    margin-right: 2.5rem;
+  }
+
+  .lg\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
+  .lg\:ml-10 {
+    margin-left: 2.5rem;
+  }
+
+  .lg\:mt-11 {
+    margin-top: 2.75rem;
+  }
+
+  .lg\:mr-11 {
+    margin-right: 2.75rem;
+  }
+
+  .lg\:mb-11 {
+    margin-bottom: 2.75rem;
+  }
+
+  .lg\:ml-11 {
+    margin-left: 2.75rem;
+  }
+
+  .lg\:mt-12 {
+    margin-top: 3rem;
+  }
+
+  .lg\:mr-12 {
+    margin-right: 3rem;
+  }
+
+  .lg\:mb-12 {
+    margin-bottom: 3rem;
+  }
+
+  .lg\:ml-12 {
+    margin-left: 3rem;
+  }
+
+  .lg\:mt-14 {
+    margin-top: 3.5rem;
+  }
+
+  .lg\:mr-14 {
+    margin-right: 3.5rem;
+  }
+
+  .lg\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .lg\:ml-14 {
+    margin-left: 3.5rem;
+  }
+
+  .lg\:mt-16 {
+    margin-top: 4rem;
+  }
+
+  .lg\:mr-16 {
+    margin-right: 4rem;
+  }
+
+  .lg\:mb-16 {
+    margin-bottom: 4rem;
+  }
+
+  .lg\:ml-16 {
+    margin-left: 4rem;
+  }
+
+  .lg\:mt-20 {
+    margin-top: 5rem;
+  }
+
+  .lg\:mr-20 {
+    margin-right: 5rem;
+  }
+
+  .lg\:mb-20 {
+    margin-bottom: 5rem;
+  }
+
+  .lg\:ml-20 {
+    margin-left: 5rem;
+  }
+
+  .lg\:mt-24 {
+    margin-top: 6rem;
+  }
+
+  .lg\:mr-24 {
+    margin-right: 6rem;
+  }
+
+  .lg\:mb-24 {
+    margin-bottom: 6rem;
+  }
+
+  .lg\:ml-24 {
+    margin-left: 6rem;
+  }
+
+  .lg\:mt-28 {
+    margin-top: 7rem;
+  }
+
+  .lg\:mr-28 {
+    margin-right: 7rem;
+  }
+
+  .lg\:mb-28 {
+    margin-bottom: 7rem;
+  }
+
+  .lg\:ml-28 {
+    margin-left: 7rem;
+  }
+
+  .lg\:mt-32 {
+    margin-top: 8rem;
+  }
+
+  .lg\:mr-32 {
+    margin-right: 8rem;
+  }
+
+  .lg\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
+  .lg\:ml-32 {
+    margin-left: 8rem;
+  }
+
+  .lg\:mt-36 {
+    margin-top: 9rem;
+  }
+
+  .lg\:mr-36 {
+    margin-right: 9rem;
+  }
+
+  .lg\:mb-36 {
+    margin-bottom: 9rem;
+  }
+
+  .lg\:ml-36 {
+    margin-left: 9rem;
+  }
+
+  .lg\:mt-40 {
+    margin-top: 10rem;
+  }
+
+  .lg\:mr-40 {
+    margin-right: 10rem;
+  }
+
+  .lg\:mb-40 {
+    margin-bottom: 10rem;
+  }
+
+  .lg\:ml-40 {
+    margin-left: 10rem;
+  }
+
+  .lg\:mt-44 {
+    margin-top: 11rem;
+  }
+
+  .lg\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .lg\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .lg\:ml-44 {
+    margin-left: 11rem;
+  }
+
+  .lg\:mt-48 {
+    margin-top: 12rem;
+  }
+
+  .lg\:mr-48 {
+    margin-right: 12rem;
+  }
+
+  .lg\:mb-48 {
+    margin-bottom: 12rem;
+  }
+
+  .lg\:ml-48 {
+    margin-left: 12rem;
+  }
+
+  .lg\:mt-52 {
+    margin-top: 13rem;
+  }
+
+  .lg\:mr-52 {
+    margin-right: 13rem;
+  }
+
+  .lg\:mb-52 {
+    margin-bottom: 13rem;
+  }
+
+  .lg\:ml-52 {
+    margin-left: 13rem;
+  }
+
+  .lg\:mt-56 {
+    margin-top: 14rem;
+  }
+
+  .lg\:mr-56 {
+    margin-right: 14rem;
+  }
+
+  .lg\:mb-56 {
+    margin-bottom: 14rem;
+  }
+
+  .lg\:ml-56 {
+    margin-left: 14rem;
+  }
+
+  .lg\:mt-60 {
+    margin-top: 15rem;
+  }
+
+  .lg\:mr-60 {
+    margin-right: 15rem;
+  }
+
+  .lg\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .lg\:ml-60 {
+    margin-left: 15rem;
+  }
+
+  .lg\:mt-64 {
+    margin-top: 16rem;
+  }
+
+  .lg\:mr-64 {
+    margin-right: 16rem;
+  }
+
+  .lg\:mb-64 {
+    margin-bottom: 16rem;
+  }
+
+  .lg\:ml-64 {
+    margin-left: 16rem;
+  }
+
+  .lg\:mt-72 {
+    margin-top: 18rem;
+  }
+
+  .lg\:mr-72 {
+    margin-right: 18rem;
+  }
+
+  .lg\:mb-72 {
+    margin-bottom: 18rem;
+  }
+
+  .lg\:ml-72 {
+    margin-left: 18rem;
+  }
+
+  .lg\:mt-80 {
+    margin-top: 20rem;
+  }
+
+  .lg\:mr-80 {
+    margin-right: 20rem;
+  }
+
+  .lg\:mb-80 {
+    margin-bottom: 20rem;
+  }
+
+  .lg\:ml-80 {
+    margin-left: 20rem;
+  }
+
+  .lg\:mt-96 {
+    margin-top: 24rem;
+  }
+
+  .lg\:mr-96 {
+    margin-right: 24rem;
+  }
+
+  .lg\:mb-96 {
+    margin-bottom: 24rem;
+  }
+
+  .lg\:ml-96 {
+    margin-left: 24rem;
+  }
+
+  .lg\:mt-auto {
+    margin-top: auto;
+  }
+
+  .lg\:mr-auto {
+    margin-right: auto;
+  }
+
+  .lg\:mb-auto {
+    margin-bottom: auto;
+  }
+
+  .lg\:ml-auto {
+    margin-left: auto;
+  }
+
+  .lg\:mt-px {
+    margin-top: 1px;
+  }
+
+  .lg\:mr-px {
+    margin-right: 1px;
+  }
+
+  .lg\:mb-px {
+    margin-bottom: 1px;
+  }
+
+  .lg\:ml-px {
+    margin-left: 1px;
+  }
+
+  .lg\:mt-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .lg\:mr-0\.5 {
+    margin-right: 0.125rem;
+  }
+
+  .lg\:mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }
+
+  .lg\:ml-0\.5 {
+    margin-left: 0.125rem;
+  }
+
+  .lg\:mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .lg\:mr-1\.5 {
+    margin-right: 0.375rem;
+  }
+
+  .lg\:mb-1\.5 {
+    margin-bottom: 0.375rem;
+  }
+
+  .lg\:ml-1\.5 {
+    margin-left: 0.375rem;
+  }
+
+  .lg\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
+  .lg\:mr-2\.5 {
+    margin-right: 0.625rem;
+  }
+
+  .lg\:mb-2\.5 {
+    margin-bottom: 0.625rem;
+  }
+
+  .lg\:ml-2\.5 {
+    margin-left: 0.625rem;
+  }
+
+  .lg\:mt-3\.5 {
+    margin-top: 0.875rem;
+  }
+
+  .lg\:mr-3\.5 {
+    margin-right: 0.875rem;
+  }
+
+  .lg\:mb-3\.5 {
+    margin-bottom: 0.875rem;
+  }
+
+  .lg\:ml-3\.5 {
+    margin-left: 0.875rem;
+  }
+
+  .lg\:-mt-0 {
+    margin-top: 0px;
+  }
+
+  .lg\:-mr-0 {
+    margin-right: 0px;
+  }
+
+  .lg\:-mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .lg\:-ml-0 {
+    margin-left: 0px;
+  }
+
+  .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;
+  }
+
+  .lg\:-mt-6 {
+    margin-top: -1.5rem;
+  }
+
+  .lg\:-mr-6 {
+    margin-right: -1.5rem;
+  }
+
+  .lg\:-mb-6 {
+    margin-bottom: -1.5rem;
+  }
+
+  .lg\:-ml-6 {
+    margin-left: -1.5rem;
+  }
+
+  .lg\:-mt-7 {
+    margin-top: -1.75rem;
+  }
+
+  .lg\:-mr-7 {
+    margin-right: -1.75rem;
+  }
+
+  .lg\:-mb-7 {
+    margin-bottom: -1.75rem;
+  }
+
+  .lg\:-ml-7 {
+    margin-left: -1.75rem;
+  }
+
+  .lg\:-mt-8 {
+    margin-top: -2rem;
+  }
+
+  .lg\:-mr-8 {
+    margin-right: -2rem;
+  }
+
+  .lg\:-mb-8 {
+    margin-bottom: -2rem;
+  }
+
+  .lg\:-ml-8 {
+    margin-left: -2rem;
+  }
+
+  .lg\:-mt-9 {
+    margin-top: -2.25rem;
+  }
+
+  .lg\:-mr-9 {
+    margin-right: -2.25rem;
+  }
+
+  .lg\:-mb-9 {
+    margin-bottom: -2.25rem;
+  }
+
+  .lg\:-ml-9 {
+    margin-left: -2.25rem;
+  }
+
+  .lg\:-mt-10 {
+    margin-top: -2.5rem;
+  }
+
+  .lg\:-mr-10 {
+    margin-right: -2.5rem;
+  }
+
+  .lg\:-mb-10 {
+    margin-bottom: -2.5rem;
+  }
+
+  .lg\:-ml-10 {
+    margin-left: -2.5rem;
+  }
+
+  .lg\:-mt-11 {
+    margin-top: -2.75rem;
+  }
+
+  .lg\:-mr-11 {
+    margin-right: -2.75rem;
+  }
+
+  .lg\:-mb-11 {
+    margin-bottom: -2.75rem;
+  }
+
+  .lg\:-ml-11 {
+    margin-left: -2.75rem;
+  }
+
+  .lg\:-mt-12 {
+    margin-top: -3rem;
+  }
+
+  .lg\:-mr-12 {
+    margin-right: -3rem;
+  }
+
+  .lg\:-mb-12 {
+    margin-bottom: -3rem;
+  }
+
+  .lg\:-ml-12 {
+    margin-left: -3rem;
+  }
+
+  .lg\:-mt-14 {
+    margin-top: -3.5rem;
+  }
+
+  .lg\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+
+  .lg\:-mb-14 {
+    margin-bottom: -3.5rem;
+  }
+
+  .lg\:-ml-14 {
+    margin-left: -3.5rem;
+  }
+
+  .lg\:-mt-16 {
+    margin-top: -4rem;
+  }
+
+  .lg\:-mr-16 {
+    margin-right: -4rem;
+  }
+
+  .lg\:-mb-16 {
+    margin-bottom: -4rem;
+  }
+
+  .lg\:-ml-16 {
+    margin-left: -4rem;
+  }
+
+  .lg\:-mt-20 {
+    margin-top: -5rem;
+  }
+
+  .lg\:-mr-20 {
+    margin-right: -5rem;
+  }
+
+  .lg\:-mb-20 {
+    margin-bottom: -5rem;
+  }
+
+  .lg\:-ml-20 {
+    margin-left: -5rem;
+  }
+
+  .lg\:-mt-24 {
+    margin-top: -6rem;
+  }
+
+  .lg\:-mr-24 {
+    margin-right: -6rem;
+  }
+
+  .lg\:-mb-24 {
+    margin-bottom: -6rem;
+  }
+
+  .lg\:-ml-24 {
+    margin-left: -6rem;
+  }
+
+  .lg\:-mt-28 {
+    margin-top: -7rem;
+  }
+
+  .lg\:-mr-28 {
+    margin-right: -7rem;
+  }
+
+  .lg\:-mb-28 {
+    margin-bottom: -7rem;
+  }
+
+  .lg\:-ml-28 {
+    margin-left: -7rem;
+  }
+
+  .lg\:-mt-32 {
+    margin-top: -8rem;
+  }
+
+  .lg\:-mr-32 {
+    margin-right: -8rem;
+  }
+
+  .lg\:-mb-32 {
+    margin-bottom: -8rem;
+  }
+
+  .lg\:-ml-32 {
+    margin-left: -8rem;
+  }
+
+  .lg\:-mt-36 {
+    margin-top: -9rem;
+  }
+
+  .lg\:-mr-36 {
+    margin-right: -9rem;
+  }
+
+  .lg\:-mb-36 {
+    margin-bottom: -9rem;
+  }
+
+  .lg\:-ml-36 {
+    margin-left: -9rem;
+  }
+
+  .lg\:-mt-40 {
+    margin-top: -10rem;
+  }
+
+  .lg\:-mr-40 {
+    margin-right: -10rem;
+  }
+
+  .lg\:-mb-40 {
+    margin-bottom: -10rem;
+  }
+
+  .lg\:-ml-40 {
+    margin-left: -10rem;
+  }
+
+  .lg\:-mt-44 {
+    margin-top: -11rem;
+  }
+
+  .lg\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .lg\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .lg\:-ml-44 {
+    margin-left: -11rem;
+  }
+
+  .lg\:-mt-48 {
+    margin-top: -12rem;
+  }
+
+  .lg\:-mr-48 {
+    margin-right: -12rem;
+  }
+
+  .lg\:-mb-48 {
+    margin-bottom: -12rem;
+  }
+
+  .lg\:-ml-48 {
+    margin-left: -12rem;
+  }
+
+  .lg\:-mt-52 {
+    margin-top: -13rem;
+  }
+
+  .lg\:-mr-52 {
+    margin-right: -13rem;
+  }
+
+  .lg\:-mb-52 {
+    margin-bottom: -13rem;
+  }
+
+  .lg\:-ml-52 {
+    margin-left: -13rem;
+  }
+
+  .lg\:-mt-56 {
+    margin-top: -14rem;
+  }
+
+  .lg\:-mr-56 {
+    margin-right: -14rem;
+  }
+
+  .lg\:-mb-56 {
+    margin-bottom: -14rem;
+  }
+
+  .lg\:-ml-56 {
+    margin-left: -14rem;
+  }
+
+  .lg\:-mt-60 {
+    margin-top: -15rem;
+  }
+
+  .lg\:-mr-60 {
+    margin-right: -15rem;
+  }
+
+  .lg\:-mb-60 {
+    margin-bottom: -15rem;
+  }
+
+  .lg\:-ml-60 {
+    margin-left: -15rem;
+  }
+
+  .lg\:-mt-64 {
+    margin-top: -16rem;
+  }
+
+  .lg\:-mr-64 {
+    margin-right: -16rem;
+  }
+
+  .lg\:-mb-64 {
+    margin-bottom: -16rem;
+  }
+
+  .lg\:-ml-64 {
+    margin-left: -16rem;
+  }
+
+  .lg\:-mt-72 {
+    margin-top: -18rem;
+  }
+
+  .lg\:-mr-72 {
+    margin-right: -18rem;
+  }
+
+  .lg\:-mb-72 {
+    margin-bottom: -18rem;
+  }
+
+  .lg\:-ml-72 {
+    margin-left: -18rem;
+  }
+
+  .lg\:-mt-80 {
+    margin-top: -20rem;
+  }
+
+  .lg\:-mr-80 {
+    margin-right: -20rem;
+  }
+
+  .lg\:-mb-80 {
+    margin-bottom: -20rem;
+  }
+
+  .lg\:-ml-80 {
+    margin-left: -20rem;
+  }
+
+  .lg\:-mt-96 {
+    margin-top: -24rem;
+  }
+
+  .lg\:-mr-96 {
+    margin-right: -24rem;
+  }
+
+  .lg\:-mb-96 {
+    margin-bottom: -24rem;
+  }
+
+  .lg\:-ml-96 {
+    margin-left: -24rem;
+  }
+
+  .lg\:-mt-px {
+    margin-top: -1px;
+  }
+
+  .lg\:-mr-px {
+    margin-right: -1px;
+  }
+
+  .lg\:-mb-px {
+    margin-bottom: -1px;
+  }
+
+  .lg\:-ml-px {
+    margin-left: -1px;
+  }
+
+  .lg\:-mt-0\.5 {
+    margin-top: -0.125rem;
+  }
+
+  .lg\:-mr-0\.5 {
+    margin-right: -0.125rem;
+  }
+
+  .lg\:-mb-0\.5 {
+    margin-bottom: -0.125rem;
+  }
+
+  .lg\:-ml-0\.5 {
+    margin-left: -0.125rem;
+  }
+
+  .lg\:-mt-1\.5 {
+    margin-top: -0.375rem;
+  }
+
+  .lg\:-mr-1\.5 {
+    margin-right: -0.375rem;
+  }
+
+  .lg\:-mb-1\.5 {
+    margin-bottom: -0.375rem;
+  }
+
+  .lg\:-ml-1\.5 {
+    margin-left: -0.375rem;
+  }
+
+  .lg\:-mt-2\.5 {
+    margin-top: -0.625rem;
+  }
+
+  .lg\:-mr-2\.5 {
+    margin-right: -0.625rem;
+  }
+
+  .lg\:-mb-2\.5 {
+    margin-bottom: -0.625rem;
+  }
+
+  .lg\:-ml-2\.5 {
+    margin-left: -0.625rem;
+  }
+
+  .lg\:-mt-3\.5 {
+    margin-top: -0.875rem;
+  }
+
+  .lg\:-mr-3\.5 {
+    margin-right: -0.875rem;
+  }
+
+  .lg\:-mb-3\.5 {
+    margin-bottom: -0.875rem;
+  }
+
+  .lg\:-ml-3\.5 {
+    margin-left: -0.875rem;
+  }
+
+  .lg\:max-h-0 {
+    max-height: 0px;
+  }
+
+  .lg\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .lg\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .lg\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .lg\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .lg\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .lg\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .lg\:max-h-7 {
+    max-height: 1.75rem;
+  }
+
+  .lg\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .lg\:max-h-9 {
+    max-height: 2.25rem;
+  }
+
+  .lg\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .lg\:max-h-11 {
+    max-height: 2.75rem;
+  }
+
+  .lg\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .lg\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .lg\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .lg\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .lg\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .lg\:max-h-28 {
+    max-height: 7rem;
+  }
+
+  .lg\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .lg\:max-h-36 {
+    max-height: 9rem;
+  }
+
+  .lg\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .lg\:max-h-44 {
+    max-height: 11rem;
+  }
+
+  .lg\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .lg\:max-h-52 {
+    max-height: 13rem;
+  }
+
+  .lg\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .lg\:max-h-60 {
+    max-height: 15rem;
+  }
+
+  .lg\:max-h-64 {
+    max-height: 16rem;
+  }
+
+  .lg\:max-h-72 {
+    max-height: 18rem;
+  }
+
+  .lg\:max-h-80 {
+    max-height: 20rem;
+  }
+
+  .lg\:max-h-96 {
+    max-height: 24rem;
+  }
+
+  .lg\:max-h-px {
+    max-height: 1px;
+  }
+
+  .lg\:max-h-0\.5 {
+    max-height: 0.125rem;
+  }
+
+  .lg\:max-h-1\.5 {
+    max-height: 0.375rem;
+  }
+
+  .lg\:max-h-2\.5 {
+    max-height: 0.625rem;
+  }
+
+  .lg\:max-h-3\.5 {
+    max-height: 0.875rem;
+  }
+
+  .lg\:max-h-full {
+    max-height: 100%;
+  }
+
+  .lg\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .lg\:max-w-0 {
+    max-width: 0rem;
+  }
+
+  .lg\:max-w-none {
+    max-width: none;
+  }
+
+  .lg\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .lg\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .lg\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .lg\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .lg\:max-w-xl {
+    max-width: 36rem;
+  }
+
+  .lg\:max-w-2xl {
+    max-width: 42rem;
+  }
+
+  .lg\:max-w-3xl {
+    max-width: 48rem;
+  }
+
+  .lg\:max-w-4xl {
+    max-width: 56rem;
+  }
+
+  .lg\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .lg\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .lg\:max-w-7xl {
+    max-width: 80rem;
+  }
+
+  .lg\:max-w-full {
+    max-width: 100%;
+  }
+
+  .lg\:max-w-min {
+    max-width: -webkit-min-content;
+    max-width: min-content;
+  }
+
+  .lg\:max-w-max {
+    max-width: -webkit-max-content;
+    max-width: max-content;
+  }
+
+  .lg\:max-w-prose {
+    max-width: 65ch;
+  }
+
+  .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\:max-w-screen-2xl {
+    max-width: 1536px;
+  }
+
+  .lg\:min-h-0 {
+    min-height: 0px;
+  }
+
+  .lg\:min-h-full {
+    min-height: 100%;
+  }
+
+  .lg\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .lg\:min-w-0 {
+    min-width: 0px;
+  }
+
+  .lg\:min-w-full {
+    min-width: 100%;
+  }
+
+  .lg\:min-w-min {
+    min-width: -webkit-min-content;
+    min-width: min-content;
+  }
+
+  .lg\:min-w-max {
+    min-width: -webkit-max-content;
+    min-width: max-content;
+  }
+
+  .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\:object-left-bottom {
+    object-position: left bottom;
+  }
+
+  .lg\:object-left-top {
+    object-position: left top;
+  }
+
+  .lg\:object-right {
+    object-position: right;
+  }
+
+  .lg\:object-right-bottom {
+    object-position: right bottom;
+  }
+
+  .lg\:object-right-top {
+    object-position: right top;
+  }
+
+  .lg\:object-top {
+    object-position: top;
+  }
+
+  .lg\:opacity-0 {
+    opacity: 0;
+  }
+
+  .lg\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .lg\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .lg\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .lg\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .lg\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .lg\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .lg\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .lg\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .lg\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .lg\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .lg\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .lg\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .lg\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .lg\:opacity-100 {
+    opacity: 1;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .group:hover .lg\:group-hover\:opacity-100 {
+    opacity: 1;
+  }
+
+  .lg\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .lg\:focus-within\:opacity-5:focus-within {
+    opacity: 0.05;
+  }
+
+  .lg\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .lg\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .lg\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .lg\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .lg\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .lg\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .lg\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .lg\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .lg\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .lg\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .lg\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .lg\:focus-within\:opacity-95:focus-within {
+    opacity: 0.95;
+  }
+
+  .lg\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
+  .lg\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .lg\:hover\:opacity-5:hover {
+    opacity: 0.05;
+  }
+
+  .lg\:hover\:opacity-10:hover {
+    opacity: 0.1;
+  }
+
+  .lg\:hover\:opacity-20:hover {
+    opacity: 0.2;
+  }
+
+  .lg\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .lg\:hover\:opacity-30:hover {
+    opacity: 0.3;
+  }
+
+  .lg\:hover\:opacity-40:hover {
+    opacity: 0.4;
+  }
+
+  .lg\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .lg\:hover\:opacity-60:hover {
+    opacity: 0.6;
+  }
+
+  .lg\:hover\:opacity-70:hover {
+    opacity: 0.7;
+  }
+
+  .lg\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .lg\:hover\:opacity-80:hover {
+    opacity: 0.8;
+  }
+
+  .lg\:hover\:opacity-90:hover {
+    opacity: 0.9;
+  }
+
+  .lg\:hover\:opacity-95:hover {
+    opacity: 0.95;
+  }
+
+  .lg\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .lg\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .lg\:focus\:opacity-5:focus {
+    opacity: 0.05;
+  }
+
+  .lg\:focus\:opacity-10:focus {
+    opacity: 0.1;
+  }
+
+  .lg\:focus\:opacity-20:focus {
+    opacity: 0.2;
+  }
+
+  .lg\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .lg\:focus\:opacity-30:focus {
+    opacity: 0.3;
+  }
+
+  .lg\:focus\:opacity-40:focus {
+    opacity: 0.4;
+  }
+
+  .lg\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .lg\:focus\:opacity-60:focus {
+    opacity: 0.6;
+  }
+
+  .lg\:focus\:opacity-70:focus {
+    opacity: 0.7;
+  }
+
+  .lg\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .lg\:focus\:opacity-80:focus {
+    opacity: 0.8;
+  }
+
+  .lg\:focus\:opacity-90:focus {
+    opacity: 0.9;
+  }
+
+  .lg\:focus\:opacity-95:focus {
+    opacity: 0.95;
+  }
+
+  .lg\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .lg\:outline-none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .lg\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .lg\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus-within\:outline-none:focus-within {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus-within\:outline-white:focus-within {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus-within\:outline-black:focus-within {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .lg\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .lg\:overflow-auto {
+    overflow: auto;
+  }
+
+  .lg\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .lg\:overflow-visible {
+    overflow: visible;
+  }
+
+  .lg\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .lg\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .lg\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .lg\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .lg\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .lg\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .lg\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .lg\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .lg\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .lg\:overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .lg\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .lg\:overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .lg\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .lg\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .lg\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .lg\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .lg\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .lg\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .lg\:p-0 {
+    padding: 0px;
+  }
+
+  .lg\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .lg\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .lg\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .lg\:p-4 {
+    padding: 1rem;
+  }
+
+  .lg\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .lg\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .lg\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .lg\:p-8 {
+    padding: 2rem;
+  }
+
+  .lg\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .lg\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .lg\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .lg\:p-12 {
+    padding: 3rem;
+  }
+
+  .lg\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .lg\:p-16 {
+    padding: 4rem;
+  }
+
+  .lg\:p-20 {
+    padding: 5rem;
+  }
+
+  .lg\:p-24 {
+    padding: 6rem;
+  }
+
+  .lg\:p-28 {
+    padding: 7rem;
+  }
+
+  .lg\:p-32 {
+    padding: 8rem;
+  }
+
+  .lg\:p-36 {
+    padding: 9rem;
+  }
+
+  .lg\:p-40 {
+    padding: 10rem;
+  }
+
+  .lg\:p-44 {
+    padding: 11rem;
+  }
+
+  .lg\:p-48 {
+    padding: 12rem;
+  }
+
+  .lg\:p-52 {
+    padding: 13rem;
+  }
+
+  .lg\:p-56 {
+    padding: 14rem;
+  }
+
+  .lg\:p-60 {
+    padding: 15rem;
+  }
+
+  .lg\:p-64 {
+    padding: 16rem;
+  }
+
+  .lg\:p-72 {
+    padding: 18rem;
+  }
+
+  .lg\:p-80 {
+    padding: 20rem;
+  }
+
+  .lg\:p-96 {
+    padding: 24rem;
+  }
+
+  .lg\:p-px {
+    padding: 1px;
+  }
+
+  .lg\:p-0\.5 {
+    padding: 0.125rem;
+  }
+
+  .lg\:p-1\.5 {
+    padding: 0.375rem;
+  }
+
+  .lg\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
+  .lg\:p-3\.5 {
+    padding: 0.875rem;
+  }
+
+  .lg\:py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .lg\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .lg\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .lg\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .lg\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .lg\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .lg\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .lg\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .lg\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .lg\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .lg\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .lg\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .lg\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .lg\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .lg\:py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
+  .lg\:px-7 {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+
+  .lg\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .lg\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .lg\:py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .lg\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .lg\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .lg\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .lg\:py-11 {
+    padding-top: 2.75rem;
+    padding-bottom: 2.75rem;
+  }
+
+  .lg\:px-11 {
+    padding-left: 2.75rem;
+    padding-right: 2.75rem;
+  }
+
+  .lg\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .lg\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .lg\:py-14 {
+    padding-top: 3.5rem;
+    padding-bottom: 3.5rem;
+  }
+
+  .lg\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+
+  .lg\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .lg\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
+  .lg\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+
+  .lg\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
+  .lg\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
+
+  .lg\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
+
+  .lg\:py-28 {
+    padding-top: 7rem;
+    padding-bottom: 7rem;
+  }
+
+  .lg\:px-28 {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .lg\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .lg\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .lg\:py-36 {
+    padding-top: 9rem;
+    padding-bottom: 9rem;
+  }
+
+  .lg\:px-36 {
+    padding-left: 9rem;
+    padding-right: 9rem;
+  }
+
+  .lg\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .lg\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .lg\:py-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .lg\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
+  .lg\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .lg\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .lg\:py-52 {
+    padding-top: 13rem;
+    padding-bottom: 13rem;
+  }
+
+  .lg\:px-52 {
+    padding-left: 13rem;
+    padding-right: 13rem;
+  }
+
+  .lg\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .lg\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .lg\:py-60 {
+    padding-top: 15rem;
+    padding-bottom: 15rem;
+  }
+
+  .lg\:px-60 {
+    padding-left: 15rem;
+    padding-right: 15rem;
+  }
+
+  .lg\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .lg\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .lg\:py-72 {
+    padding-top: 18rem;
+    padding-bottom: 18rem;
+  }
+
+  .lg\:px-72 {
+    padding-left: 18rem;
+    padding-right: 18rem;
+  }
+
+  .lg\:py-80 {
+    padding-top: 20rem;
+    padding-bottom: 20rem;
+  }
+
+  .lg\:px-80 {
+    padding-left: 20rem;
+    padding-right: 20rem;
+  }
+
+  .lg\:py-96 {
+    padding-top: 24rem;
+    padding-bottom: 24rem;
+  }
+
+  .lg\:px-96 {
+    padding-left: 24rem;
+    padding-right: 24rem;
+  }
+
+  .lg\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .lg\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .lg\:py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+
+  .lg\:px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }
+
+  .lg\:py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }
+
+  .lg\:px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
+  .lg\:py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .lg\:px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }
+
+  .lg\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .lg\:px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }
+
+  .lg\:pt-0 {
+    padding-top: 0px;
+  }
+
+  .lg\:pr-0 {
+    padding-right: 0px;
+  }
+
+  .lg\:pb-0 {
+    padding-bottom: 0px;
+  }
+
+  .lg\:pl-0 {
+    padding-left: 0px;
+  }
+
+  .lg\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .lg\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .lg\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .lg\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .lg\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .lg\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .lg\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .lg\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .lg\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .lg\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .lg\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .lg\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .lg\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .lg\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .lg\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .lg\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .lg\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .lg\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .lg\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .lg\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .lg\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .lg\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .lg\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .lg\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .lg\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
+  .lg\:pr-7 {
+    padding-right: 1.75rem;
+  }
+
+  .lg\:pb-7 {
+    padding-bottom: 1.75rem;
+  }
+
+  .lg\:pl-7 {
+    padding-left: 1.75rem;
+  }
+
+  .lg\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .lg\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .lg\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .lg\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .lg\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
+  .lg\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .lg\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .lg\:pl-9 {
+    padding-left: 2.25rem;
+  }
+
+  .lg\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .lg\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .lg\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .lg\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .lg\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
+  .lg\:pr-11 {
+    padding-right: 2.75rem;
+  }
+
+  .lg\:pb-11 {
+    padding-bottom: 2.75rem;
+  }
+
+  .lg\:pl-11 {
+    padding-left: 2.75rem;
+  }
+
+  .lg\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .lg\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .lg\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .lg\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .lg\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .lg\:pr-14 {
+    padding-right: 3.5rem;
+  }
+
+  .lg\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
+  .lg\:pl-14 {
+    padding-left: 3.5rem;
+  }
+
+  .lg\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .lg\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .lg\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .lg\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .lg\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .lg\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .lg\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .lg\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .lg\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .lg\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .lg\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .lg\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .lg\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .lg\:pr-28 {
+    padding-right: 7rem;
+  }
+
+  .lg\:pb-28 {
+    padding-bottom: 7rem;
+  }
+
+  .lg\:pl-28 {
+    padding-left: 7rem;
+  }
+
+  .lg\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .lg\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .lg\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .lg\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .lg\:pt-36 {
+    padding-top: 9rem;
+  }
+
+  .lg\:pr-36 {
+    padding-right: 9rem;
+  }
+
+  .lg\:pb-36 {
+    padding-bottom: 9rem;
+  }
+
+  .lg\:pl-36 {
+    padding-left: 9rem;
+  }
+
+  .lg\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .lg\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .lg\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .lg\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .lg\:pt-44 {
+    padding-top: 11rem;
+  }
+
+  .lg\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .lg\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .lg\:pl-44 {
+    padding-left: 11rem;
+  }
+
+  .lg\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .lg\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .lg\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .lg\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .lg\:pt-52 {
+    padding-top: 13rem;
+  }
+
+  .lg\:pr-52 {
+    padding-right: 13rem;
+  }
+
+  .lg\:pb-52 {
+    padding-bottom: 13rem;
+  }
+
+  .lg\:pl-52 {
+    padding-left: 13rem;
+  }
+
+  .lg\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .lg\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .lg\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .lg\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .lg\:pt-60 {
+    padding-top: 15rem;
+  }
+
+  .lg\:pr-60 {
+    padding-right: 15rem;
+  }
+
+  .lg\:pb-60 {
+    padding-bottom: 15rem;
+  }
+
+  .lg\:pl-60 {
+    padding-left: 15rem;
+  }
+
+  .lg\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .lg\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .lg\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .lg\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .lg\:pt-72 {
+    padding-top: 18rem;
+  }
+
+  .lg\:pr-72 {
+    padding-right: 18rem;
+  }
+
+  .lg\:pb-72 {
+    padding-bottom: 18rem;
+  }
+
+  .lg\:pl-72 {
+    padding-left: 18rem;
+  }
+
+  .lg\:pt-80 {
+    padding-top: 20rem;
+  }
+
+  .lg\:pr-80 {
+    padding-right: 20rem;
+  }
+
+  .lg\:pb-80 {
+    padding-bottom: 20rem;
+  }
+
+  .lg\:pl-80 {
+    padding-left: 20rem;
+  }
+
+  .lg\:pt-96 {
+    padding-top: 24rem;
+  }
+
+  .lg\:pr-96 {
+    padding-right: 24rem;
+  }
+
+  .lg\:pb-96 {
+    padding-bottom: 24rem;
+  }
+
+  .lg\:pl-96 {
+    padding-left: 24rem;
+  }
+
+  .lg\:pt-px {
+    padding-top: 1px;
+  }
+
+  .lg\:pr-px {
+    padding-right: 1px;
+  }
+
+  .lg\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .lg\:pl-px {
+    padding-left: 1px;
+  }
+
+  .lg\:pt-0\.5 {
+    padding-top: 0.125rem;
+  }
+
+  .lg\:pr-0\.5 {
+    padding-right: 0.125rem;
+  }
+
+  .lg\:pb-0\.5 {
+    padding-bottom: 0.125rem;
+  }
+
+  .lg\:pl-0\.5 {
+    padding-left: 0.125rem;
+  }
+
+  .lg\:pt-1\.5 {
+    padding-top: 0.375rem;
+  }
+
+  .lg\:pr-1\.5 {
+    padding-right: 0.375rem;
+  }
+
+  .lg\:pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }
+
+  .lg\:pl-1\.5 {
+    padding-left: 0.375rem;
+  }
+
+  .lg\:pt-2\.5 {
+    padding-top: 0.625rem;
+  }
+
+  .lg\:pr-2\.5 {
+    padding-right: 0.625rem;
+  }
+
+  .lg\:pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+
+  .lg\:pl-2\.5 {
+    padding-left: 0.625rem;
+  }
+
+  .lg\:pt-3\.5 {
+    padding-top: 0.875rem;
+  }
+
+  .lg\:pr-3\.5 {
+    padding-right: 0.875rem;
+  }
+
+  .lg\:pb-3\.5 {
+    padding-bottom: 0.875rem;
+  }
+
+  .lg\:pl-3\.5 {
+    padding-left: 0.875rem;
+  }
+
+  .lg\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .lg\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .lg\:placeholder-black::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-white::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-red-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-yellow-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-green-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-blue-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-indigo-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-purple-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-pink-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .lg\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .lg\:focus\:placeholder-black:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-white:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-red-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-yellow-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-green-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-blue-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-indigo-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-purple-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-pink-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-opacity-0::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .lg\:placeholder-opacity-5::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .lg\:placeholder-opacity-10::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .lg\:placeholder-opacity-20::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .lg\:placeholder-opacity-25::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .lg\:placeholder-opacity-30::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .lg\:placeholder-opacity-40::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .lg\:placeholder-opacity-50::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .lg\:placeholder-opacity-60::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .lg\:placeholder-opacity-70::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .lg\:placeholder-opacity-75::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .lg\:placeholder-opacity-80::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .lg\:placeholder-opacity-90::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .lg\:placeholder-opacity-95::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .lg\:placeholder-opacity-100::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .lg\:focus\:placeholder-opacity-0:focus::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .lg\:focus\:placeholder-opacity-5:focus::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .lg\:focus\:placeholder-opacity-10:focus::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .lg\:focus\:placeholder-opacity-20:focus::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .lg\:focus\:placeholder-opacity-25:focus::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .lg\:focus\:placeholder-opacity-30:focus::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .lg\:focus\:placeholder-opacity-40:focus::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .lg\:focus\:placeholder-opacity-50:focus::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .lg\:focus\:placeholder-opacity-60:focus::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .lg\:focus\:placeholder-opacity-70:focus::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .lg\:focus\:placeholder-opacity-75:focus::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .lg\:focus\:placeholder-opacity-80:focus::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .lg\:focus\:placeholder-opacity-90:focus::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .lg\:focus\:placeholder-opacity-95:focus::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .lg\:focus\:placeholder-opacity-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .lg\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .lg\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .lg\:static {
+    position: static;
+  }
+
+  .lg\:fixed {
+    position: fixed;
+  }
+
+  .lg\:absolute {
+    position: absolute;
+  }
+
+  .lg\:relative {
+    position: relative;
+  }
+
+  .lg\:sticky {
+    position: -webkit-sticky;
+    position: sticky;
+  }
+
+  .lg\:inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .lg\:inset-1 {
+    top: 0.25rem;
+    right: 0.25rem;
+    bottom: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .lg\:inset-2 {
+    top: 0.5rem;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .lg\:inset-3 {
+    top: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .lg\:inset-4 {
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  .lg\:inset-5 {
+    top: 1.25rem;
+    right: 1.25rem;
+    bottom: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .lg\:inset-6 {
+    top: 1.5rem;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .lg\:inset-7 {
+    top: 1.75rem;
+    right: 1.75rem;
+    bottom: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .lg\:inset-8 {
+    top: 2rem;
+    right: 2rem;
+    bottom: 2rem;
+    left: 2rem;
+  }
+
+  .lg\:inset-9 {
+    top: 2.25rem;
+    right: 2.25rem;
+    bottom: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .lg\:inset-10 {
+    top: 2.5rem;
+    right: 2.5rem;
+    bottom: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .lg\:inset-11 {
+    top: 2.75rem;
+    right: 2.75rem;
+    bottom: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .lg\:inset-12 {
+    top: 3rem;
+    right: 3rem;
+    bottom: 3rem;
+    left: 3rem;
+  }
+
+  .lg\:inset-14 {
+    top: 3.5rem;
+    right: 3.5rem;
+    bottom: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .lg\:inset-16 {
+    top: 4rem;
+    right: 4rem;
+    bottom: 4rem;
+    left: 4rem;
+  }
+
+  .lg\:inset-20 {
+    top: 5rem;
+    right: 5rem;
+    bottom: 5rem;
+    left: 5rem;
+  }
+
+  .lg\:inset-24 {
+    top: 6rem;
+    right: 6rem;
+    bottom: 6rem;
+    left: 6rem;
+  }
+
+  .lg\:inset-28 {
+    top: 7rem;
+    right: 7rem;
+    bottom: 7rem;
+    left: 7rem;
+  }
+
+  .lg\:inset-32 {
+    top: 8rem;
+    right: 8rem;
+    bottom: 8rem;
+    left: 8rem;
+  }
+
+  .lg\:inset-36 {
+    top: 9rem;
+    right: 9rem;
+    bottom: 9rem;
+    left: 9rem;
+  }
+
+  .lg\:inset-40 {
+    top: 10rem;
+    right: 10rem;
+    bottom: 10rem;
+    left: 10rem;
+  }
+
+  .lg\:inset-44 {
+    top: 11rem;
+    right: 11rem;
+    bottom: 11rem;
+    left: 11rem;
+  }
+
+  .lg\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .lg\:inset-52 {
+    top: 13rem;
+    right: 13rem;
+    bottom: 13rem;
+    left: 13rem;
+  }
+
+  .lg\:inset-56 {
+    top: 14rem;
+    right: 14rem;
+    bottom: 14rem;
+    left: 14rem;
+  }
+
+  .lg\:inset-60 {
+    top: 15rem;
+    right: 15rem;
+    bottom: 15rem;
+    left: 15rem;
+  }
+
+  .lg\:inset-64 {
+    top: 16rem;
+    right: 16rem;
+    bottom: 16rem;
+    left: 16rem;
+  }
+
+  .lg\:inset-72 {
+    top: 18rem;
+    right: 18rem;
+    bottom: 18rem;
+    left: 18rem;
+  }
+
+  .lg\:inset-80 {
+    top: 20rem;
+    right: 20rem;
+    bottom: 20rem;
+    left: 20rem;
+  }
+
+  .lg\:inset-96 {
+    top: 24rem;
+    right: 24rem;
+    bottom: 24rem;
+    left: 24rem;
+  }
+
+  .lg\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .lg\:inset-px {
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+  }
+
+  .lg\:inset-0\.5 {
+    top: 0.125rem;
+    right: 0.125rem;
+    bottom: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .lg\:inset-1\.5 {
+    top: 0.375rem;
+    right: 0.375rem;
+    bottom: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .lg\:inset-2\.5 {
+    top: 0.625rem;
+    right: 0.625rem;
+    bottom: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .lg\:inset-3\.5 {
+    top: 0.875rem;
+    right: 0.875rem;
+    bottom: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .lg\:-inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .lg\:-inset-1 {
+    top: -0.25rem;
+    right: -0.25rem;
+    bottom: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .lg\:-inset-2 {
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .lg\:-inset-3 {
+    top: -0.75rem;
+    right: -0.75rem;
+    bottom: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .lg\:-inset-4 {
+    top: -1rem;
+    right: -1rem;
+    bottom: -1rem;
+    left: -1rem;
+  }
+
+  .lg\:-inset-5 {
+    top: -1.25rem;
+    right: -1.25rem;
+    bottom: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .lg\:-inset-6 {
+    top: -1.5rem;
+    right: -1.5rem;
+    bottom: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .lg\:-inset-7 {
+    top: -1.75rem;
+    right: -1.75rem;
+    bottom: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .lg\:-inset-8 {
+    top: -2rem;
+    right: -2rem;
+    bottom: -2rem;
+    left: -2rem;
+  }
+
+  .lg\:-inset-9 {
+    top: -2.25rem;
+    right: -2.25rem;
+    bottom: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .lg\:-inset-10 {
+    top: -2.5rem;
+    right: -2.5rem;
+    bottom: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .lg\:-inset-11 {
+    top: -2.75rem;
+    right: -2.75rem;
+    bottom: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .lg\:-inset-12 {
+    top: -3rem;
+    right: -3rem;
+    bottom: -3rem;
+    left: -3rem;
+  }
+
+  .lg\:-inset-14 {
+    top: -3.5rem;
+    right: -3.5rem;
+    bottom: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .lg\:-inset-16 {
+    top: -4rem;
+    right: -4rem;
+    bottom: -4rem;
+    left: -4rem;
+  }
+
+  .lg\:-inset-20 {
+    top: -5rem;
+    right: -5rem;
+    bottom: -5rem;
+    left: -5rem;
+  }
+
+  .lg\:-inset-24 {
+    top: -6rem;
+    right: -6rem;
+    bottom: -6rem;
+    left: -6rem;
+  }
+
+  .lg\:-inset-28 {
+    top: -7rem;
+    right: -7rem;
+    bottom: -7rem;
+    left: -7rem;
+  }
+
+  .lg\:-inset-32 {
+    top: -8rem;
+    right: -8rem;
+    bottom: -8rem;
+    left: -8rem;
+  }
+
+  .lg\:-inset-36 {
+    top: -9rem;
+    right: -9rem;
+    bottom: -9rem;
+    left: -9rem;
+  }
+
+  .lg\:-inset-40 {
+    top: -10rem;
+    right: -10rem;
+    bottom: -10rem;
+    left: -10rem;
+  }
+
+  .lg\:-inset-44 {
+    top: -11rem;
+    right: -11rem;
+    bottom: -11rem;
+    left: -11rem;
+  }
+
+  .lg\:-inset-48 {
+    top: -12rem;
+    right: -12rem;
+    bottom: -12rem;
+    left: -12rem;
+  }
+
+  .lg\:-inset-52 {
+    top: -13rem;
+    right: -13rem;
+    bottom: -13rem;
+    left: -13rem;
+  }
+
+  .lg\:-inset-56 {
+    top: -14rem;
+    right: -14rem;
+    bottom: -14rem;
+    left: -14rem;
+  }
+
+  .lg\:-inset-60 {
+    top: -15rem;
+    right: -15rem;
+    bottom: -15rem;
+    left: -15rem;
+  }
+
+  .lg\:-inset-64 {
+    top: -16rem;
+    right: -16rem;
+    bottom: -16rem;
+    left: -16rem;
+  }
+
+  .lg\:-inset-72 {
+    top: -18rem;
+    right: -18rem;
+    bottom: -18rem;
+    left: -18rem;
+  }
+
+  .lg\:-inset-80 {
+    top: -20rem;
+    right: -20rem;
+    bottom: -20rem;
+    left: -20rem;
+  }
+
+  .lg\:-inset-96 {
+    top: -24rem;
+    right: -24rem;
+    bottom: -24rem;
+    left: -24rem;
+  }
+
+  .lg\:-inset-px {
+    top: -1px;
+    right: -1px;
+    bottom: -1px;
+    left: -1px;
+  }
+
+  .lg\:-inset-0\.5 {
+    top: -0.125rem;
+    right: -0.125rem;
+    bottom: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .lg\:-inset-1\.5 {
+    top: -0.375rem;
+    right: -0.375rem;
+    bottom: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .lg\:-inset-2\.5 {
+    top: -0.625rem;
+    right: -0.625rem;
+    bottom: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .lg\:-inset-3\.5 {
+    top: -0.875rem;
+    right: -0.875rem;
+    bottom: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .lg\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-1\/3 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .lg\:inset-2\/3 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .lg\:inset-1\/4 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .lg\:inset-2\/4 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-3\/4 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .lg\:inset-full {
+    top: 100%;
+    right: 100%;
+    bottom: 100%;
+    left: 100%;
+  }
+
+  .lg\:-inset-1\/2 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .lg\:-inset-1\/3 {
+    top: -33.333333%;
+    right: -33.333333%;
+    bottom: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .lg\:-inset-2\/3 {
+    top: -66.666667%;
+    right: -66.666667%;
+    bottom: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .lg\:-inset-1\/4 {
+    top: -25%;
+    right: -25%;
+    bottom: -25%;
+    left: -25%;
+  }
+
+  .lg\:-inset-2\/4 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .lg\:-inset-3\/4 {
+    top: -75%;
+    right: -75%;
+    bottom: -75%;
+    left: -75%;
+  }
+
+  .lg\:-inset-full {
+    top: -100%;
+    right: -100%;
+    bottom: -100%;
+    left: -100%;
+  }
+
+  .lg\:inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .lg\:inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .lg\:inset-y-1 {
+    top: 0.25rem;
+    bottom: 0.25rem;
+  }
+
+  .lg\:inset-x-1 {
+    right: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .lg\:inset-y-2 {
+    top: 0.5rem;
+    bottom: 0.5rem;
+  }
+
+  .lg\:inset-x-2 {
+    right: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .lg\:inset-y-3 {
+    top: 0.75rem;
+    bottom: 0.75rem;
+  }
+
+  .lg\:inset-x-3 {
+    right: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .lg\:inset-y-4 {
+    top: 1rem;
+    bottom: 1rem;
+  }
+
+  .lg\:inset-x-4 {
+    right: 1rem;
+    left: 1rem;
+  }
+
+  .lg\:inset-y-5 {
+    top: 1.25rem;
+    bottom: 1.25rem;
+  }
+
+  .lg\:inset-x-5 {
+    right: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .lg\:inset-y-6 {
+    top: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .lg\:inset-x-6 {
+    right: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .lg\:inset-y-7 {
+    top: 1.75rem;
+    bottom: 1.75rem;
+  }
+
+  .lg\:inset-x-7 {
+    right: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .lg\:inset-y-8 {
+    top: 2rem;
+    bottom: 2rem;
+  }
+
+  .lg\:inset-x-8 {
+    right: 2rem;
+    left: 2rem;
+  }
+
+  .lg\:inset-y-9 {
+    top: 2.25rem;
+    bottom: 2.25rem;
+  }
+
+  .lg\:inset-x-9 {
+    right: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .lg\:inset-y-10 {
+    top: 2.5rem;
+    bottom: 2.5rem;
+  }
+
+  .lg\:inset-x-10 {
+    right: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .lg\:inset-y-11 {
+    top: 2.75rem;
+    bottom: 2.75rem;
+  }
+
+  .lg\:inset-x-11 {
+    right: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .lg\:inset-y-12 {
+    top: 3rem;
+    bottom: 3rem;
+  }
+
+  .lg\:inset-x-12 {
+    right: 3rem;
+    left: 3rem;
+  }
+
+  .lg\:inset-y-14 {
+    top: 3.5rem;
+    bottom: 3.5rem;
+  }
+
+  .lg\:inset-x-14 {
+    right: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .lg\:inset-y-16 {
+    top: 4rem;
+    bottom: 4rem;
+  }
+
+  .lg\:inset-x-16 {
+    right: 4rem;
+    left: 4rem;
+  }
+
+  .lg\:inset-y-20 {
+    top: 5rem;
+    bottom: 5rem;
+  }
+
+  .lg\:inset-x-20 {
+    right: 5rem;
+    left: 5rem;
+  }
+
+  .lg\:inset-y-24 {
+    top: 6rem;
+    bottom: 6rem;
+  }
+
+  .lg\:inset-x-24 {
+    right: 6rem;
+    left: 6rem;
+  }
+
+  .lg\:inset-y-28 {
+    top: 7rem;
+    bottom: 7rem;
+  }
+
+  .lg\:inset-x-28 {
+    right: 7rem;
+    left: 7rem;
+  }
+
+  .lg\:inset-y-32 {
+    top: 8rem;
+    bottom: 8rem;
+  }
+
+  .lg\:inset-x-32 {
+    right: 8rem;
+    left: 8rem;
+  }
+
+  .lg\:inset-y-36 {
+    top: 9rem;
+    bottom: 9rem;
+  }
+
+  .lg\:inset-x-36 {
+    right: 9rem;
+    left: 9rem;
+  }
+
+  .lg\:inset-y-40 {
+    top: 10rem;
+    bottom: 10rem;
+  }
+
+  .lg\:inset-x-40 {
+    right: 10rem;
+    left: 10rem;
+  }
+
+  .lg\:inset-y-44 {
+    top: 11rem;
+    bottom: 11rem;
+  }
+
+  .lg\:inset-x-44 {
+    right: 11rem;
+    left: 11rem;
+  }
+
+  .lg\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .lg\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .lg\:inset-y-52 {
+    top: 13rem;
+    bottom: 13rem;
+  }
+
+  .lg\:inset-x-52 {
+    right: 13rem;
+    left: 13rem;
+  }
+
+  .lg\:inset-y-56 {
+    top: 14rem;
+    bottom: 14rem;
+  }
+
+  .lg\:inset-x-56 {
+    right: 14rem;
+    left: 14rem;
+  }
+
+  .lg\:inset-y-60 {
+    top: 15rem;
+    bottom: 15rem;
+  }
+
+  .lg\:inset-x-60 {
+    right: 15rem;
+    left: 15rem;
+  }
+
+  .lg\:inset-y-64 {
+    top: 16rem;
+    bottom: 16rem;
+  }
+
+  .lg\:inset-x-64 {
+    right: 16rem;
+    left: 16rem;
+  }
+
+  .lg\:inset-y-72 {
+    top: 18rem;
+    bottom: 18rem;
+  }
+
+  .lg\:inset-x-72 {
+    right: 18rem;
+    left: 18rem;
+  }
+
+  .lg\:inset-y-80 {
+    top: 20rem;
+    bottom: 20rem;
+  }
+
+  .lg\:inset-x-80 {
+    right: 20rem;
+    left: 20rem;
+  }
+
+  .lg\:inset-y-96 {
+    top: 24rem;
+    bottom: 24rem;
+  }
+
+  .lg\:inset-x-96 {
+    right: 24rem;
+    left: 24rem;
+  }
+
+  .lg\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .lg\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .lg\:inset-y-px {
+    top: 1px;
+    bottom: 1px;
+  }
+
+  .lg\:inset-x-px {
+    right: 1px;
+    left: 1px;
+  }
+
+  .lg\:inset-y-0\.5 {
+    top: 0.125rem;
+    bottom: 0.125rem;
+  }
+
+  .lg\:inset-x-0\.5 {
+    right: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .lg\:inset-y-1\.5 {
+    top: 0.375rem;
+    bottom: 0.375rem;
+  }
+
+  .lg\:inset-x-1\.5 {
+    right: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .lg\:inset-y-2\.5 {
+    top: 0.625rem;
+    bottom: 0.625rem;
+  }
+
+  .lg\:inset-x-2\.5 {
+    right: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .lg\:inset-y-3\.5 {
+    top: 0.875rem;
+    bottom: 0.875rem;
+  }
+
+  .lg\:inset-x-3\.5 {
+    right: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .lg\:-inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .lg\:-inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .lg\:-inset-y-1 {
+    top: -0.25rem;
+    bottom: -0.25rem;
+  }
+
+  .lg\:-inset-x-1 {
+    right: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .lg\:-inset-y-2 {
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .lg\:-inset-x-2 {
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .lg\:-inset-y-3 {
+    top: -0.75rem;
+    bottom: -0.75rem;
+  }
+
+  .lg\:-inset-x-3 {
+    right: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .lg\:-inset-y-4 {
+    top: -1rem;
+    bottom: -1rem;
+  }
+
+  .lg\:-inset-x-4 {
+    right: -1rem;
+    left: -1rem;
+  }
+
+  .lg\:-inset-y-5 {
+    top: -1.25rem;
+    bottom: -1.25rem;
+  }
+
+  .lg\:-inset-x-5 {
+    right: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .lg\:-inset-y-6 {
+    top: -1.5rem;
+    bottom: -1.5rem;
+  }
+
+  .lg\:-inset-x-6 {
+    right: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .lg\:-inset-y-7 {
+    top: -1.75rem;
+    bottom: -1.75rem;
+  }
+
+  .lg\:-inset-x-7 {
+    right: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .lg\:-inset-y-8 {
+    top: -2rem;
+    bottom: -2rem;
+  }
+
+  .lg\:-inset-x-8 {
+    right: -2rem;
+    left: -2rem;
+  }
+
+  .lg\:-inset-y-9 {
+    top: -2.25rem;
+    bottom: -2.25rem;
+  }
+
+  .lg\:-inset-x-9 {
+    right: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .lg\:-inset-y-10 {
+    top: -2.5rem;
+    bottom: -2.5rem;
+  }
+
+  .lg\:-inset-x-10 {
+    right: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .lg\:-inset-y-11 {
+    top: -2.75rem;
+    bottom: -2.75rem;
+  }
+
+  .lg\:-inset-x-11 {
+    right: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .lg\:-inset-y-12 {
+    top: -3rem;
+    bottom: -3rem;
+  }
+
+  .lg\:-inset-x-12 {
+    right: -3rem;
+    left: -3rem;
+  }
+
+  .lg\:-inset-y-14 {
+    top: -3.5rem;
+    bottom: -3.5rem;
+  }
+
+  .lg\:-inset-x-14 {
+    right: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .lg\:-inset-y-16 {
+    top: -4rem;
+    bottom: -4rem;
+  }
+
+  .lg\:-inset-x-16 {
+    right: -4rem;
+    left: -4rem;
+  }
+
+  .lg\:-inset-y-20 {
+    top: -5rem;
+    bottom: -5rem;
+  }
+
+  .lg\:-inset-x-20 {
+    right: -5rem;
+    left: -5rem;
+  }
+
+  .lg\:-inset-y-24 {
+    top: -6rem;
+    bottom: -6rem;
+  }
+
+  .lg\:-inset-x-24 {
+    right: -6rem;
+    left: -6rem;
+  }
+
+  .lg\:-inset-y-28 {
+    top: -7rem;
+    bottom: -7rem;
+  }
+
+  .lg\:-inset-x-28 {
+    right: -7rem;
+    left: -7rem;
+  }
+
+  .lg\:-inset-y-32 {
+    top: -8rem;
+    bottom: -8rem;
+  }
+
+  .lg\:-inset-x-32 {
+    right: -8rem;
+    left: -8rem;
+  }
+
+  .lg\:-inset-y-36 {
+    top: -9rem;
+    bottom: -9rem;
+  }
+
+  .lg\:-inset-x-36 {
+    right: -9rem;
+    left: -9rem;
+  }
+
+  .lg\:-inset-y-40 {
+    top: -10rem;
+    bottom: -10rem;
+  }
+
+  .lg\:-inset-x-40 {
+    right: -10rem;
+    left: -10rem;
+  }
+
+  .lg\:-inset-y-44 {
+    top: -11rem;
+    bottom: -11rem;
+  }
+
+  .lg\:-inset-x-44 {
+    right: -11rem;
+    left: -11rem;
+  }
+
+  .lg\:-inset-y-48 {
+    top: -12rem;
+    bottom: -12rem;
+  }
+
+  .lg\:-inset-x-48 {
+    right: -12rem;
+    left: -12rem;
+  }
+
+  .lg\:-inset-y-52 {
+    top: -13rem;
+    bottom: -13rem;
+  }
+
+  .lg\:-inset-x-52 {
+    right: -13rem;
+    left: -13rem;
+  }
+
+  .lg\:-inset-y-56 {
+    top: -14rem;
+    bottom: -14rem;
+  }
+
+  .lg\:-inset-x-56 {
+    right: -14rem;
+    left: -14rem;
+  }
+
+  .lg\:-inset-y-60 {
+    top: -15rem;
+    bottom: -15rem;
+  }
+
+  .lg\:-inset-x-60 {
+    right: -15rem;
+    left: -15rem;
+  }
+
+  .lg\:-inset-y-64 {
+    top: -16rem;
+    bottom: -16rem;
+  }
+
+  .lg\:-inset-x-64 {
+    right: -16rem;
+    left: -16rem;
+  }
+
+  .lg\:-inset-y-72 {
+    top: -18rem;
+    bottom: -18rem;
+  }
+
+  .lg\:-inset-x-72 {
+    right: -18rem;
+    left: -18rem;
+  }
+
+  .lg\:-inset-y-80 {
+    top: -20rem;
+    bottom: -20rem;
+  }
+
+  .lg\:-inset-x-80 {
+    right: -20rem;
+    left: -20rem;
+  }
+
+  .lg\:-inset-y-96 {
+    top: -24rem;
+    bottom: -24rem;
+  }
+
+  .lg\:-inset-x-96 {
+    right: -24rem;
+    left: -24rem;
+  }
+
+  .lg\:-inset-y-px {
+    top: -1px;
+    bottom: -1px;
+  }
+
+  .lg\:-inset-x-px {
+    right: -1px;
+    left: -1px;
+  }
+
+  .lg\:-inset-y-0\.5 {
+    top: -0.125rem;
+    bottom: -0.125rem;
+  }
+
+  .lg\:-inset-x-0\.5 {
+    right: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .lg\:-inset-y-1\.5 {
+    top: -0.375rem;
+    bottom: -0.375rem;
+  }
+
+  .lg\:-inset-x-1\.5 {
+    right: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .lg\:-inset-y-2\.5 {
+    top: -0.625rem;
+    bottom: -0.625rem;
+  }
+
+  .lg\:-inset-x-2\.5 {
+    right: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .lg\:-inset-y-3\.5 {
+    top: -0.875rem;
+    bottom: -0.875rem;
+  }
+
+  .lg\:-inset-x-3\.5 {
+    right: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .lg\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .lg\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-y-1\/3 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .lg\:inset-x-1\/3 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .lg\:inset-y-2\/3 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .lg\:inset-x-2\/3 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .lg\:inset-y-1\/4 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .lg\:inset-x-1\/4 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .lg\:inset-y-2\/4 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .lg\:inset-x-2\/4 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .lg\:inset-y-3\/4 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .lg\:inset-x-3\/4 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .lg\:inset-y-full {
+    top: 100%;
+    bottom: 100%;
+  }
+
+  .lg\:inset-x-full {
+    right: 100%;
+    left: 100%;
+  }
+
+  .lg\:-inset-y-1\/2 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .lg\:-inset-x-1\/2 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .lg\:-inset-y-1\/3 {
+    top: -33.333333%;
+    bottom: -33.333333%;
+  }
+
+  .lg\:-inset-x-1\/3 {
+    right: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .lg\:-inset-y-2\/3 {
+    top: -66.666667%;
+    bottom: -66.666667%;
+  }
+
+  .lg\:-inset-x-2\/3 {
+    right: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .lg\:-inset-y-1\/4 {
+    top: -25%;
+    bottom: -25%;
+  }
+
+  .lg\:-inset-x-1\/4 {
+    right: -25%;
+    left: -25%;
+  }
+
+  .lg\:-inset-y-2\/4 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .lg\:-inset-x-2\/4 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .lg\:-inset-y-3\/4 {
+    top: -75%;
+    bottom: -75%;
+  }
+
+  .lg\:-inset-x-3\/4 {
+    right: -75%;
+    left: -75%;
+  }
+
+  .lg\:-inset-y-full {
+    top: -100%;
+    bottom: -100%;
+  }
+
+  .lg\:-inset-x-full {
+    right: -100%;
+    left: -100%;
+  }
+
+  .lg\:top-0 {
+    top: 0px;
+  }
+
+  .lg\:right-0 {
+    right: 0px;
+  }
+
+  .lg\:bottom-0 {
+    bottom: 0px;
+  }
+
+  .lg\:left-0 {
+    left: 0px;
+  }
+
+  .lg\:top-1 {
+    top: 0.25rem;
+  }
+
+  .lg\:right-1 {
+    right: 0.25rem;
+  }
+
+  .lg\:bottom-1 {
+    bottom: 0.25rem;
+  }
+
+  .lg\:left-1 {
+    left: 0.25rem;
+  }
+
+  .lg\:top-2 {
+    top: 0.5rem;
+  }
+
+  .lg\:right-2 {
+    right: 0.5rem;
+  }
+
+  .lg\:bottom-2 {
+    bottom: 0.5rem;
+  }
+
+  .lg\:left-2 {
+    left: 0.5rem;
+  }
+
+  .lg\:top-3 {
+    top: 0.75rem;
+  }
+
+  .lg\:right-3 {
+    right: 0.75rem;
+  }
+
+  .lg\:bottom-3 {
+    bottom: 0.75rem;
+  }
+
+  .lg\:left-3 {
+    left: 0.75rem;
+  }
+
+  .lg\:top-4 {
+    top: 1rem;
+  }
+
+  .lg\:right-4 {
+    right: 1rem;
+  }
+
+  .lg\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .lg\:left-4 {
+    left: 1rem;
+  }
+
+  .lg\:top-5 {
+    top: 1.25rem;
+  }
+
+  .lg\:right-5 {
+    right: 1.25rem;
+  }
+
+  .lg\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .lg\:left-5 {
+    left: 1.25rem;
+  }
+
+  .lg\:top-6 {
+    top: 1.5rem;
+  }
+
+  .lg\:right-6 {
+    right: 1.5rem;
+  }
+
+  .lg\:bottom-6 {
+    bottom: 1.5rem;
+  }
+
+  .lg\:left-6 {
+    left: 1.5rem;
+  }
+
+  .lg\:top-7 {
+    top: 1.75rem;
+  }
+
+  .lg\:right-7 {
+    right: 1.75rem;
+  }
+
+  .lg\:bottom-7 {
+    bottom: 1.75rem;
+  }
+
+  .lg\:left-7 {
+    left: 1.75rem;
+  }
+
+  .lg\:top-8 {
+    top: 2rem;
+  }
+
+  .lg\:right-8 {
+    right: 2rem;
+  }
+
+  .lg\:bottom-8 {
+    bottom: 2rem;
+  }
+
+  .lg\:left-8 {
+    left: 2rem;
+  }
+
+  .lg\:top-9 {
+    top: 2.25rem;
+  }
+
+  .lg\:right-9 {
+    right: 2.25rem;
+  }
+
+  .lg\:bottom-9 {
+    bottom: 2.25rem;
+  }
+
+  .lg\:left-9 {
+    left: 2.25rem;
+  }
+
+  .lg\:top-10 {
+    top: 2.5rem;
+  }
+
+  .lg\:right-10 {
+    right: 2.5rem;
+  }
+
+  .lg\:bottom-10 {
+    bottom: 2.5rem;
+  }
+
+  .lg\:left-10 {
+    left: 2.5rem;
+  }
+
+  .lg\:top-11 {
+    top: 2.75rem;
+  }
+
+  .lg\:right-11 {
+    right: 2.75rem;
+  }
+
+  .lg\:bottom-11 {
+    bottom: 2.75rem;
+  }
+
+  .lg\:left-11 {
+    left: 2.75rem;
+  }
+
+  .lg\:top-12 {
+    top: 3rem;
+  }
+
+  .lg\:right-12 {
+    right: 3rem;
+  }
+
+  .lg\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .lg\:left-12 {
+    left: 3rem;
+  }
+
+  .lg\:top-14 {
+    top: 3.5rem;
+  }
+
+  .lg\:right-14 {
+    right: 3.5rem;
+  }
+
+  .lg\:bottom-14 {
+    bottom: 3.5rem;
+  }
+
+  .lg\:left-14 {
+    left: 3.5rem;
+  }
+
+  .lg\:top-16 {
+    top: 4rem;
+  }
+
+  .lg\:right-16 {
+    right: 4rem;
+  }
+
+  .lg\:bottom-16 {
+    bottom: 4rem;
+  }
+
+  .lg\:left-16 {
+    left: 4rem;
+  }
+
+  .lg\:top-20 {
+    top: 5rem;
+  }
+
+  .lg\:right-20 {
+    right: 5rem;
+  }
+
+  .lg\:bottom-20 {
+    bottom: 5rem;
+  }
+
+  .lg\:left-20 {
+    left: 5rem;
+  }
+
+  .lg\:top-24 {
+    top: 6rem;
+  }
+
+  .lg\:right-24 {
+    right: 6rem;
+  }
+
+  .lg\:bottom-24 {
+    bottom: 6rem;
+  }
+
+  .lg\:left-24 {
+    left: 6rem;
+  }
+
+  .lg\:top-28 {
+    top: 7rem;
+  }
+
+  .lg\:right-28 {
+    right: 7rem;
+  }
+
+  .lg\:bottom-28 {
+    bottom: 7rem;
+  }
+
+  .lg\:left-28 {
+    left: 7rem;
+  }
+
+  .lg\:top-32 {
+    top: 8rem;
+  }
+
+  .lg\:right-32 {
+    right: 8rem;
+  }
+
+  .lg\:bottom-32 {
+    bottom: 8rem;
+  }
+
+  .lg\:left-32 {
+    left: 8rem;
+  }
+
+  .lg\:top-36 {
+    top: 9rem;
+  }
+
+  .lg\:right-36 {
+    right: 9rem;
+  }
+
+  .lg\:bottom-36 {
+    bottom: 9rem;
+  }
+
+  .lg\:left-36 {
+    left: 9rem;
+  }
+
+  .lg\:top-40 {
+    top: 10rem;
+  }
+
+  .lg\:right-40 {
+    right: 10rem;
+  }
+
+  .lg\:bottom-40 {
+    bottom: 10rem;
+  }
+
+  .lg\:left-40 {
+    left: 10rem;
+  }
+
+  .lg\:top-44 {
+    top: 11rem;
+  }
+
+  .lg\:right-44 {
+    right: 11rem;
+  }
+
+  .lg\:bottom-44 {
+    bottom: 11rem;
+  }
+
+  .lg\:left-44 {
+    left: 11rem;
+  }
+
+  .lg\:top-48 {
+    top: 12rem;
+  }
+
+  .lg\:right-48 {
+    right: 12rem;
+  }
+
+  .lg\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .lg\:left-48 {
+    left: 12rem;
+  }
+
+  .lg\:top-52 {
+    top: 13rem;
+  }
+
+  .lg\:right-52 {
+    right: 13rem;
+  }
+
+  .lg\:bottom-52 {
+    bottom: 13rem;
+  }
+
+  .lg\:left-52 {
+    left: 13rem;
+  }
+
+  .lg\:top-56 {
+    top: 14rem;
+  }
+
+  .lg\:right-56 {
+    right: 14rem;
+  }
+
+  .lg\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .lg\:left-56 {
+    left: 14rem;
+  }
+
+  .lg\:top-60 {
+    top: 15rem;
+  }
+
+  .lg\:right-60 {
+    right: 15rem;
+  }
+
+  .lg\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .lg\:left-60 {
+    left: 15rem;
+  }
+
+  .lg\:top-64 {
+    top: 16rem;
+  }
+
+  .lg\:right-64 {
+    right: 16rem;
+  }
+
+  .lg\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .lg\:left-64 {
+    left: 16rem;
+  }
+
+  .lg\:top-72 {
+    top: 18rem;
+  }
+
+  .lg\:right-72 {
+    right: 18rem;
+  }
+
+  .lg\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .lg\:left-72 {
+    left: 18rem;
+  }
+
+  .lg\:top-80 {
+    top: 20rem;
+  }
+
+  .lg\:right-80 {
+    right: 20rem;
+  }
+
+  .lg\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .lg\:left-80 {
+    left: 20rem;
+  }
+
+  .lg\:top-96 {
+    top: 24rem;
+  }
+
+  .lg\:right-96 {
+    right: 24rem;
+  }
+
+  .lg\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .lg\:left-96 {
+    left: 24rem;
+  }
+
+  .lg\:top-auto {
+    top: auto;
+  }
+
+  .lg\:right-auto {
+    right: auto;
+  }
+
+  .lg\:bottom-auto {
+    bottom: auto;
+  }
+
+  .lg\:left-auto {
+    left: auto;
+  }
+
+  .lg\:top-px {
+    top: 1px;
+  }
+
+  .lg\:right-px {
+    right: 1px;
+  }
+
+  .lg\:bottom-px {
+    bottom: 1px;
+  }
+
+  .lg\:left-px {
+    left: 1px;
+  }
+
+  .lg\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .lg\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .lg\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .lg\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .lg\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .lg\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .lg\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .lg\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .lg\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .lg\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .lg\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .lg\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .lg\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .lg\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .lg\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .lg\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .lg\:-top-0 {
+    top: 0px;
+  }
+
+  .lg\:-right-0 {
+    right: 0px;
+  }
+
+  .lg\:-bottom-0 {
+    bottom: 0px;
+  }
+
+  .lg\:-left-0 {
+    left: 0px;
+  }
+
+  .lg\:-top-1 {
+    top: -0.25rem;
+  }
+
+  .lg\:-right-1 {
+    right: -0.25rem;
+  }
+
+  .lg\:-bottom-1 {
+    bottom: -0.25rem;
+  }
+
+  .lg\:-left-1 {
+    left: -0.25rem;
+  }
+
+  .lg\:-top-2 {
+    top: -0.5rem;
+  }
+
+  .lg\:-right-2 {
+    right: -0.5rem;
+  }
+
+  .lg\:-bottom-2 {
+    bottom: -0.5rem;
+  }
+
+  .lg\:-left-2 {
+    left: -0.5rem;
+  }
+
+  .lg\:-top-3 {
+    top: -0.75rem;
+  }
+
+  .lg\:-right-3 {
+    right: -0.75rem;
+  }
+
+  .lg\:-bottom-3 {
+    bottom: -0.75rem;
+  }
+
+  .lg\:-left-3 {
+    left: -0.75rem;
+  }
+
+  .lg\:-top-4 {
+    top: -1rem;
+  }
+
+  .lg\:-right-4 {
+    right: -1rem;
+  }
+
+  .lg\:-bottom-4 {
+    bottom: -1rem;
+  }
+
+  .lg\:-left-4 {
+    left: -1rem;
+  }
+
+  .lg\:-top-5 {
+    top: -1.25rem;
+  }
+
+  .lg\:-right-5 {
+    right: -1.25rem;
+  }
+
+  .lg\:-bottom-5 {
+    bottom: -1.25rem;
+  }
+
+  .lg\:-left-5 {
+    left: -1.25rem;
+  }
+
+  .lg\:-top-6 {
+    top: -1.5rem;
+  }
+
+  .lg\:-right-6 {
+    right: -1.5rem;
+  }
+
+  .lg\:-bottom-6 {
+    bottom: -1.5rem;
+  }
+
+  .lg\:-left-6 {
+    left: -1.5rem;
+  }
+
+  .lg\:-top-7 {
+    top: -1.75rem;
+  }
+
+  .lg\:-right-7 {
+    right: -1.75rem;
+  }
+
+  .lg\:-bottom-7 {
+    bottom: -1.75rem;
+  }
+
+  .lg\:-left-7 {
+    left: -1.75rem;
+  }
+
+  .lg\:-top-8 {
+    top: -2rem;
+  }
+
+  .lg\:-right-8 {
+    right: -2rem;
+  }
+
+  .lg\:-bottom-8 {
+    bottom: -2rem;
+  }
+
+  .lg\:-left-8 {
+    left: -2rem;
+  }
+
+  .lg\:-top-9 {
+    top: -2.25rem;
+  }
+
+  .lg\:-right-9 {
+    right: -2.25rem;
+  }
+
+  .lg\:-bottom-9 {
+    bottom: -2.25rem;
+  }
+
+  .lg\:-left-9 {
+    left: -2.25rem;
+  }
+
+  .lg\:-top-10 {
+    top: -2.5rem;
+  }
+
+  .lg\:-right-10 {
+    right: -2.5rem;
+  }
+
+  .lg\:-bottom-10 {
+    bottom: -2.5rem;
+  }
+
+  .lg\:-left-10 {
+    left: -2.5rem;
+  }
+
+  .lg\:-top-11 {
+    top: -2.75rem;
+  }
+
+  .lg\:-right-11 {
+    right: -2.75rem;
+  }
+
+  .lg\:-bottom-11 {
+    bottom: -2.75rem;
+  }
+
+  .lg\:-left-11 {
+    left: -2.75rem;
+  }
+
+  .lg\:-top-12 {
+    top: -3rem;
+  }
+
+  .lg\:-right-12 {
+    right: -3rem;
+  }
+
+  .lg\:-bottom-12 {
+    bottom: -3rem;
+  }
+
+  .lg\:-left-12 {
+    left: -3rem;
+  }
+
+  .lg\:-top-14 {
+    top: -3.5rem;
+  }
+
+  .lg\:-right-14 {
+    right: -3.5rem;
+  }
+
+  .lg\:-bottom-14 {
+    bottom: -3.5rem;
+  }
+
+  .lg\:-left-14 {
+    left: -3.5rem;
+  }
+
+  .lg\:-top-16 {
+    top: -4rem;
+  }
+
+  .lg\:-right-16 {
+    right: -4rem;
+  }
+
+  .lg\:-bottom-16 {
+    bottom: -4rem;
+  }
+
+  .lg\:-left-16 {
+    left: -4rem;
+  }
+
+  .lg\:-top-20 {
+    top: -5rem;
+  }
+
+  .lg\:-right-20 {
+    right: -5rem;
+  }
+
+  .lg\:-bottom-20 {
+    bottom: -5rem;
+  }
+
+  .lg\:-left-20 {
+    left: -5rem;
+  }
+
+  .lg\:-top-24 {
+    top: -6rem;
+  }
+
+  .lg\:-right-24 {
+    right: -6rem;
+  }
+
+  .lg\:-bottom-24 {
+    bottom: -6rem;
+  }
+
+  .lg\:-left-24 {
+    left: -6rem;
+  }
+
+  .lg\:-top-28 {
+    top: -7rem;
+  }
+
+  .lg\:-right-28 {
+    right: -7rem;
+  }
+
+  .lg\:-bottom-28 {
+    bottom: -7rem;
+  }
+
+  .lg\:-left-28 {
+    left: -7rem;
+  }
+
+  .lg\:-top-32 {
+    top: -8rem;
+  }
+
+  .lg\:-right-32 {
+    right: -8rem;
+  }
+
+  .lg\:-bottom-32 {
+    bottom: -8rem;
+  }
+
+  .lg\:-left-32 {
+    left: -8rem;
+  }
+
+  .lg\:-top-36 {
+    top: -9rem;
+  }
+
+  .lg\:-right-36 {
+    right: -9rem;
+  }
+
+  .lg\:-bottom-36 {
+    bottom: -9rem;
+  }
+
+  .lg\:-left-36 {
+    left: -9rem;
+  }
+
+  .lg\:-top-40 {
+    top: -10rem;
+  }
+
+  .lg\:-right-40 {
+    right: -10rem;
+  }
+
+  .lg\:-bottom-40 {
+    bottom: -10rem;
+  }
+
+  .lg\:-left-40 {
+    left: -10rem;
+  }
+
+  .lg\:-top-44 {
+    top: -11rem;
+  }
+
+  .lg\:-right-44 {
+    right: -11rem;
+  }
+
+  .lg\:-bottom-44 {
+    bottom: -11rem;
+  }
+
+  .lg\:-left-44 {
+    left: -11rem;
+  }
+
+  .lg\:-top-48 {
+    top: -12rem;
+  }
+
+  .lg\:-right-48 {
+    right: -12rem;
+  }
+
+  .lg\:-bottom-48 {
+    bottom: -12rem;
+  }
+
+  .lg\:-left-48 {
+    left: -12rem;
+  }
+
+  .lg\:-top-52 {
+    top: -13rem;
+  }
+
+  .lg\:-right-52 {
+    right: -13rem;
+  }
+
+  .lg\:-bottom-52 {
+    bottom: -13rem;
+  }
+
+  .lg\:-left-52 {
+    left: -13rem;
+  }
+
+  .lg\:-top-56 {
+    top: -14rem;
+  }
+
+  .lg\:-right-56 {
+    right: -14rem;
+  }
+
+  .lg\:-bottom-56 {
+    bottom: -14rem;
+  }
+
+  .lg\:-left-56 {
+    left: -14rem;
+  }
+
+  .lg\:-top-60 {
+    top: -15rem;
+  }
+
+  .lg\:-right-60 {
+    right: -15rem;
+  }
+
+  .lg\:-bottom-60 {
+    bottom: -15rem;
+  }
+
+  .lg\:-left-60 {
+    left: -15rem;
+  }
+
+  .lg\:-top-64 {
+    top: -16rem;
+  }
+
+  .lg\:-right-64 {
+    right: -16rem;
+  }
+
+  .lg\:-bottom-64 {
+    bottom: -16rem;
+  }
+
+  .lg\:-left-64 {
+    left: -16rem;
+  }
+
+  .lg\:-top-72 {
+    top: -18rem;
+  }
+
+  .lg\:-right-72 {
+    right: -18rem;
+  }
+
+  .lg\:-bottom-72 {
+    bottom: -18rem;
+  }
+
+  .lg\:-left-72 {
+    left: -18rem;
+  }
+
+  .lg\:-top-80 {
+    top: -20rem;
+  }
+
+  .lg\:-right-80 {
+    right: -20rem;
+  }
+
+  .lg\:-bottom-80 {
+    bottom: -20rem;
+  }
+
+  .lg\:-left-80 {
+    left: -20rem;
+  }
+
+  .lg\:-top-96 {
+    top: -24rem;
+  }
+
+  .lg\:-right-96 {
+    right: -24rem;
+  }
+
+  .lg\:-bottom-96 {
+    bottom: -24rem;
+  }
+
+  .lg\:-left-96 {
+    left: -24rem;
+  }
+
+  .lg\:-top-px {
+    top: -1px;
+  }
+
+  .lg\:-right-px {
+    right: -1px;
+  }
+
+  .lg\:-bottom-px {
+    bottom: -1px;
+  }
+
+  .lg\:-left-px {
+    left: -1px;
+  }
+
+  .lg\:-top-0\.5 {
+    top: -0.125rem;
+  }
+
+  .lg\:-right-0\.5 {
+    right: -0.125rem;
+  }
+
+  .lg\:-bottom-0\.5 {
+    bottom: -0.125rem;
+  }
+
+  .lg\:-left-0\.5 {
+    left: -0.125rem;
+  }
+
+  .lg\:-top-1\.5 {
+    top: -0.375rem;
+  }
+
+  .lg\:-right-1\.5 {
+    right: -0.375rem;
+  }
+
+  .lg\:-bottom-1\.5 {
+    bottom: -0.375rem;
+  }
+
+  .lg\:-left-1\.5 {
+    left: -0.375rem;
+  }
+
+  .lg\:-top-2\.5 {
+    top: -0.625rem;
+  }
+
+  .lg\:-right-2\.5 {
+    right: -0.625rem;
+  }
+
+  .lg\:-bottom-2\.5 {
+    bottom: -0.625rem;
+  }
+
+  .lg\:-left-2\.5 {
+    left: -0.625rem;
+  }
+
+  .lg\:-top-3\.5 {
+    top: -0.875rem;
+  }
+
+  .lg\:-right-3\.5 {
+    right: -0.875rem;
+  }
+
+  .lg\:-bottom-3\.5 {
+    bottom: -0.875rem;
+  }
+
+  .lg\:-left-3\.5 {
+    left: -0.875rem;
+  }
+
+  .lg\:top-1\/2 {
+    top: 50%;
+  }
+
+  .lg\:right-1\/2 {
+    right: 50%;
+  }
+
+  .lg\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .lg\:left-1\/2 {
+    left: 50%;
+  }
+
+  .lg\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .lg\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .lg\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .lg\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .lg\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .lg\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .lg\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .lg\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .lg\:top-1\/4 {
+    top: 25%;
+  }
+
+  .lg\:right-1\/4 {
+    right: 25%;
+  }
+
+  .lg\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .lg\:left-1\/4 {
+    left: 25%;
+  }
+
+  .lg\:top-2\/4 {
+    top: 50%;
+  }
+
+  .lg\:right-2\/4 {
+    right: 50%;
+  }
+
+  .lg\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .lg\:left-2\/4 {
+    left: 50%;
+  }
+
+  .lg\:top-3\/4 {
+    top: 75%;
+  }
+
+  .lg\:right-3\/4 {
+    right: 75%;
+  }
+
+  .lg\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .lg\:left-3\/4 {
+    left: 75%;
+  }
+
+  .lg\:top-full {
+    top: 100%;
+  }
+
+  .lg\:right-full {
+    right: 100%;
+  }
+
+  .lg\:bottom-full {
+    bottom: 100%;
+  }
+
+  .lg\:left-full {
+    left: 100%;
+  }
+
+  .lg\:-top-1\/2 {
+    top: -50%;
+  }
+
+  .lg\:-right-1\/2 {
+    right: -50%;
+  }
+
+  .lg\:-bottom-1\/2 {
+    bottom: -50%;
+  }
+
+  .lg\:-left-1\/2 {
+    left: -50%;
+  }
+
+  .lg\:-top-1\/3 {
+    top: -33.333333%;
+  }
+
+  .lg\:-right-1\/3 {
+    right: -33.333333%;
+  }
+
+  .lg\:-bottom-1\/3 {
+    bottom: -33.333333%;
+  }
+
+  .lg\:-left-1\/3 {
+    left: -33.333333%;
+  }
+
+  .lg\:-top-2\/3 {
+    top: -66.666667%;
+  }
+
+  .lg\:-right-2\/3 {
+    right: -66.666667%;
+  }
+
+  .lg\:-bottom-2\/3 {
+    bottom: -66.666667%;
+  }
+
+  .lg\:-left-2\/3 {
+    left: -66.666667%;
+  }
+
+  .lg\:-top-1\/4 {
+    top: -25%;
+  }
+
+  .lg\:-right-1\/4 {
+    right: -25%;
+  }
+
+  .lg\:-bottom-1\/4 {
+    bottom: -25%;
+  }
+
+  .lg\:-left-1\/4 {
+    left: -25%;
+  }
+
+  .lg\:-top-2\/4 {
+    top: -50%;
+  }
+
+  .lg\:-right-2\/4 {
+    right: -50%;
+  }
+
+  .lg\:-bottom-2\/4 {
+    bottom: -50%;
+  }
+
+  .lg\:-left-2\/4 {
+    left: -50%;
+  }
+
+  .lg\:-top-3\/4 {
+    top: -75%;
+  }
+
+  .lg\:-right-3\/4 {
+    right: -75%;
+  }
+
+  .lg\:-bottom-3\/4 {
+    bottom: -75%;
+  }
+
+  .lg\:-left-3\/4 {
+    left: -75%;
+  }
+
+  .lg\:-top-full {
+    top: -100%;
+  }
+
+  .lg\:-right-full {
+    right: -100%;
+  }
+
+  .lg\:-bottom-full {
+    bottom: -100%;
+  }
+
+  .lg\:-left-full {
+    left: -100%;
+  }
+
+  .lg\:resize-none {
+    resize: none;
+  }
+
+  .lg\:resize-y {
+    resize: vertical;
+  }
+
+  .lg\:resize-x {
+    resize: horizontal;
+  }
+
+  .lg\:resize {
+    resize: both;
+  }
+
+  .lg\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .lg\:group-hover\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow-sm:focus-within {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow:focus-within {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow-md:focus-within {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow-lg:focus-within {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow-xl:focus-within {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow-2xl:focus-within {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow-inner:focus-within {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus-within\:shadow-none:focus-within {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow-sm:hover {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow:hover {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow-md:hover {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow-lg:hover {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow-xl:hover {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow-2xl:hover {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow-inner:hover {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:hover\:shadow-none:hover {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow-sm:focus {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow:focus {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow-md:focus {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow-lg:focus {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow-xl:focus {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow-2xl:focus {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow-inner:focus {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:focus\:shadow-none:focus {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .lg\:ring-0 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:ring-1 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:ring-2 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:ring-4 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:ring-8 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:ring {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:ring-inset {
+    --tw-ring-inset: inset;
+  }
+
+  .lg\:focus-within\:ring-0:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus-within\:ring-1:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus-within\:ring-2:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus-within\:ring-4:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus-within\:ring-8:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus-within\:ring:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus-within\:ring-inset:focus-within {
+    --tw-ring-inset: inset;
+  }
+
+  .lg\:focus\:ring-0:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus\:ring-1:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus\:ring-2:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus\:ring-4:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus\:ring-8:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus\:ring:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .lg\:focus\:ring-inset:focus {
+    --tw-ring-inset: inset;
+  }
+
+  .lg\:ring-offset-transparent {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .lg\:ring-offset-current {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .lg\:ring-offset-black {
+    --tw-ring-offset-color: #000;
+  }
+
+  .lg\:ring-offset-white {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .lg\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .lg\:ring-offset-gray-100 {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .lg\:ring-offset-gray-200 {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .lg\:ring-offset-gray-300 {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .lg\:ring-offset-gray-400 {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .lg\:ring-offset-gray-500 {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .lg\:ring-offset-gray-600 {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .lg\:ring-offset-gray-700 {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .lg\:ring-offset-gray-800 {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .lg\:ring-offset-gray-900 {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .lg\:ring-offset-red-50 {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .lg\:ring-offset-red-100 {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .lg\:ring-offset-red-200 {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .lg\:ring-offset-red-300 {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .lg\:ring-offset-red-400 {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .lg\:ring-offset-red-500 {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .lg\:ring-offset-red-600 {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .lg\:ring-offset-red-700 {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .lg\:ring-offset-red-800 {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .lg\:ring-offset-red-900 {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .lg\:ring-offset-yellow-50 {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .lg\:ring-offset-yellow-100 {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .lg\:ring-offset-yellow-200 {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .lg\:ring-offset-yellow-300 {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .lg\:ring-offset-yellow-400 {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .lg\:ring-offset-yellow-500 {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .lg\:ring-offset-yellow-600 {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .lg\:ring-offset-yellow-700 {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .lg\:ring-offset-yellow-800 {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .lg\:ring-offset-yellow-900 {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .lg\:ring-offset-green-50 {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .lg\:ring-offset-green-100 {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .lg\:ring-offset-green-200 {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .lg\:ring-offset-green-300 {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .lg\:ring-offset-green-400 {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .lg\:ring-offset-green-500 {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .lg\:ring-offset-green-600 {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .lg\:ring-offset-green-700 {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .lg\:ring-offset-green-800 {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .lg\:ring-offset-green-900 {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .lg\:ring-offset-blue-50 {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .lg\:ring-offset-blue-100 {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .lg\:ring-offset-blue-200 {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .lg\:ring-offset-blue-300 {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .lg\:ring-offset-blue-400 {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .lg\:ring-offset-blue-500 {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .lg\:ring-offset-blue-600 {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .lg\:ring-offset-blue-700 {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .lg\:ring-offset-blue-800 {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .lg\:ring-offset-blue-900 {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .lg\:ring-offset-indigo-50 {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .lg\:ring-offset-indigo-100 {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .lg\:ring-offset-indigo-200 {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .lg\:ring-offset-indigo-300 {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .lg\:ring-offset-indigo-400 {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .lg\:ring-offset-indigo-500 {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .lg\:ring-offset-indigo-600 {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .lg\:ring-offset-indigo-700 {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .lg\:ring-offset-indigo-800 {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .lg\:ring-offset-indigo-900 {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .lg\:ring-offset-purple-50 {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .lg\:ring-offset-purple-100 {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .lg\:ring-offset-purple-200 {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .lg\:ring-offset-purple-300 {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .lg\:ring-offset-purple-400 {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .lg\:ring-offset-purple-500 {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .lg\:ring-offset-purple-600 {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .lg\:ring-offset-purple-700 {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .lg\:ring-offset-purple-800 {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .lg\:ring-offset-purple-900 {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .lg\:ring-offset-pink-50 {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .lg\:ring-offset-pink-100 {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .lg\:ring-offset-pink-200 {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .lg\:ring-offset-pink-300 {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .lg\:ring-offset-pink-400 {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .lg\:ring-offset-pink-500 {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .lg\:ring-offset-pink-600 {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .lg\:ring-offset-pink-700 {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .lg\:ring-offset-pink-800 {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .lg\:ring-offset-pink-900 {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .lg\:focus-within\:ring-offset-transparent:focus-within {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .lg\:focus-within\:ring-offset-current:focus-within {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .lg\:focus-within\:ring-offset-black:focus-within {
+    --tw-ring-offset-color: #000;
+  }
+
+  .lg\:focus-within\:ring-offset-white:focus-within {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-100:focus-within {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-200:focus-within {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-300:focus-within {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-400:focus-within {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-500:focus-within {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-600:focus-within {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-700:focus-within {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-800:focus-within {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .lg\:focus-within\:ring-offset-gray-900:focus-within {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .lg\:focus-within\:ring-offset-red-50:focus-within {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .lg\:focus-within\:ring-offset-red-100:focus-within {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .lg\:focus-within\:ring-offset-red-200:focus-within {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .lg\:focus-within\:ring-offset-red-300:focus-within {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .lg\:focus-within\:ring-offset-red-400:focus-within {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .lg\:focus-within\:ring-offset-red-500:focus-within {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .lg\:focus-within\:ring-offset-red-600:focus-within {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .lg\:focus-within\:ring-offset-red-700:focus-within {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .lg\:focus-within\:ring-offset-red-800:focus-within {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .lg\:focus-within\:ring-offset-red-900:focus-within {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-50:focus-within {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-100:focus-within {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-200:focus-within {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-300:focus-within {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-400:focus-within {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-500:focus-within {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-600:focus-within {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-700:focus-within {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-800:focus-within {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .lg\:focus-within\:ring-offset-yellow-900:focus-within {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .lg\:focus-within\:ring-offset-green-50:focus-within {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .lg\:focus-within\:ring-offset-green-100:focus-within {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .lg\:focus-within\:ring-offset-green-200:focus-within {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .lg\:focus-within\:ring-offset-green-300:focus-within {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .lg\:focus-within\:ring-offset-green-400:focus-within {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .lg\:focus-within\:ring-offset-green-500:focus-within {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .lg\:focus-within\:ring-offset-green-600:focus-within {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .lg\:focus-within\:ring-offset-green-700:focus-within {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .lg\:focus-within\:ring-offset-green-800:focus-within {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .lg\:focus-within\:ring-offset-green-900:focus-within {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-50:focus-within {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-100:focus-within {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-200:focus-within {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-300:focus-within {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-400:focus-within {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-500:focus-within {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-600:focus-within {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-700:focus-within {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-800:focus-within {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .lg\:focus-within\:ring-offset-blue-900:focus-within {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-50:focus-within {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-100:focus-within {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-200:focus-within {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-300:focus-within {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-400:focus-within {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-500:focus-within {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-600:focus-within {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-700:focus-within {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-800:focus-within {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .lg\:focus-within\:ring-offset-indigo-900:focus-within {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-50:focus-within {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-100:focus-within {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-200:focus-within {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-300:focus-within {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-400:focus-within {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-500:focus-within {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-600:focus-within {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-700:focus-within {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-800:focus-within {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .lg\:focus-within\:ring-offset-purple-900:focus-within {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-50:focus-within {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-100:focus-within {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-200:focus-within {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-300:focus-within {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-400:focus-within {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-500:focus-within {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-600:focus-within {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-700:focus-within {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-800:focus-within {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .lg\:focus-within\:ring-offset-pink-900:focus-within {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .lg\:focus\:ring-offset-transparent:focus {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .lg\:focus\:ring-offset-current:focus {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .lg\:focus\:ring-offset-black:focus {
+    --tw-ring-offset-color: #000;
+  }
+
+  .lg\:focus\:ring-offset-white:focus {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .lg\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .lg\:focus\:ring-offset-gray-100:focus {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .lg\:focus\:ring-offset-gray-200:focus {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .lg\:focus\:ring-offset-gray-300:focus {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .lg\:focus\:ring-offset-gray-400:focus {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .lg\:focus\:ring-offset-gray-500:focus {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .lg\:focus\:ring-offset-gray-600:focus {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .lg\:focus\:ring-offset-gray-700:focus {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .lg\:focus\:ring-offset-gray-800:focus {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .lg\:focus\:ring-offset-gray-900:focus {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .lg\:focus\:ring-offset-red-50:focus {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .lg\:focus\:ring-offset-red-100:focus {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .lg\:focus\:ring-offset-red-200:focus {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .lg\:focus\:ring-offset-red-300:focus {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .lg\:focus\:ring-offset-red-400:focus {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .lg\:focus\:ring-offset-red-500:focus {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .lg\:focus\:ring-offset-red-600:focus {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .lg\:focus\:ring-offset-red-700:focus {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .lg\:focus\:ring-offset-red-800:focus {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .lg\:focus\:ring-offset-red-900:focus {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .lg\:focus\:ring-offset-yellow-50:focus {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .lg\:focus\:ring-offset-yellow-100:focus {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .lg\:focus\:ring-offset-yellow-200:focus {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .lg\:focus\:ring-offset-yellow-300:focus {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .lg\:focus\:ring-offset-yellow-400:focus {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .lg\:focus\:ring-offset-yellow-500:focus {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .lg\:focus\:ring-offset-yellow-600:focus {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .lg\:focus\:ring-offset-yellow-700:focus {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .lg\:focus\:ring-offset-yellow-800:focus {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .lg\:focus\:ring-offset-yellow-900:focus {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .lg\:focus\:ring-offset-green-50:focus {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .lg\:focus\:ring-offset-green-100:focus {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .lg\:focus\:ring-offset-green-200:focus {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .lg\:focus\:ring-offset-green-300:focus {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .lg\:focus\:ring-offset-green-400:focus {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .lg\:focus\:ring-offset-green-500:focus {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .lg\:focus\:ring-offset-green-600:focus {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .lg\:focus\:ring-offset-green-700:focus {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .lg\:focus\:ring-offset-green-800:focus {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .lg\:focus\:ring-offset-green-900:focus {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .lg\:focus\:ring-offset-blue-50:focus {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .lg\:focus\:ring-offset-blue-100:focus {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .lg\:focus\:ring-offset-blue-200:focus {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .lg\:focus\:ring-offset-blue-300:focus {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .lg\:focus\:ring-offset-blue-400:focus {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .lg\:focus\:ring-offset-blue-500:focus {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .lg\:focus\:ring-offset-blue-600:focus {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .lg\:focus\:ring-offset-blue-700:focus {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .lg\:focus\:ring-offset-blue-800:focus {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .lg\:focus\:ring-offset-blue-900:focus {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .lg\:focus\:ring-offset-indigo-50:focus {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .lg\:focus\:ring-offset-indigo-100:focus {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .lg\:focus\:ring-offset-indigo-200:focus {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .lg\:focus\:ring-offset-indigo-300:focus {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .lg\:focus\:ring-offset-indigo-400:focus {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .lg\:focus\:ring-offset-indigo-500:focus {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .lg\:focus\:ring-offset-indigo-600:focus {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .lg\:focus\:ring-offset-indigo-700:focus {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .lg\:focus\:ring-offset-indigo-800:focus {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .lg\:focus\:ring-offset-indigo-900:focus {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .lg\:focus\:ring-offset-purple-50:focus {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .lg\:focus\:ring-offset-purple-100:focus {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .lg\:focus\:ring-offset-purple-200:focus {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .lg\:focus\:ring-offset-purple-300:focus {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .lg\:focus\:ring-offset-purple-400:focus {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .lg\:focus\:ring-offset-purple-500:focus {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .lg\:focus\:ring-offset-purple-600:focus {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .lg\:focus\:ring-offset-purple-700:focus {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .lg\:focus\:ring-offset-purple-800:focus {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .lg\:focus\:ring-offset-purple-900:focus {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .lg\:focus\:ring-offset-pink-50:focus {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .lg\:focus\:ring-offset-pink-100:focus {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .lg\:focus\:ring-offset-pink-200:focus {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .lg\:focus\:ring-offset-pink-300:focus {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .lg\:focus\:ring-offset-pink-400:focus {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .lg\:focus\:ring-offset-pink-500:focus {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .lg\:focus\:ring-offset-pink-600:focus {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .lg\:focus\:ring-offset-pink-700:focus {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .lg\:focus\:ring-offset-pink-800:focus {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .lg\:focus\:ring-offset-pink-900:focus {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .lg\:ring-offset-0 {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .lg\:ring-offset-1 {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .lg\:ring-offset-2 {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .lg\:ring-offset-4 {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .lg\:ring-offset-8 {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .lg\:focus-within\:ring-offset-0:focus-within {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .lg\:focus-within\:ring-offset-1:focus-within {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .lg\:focus-within\:ring-offset-2:focus-within {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .lg\:focus-within\:ring-offset-4:focus-within {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .lg\:focus-within\:ring-offset-8:focus-within {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .lg\:focus\:ring-offset-0:focus {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .lg\:focus\:ring-offset-1:focus {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .lg\:focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .lg\:focus\:ring-offset-4:focus {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .lg\:focus\:ring-offset-8:focus {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .lg\:ring-transparent {
+    --tw-ring-color: transparent;
+  }
+
+  .lg\:ring-current {
+    --tw-ring-color: currentColor;
+  }
+
+  .lg\:ring-black {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-white {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-gray-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-red-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-yellow-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-green-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-blue-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-indigo-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-purple-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-pink-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-transparent:focus-within {
+    --tw-ring-color: transparent;
+  }
+
+  .lg\:focus-within\:ring-current:focus-within {
+    --tw-ring-color: currentColor;
+  }
+
+  .lg\:focus-within\:ring-black:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-white:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-gray-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-red-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-yellow-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-green-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-blue-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-indigo-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-purple-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-pink-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-transparent:focus {
+    --tw-ring-color: transparent;
+  }
+
+  .lg\:focus\:ring-current:focus {
+    --tw-ring-color: currentColor;
+  }
+
+  .lg\:focus\:ring-black:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-white:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-gray-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-red-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-yellow-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-green-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-blue-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-indigo-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-purple-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-pink-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-opacity-0 {
+    --tw-ring-opacity: 0;
+  }
+
+  .lg\:ring-opacity-5 {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .lg\:ring-opacity-10 {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .lg\:ring-opacity-20 {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .lg\:ring-opacity-25 {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .lg\:ring-opacity-30 {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .lg\:ring-opacity-40 {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .lg\:ring-opacity-50 {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .lg\:ring-opacity-60 {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .lg\:ring-opacity-70 {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .lg\:ring-opacity-75 {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .lg\:ring-opacity-80 {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .lg\:ring-opacity-90 {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .lg\:ring-opacity-95 {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .lg\:ring-opacity-100 {
+    --tw-ring-opacity: 1;
+  }
+
+  .lg\:focus-within\:ring-opacity-0:focus-within {
+    --tw-ring-opacity: 0;
+  }
+
+  .lg\:focus-within\:ring-opacity-5:focus-within {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .lg\:focus-within\:ring-opacity-10:focus-within {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .lg\:focus-within\:ring-opacity-20:focus-within {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .lg\:focus-within\:ring-opacity-25:focus-within {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .lg\:focus-within\:ring-opacity-30:focus-within {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .lg\:focus-within\:ring-opacity-40:focus-within {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .lg\:focus-within\:ring-opacity-50:focus-within {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .lg\:focus-within\:ring-opacity-60:focus-within {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .lg\:focus-within\:ring-opacity-70:focus-within {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .lg\:focus-within\:ring-opacity-75:focus-within {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .lg\:focus-within\:ring-opacity-80:focus-within {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .lg\:focus-within\:ring-opacity-90:focus-within {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .lg\:focus-within\:ring-opacity-95:focus-within {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .lg\:focus-within\:ring-opacity-100:focus-within {
+    --tw-ring-opacity: 1;
+  }
+
+  .lg\:focus\:ring-opacity-0:focus {
+    --tw-ring-opacity: 0;
+  }
+
+  .lg\:focus\:ring-opacity-5:focus {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .lg\:focus\:ring-opacity-10:focus {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .lg\:focus\:ring-opacity-20:focus {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .lg\:focus\:ring-opacity-25:focus {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .lg\:focus\:ring-opacity-30:focus {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .lg\:focus\:ring-opacity-40:focus {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .lg\:focus\:ring-opacity-50:focus {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .lg\:focus\:ring-opacity-60:focus {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .lg\:focus\:ring-opacity-70:focus {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .lg\:focus\:ring-opacity-75:focus {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .lg\:focus\:ring-opacity-80:focus {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .lg\:focus\:ring-opacity-90:focus {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .lg\:focus\:ring-opacity-95:focus {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .lg\:focus\:ring-opacity-100:focus {
+    --tw-ring-opacity: 1;
+  }
+
+  .lg\:fill-current {
+    fill: currentColor;
+  }
+
+  .lg\:stroke-current {
+    stroke: currentColor;
+  }
+
+  .lg\:stroke-0 {
+    stroke-width: 0;
+  }
+
+  .lg\:stroke-1 {
+    stroke-width: 1;
+  }
+
+  .lg\:stroke-2 {
+    stroke-width: 2;
+  }
+
+  .lg\:table-auto {
+    table-layout: auto;
+  }
+
+  .lg\:table-fixed {
+    table-layout: fixed;
+  }
+
+  .lg\:text-left {
+    text-align: left;
+  }
+
+  .lg\:text-center {
+    text-align: center;
+  }
+
+  .lg\:text-right {
+    text-align: right;
+  }
+
+  .lg\:text-justify {
+    text-align: justify;
+  }
+
+  .lg\:text-transparent {
+    color: transparent;
+  }
+
+  .lg\:text-current {
+    color: currentColor;
+  }
+
+  .lg\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .lg\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .lg\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .lg\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .lg\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .lg\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .lg\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-transparent {
+    color: transparent;
+  }
+
+  .group:hover .lg\:group-hover\:text-current {
+    color: currentColor;
+  }
+
+  .group:hover .lg\:group-hover\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .lg\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .lg\:focus-within\:text-black:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-white:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-gray-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-red-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-yellow-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-green-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-blue-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-indigo-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-purple-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-pink-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .lg\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .lg\:hover\:text-black:hover {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-gray-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-red-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-yellow-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-green-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-blue-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-indigo-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-purple-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-pink-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .lg\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
+  .lg\:focus\:text-black:focus {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-white:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-gray-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-red-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-yellow-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-green-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-blue-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-indigo-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-purple-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-pink-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .lg\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .lg\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .lg\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .lg\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .lg\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .lg\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .lg\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .lg\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .lg\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .lg\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .lg\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .lg\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .lg\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .lg\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .lg\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .group:hover .lg\:group-hover\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .lg\:focus-within\:text-opacity-0:focus-within {
+    --tw-text-opacity: 0;
+  }
+
+  .lg\:focus-within\:text-opacity-5:focus-within {
+    --tw-text-opacity: 0.05;
+  }
+
+  .lg\:focus-within\:text-opacity-10:focus-within {
+    --tw-text-opacity: 0.1;
+  }
+
+  .lg\:focus-within\:text-opacity-20:focus-within {
+    --tw-text-opacity: 0.2;
+  }
+
+  .lg\:focus-within\:text-opacity-25:focus-within {
+    --tw-text-opacity: 0.25;
+  }
+
+  .lg\:focus-within\:text-opacity-30:focus-within {
+    --tw-text-opacity: 0.3;
+  }
+
+  .lg\:focus-within\:text-opacity-40:focus-within {
+    --tw-text-opacity: 0.4;
+  }
+
+  .lg\:focus-within\:text-opacity-50:focus-within {
+    --tw-text-opacity: 0.5;
+  }
+
+  .lg\:focus-within\:text-opacity-60:focus-within {
+    --tw-text-opacity: 0.6;
+  }
+
+  .lg\:focus-within\:text-opacity-70:focus-within {
+    --tw-text-opacity: 0.7;
+  }
+
+  .lg\:focus-within\:text-opacity-75:focus-within {
+    --tw-text-opacity: 0.75;
+  }
+
+  .lg\:focus-within\:text-opacity-80:focus-within {
+    --tw-text-opacity: 0.8;
+  }
+
+  .lg\:focus-within\:text-opacity-90:focus-within {
+    --tw-text-opacity: 0.9;
+  }
+
+  .lg\:focus-within\:text-opacity-95:focus-within {
+    --tw-text-opacity: 0.95;
+  }
+
+  .lg\:focus-within\:text-opacity-100:focus-within {
+    --tw-text-opacity: 1;
+  }
+
+  .lg\:hover\:text-opacity-0:hover {
+    --tw-text-opacity: 0;
+  }
+
+  .lg\:hover\:text-opacity-5:hover {
+    --tw-text-opacity: 0.05;
+  }
+
+  .lg\:hover\:text-opacity-10:hover {
+    --tw-text-opacity: 0.1;
+  }
+
+  .lg\:hover\:text-opacity-20:hover {
+    --tw-text-opacity: 0.2;
+  }
+
+  .lg\:hover\:text-opacity-25:hover {
+    --tw-text-opacity: 0.25;
+  }
+
+  .lg\:hover\:text-opacity-30:hover {
+    --tw-text-opacity: 0.3;
+  }
+
+  .lg\:hover\:text-opacity-40:hover {
+    --tw-text-opacity: 0.4;
+  }
+
+  .lg\:hover\:text-opacity-50:hover {
+    --tw-text-opacity: 0.5;
+  }
+
+  .lg\:hover\:text-opacity-60:hover {
+    --tw-text-opacity: 0.6;
+  }
+
+  .lg\:hover\:text-opacity-70:hover {
+    --tw-text-opacity: 0.7;
+  }
+
+  .lg\:hover\:text-opacity-75:hover {
+    --tw-text-opacity: 0.75;
+  }
+
+  .lg\:hover\:text-opacity-80:hover {
+    --tw-text-opacity: 0.8;
+  }
+
+  .lg\:hover\:text-opacity-90:hover {
+    --tw-text-opacity: 0.9;
+  }
+
+  .lg\:hover\:text-opacity-95:hover {
+    --tw-text-opacity: 0.95;
+  }
+
+  .lg\:hover\:text-opacity-100:hover {
+    --tw-text-opacity: 1;
+  }
+
+  .lg\:focus\:text-opacity-0:focus {
+    --tw-text-opacity: 0;
+  }
+
+  .lg\:focus\:text-opacity-5:focus {
+    --tw-text-opacity: 0.05;
+  }
+
+  .lg\:focus\:text-opacity-10:focus {
+    --tw-text-opacity: 0.1;
+  }
+
+  .lg\:focus\:text-opacity-20:focus {
+    --tw-text-opacity: 0.2;
+  }
+
+  .lg\:focus\:text-opacity-25:focus {
+    --tw-text-opacity: 0.25;
+  }
+
+  .lg\:focus\:text-opacity-30:focus {
+    --tw-text-opacity: 0.3;
+  }
+
+  .lg\:focus\:text-opacity-40:focus {
+    --tw-text-opacity: 0.4;
+  }
+
+  .lg\:focus\:text-opacity-50:focus {
+    --tw-text-opacity: 0.5;
+  }
+
+  .lg\:focus\:text-opacity-60:focus {
+    --tw-text-opacity: 0.6;
+  }
+
+  .lg\:focus\:text-opacity-70:focus {
+    --tw-text-opacity: 0.7;
+  }
+
+  .lg\:focus\:text-opacity-75:focus {
+    --tw-text-opacity: 0.75;
+  }
+
+  .lg\:focus\:text-opacity-80:focus {
+    --tw-text-opacity: 0.8;
+  }
+
+  .lg\:focus\:text-opacity-90:focus {
+    --tw-text-opacity: 0.9;
+  }
+
+  .lg\:focus\:text-opacity-95:focus {
+    --tw-text-opacity: 0.95;
+  }
+
+  .lg\:focus\:text-opacity-100:focus {
+    --tw-text-opacity: 1;
+  }
+
+  .lg\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .lg\:overflow-ellipsis {
+    text-overflow: ellipsis;
+  }
+
+  .lg\:overflow-clip {
+    text-overflow: clip;
+  }
+
+  .lg\:italic {
+    font-style: italic;
+  }
+
+  .lg\:not-italic {
+    font-style: normal;
+  }
+
+  .lg\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .lg\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .lg\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .lg\:normal-case {
+    text-transform: none;
+  }
+
+  .lg\:underline {
+    text-decoration: underline;
+  }
+
+  .lg\:line-through {
+    text-decoration: line-through;
+  }
+
+  .lg\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:hover .lg\:group-hover\:underline {
+    text-decoration: underline;
+  }
+
+  .group:hover .lg\:group-hover\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:hover .lg\:group-hover\:no-underline {
+    text-decoration: none;
+  }
+
+  .lg\:focus-within\:underline:focus-within {
+    text-decoration: underline;
+  }
+
+  .lg\:focus-within\:line-through:focus-within {
+    text-decoration: line-through;
+  }
+
+  .lg\:focus-within\:no-underline:focus-within {
+    text-decoration: none;
+  }
+
+  .lg\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .lg\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .lg\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .lg\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .lg\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .lg\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .lg\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .lg\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions {
+    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
+    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+  }
+
+  .lg\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .lg\:ordinal {
+    --tw-ordinal: ordinal;
+  }
+
+  .lg\:slashed-zero {
+    --tw-slashed-zero: slashed-zero;
+  }
+
+  .lg\:lining-nums {
+    --tw-numeric-figure: lining-nums;
+  }
+
+  .lg\:oldstyle-nums {
+    --tw-numeric-figure: oldstyle-nums;
+  }
+
+  .lg\:proportional-nums {
+    --tw-numeric-spacing: proportional-nums;
+  }
+
+  .lg\:tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+  }
+
+  .lg\:diagonal-fractions {
+    --tw-numeric-fraction: diagonal-fractions;
+  }
+
+  .lg\:stacked-fractions {
+    --tw-numeric-fraction: stacked-fractions;
+  }
+
+  .lg\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .lg\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .lg\:tracking-normal {
+    letter-spacing: 0em;
+  }
+
+  .lg\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .lg\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .lg\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .lg\:select-none {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+
+  .lg\:select-text {
+    -webkit-user-select: text;
+            user-select: text;
+  }
+
+  .lg\:select-all {
+    -webkit-user-select: all;
+            user-select: all;
+  }
+
+  .lg\:select-auto {
+    -webkit-user-select: auto;
+            user-select: auto;
+  }
+
+  .lg\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .lg\:align-top {
+    vertical-align: top;
+  }
+
+  .lg\:align-middle {
+    vertical-align: middle;
+  }
+
+  .lg\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .lg\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .lg\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .lg\:visible {
+    visibility: visible;
+  }
+
+  .lg\:invisible {
+    visibility: hidden;
+  }
+
+  .lg\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .lg\:whitespace-nowrap {
+    white-space: nowrap;
+  }
+
+  .lg\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .lg\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .lg\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .lg\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .lg\:break-words {
+    overflow-wrap: break-word;
+  }
+
+  .lg\:break-all {
+    word-break: break-all;
+  }
+
+  .lg\:w-0 {
+    width: 0px;
+  }
+
+  .lg\:w-1 {
+    width: 0.25rem;
+  }
+
+  .lg\:w-2 {
+    width: 0.5rem;
+  }
+
+  .lg\:w-3 {
+    width: 0.75rem;
+  }
+
+  .lg\:w-4 {
+    width: 1rem;
+  }
+
+  .lg\:w-5 {
+    width: 1.25rem;
+  }
+
+  .lg\:w-6 {
+    width: 1.5rem;
+  }
+
+  .lg\:w-7 {
+    width: 1.75rem;
+  }
+
+  .lg\:w-8 {
+    width: 2rem;
+  }
+
+  .lg\:w-9 {
+    width: 2.25rem;
+  }
+
+  .lg\:w-10 {
+    width: 2.5rem;
+  }
+
+  .lg\:w-11 {
+    width: 2.75rem;
+  }
+
+  .lg\:w-12 {
+    width: 3rem;
+  }
+
+  .lg\:w-14 {
+    width: 3.5rem;
+  }
+
+  .lg\:w-16 {
+    width: 4rem;
+  }
+
+  .lg\:w-20 {
+    width: 5rem;
+  }
+
+  .lg\:w-24 {
+    width: 6rem;
+  }
+
+  .lg\:w-28 {
+    width: 7rem;
+  }
+
+  .lg\:w-32 {
+    width: 8rem;
+  }
+
+  .lg\:w-36 {
+    width: 9rem;
+  }
+
+  .lg\:w-40 {
+    width: 10rem;
+  }
+
+  .lg\:w-44 {
+    width: 11rem;
+  }
+
+  .lg\:w-48 {
+    width: 12rem;
+  }
+
+  .lg\:w-52 {
+    width: 13rem;
+  }
+
+  .lg\:w-56 {
+    width: 14rem;
+  }
+
+  .lg\:w-60 {
+    width: 15rem;
+  }
+
+  .lg\:w-64 {
+    width: 16rem;
+  }
+
+  .lg\:w-72 {
+    width: 18rem;
+  }
+
+  .lg\:w-80 {
+    width: 20rem;
+  }
+
+  .lg\:w-96 {
+    width: 24rem;
+  }
+
+  .lg\:w-auto {
+    width: auto;
+  }
+
+  .lg\:w-px {
+    width: 1px;
+  }
+
+  .lg\:w-0\.5 {
+    width: 0.125rem;
+  }
+
+  .lg\:w-1\.5 {
+    width: 0.375rem;
+  }
+
+  .lg\:w-2\.5 {
+    width: 0.625rem;
+  }
+
+  .lg\:w-3\.5 {
+    width: 0.875rem;
+  }
+
+  .lg\:w-1\/2 {
+    width: 50%;
+  }
+
+  .lg\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .lg\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .lg\:w-1\/4 {
+    width: 25%;
+  }
+
+  .lg\:w-2\/4 {
+    width: 50%;
+  }
+
+  .lg\:w-3\/4 {
+    width: 75%;
+  }
+
+  .lg\:w-1\/5 {
+    width: 20%;
+  }
+
+  .lg\:w-2\/5 {
+    width: 40%;
+  }
+
+  .lg\:w-3\/5 {
+    width: 60%;
+  }
+
+  .lg\:w-4\/5 {
+    width: 80%;
+  }
+
+  .lg\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .lg\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .lg\:w-3\/6 {
+    width: 50%;
+  }
+
+  .lg\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .lg\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .lg\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .lg\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .lg\:w-3\/12 {
+    width: 25%;
+  }
+
+  .lg\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .lg\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .lg\:w-6\/12 {
+    width: 50%;
+  }
+
+  .lg\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .lg\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .lg\:w-9\/12 {
+    width: 75%;
+  }
+
+  .lg\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .lg\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .lg\:w-full {
+    width: 100%;
+  }
+
+  .lg\:w-screen {
+    width: 100vw;
+  }
+
+  .lg\:w-min {
+    width: -webkit-min-content;
+    width: min-content;
+  }
+
+  .lg\:w-max {
+    width: -webkit-max-content;
+    width: max-content;
+  }
+
+  .lg\:z-0 {
+    z-index: 0;
+  }
+
+  .lg\:z-10 {
+    z-index: 10;
+  }
+
+  .lg\:z-20 {
+    z-index: 20;
+  }
+
+  .lg\:z-30 {
+    z-index: 30;
+  }
+
+  .lg\:z-40 {
+    z-index: 40;
+  }
+
+  .lg\:z-50 {
+    z-index: 50;
+  }
+
+  .lg\:z-auto {
+    z-index: auto;
+  }
+
+  .lg\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .lg\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .lg\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .lg\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .lg\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .lg\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .lg\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
+  .lg\:focus\:z-0:focus {
+    z-index: 0;
+  }
+
+  .lg\:focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .lg\:focus\:z-20:focus {
+    z-index: 20;
+  }
+
+  .lg\:focus\:z-30:focus {
+    z-index: 30;
+  }
+
+  .lg\:focus\:z-40:focus {
+    z-index: 40;
+  }
+
+  .lg\:focus\:z-50:focus {
+    z-index: 50;
+  }
+
+  .lg\:focus\:z-auto:focus {
+    z-index: auto;
+  }
+
+  .lg\:gap-0 {
+    gap: 0px;
+  }
+
+  .lg\:gap-1 {
+    gap: 0.25rem;
+  }
+
+  .lg\:gap-2 {
+    gap: 0.5rem;
+  }
+
+  .lg\:gap-3 {
+    gap: 0.75rem;
+  }
+
+  .lg\:gap-4 {
+    gap: 1rem;
+  }
+
+  .lg\:gap-5 {
+    gap: 1.25rem;
+  }
+
+  .lg\:gap-6 {
+    gap: 1.5rem;
+  }
+
+  .lg\:gap-7 {
+    gap: 1.75rem;
+  }
+
+  .lg\:gap-8 {
+    gap: 2rem;
+  }
+
+  .lg\:gap-9 {
+    gap: 2.25rem;
+  }
+
+  .lg\:gap-10 {
+    gap: 2.5rem;
+  }
+
+  .lg\:gap-11 {
+    gap: 2.75rem;
+  }
+
+  .lg\:gap-12 {
+    gap: 3rem;
+  }
+
+  .lg\:gap-14 {
+    gap: 3.5rem;
+  }
+
+  .lg\:gap-16 {
+    gap: 4rem;
+  }
+
+  .lg\:gap-20 {
+    gap: 5rem;
+  }
+
+  .lg\:gap-24 {
+    gap: 6rem;
+  }
+
+  .lg\:gap-28 {
+    gap: 7rem;
+  }
+
+  .lg\:gap-32 {
+    gap: 8rem;
+  }
+
+  .lg\:gap-36 {
+    gap: 9rem;
+  }
+
+  .lg\:gap-40 {
+    gap: 10rem;
+  }
+
+  .lg\:gap-44 {
+    gap: 11rem;
+  }
+
+  .lg\:gap-48 {
+    gap: 12rem;
+  }
+
+  .lg\:gap-52 {
+    gap: 13rem;
+  }
+
+  .lg\:gap-56 {
+    gap: 14rem;
+  }
+
+  .lg\:gap-60 {
+    gap: 15rem;
+  }
+
+  .lg\:gap-64 {
+    gap: 16rem;
+  }
+
+  .lg\:gap-72 {
+    gap: 18rem;
+  }
+
+  .lg\:gap-80 {
+    gap: 20rem;
+  }
+
+  .lg\:gap-96 {
+    gap: 24rem;
+  }
+
+  .lg\:gap-px {
+    gap: 1px;
+  }
+
+  .lg\:gap-0\.5 {
+    gap: 0.125rem;
+  }
+
+  .lg\:gap-1\.5 {
+    gap: 0.375rem;
+  }
+
+  .lg\:gap-2\.5 {
+    gap: 0.625rem;
+  }
+
+  .lg\:gap-3\.5 {
+    gap: 0.875rem;
+  }
+
+  .lg\:gap-x-0 {
+    column-gap: 0px;
+  }
+
+  .lg\:gap-x-1 {
+    column-gap: 0.25rem;
+  }
+
+  .lg\:gap-x-2 {
+    column-gap: 0.5rem;
+  }
+
+  .lg\:gap-x-3 {
+    column-gap: 0.75rem;
+  }
+
+  .lg\:gap-x-4 {
+    column-gap: 1rem;
+  }
+
+  .lg\:gap-x-5 {
+    column-gap: 1.25rem;
+  }
+
+  .lg\:gap-x-6 {
+    column-gap: 1.5rem;
+  }
+
+  .lg\:gap-x-7 {
+    column-gap: 1.75rem;
+  }
+
+  .lg\:gap-x-8 {
+    column-gap: 2rem;
+  }
+
+  .lg\:gap-x-9 {
+    column-gap: 2.25rem;
+  }
+
+  .lg\:gap-x-10 {
+    column-gap: 2.5rem;
+  }
+
+  .lg\:gap-x-11 {
+    column-gap: 2.75rem;
+  }
+
+  .lg\:gap-x-12 {
+    column-gap: 3rem;
+  }
+
+  .lg\:gap-x-14 {
+    column-gap: 3.5rem;
+  }
+
+  .lg\:gap-x-16 {
+    column-gap: 4rem;
+  }
+
+  .lg\:gap-x-20 {
+    column-gap: 5rem;
+  }
+
+  .lg\:gap-x-24 {
+    column-gap: 6rem;
+  }
+
+  .lg\:gap-x-28 {
+    column-gap: 7rem;
+  }
+
+  .lg\:gap-x-32 {
+    column-gap: 8rem;
+  }
+
+  .lg\:gap-x-36 {
+    column-gap: 9rem;
+  }
+
+  .lg\:gap-x-40 {
+    column-gap: 10rem;
+  }
+
+  .lg\:gap-x-44 {
+    column-gap: 11rem;
+  }
+
+  .lg\:gap-x-48 {
+    column-gap: 12rem;
+  }
+
+  .lg\:gap-x-52 {
+    column-gap: 13rem;
+  }
+
+  .lg\:gap-x-56 {
+    column-gap: 14rem;
+  }
+
+  .lg\:gap-x-60 {
+    column-gap: 15rem;
+  }
+
+  .lg\:gap-x-64 {
+    column-gap: 16rem;
+  }
+
+  .lg\:gap-x-72 {
+    column-gap: 18rem;
+  }
+
+  .lg\:gap-x-80 {
+    column-gap: 20rem;
+  }
+
+  .lg\:gap-x-96 {
+    column-gap: 24rem;
+  }
+
+  .lg\:gap-x-px {
+    column-gap: 1px;
+  }
+
+  .lg\:gap-x-0\.5 {
+    column-gap: 0.125rem;
+  }
+
+  .lg\:gap-x-1\.5 {
+    column-gap: 0.375rem;
+  }
+
+  .lg\:gap-x-2\.5 {
+    column-gap: 0.625rem;
+  }
+
+  .lg\:gap-x-3\.5 {
+    column-gap: 0.875rem;
+  }
+
+  .lg\:gap-y-0 {
+    row-gap: 0px;
+  }
+
+  .lg\:gap-y-1 {
+    row-gap: 0.25rem;
+  }
+
+  .lg\:gap-y-2 {
+    row-gap: 0.5rem;
+  }
+
+  .lg\:gap-y-3 {
+    row-gap: 0.75rem;
+  }
+
+  .lg\:gap-y-4 {
+    row-gap: 1rem;
+  }
+
+  .lg\:gap-y-5 {
+    row-gap: 1.25rem;
+  }
+
+  .lg\:gap-y-6 {
+    row-gap: 1.5rem;
+  }
+
+  .lg\:gap-y-7 {
+    row-gap: 1.75rem;
+  }
+
+  .lg\:gap-y-8 {
+    row-gap: 2rem;
+  }
+
+  .lg\:gap-y-9 {
+    row-gap: 2.25rem;
+  }
+
+  .lg\:gap-y-10 {
+    row-gap: 2.5rem;
+  }
+
+  .lg\:gap-y-11 {
+    row-gap: 2.75rem;
+  }
+
+  .lg\:gap-y-12 {
+    row-gap: 3rem;
+  }
+
+  .lg\:gap-y-14 {
+    row-gap: 3.5rem;
+  }
+
+  .lg\:gap-y-16 {
+    row-gap: 4rem;
+  }
+
+  .lg\:gap-y-20 {
+    row-gap: 5rem;
+  }
+
+  .lg\:gap-y-24 {
+    row-gap: 6rem;
+  }
+
+  .lg\:gap-y-28 {
+    row-gap: 7rem;
+  }
+
+  .lg\:gap-y-32 {
+    row-gap: 8rem;
+  }
+
+  .lg\:gap-y-36 {
+    row-gap: 9rem;
+  }
+
+  .lg\:gap-y-40 {
+    row-gap: 10rem;
+  }
+
+  .lg\:gap-y-44 {
+    row-gap: 11rem;
+  }
+
+  .lg\:gap-y-48 {
+    row-gap: 12rem;
+  }
+
+  .lg\:gap-y-52 {
+    row-gap: 13rem;
+  }
+
+  .lg\:gap-y-56 {
+    row-gap: 14rem;
+  }
+
+  .lg\:gap-y-60 {
+    row-gap: 15rem;
+  }
+
+  .lg\:gap-y-64 {
+    row-gap: 16rem;
+  }
+
+  .lg\:gap-y-72 {
+    row-gap: 18rem;
+  }
+
+  .lg\:gap-y-80 {
+    row-gap: 20rem;
+  }
+
+  .lg\:gap-y-96 {
+    row-gap: 24rem;
+  }
+
+  .lg\:gap-y-px {
+    row-gap: 1px;
+  }
+
+  .lg\:gap-y-0\.5 {
+    row-gap: 0.125rem;
+  }
+
+  .lg\:gap-y-1\.5 {
+    row-gap: 0.375rem;
+  }
+
+  .lg\:gap-y-2\.5 {
+    row-gap: 0.625rem;
+  }
+
+  .lg\:gap-y-3\.5 {
+    row-gap: 0.875rem;
+  }
+
+  .lg\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .lg\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .lg\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .lg\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .lg\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .lg\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .lg\:auto-cols-min {
+    grid-auto-columns: -webkit-min-content;
+    grid-auto-columns: min-content;
+  }
+
+  .lg\:auto-cols-max {
+    grid-auto-columns: -webkit-max-content;
+    grid-auto-columns: max-content;
+  }
+
+  .lg\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .lg\:col-auto {
+    grid-column: auto;
+  }
+
+  .lg\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .lg\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .lg\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .lg\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .lg\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .lg\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .lg\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .lg\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .lg\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .lg\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .lg\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .lg\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .lg\:col-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .lg\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .lg\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .lg\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .lg\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .lg\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .lg\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .lg\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .lg\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .lg\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .lg\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .lg\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .lg\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .lg\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .lg\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .lg\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .lg\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .lg\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .lg\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .lg\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .lg\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .lg\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .lg\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .lg\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .lg\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .lg\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .lg\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .lg\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .lg\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .lg\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .lg\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .lg\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .lg\:auto-rows-min {
+    grid-auto-rows: -webkit-min-content;
+    grid-auto-rows: min-content;
+  }
+
+  .lg\:auto-rows-max {
+    grid-auto-rows: -webkit-max-content;
+    grid-auto-rows: max-content;
+  }
+
+  .lg\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .lg\:row-auto {
+    grid-row: auto;
+  }
+
+  .lg\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .lg\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .lg\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .lg\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .lg\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .lg\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .lg\:row-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .lg\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .lg\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .lg\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .lg\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .lg\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .lg\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .lg\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .lg\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .lg\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .lg\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .lg\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .lg\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .lg\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .lg\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .lg\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .lg\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .lg\:transform {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .lg\:transform-gpu {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .lg\:transform-none {
+    transform: none;
+  }
+
+  .lg\:origin-center {
+    transform-origin: center;
+  }
+
+  .lg\:origin-top {
+    transform-origin: top;
+  }
+
+  .lg\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .lg\:origin-right {
+    transform-origin: right;
+  }
+
+  .lg\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .lg\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .lg\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .lg\:origin-left {
+    transform-origin: left;
+  }
+
+  .lg\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .lg\:scale-0 {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .lg\:scale-50 {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .lg\:scale-75 {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .lg\:scale-90 {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .lg\:scale-95 {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .lg\:scale-100 {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .lg\:scale-105 {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .lg\:scale-110 {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .lg\:scale-125 {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .lg\:scale-150 {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .lg\:scale-x-0 {
+    --tw-scale-x: 0;
+  }
+
+  .lg\:scale-x-50 {
+    --tw-scale-x: .5;
+  }
+
+  .lg\:scale-x-75 {
+    --tw-scale-x: .75;
+  }
+
+  .lg\:scale-x-90 {
+    --tw-scale-x: .9;
+  }
+
+  .lg\:scale-x-95 {
+    --tw-scale-x: .95;
+  }
+
+  .lg\:scale-x-100 {
+    --tw-scale-x: 1;
+  }
+
+  .lg\:scale-x-105 {
+    --tw-scale-x: 1.05;
+  }
+
+  .lg\:scale-x-110 {
+    --tw-scale-x: 1.1;
+  }
+
+  .lg\:scale-x-125 {
+    --tw-scale-x: 1.25;
+  }
+
+  .lg\:scale-x-150 {
+    --tw-scale-x: 1.5;
+  }
+
+  .lg\:scale-y-0 {
+    --tw-scale-y: 0;
+  }
+
+  .lg\:scale-y-50 {
+    --tw-scale-y: .5;
+  }
+
+  .lg\:scale-y-75 {
+    --tw-scale-y: .75;
+  }
+
+  .lg\:scale-y-90 {
+    --tw-scale-y: .9;
+  }
+
+  .lg\:scale-y-95 {
+    --tw-scale-y: .95;
+  }
+
+  .lg\:scale-y-100 {
+    --tw-scale-y: 1;
+  }
+
+  .lg\:scale-y-105 {
+    --tw-scale-y: 1.05;
+  }
+
+  .lg\:scale-y-110 {
+    --tw-scale-y: 1.1;
+  }
+
+  .lg\:scale-y-125 {
+    --tw-scale-y: 1.25;
+  }
+
+  .lg\:scale-y-150 {
+    --tw-scale-y: 1.5;
+  }
+
+  .lg\:hover\:scale-0:hover {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .lg\:hover\:scale-50:hover {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .lg\:hover\:scale-75:hover {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .lg\:hover\:scale-90:hover {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .lg\:hover\:scale-95:hover {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .lg\:hover\:scale-100:hover {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .lg\:hover\:scale-105:hover {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .lg\:hover\:scale-110:hover {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .lg\:hover\:scale-125:hover {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .lg\:hover\:scale-150:hover {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .lg\:hover\:scale-x-0:hover {
+    --tw-scale-x: 0;
+  }
+
+  .lg\:hover\:scale-x-50:hover {
+    --tw-scale-x: .5;
+  }
+
+  .lg\:hover\:scale-x-75:hover {
+    --tw-scale-x: .75;
+  }
+
+  .lg\:hover\:scale-x-90:hover {
+    --tw-scale-x: .9;
+  }
+
+  .lg\:hover\:scale-x-95:hover {
+    --tw-scale-x: .95;
+  }
+
+  .lg\:hover\:scale-x-100:hover {
+    --tw-scale-x: 1;
+  }
+
+  .lg\:hover\:scale-x-105:hover {
+    --tw-scale-x: 1.05;
+  }
+
+  .lg\:hover\:scale-x-110:hover {
+    --tw-scale-x: 1.1;
+  }
+
+  .lg\:hover\:scale-x-125:hover {
+    --tw-scale-x: 1.25;
+  }
+
+  .lg\:hover\:scale-x-150:hover {
+    --tw-scale-x: 1.5;
+  }
+
+  .lg\:hover\:scale-y-0:hover {
+    --tw-scale-y: 0;
+  }
+
+  .lg\:hover\:scale-y-50:hover {
+    --tw-scale-y: .5;
+  }
+
+  .lg\:hover\:scale-y-75:hover {
+    --tw-scale-y: .75;
+  }
+
+  .lg\:hover\:scale-y-90:hover {
+    --tw-scale-y: .9;
+  }
+
+  .lg\:hover\:scale-y-95:hover {
+    --tw-scale-y: .95;
+  }
+
+  .lg\:hover\:scale-y-100:hover {
+    --tw-scale-y: 1;
+  }
+
+  .lg\:hover\:scale-y-105:hover {
+    --tw-scale-y: 1.05;
+  }
+
+  .lg\:hover\:scale-y-110:hover {
+    --tw-scale-y: 1.1;
+  }
+
+  .lg\:hover\:scale-y-125:hover {
+    --tw-scale-y: 1.25;
+  }
+
+  .lg\:hover\:scale-y-150:hover {
+    --tw-scale-y: 1.5;
+  }
+
+  .lg\:focus\:scale-0:focus {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .lg\:focus\:scale-50:focus {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .lg\:focus\:scale-75:focus {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .lg\:focus\:scale-90:focus {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .lg\:focus\:scale-95:focus {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .lg\:focus\:scale-100:focus {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .lg\:focus\:scale-105:focus {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .lg\:focus\:scale-110:focus {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .lg\:focus\:scale-125:focus {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .lg\:focus\:scale-150:focus {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .lg\:focus\:scale-x-0:focus {
+    --tw-scale-x: 0;
+  }
+
+  .lg\:focus\:scale-x-50:focus {
+    --tw-scale-x: .5;
+  }
+
+  .lg\:focus\:scale-x-75:focus {
+    --tw-scale-x: .75;
+  }
+
+  .lg\:focus\:scale-x-90:focus {
+    --tw-scale-x: .9;
+  }
+
+  .lg\:focus\:scale-x-95:focus {
+    --tw-scale-x: .95;
+  }
+
+  .lg\:focus\:scale-x-100:focus {
+    --tw-scale-x: 1;
+  }
+
+  .lg\:focus\:scale-x-105:focus {
+    --tw-scale-x: 1.05;
+  }
+
+  .lg\:focus\:scale-x-110:focus {
+    --tw-scale-x: 1.1;
+  }
+
+  .lg\:focus\:scale-x-125:focus {
+    --tw-scale-x: 1.25;
+  }
+
+  .lg\:focus\:scale-x-150:focus {
+    --tw-scale-x: 1.5;
+  }
+
+  .lg\:focus\:scale-y-0:focus {
+    --tw-scale-y: 0;
+  }
+
+  .lg\:focus\:scale-y-50:focus {
+    --tw-scale-y: .5;
+  }
+
+  .lg\:focus\:scale-y-75:focus {
+    --tw-scale-y: .75;
+  }
+
+  .lg\:focus\:scale-y-90:focus {
+    --tw-scale-y: .9;
+  }
+
+  .lg\:focus\:scale-y-95:focus {
+    --tw-scale-y: .95;
+  }
+
+  .lg\:focus\:scale-y-100:focus {
+    --tw-scale-y: 1;
+  }
+
+  .lg\:focus\:scale-y-105:focus {
+    --tw-scale-y: 1.05;
+  }
+
+  .lg\:focus\:scale-y-110:focus {
+    --tw-scale-y: 1.1;
+  }
+
+  .lg\:focus\:scale-y-125:focus {
+    --tw-scale-y: 1.25;
+  }
+
+  .lg\:focus\:scale-y-150:focus {
+    --tw-scale-y: 1.5;
+  }
+
+  .lg\:rotate-0 {
+    --tw-rotate: 0deg;
+  }
+
+  .lg\:rotate-1 {
+    --tw-rotate: 1deg;
+  }
+
+  .lg\:rotate-2 {
+    --tw-rotate: 2deg;
+  }
+
+  .lg\:rotate-3 {
+    --tw-rotate: 3deg;
+  }
+
+  .lg\:rotate-6 {
+    --tw-rotate: 6deg;
+  }
+
+  .lg\:rotate-12 {
+    --tw-rotate: 12deg;
+  }
+
+  .lg\:rotate-45 {
+    --tw-rotate: 45deg;
+  }
+
+  .lg\:rotate-90 {
+    --tw-rotate: 90deg;
+  }
+
+  .lg\:rotate-180 {
+    --tw-rotate: 180deg;
+  }
+
+  .lg\:-rotate-180 {
+    --tw-rotate: -180deg;
+  }
+
+  .lg\:-rotate-90 {
+    --tw-rotate: -90deg;
+  }
+
+  .lg\:-rotate-45 {
+    --tw-rotate: -45deg;
+  }
+
+  .lg\:-rotate-12 {
+    --tw-rotate: -12deg;
+  }
+
+  .lg\:-rotate-6 {
+    --tw-rotate: -6deg;
+  }
+
+  .lg\:-rotate-3 {
+    --tw-rotate: -3deg;
+  }
+
+  .lg\:-rotate-2 {
+    --tw-rotate: -2deg;
+  }
+
+  .lg\:-rotate-1 {
+    --tw-rotate: -1deg;
+  }
+
+  .lg\:hover\:rotate-0:hover {
+    --tw-rotate: 0deg;
+  }
+
+  .lg\:hover\:rotate-1:hover {
+    --tw-rotate: 1deg;
+  }
+
+  .lg\:hover\:rotate-2:hover {
+    --tw-rotate: 2deg;
+  }
+
+  .lg\:hover\:rotate-3:hover {
+    --tw-rotate: 3deg;
+  }
+
+  .lg\:hover\:rotate-6:hover {
+    --tw-rotate: 6deg;
+  }
+
+  .lg\:hover\:rotate-12:hover {
+    --tw-rotate: 12deg;
+  }
+
+  .lg\:hover\:rotate-45:hover {
+    --tw-rotate: 45deg;
+  }
+
+  .lg\:hover\:rotate-90:hover {
+    --tw-rotate: 90deg;
+  }
+
+  .lg\:hover\:rotate-180:hover {
+    --tw-rotate: 180deg;
+  }
+
+  .lg\:hover\:-rotate-180:hover {
+    --tw-rotate: -180deg;
+  }
+
+  .lg\:hover\:-rotate-90:hover {
+    --tw-rotate: -90deg;
+  }
+
+  .lg\:hover\:-rotate-45:hover {
+    --tw-rotate: -45deg;
+  }
+
+  .lg\:hover\:-rotate-12:hover {
+    --tw-rotate: -12deg;
+  }
+
+  .lg\:hover\:-rotate-6:hover {
+    --tw-rotate: -6deg;
+  }
+
+  .lg\:hover\:-rotate-3:hover {
+    --tw-rotate: -3deg;
+  }
+
+  .lg\:hover\:-rotate-2:hover {
+    --tw-rotate: -2deg;
+  }
+
+  .lg\:hover\:-rotate-1:hover {
+    --tw-rotate: -1deg;
+  }
+
+  .lg\:focus\:rotate-0:focus {
+    --tw-rotate: 0deg;
+  }
+
+  .lg\:focus\:rotate-1:focus {
+    --tw-rotate: 1deg;
+  }
+
+  .lg\:focus\:rotate-2:focus {
+    --tw-rotate: 2deg;
+  }
+
+  .lg\:focus\:rotate-3:focus {
+    --tw-rotate: 3deg;
+  }
+
+  .lg\:focus\:rotate-6:focus {
+    --tw-rotate: 6deg;
+  }
+
+  .lg\:focus\:rotate-12:focus {
+    --tw-rotate: 12deg;
+  }
+
+  .lg\:focus\:rotate-45:focus {
+    --tw-rotate: 45deg;
+  }
+
+  .lg\:focus\:rotate-90:focus {
+    --tw-rotate: 90deg;
+  }
+
+  .lg\:focus\:rotate-180:focus {
+    --tw-rotate: 180deg;
+  }
+
+  .lg\:focus\:-rotate-180:focus {
+    --tw-rotate: -180deg;
+  }
+
+  .lg\:focus\:-rotate-90:focus {
+    --tw-rotate: -90deg;
+  }
+
+  .lg\:focus\:-rotate-45:focus {
+    --tw-rotate: -45deg;
+  }
+
+  .lg\:focus\:-rotate-12:focus {
+    --tw-rotate: -12deg;
+  }
+
+  .lg\:focus\:-rotate-6:focus {
+    --tw-rotate: -6deg;
+  }
+
+  .lg\:focus\:-rotate-3:focus {
+    --tw-rotate: -3deg;
+  }
+
+  .lg\:focus\:-rotate-2:focus {
+    --tw-rotate: -2deg;
+  }
+
+  .lg\:focus\:-rotate-1:focus {
+    --tw-rotate: -1deg;
+  }
+
+  .lg\:translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .lg\:translate-x-1 {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .lg\:translate-x-2 {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .lg\:translate-x-3 {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .lg\:translate-x-4 {
+    --tw-translate-x: 1rem;
+  }
+
+  .lg\:translate-x-5 {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .lg\:translate-x-6 {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .lg\:translate-x-7 {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .lg\:translate-x-8 {
+    --tw-translate-x: 2rem;
+  }
+
+  .lg\:translate-x-9 {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .lg\:translate-x-10 {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .lg\:translate-x-11 {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .lg\:translate-x-12 {
+    --tw-translate-x: 3rem;
+  }
+
+  .lg\:translate-x-14 {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .lg\:translate-x-16 {
+    --tw-translate-x: 4rem;
+  }
+
+  .lg\:translate-x-20 {
+    --tw-translate-x: 5rem;
+  }
+
+  .lg\:translate-x-24 {
+    --tw-translate-x: 6rem;
+  }
+
+  .lg\:translate-x-28 {
+    --tw-translate-x: 7rem;
+  }
+
+  .lg\:translate-x-32 {
+    --tw-translate-x: 8rem;
+  }
+
+  .lg\:translate-x-36 {
+    --tw-translate-x: 9rem;
+  }
+
+  .lg\:translate-x-40 {
+    --tw-translate-x: 10rem;
+  }
+
+  .lg\:translate-x-44 {
+    --tw-translate-x: 11rem;
+  }
+
+  .lg\:translate-x-48 {
+    --tw-translate-x: 12rem;
+  }
+
+  .lg\:translate-x-52 {
+    --tw-translate-x: 13rem;
+  }
+
+  .lg\:translate-x-56 {
+    --tw-translate-x: 14rem;
+  }
+
+  .lg\:translate-x-60 {
+    --tw-translate-x: 15rem;
+  }
+
+  .lg\:translate-x-64 {
+    --tw-translate-x: 16rem;
+  }
+
+  .lg\:translate-x-72 {
+    --tw-translate-x: 18rem;
+  }
+
+  .lg\:translate-x-80 {
+    --tw-translate-x: 20rem;
+  }
+
+  .lg\:translate-x-96 {
+    --tw-translate-x: 24rem;
+  }
+
+  .lg\:translate-x-px {
+    --tw-translate-x: 1px;
+  }
+
+  .lg\:translate-x-0\.5 {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .lg\:translate-x-1\.5 {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .lg\:translate-x-2\.5 {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .lg\:translate-x-3\.5 {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .lg\:-translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .lg\:-translate-x-1 {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .lg\:-translate-x-2 {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .lg\:-translate-x-3 {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .lg\:-translate-x-4 {
+    --tw-translate-x: -1rem;
+  }
+
+  .lg\:-translate-x-5 {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .lg\:-translate-x-6 {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .lg\:-translate-x-7 {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .lg\:-translate-x-8 {
+    --tw-translate-x: -2rem;
+  }
+
+  .lg\:-translate-x-9 {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .lg\:-translate-x-10 {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .lg\:-translate-x-11 {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .lg\:-translate-x-12 {
+    --tw-translate-x: -3rem;
+  }
+
+  .lg\:-translate-x-14 {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .lg\:-translate-x-16 {
+    --tw-translate-x: -4rem;
+  }
+
+  .lg\:-translate-x-20 {
+    --tw-translate-x: -5rem;
+  }
+
+  .lg\:-translate-x-24 {
+    --tw-translate-x: -6rem;
+  }
+
+  .lg\:-translate-x-28 {
+    --tw-translate-x: -7rem;
+  }
+
+  .lg\:-translate-x-32 {
+    --tw-translate-x: -8rem;
+  }
+
+  .lg\:-translate-x-36 {
+    --tw-translate-x: -9rem;
+  }
+
+  .lg\:-translate-x-40 {
+    --tw-translate-x: -10rem;
+  }
+
+  .lg\:-translate-x-44 {
+    --tw-translate-x: -11rem;
+  }
+
+  .lg\:-translate-x-48 {
+    --tw-translate-x: -12rem;
+  }
+
+  .lg\:-translate-x-52 {
+    --tw-translate-x: -13rem;
+  }
+
+  .lg\:-translate-x-56 {
+    --tw-translate-x: -14rem;
+  }
+
+  .lg\:-translate-x-60 {
+    --tw-translate-x: -15rem;
+  }
+
+  .lg\:-translate-x-64 {
+    --tw-translate-x: -16rem;
+  }
+
+  .lg\:-translate-x-72 {
+    --tw-translate-x: -18rem;
+  }
+
+  .lg\:-translate-x-80 {
+    --tw-translate-x: -20rem;
+  }
+
+  .lg\:-translate-x-96 {
+    --tw-translate-x: -24rem;
+  }
+
+  .lg\:-translate-x-px {
+    --tw-translate-x: -1px;
+  }
+
+  .lg\:-translate-x-0\.5 {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .lg\:-translate-x-1\.5 {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .lg\:-translate-x-2\.5 {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .lg\:-translate-x-3\.5 {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .lg\:translate-x-1\/2 {
+    --tw-translate-x: 50%;
+  }
+
+  .lg\:translate-x-1\/3 {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .lg\:translate-x-2\/3 {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .lg\:translate-x-1\/4 {
+    --tw-translate-x: 25%;
+  }
+
+  .lg\:translate-x-2\/4 {
+    --tw-translate-x: 50%;
+  }
+
+  .lg\:translate-x-3\/4 {
+    --tw-translate-x: 75%;
+  }
+
+  .lg\:translate-x-full {
+    --tw-translate-x: 100%;
+  }
+
+  .lg\:-translate-x-1\/2 {
+    --tw-translate-x: -50%;
+  }
+
+  .lg\:-translate-x-1\/3 {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .lg\:-translate-x-2\/3 {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .lg\:-translate-x-1\/4 {
+    --tw-translate-x: -25%;
+  }
+
+  .lg\:-translate-x-2\/4 {
+    --tw-translate-x: -50%;
+  }
+
+  .lg\:-translate-x-3\/4 {
+    --tw-translate-x: -75%;
+  }
+
+  .lg\:-translate-x-full {
+    --tw-translate-x: -100%;
+  }
+
+  .lg\:translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .lg\:translate-y-1 {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .lg\:translate-y-2 {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .lg\:translate-y-3 {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .lg\:translate-y-4 {
+    --tw-translate-y: 1rem;
+  }
+
+  .lg\:translate-y-5 {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .lg\:translate-y-6 {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .lg\:translate-y-7 {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .lg\:translate-y-8 {
+    --tw-translate-y: 2rem;
+  }
+
+  .lg\:translate-y-9 {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .lg\:translate-y-10 {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .lg\:translate-y-11 {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .lg\:translate-y-12 {
+    --tw-translate-y: 3rem;
+  }
+
+  .lg\:translate-y-14 {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .lg\:translate-y-16 {
+    --tw-translate-y: 4rem;
+  }
+
+  .lg\:translate-y-20 {
+    --tw-translate-y: 5rem;
+  }
+
+  .lg\:translate-y-24 {
+    --tw-translate-y: 6rem;
+  }
+
+  .lg\:translate-y-28 {
+    --tw-translate-y: 7rem;
+  }
+
+  .lg\:translate-y-32 {
+    --tw-translate-y: 8rem;
+  }
+
+  .lg\:translate-y-36 {
+    --tw-translate-y: 9rem;
+  }
+
+  .lg\:translate-y-40 {
+    --tw-translate-y: 10rem;
+  }
+
+  .lg\:translate-y-44 {
+    --tw-translate-y: 11rem;
+  }
+
+  .lg\:translate-y-48 {
+    --tw-translate-y: 12rem;
+  }
+
+  .lg\:translate-y-52 {
+    --tw-translate-y: 13rem;
+  }
+
+  .lg\:translate-y-56 {
+    --tw-translate-y: 14rem;
+  }
+
+  .lg\:translate-y-60 {
+    --tw-translate-y: 15rem;
+  }
+
+  .lg\:translate-y-64 {
+    --tw-translate-y: 16rem;
+  }
+
+  .lg\:translate-y-72 {
+    --tw-translate-y: 18rem;
+  }
+
+  .lg\:translate-y-80 {
+    --tw-translate-y: 20rem;
+  }
+
+  .lg\:translate-y-96 {
+    --tw-translate-y: 24rem;
+  }
+
+  .lg\:translate-y-px {
+    --tw-translate-y: 1px;
+  }
+
+  .lg\:translate-y-0\.5 {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .lg\:translate-y-1\.5 {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .lg\:translate-y-2\.5 {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .lg\:translate-y-3\.5 {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .lg\:-translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .lg\:-translate-y-1 {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .lg\:-translate-y-2 {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .lg\:-translate-y-3 {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .lg\:-translate-y-4 {
+    --tw-translate-y: -1rem;
+  }
+
+  .lg\:-translate-y-5 {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .lg\:-translate-y-6 {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .lg\:-translate-y-7 {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .lg\:-translate-y-8 {
+    --tw-translate-y: -2rem;
+  }
+
+  .lg\:-translate-y-9 {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .lg\:-translate-y-10 {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .lg\:-translate-y-11 {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .lg\:-translate-y-12 {
+    --tw-translate-y: -3rem;
+  }
+
+  .lg\:-translate-y-14 {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .lg\:-translate-y-16 {
+    --tw-translate-y: -4rem;
+  }
+
+  .lg\:-translate-y-20 {
+    --tw-translate-y: -5rem;
+  }
+
+  .lg\:-translate-y-24 {
+    --tw-translate-y: -6rem;
+  }
+
+  .lg\:-translate-y-28 {
+    --tw-translate-y: -7rem;
+  }
+
+  .lg\:-translate-y-32 {
+    --tw-translate-y: -8rem;
+  }
+
+  .lg\:-translate-y-36 {
+    --tw-translate-y: -9rem;
+  }
+
+  .lg\:-translate-y-40 {
+    --tw-translate-y: -10rem;
+  }
+
+  .lg\:-translate-y-44 {
+    --tw-translate-y: -11rem;
+  }
+
+  .lg\:-translate-y-48 {
+    --tw-translate-y: -12rem;
+  }
+
+  .lg\:-translate-y-52 {
+    --tw-translate-y: -13rem;
+  }
+
+  .lg\:-translate-y-56 {
+    --tw-translate-y: -14rem;
+  }
+
+  .lg\:-translate-y-60 {
+    --tw-translate-y: -15rem;
+  }
+
+  .lg\:-translate-y-64 {
+    --tw-translate-y: -16rem;
+  }
+
+  .lg\:-translate-y-72 {
+    --tw-translate-y: -18rem;
+  }
+
+  .lg\:-translate-y-80 {
+    --tw-translate-y: -20rem;
+  }
+
+  .lg\:-translate-y-96 {
+    --tw-translate-y: -24rem;
+  }
+
+  .lg\:-translate-y-px {
+    --tw-translate-y: -1px;
+  }
+
+  .lg\:-translate-y-0\.5 {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .lg\:-translate-y-1\.5 {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .lg\:-translate-y-2\.5 {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .lg\:-translate-y-3\.5 {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .lg\:translate-y-1\/2 {
+    --tw-translate-y: 50%;
+  }
+
+  .lg\:translate-y-1\/3 {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .lg\:translate-y-2\/3 {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .lg\:translate-y-1\/4 {
+    --tw-translate-y: 25%;
+  }
+
+  .lg\:translate-y-2\/4 {
+    --tw-translate-y: 50%;
+  }
+
+  .lg\:translate-y-3\/4 {
+    --tw-translate-y: 75%;
+  }
+
+  .lg\:translate-y-full {
+    --tw-translate-y: 100%;
+  }
+
+  .lg\:-translate-y-1\/2 {
+    --tw-translate-y: -50%;
+  }
+
+  .lg\:-translate-y-1\/3 {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .lg\:-translate-y-2\/3 {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .lg\:-translate-y-1\/4 {
+    --tw-translate-y: -25%;
+  }
+
+  .lg\:-translate-y-2\/4 {
+    --tw-translate-y: -50%;
+  }
+
+  .lg\:-translate-y-3\/4 {
+    --tw-translate-y: -75%;
+  }
+
+  .lg\:-translate-y-full {
+    --tw-translate-y: -100%;
+  }
+
+  .lg\:hover\:translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .lg\:hover\:translate-x-1:hover {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .lg\:hover\:translate-x-2:hover {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .lg\:hover\:translate-x-3:hover {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .lg\:hover\:translate-x-4:hover {
+    --tw-translate-x: 1rem;
+  }
+
+  .lg\:hover\:translate-x-5:hover {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .lg\:hover\:translate-x-6:hover {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .lg\:hover\:translate-x-7:hover {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .lg\:hover\:translate-x-8:hover {
+    --tw-translate-x: 2rem;
+  }
+
+  .lg\:hover\:translate-x-9:hover {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .lg\:hover\:translate-x-10:hover {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .lg\:hover\:translate-x-11:hover {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .lg\:hover\:translate-x-12:hover {
+    --tw-translate-x: 3rem;
+  }
+
+  .lg\:hover\:translate-x-14:hover {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .lg\:hover\:translate-x-16:hover {
+    --tw-translate-x: 4rem;
+  }
+
+  .lg\:hover\:translate-x-20:hover {
+    --tw-translate-x: 5rem;
+  }
+
+  .lg\:hover\:translate-x-24:hover {
+    --tw-translate-x: 6rem;
+  }
+
+  .lg\:hover\:translate-x-28:hover {
+    --tw-translate-x: 7rem;
+  }
+
+  .lg\:hover\:translate-x-32:hover {
+    --tw-translate-x: 8rem;
+  }
+
+  .lg\:hover\:translate-x-36:hover {
+    --tw-translate-x: 9rem;
+  }
+
+  .lg\:hover\:translate-x-40:hover {
+    --tw-translate-x: 10rem;
+  }
+
+  .lg\:hover\:translate-x-44:hover {
+    --tw-translate-x: 11rem;
+  }
+
+  .lg\:hover\:translate-x-48:hover {
+    --tw-translate-x: 12rem;
+  }
+
+  .lg\:hover\:translate-x-52:hover {
+    --tw-translate-x: 13rem;
+  }
+
+  .lg\:hover\:translate-x-56:hover {
+    --tw-translate-x: 14rem;
+  }
+
+  .lg\:hover\:translate-x-60:hover {
+    --tw-translate-x: 15rem;
+  }
+
+  .lg\:hover\:translate-x-64:hover {
+    --tw-translate-x: 16rem;
+  }
+
+  .lg\:hover\:translate-x-72:hover {
+    --tw-translate-x: 18rem;
+  }
+
+  .lg\:hover\:translate-x-80:hover {
+    --tw-translate-x: 20rem;
+  }
+
+  .lg\:hover\:translate-x-96:hover {
+    --tw-translate-x: 24rem;
+  }
+
+  .lg\:hover\:translate-x-px:hover {
+    --tw-translate-x: 1px;
+  }
+
+  .lg\:hover\:translate-x-0\.5:hover {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .lg\:hover\:translate-x-1\.5:hover {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .lg\:hover\:translate-x-2\.5:hover {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .lg\:hover\:translate-x-3\.5:hover {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .lg\:hover\:-translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .lg\:hover\:-translate-x-1:hover {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .lg\:hover\:-translate-x-2:hover {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .lg\:hover\:-translate-x-3:hover {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .lg\:hover\:-translate-x-4:hover {
+    --tw-translate-x: -1rem;
+  }
+
+  .lg\:hover\:-translate-x-5:hover {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .lg\:hover\:-translate-x-6:hover {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .lg\:hover\:-translate-x-7:hover {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .lg\:hover\:-translate-x-8:hover {
+    --tw-translate-x: -2rem;
+  }
+
+  .lg\:hover\:-translate-x-9:hover {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .lg\:hover\:-translate-x-10:hover {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .lg\:hover\:-translate-x-11:hover {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .lg\:hover\:-translate-x-12:hover {
+    --tw-translate-x: -3rem;
+  }
+
+  .lg\:hover\:-translate-x-14:hover {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .lg\:hover\:-translate-x-16:hover {
+    --tw-translate-x: -4rem;
+  }
+
+  .lg\:hover\:-translate-x-20:hover {
+    --tw-translate-x: -5rem;
+  }
+
+  .lg\:hover\:-translate-x-24:hover {
+    --tw-translate-x: -6rem;
+  }
+
+  .lg\:hover\:-translate-x-28:hover {
+    --tw-translate-x: -7rem;
+  }
+
+  .lg\:hover\:-translate-x-32:hover {
+    --tw-translate-x: -8rem;
+  }
+
+  .lg\:hover\:-translate-x-36:hover {
+    --tw-translate-x: -9rem;
+  }
+
+  .lg\:hover\:-translate-x-40:hover {
+    --tw-translate-x: -10rem;
+  }
+
+  .lg\:hover\:-translate-x-44:hover {
+    --tw-translate-x: -11rem;
+  }
+
+  .lg\:hover\:-translate-x-48:hover {
+    --tw-translate-x: -12rem;
+  }
+
+  .lg\:hover\:-translate-x-52:hover {
+    --tw-translate-x: -13rem;
+  }
+
+  .lg\:hover\:-translate-x-56:hover {
+    --tw-translate-x: -14rem;
+  }
+
+  .lg\:hover\:-translate-x-60:hover {
+    --tw-translate-x: -15rem;
+  }
+
+  .lg\:hover\:-translate-x-64:hover {
+    --tw-translate-x: -16rem;
+  }
+
+  .lg\:hover\:-translate-x-72:hover {
+    --tw-translate-x: -18rem;
+  }
+
+  .lg\:hover\:-translate-x-80:hover {
+    --tw-translate-x: -20rem;
+  }
+
+  .lg\:hover\:-translate-x-96:hover {
+    --tw-translate-x: -24rem;
+  }
+
+  .lg\:hover\:-translate-x-px:hover {
+    --tw-translate-x: -1px;
+  }
+
+  .lg\:hover\:-translate-x-0\.5:hover {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .lg\:hover\:-translate-x-1\.5:hover {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .lg\:hover\:-translate-x-2\.5:hover {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .lg\:hover\:-translate-x-3\.5:hover {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .lg\:hover\:translate-x-1\/2:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .lg\:hover\:translate-x-1\/3:hover {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .lg\:hover\:translate-x-2\/3:hover {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .lg\:hover\:translate-x-1\/4:hover {
+    --tw-translate-x: 25%;
+  }
+
+  .lg\:hover\:translate-x-2\/4:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .lg\:hover\:translate-x-3\/4:hover {
+    --tw-translate-x: 75%;
+  }
+
+  .lg\:hover\:translate-x-full:hover {
+    --tw-translate-x: 100%;
+  }
+
+  .lg\:hover\:-translate-x-1\/2:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .lg\:hover\:-translate-x-1\/3:hover {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .lg\:hover\:-translate-x-2\/3:hover {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .lg\:hover\:-translate-x-1\/4:hover {
+    --tw-translate-x: -25%;
+  }
+
+  .lg\:hover\:-translate-x-2\/4:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .lg\:hover\:-translate-x-3\/4:hover {
+    --tw-translate-x: -75%;
+  }
+
+  .lg\:hover\:-translate-x-full:hover {
+    --tw-translate-x: -100%;
+  }
+
+  .lg\:hover\:translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .lg\:hover\:translate-y-1:hover {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .lg\:hover\:translate-y-2:hover {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .lg\:hover\:translate-y-3:hover {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .lg\:hover\:translate-y-4:hover {
+    --tw-translate-y: 1rem;
+  }
+
+  .lg\:hover\:translate-y-5:hover {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .lg\:hover\:translate-y-6:hover {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .lg\:hover\:translate-y-7:hover {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .lg\:hover\:translate-y-8:hover {
+    --tw-translate-y: 2rem;
+  }
+
+  .lg\:hover\:translate-y-9:hover {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .lg\:hover\:translate-y-10:hover {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .lg\:hover\:translate-y-11:hover {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .lg\:hover\:translate-y-12:hover {
+    --tw-translate-y: 3rem;
+  }
+
+  .lg\:hover\:translate-y-14:hover {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .lg\:hover\:translate-y-16:hover {
+    --tw-translate-y: 4rem;
+  }
+
+  .lg\:hover\:translate-y-20:hover {
+    --tw-translate-y: 5rem;
+  }
+
+  .lg\:hover\:translate-y-24:hover {
+    --tw-translate-y: 6rem;
+  }
+
+  .lg\:hover\:translate-y-28:hover {
+    --tw-translate-y: 7rem;
+  }
+
+  .lg\:hover\:translate-y-32:hover {
+    --tw-translate-y: 8rem;
+  }
+
+  .lg\:hover\:translate-y-36:hover {
+    --tw-translate-y: 9rem;
+  }
+
+  .lg\:hover\:translate-y-40:hover {
+    --tw-translate-y: 10rem;
+  }
+
+  .lg\:hover\:translate-y-44:hover {
+    --tw-translate-y: 11rem;
+  }
+
+  .lg\:hover\:translate-y-48:hover {
+    --tw-translate-y: 12rem;
+  }
+
+  .lg\:hover\:translate-y-52:hover {
+    --tw-translate-y: 13rem;
+  }
+
+  .lg\:hover\:translate-y-56:hover {
+    --tw-translate-y: 14rem;
+  }
+
+  .lg\:hover\:translate-y-60:hover {
+    --tw-translate-y: 15rem;
+  }
+
+  .lg\:hover\:translate-y-64:hover {
+    --tw-translate-y: 16rem;
+  }
+
+  .lg\:hover\:translate-y-72:hover {
+    --tw-translate-y: 18rem;
+  }
+
+  .lg\:hover\:translate-y-80:hover {
+    --tw-translate-y: 20rem;
+  }
+
+  .lg\:hover\:translate-y-96:hover {
+    --tw-translate-y: 24rem;
+  }
+
+  .lg\:hover\:translate-y-px:hover {
+    --tw-translate-y: 1px;
+  }
+
+  .lg\:hover\:translate-y-0\.5:hover {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .lg\:hover\:translate-y-1\.5:hover {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .lg\:hover\:translate-y-2\.5:hover {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .lg\:hover\:translate-y-3\.5:hover {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .lg\:hover\:-translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .lg\:hover\:-translate-y-1:hover {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .lg\:hover\:-translate-y-2:hover {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .lg\:hover\:-translate-y-3:hover {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .lg\:hover\:-translate-y-4:hover {
+    --tw-translate-y: -1rem;
+  }
+
+  .lg\:hover\:-translate-y-5:hover {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .lg\:hover\:-translate-y-6:hover {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .lg\:hover\:-translate-y-7:hover {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .lg\:hover\:-translate-y-8:hover {
+    --tw-translate-y: -2rem;
+  }
+
+  .lg\:hover\:-translate-y-9:hover {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .lg\:hover\:-translate-y-10:hover {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .lg\:hover\:-translate-y-11:hover {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .lg\:hover\:-translate-y-12:hover {
+    --tw-translate-y: -3rem;
+  }
+
+  .lg\:hover\:-translate-y-14:hover {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .lg\:hover\:-translate-y-16:hover {
+    --tw-translate-y: -4rem;
+  }
+
+  .lg\:hover\:-translate-y-20:hover {
+    --tw-translate-y: -5rem;
+  }
+
+  .lg\:hover\:-translate-y-24:hover {
+    --tw-translate-y: -6rem;
+  }
+
+  .lg\:hover\:-translate-y-28:hover {
+    --tw-translate-y: -7rem;
+  }
+
+  .lg\:hover\:-translate-y-32:hover {
+    --tw-translate-y: -8rem;
+  }
+
+  .lg\:hover\:-translate-y-36:hover {
+    --tw-translate-y: -9rem;
+  }
+
+  .lg\:hover\:-translate-y-40:hover {
+    --tw-translate-y: -10rem;
+  }
+
+  .lg\:hover\:-translate-y-44:hover {
+    --tw-translate-y: -11rem;
+  }
+
+  .lg\:hover\:-translate-y-48:hover {
+    --tw-translate-y: -12rem;
+  }
+
+  .lg\:hover\:-translate-y-52:hover {
+    --tw-translate-y: -13rem;
+  }
+
+  .lg\:hover\:-translate-y-56:hover {
+    --tw-translate-y: -14rem;
+  }
+
+  .lg\:hover\:-translate-y-60:hover {
+    --tw-translate-y: -15rem;
+  }
+
+  .lg\:hover\:-translate-y-64:hover {
+    --tw-translate-y: -16rem;
+  }
+
+  .lg\:hover\:-translate-y-72:hover {
+    --tw-translate-y: -18rem;
+  }
+
+  .lg\:hover\:-translate-y-80:hover {
+    --tw-translate-y: -20rem;
+  }
+
+  .lg\:hover\:-translate-y-96:hover {
+    --tw-translate-y: -24rem;
+  }
+
+  .lg\:hover\:-translate-y-px:hover {
+    --tw-translate-y: -1px;
+  }
+
+  .lg\:hover\:-translate-y-0\.5:hover {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .lg\:hover\:-translate-y-1\.5:hover {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .lg\:hover\:-translate-y-2\.5:hover {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .lg\:hover\:-translate-y-3\.5:hover {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .lg\:hover\:translate-y-1\/2:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .lg\:hover\:translate-y-1\/3:hover {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .lg\:hover\:translate-y-2\/3:hover {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .lg\:hover\:translate-y-1\/4:hover {
+    --tw-translate-y: 25%;
+  }
+
+  .lg\:hover\:translate-y-2\/4:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .lg\:hover\:translate-y-3\/4:hover {
+    --tw-translate-y: 75%;
+  }
+
+  .lg\:hover\:translate-y-full:hover {
+    --tw-translate-y: 100%;
+  }
+
+  .lg\:hover\:-translate-y-1\/2:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .lg\:hover\:-translate-y-1\/3:hover {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .lg\:hover\:-translate-y-2\/3:hover {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .lg\:hover\:-translate-y-1\/4:hover {
+    --tw-translate-y: -25%;
+  }
+
+  .lg\:hover\:-translate-y-2\/4:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .lg\:hover\:-translate-y-3\/4:hover {
+    --tw-translate-y: -75%;
+  }
+
+  .lg\:hover\:-translate-y-full:hover {
+    --tw-translate-y: -100%;
+  }
+
+  .lg\:focus\:translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .lg\:focus\:translate-x-1:focus {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .lg\:focus\:translate-x-2:focus {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .lg\:focus\:translate-x-3:focus {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .lg\:focus\:translate-x-4:focus {
+    --tw-translate-x: 1rem;
+  }
+
+  .lg\:focus\:translate-x-5:focus {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .lg\:focus\:translate-x-6:focus {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .lg\:focus\:translate-x-7:focus {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .lg\:focus\:translate-x-8:focus {
+    --tw-translate-x: 2rem;
+  }
+
+  .lg\:focus\:translate-x-9:focus {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .lg\:focus\:translate-x-10:focus {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .lg\:focus\:translate-x-11:focus {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .lg\:focus\:translate-x-12:focus {
+    --tw-translate-x: 3rem;
+  }
+
+  .lg\:focus\:translate-x-14:focus {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .lg\:focus\:translate-x-16:focus {
+    --tw-translate-x: 4rem;
+  }
+
+  .lg\:focus\:translate-x-20:focus {
+    --tw-translate-x: 5rem;
+  }
+
+  .lg\:focus\:translate-x-24:focus {
+    --tw-translate-x: 6rem;
+  }
+
+  .lg\:focus\:translate-x-28:focus {
+    --tw-translate-x: 7rem;
+  }
+
+  .lg\:focus\:translate-x-32:focus {
+    --tw-translate-x: 8rem;
+  }
+
+  .lg\:focus\:translate-x-36:focus {
+    --tw-translate-x: 9rem;
+  }
+
+  .lg\:focus\:translate-x-40:focus {
+    --tw-translate-x: 10rem;
+  }
+
+  .lg\:focus\:translate-x-44:focus {
+    --tw-translate-x: 11rem;
+  }
+
+  .lg\:focus\:translate-x-48:focus {
+    --tw-translate-x: 12rem;
+  }
+
+  .lg\:focus\:translate-x-52:focus {
+    --tw-translate-x: 13rem;
+  }
+
+  .lg\:focus\:translate-x-56:focus {
+    --tw-translate-x: 14rem;
+  }
+
+  .lg\:focus\:translate-x-60:focus {
+    --tw-translate-x: 15rem;
+  }
+
+  .lg\:focus\:translate-x-64:focus {
+    --tw-translate-x: 16rem;
+  }
+
+  .lg\:focus\:translate-x-72:focus {
+    --tw-translate-x: 18rem;
+  }
+
+  .lg\:focus\:translate-x-80:focus {
+    --tw-translate-x: 20rem;
+  }
+
+  .lg\:focus\:translate-x-96:focus {
+    --tw-translate-x: 24rem;
+  }
+
+  .lg\:focus\:translate-x-px:focus {
+    --tw-translate-x: 1px;
+  }
+
+  .lg\:focus\:translate-x-0\.5:focus {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .lg\:focus\:translate-x-1\.5:focus {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .lg\:focus\:translate-x-2\.5:focus {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .lg\:focus\:translate-x-3\.5:focus {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .lg\:focus\:-translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .lg\:focus\:-translate-x-1:focus {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .lg\:focus\:-translate-x-2:focus {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .lg\:focus\:-translate-x-3:focus {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .lg\:focus\:-translate-x-4:focus {
+    --tw-translate-x: -1rem;
+  }
+
+  .lg\:focus\:-translate-x-5:focus {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .lg\:focus\:-translate-x-6:focus {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .lg\:focus\:-translate-x-7:focus {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .lg\:focus\:-translate-x-8:focus {
+    --tw-translate-x: -2rem;
+  }
+
+  .lg\:focus\:-translate-x-9:focus {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .lg\:focus\:-translate-x-10:focus {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .lg\:focus\:-translate-x-11:focus {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .lg\:focus\:-translate-x-12:focus {
+    --tw-translate-x: -3rem;
+  }
+
+  .lg\:focus\:-translate-x-14:focus {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .lg\:focus\:-translate-x-16:focus {
+    --tw-translate-x: -4rem;
+  }
+
+  .lg\:focus\:-translate-x-20:focus {
+    --tw-translate-x: -5rem;
+  }
+
+  .lg\:focus\:-translate-x-24:focus {
+    --tw-translate-x: -6rem;
+  }
+
+  .lg\:focus\:-translate-x-28:focus {
+    --tw-translate-x: -7rem;
+  }
+
+  .lg\:focus\:-translate-x-32:focus {
+    --tw-translate-x: -8rem;
+  }
+
+  .lg\:focus\:-translate-x-36:focus {
+    --tw-translate-x: -9rem;
+  }
+
+  .lg\:focus\:-translate-x-40:focus {
+    --tw-translate-x: -10rem;
+  }
+
+  .lg\:focus\:-translate-x-44:focus {
+    --tw-translate-x: -11rem;
+  }
+
+  .lg\:focus\:-translate-x-48:focus {
+    --tw-translate-x: -12rem;
+  }
+
+  .lg\:focus\:-translate-x-52:focus {
+    --tw-translate-x: -13rem;
+  }
+
+  .lg\:focus\:-translate-x-56:focus {
+    --tw-translate-x: -14rem;
+  }
+
+  .lg\:focus\:-translate-x-60:focus {
+    --tw-translate-x: -15rem;
+  }
+
+  .lg\:focus\:-translate-x-64:focus {
+    --tw-translate-x: -16rem;
+  }
+
+  .lg\:focus\:-translate-x-72:focus {
+    --tw-translate-x: -18rem;
+  }
+
+  .lg\:focus\:-translate-x-80:focus {
+    --tw-translate-x: -20rem;
+  }
+
+  .lg\:focus\:-translate-x-96:focus {
+    --tw-translate-x: -24rem;
+  }
+
+  .lg\:focus\:-translate-x-px:focus {
+    --tw-translate-x: -1px;
+  }
+
+  .lg\:focus\:-translate-x-0\.5:focus {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .lg\:focus\:-translate-x-1\.5:focus {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .lg\:focus\:-translate-x-2\.5:focus {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .lg\:focus\:-translate-x-3\.5:focus {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .lg\:focus\:translate-x-1\/2:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .lg\:focus\:translate-x-1\/3:focus {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .lg\:focus\:translate-x-2\/3:focus {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .lg\:focus\:translate-x-1\/4:focus {
+    --tw-translate-x: 25%;
+  }
+
+  .lg\:focus\:translate-x-2\/4:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .lg\:focus\:translate-x-3\/4:focus {
+    --tw-translate-x: 75%;
+  }
+
+  .lg\:focus\:translate-x-full:focus {
+    --tw-translate-x: 100%;
+  }
+
+  .lg\:focus\:-translate-x-1\/2:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .lg\:focus\:-translate-x-1\/3:focus {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .lg\:focus\:-translate-x-2\/3:focus {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .lg\:focus\:-translate-x-1\/4:focus {
+    --tw-translate-x: -25%;
+  }
+
+  .lg\:focus\:-translate-x-2\/4:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .lg\:focus\:-translate-x-3\/4:focus {
+    --tw-translate-x: -75%;
+  }
+
+  .lg\:focus\:-translate-x-full:focus {
+    --tw-translate-x: -100%;
+  }
+
+  .lg\:focus\:translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .lg\:focus\:translate-y-1:focus {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .lg\:focus\:translate-y-2:focus {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .lg\:focus\:translate-y-3:focus {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .lg\:focus\:translate-y-4:focus {
+    --tw-translate-y: 1rem;
+  }
+
+  .lg\:focus\:translate-y-5:focus {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .lg\:focus\:translate-y-6:focus {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .lg\:focus\:translate-y-7:focus {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .lg\:focus\:translate-y-8:focus {
+    --tw-translate-y: 2rem;
+  }
+
+  .lg\:focus\:translate-y-9:focus {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .lg\:focus\:translate-y-10:focus {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .lg\:focus\:translate-y-11:focus {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .lg\:focus\:translate-y-12:focus {
+    --tw-translate-y: 3rem;
+  }
+
+  .lg\:focus\:translate-y-14:focus {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .lg\:focus\:translate-y-16:focus {
+    --tw-translate-y: 4rem;
+  }
+
+  .lg\:focus\:translate-y-20:focus {
+    --tw-translate-y: 5rem;
+  }
+
+  .lg\:focus\:translate-y-24:focus {
+    --tw-translate-y: 6rem;
+  }
+
+  .lg\:focus\:translate-y-28:focus {
+    --tw-translate-y: 7rem;
+  }
+
+  .lg\:focus\:translate-y-32:focus {
+    --tw-translate-y: 8rem;
+  }
+
+  .lg\:focus\:translate-y-36:focus {
+    --tw-translate-y: 9rem;
+  }
+
+  .lg\:focus\:translate-y-40:focus {
+    --tw-translate-y: 10rem;
+  }
+
+  .lg\:focus\:translate-y-44:focus {
+    --tw-translate-y: 11rem;
+  }
+
+  .lg\:focus\:translate-y-48:focus {
+    --tw-translate-y: 12rem;
+  }
+
+  .lg\:focus\:translate-y-52:focus {
+    --tw-translate-y: 13rem;
+  }
+
+  .lg\:focus\:translate-y-56:focus {
+    --tw-translate-y: 14rem;
+  }
+
+  .lg\:focus\:translate-y-60:focus {
+    --tw-translate-y: 15rem;
+  }
+
+  .lg\:focus\:translate-y-64:focus {
+    --tw-translate-y: 16rem;
+  }
+
+  .lg\:focus\:translate-y-72:focus {
+    --tw-translate-y: 18rem;
+  }
+
+  .lg\:focus\:translate-y-80:focus {
+    --tw-translate-y: 20rem;
+  }
+
+  .lg\:focus\:translate-y-96:focus {
+    --tw-translate-y: 24rem;
+  }
+
+  .lg\:focus\:translate-y-px:focus {
+    --tw-translate-y: 1px;
+  }
+
+  .lg\:focus\:translate-y-0\.5:focus {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .lg\:focus\:translate-y-1\.5:focus {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .lg\:focus\:translate-y-2\.5:focus {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .lg\:focus\:translate-y-3\.5:focus {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .lg\:focus\:-translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .lg\:focus\:-translate-y-1:focus {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .lg\:focus\:-translate-y-2:focus {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .lg\:focus\:-translate-y-3:focus {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .lg\:focus\:-translate-y-4:focus {
+    --tw-translate-y: -1rem;
+  }
+
+  .lg\:focus\:-translate-y-5:focus {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .lg\:focus\:-translate-y-6:focus {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .lg\:focus\:-translate-y-7:focus {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .lg\:focus\:-translate-y-8:focus {
+    --tw-translate-y: -2rem;
+  }
+
+  .lg\:focus\:-translate-y-9:focus {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .lg\:focus\:-translate-y-10:focus {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .lg\:focus\:-translate-y-11:focus {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .lg\:focus\:-translate-y-12:focus {
+    --tw-translate-y: -3rem;
+  }
+
+  .lg\:focus\:-translate-y-14:focus {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .lg\:focus\:-translate-y-16:focus {
+    --tw-translate-y: -4rem;
+  }
+
+  .lg\:focus\:-translate-y-20:focus {
+    --tw-translate-y: -5rem;
+  }
+
+  .lg\:focus\:-translate-y-24:focus {
+    --tw-translate-y: -6rem;
+  }
+
+  .lg\:focus\:-translate-y-28:focus {
+    --tw-translate-y: -7rem;
+  }
+
+  .lg\:focus\:-translate-y-32:focus {
+    --tw-translate-y: -8rem;
+  }
+
+  .lg\:focus\:-translate-y-36:focus {
+    --tw-translate-y: -9rem;
+  }
+
+  .lg\:focus\:-translate-y-40:focus {
+    --tw-translate-y: -10rem;
+  }
+
+  .lg\:focus\:-translate-y-44:focus {
+    --tw-translate-y: -11rem;
+  }
+
+  .lg\:focus\:-translate-y-48:focus {
+    --tw-translate-y: -12rem;
+  }
+
+  .lg\:focus\:-translate-y-52:focus {
+    --tw-translate-y: -13rem;
+  }
+
+  .lg\:focus\:-translate-y-56:focus {
+    --tw-translate-y: -14rem;
+  }
+
+  .lg\:focus\:-translate-y-60:focus {
+    --tw-translate-y: -15rem;
+  }
+
+  .lg\:focus\:-translate-y-64:focus {
+    --tw-translate-y: -16rem;
+  }
+
+  .lg\:focus\:-translate-y-72:focus {
+    --tw-translate-y: -18rem;
+  }
+
+  .lg\:focus\:-translate-y-80:focus {
+    --tw-translate-y: -20rem;
+  }
+
+  .lg\:focus\:-translate-y-96:focus {
+    --tw-translate-y: -24rem;
+  }
+
+  .lg\:focus\:-translate-y-px:focus {
+    --tw-translate-y: -1px;
+  }
+
+  .lg\:focus\:-translate-y-0\.5:focus {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .lg\:focus\:-translate-y-1\.5:focus {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .lg\:focus\:-translate-y-2\.5:focus {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .lg\:focus\:-translate-y-3\.5:focus {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .lg\:focus\:translate-y-1\/2:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .lg\:focus\:translate-y-1\/3:focus {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .lg\:focus\:translate-y-2\/3:focus {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .lg\:focus\:translate-y-1\/4:focus {
+    --tw-translate-y: 25%;
+  }
+
+  .lg\:focus\:translate-y-2\/4:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .lg\:focus\:translate-y-3\/4:focus {
+    --tw-translate-y: 75%;
+  }
+
+  .lg\:focus\:translate-y-full:focus {
+    --tw-translate-y: 100%;
+  }
+
+  .lg\:focus\:-translate-y-1\/2:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .lg\:focus\:-translate-y-1\/3:focus {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .lg\:focus\:-translate-y-2\/3:focus {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .lg\:focus\:-translate-y-1\/4:focus {
+    --tw-translate-y: -25%;
+  }
+
+  .lg\:focus\:-translate-y-2\/4:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .lg\:focus\:-translate-y-3\/4:focus {
+    --tw-translate-y: -75%;
+  }
+
+  .lg\:focus\:-translate-y-full:focus {
+    --tw-translate-y: -100%;
+  }
+
+  .lg\:skew-x-0 {
+    --tw-skew-x: 0deg;
+  }
+
+  .lg\:skew-x-1 {
+    --tw-skew-x: 1deg;
+  }
+
+  .lg\:skew-x-2 {
+    --tw-skew-x: 2deg;
+  }
+
+  .lg\:skew-x-3 {
+    --tw-skew-x: 3deg;
+  }
+
+  .lg\:skew-x-6 {
+    --tw-skew-x: 6deg;
+  }
+
+  .lg\:skew-x-12 {
+    --tw-skew-x: 12deg;
+  }
+
+  .lg\:-skew-x-12 {
+    --tw-skew-x: -12deg;
+  }
+
+  .lg\:-skew-x-6 {
+    --tw-skew-x: -6deg;
+  }
+
+  .lg\:-skew-x-3 {
+    --tw-skew-x: -3deg;
+  }
+
+  .lg\:-skew-x-2 {
+    --tw-skew-x: -2deg;
+  }
+
+  .lg\:-skew-x-1 {
+    --tw-skew-x: -1deg;
+  }
+
+  .lg\:skew-y-0 {
+    --tw-skew-y: 0deg;
+  }
+
+  .lg\:skew-y-1 {
+    --tw-skew-y: 1deg;
+  }
+
+  .lg\:skew-y-2 {
+    --tw-skew-y: 2deg;
+  }
+
+  .lg\:skew-y-3 {
+    --tw-skew-y: 3deg;
+  }
+
+  .lg\:skew-y-6 {
+    --tw-skew-y: 6deg;
+  }
+
+  .lg\:skew-y-12 {
+    --tw-skew-y: 12deg;
+  }
+
+  .lg\:-skew-y-12 {
+    --tw-skew-y: -12deg;
+  }
+
+  .lg\:-skew-y-6 {
+    --tw-skew-y: -6deg;
+  }
+
+  .lg\:-skew-y-3 {
+    --tw-skew-y: -3deg;
+  }
+
+  .lg\:-skew-y-2 {
+    --tw-skew-y: -2deg;
+  }
+
+  .lg\:-skew-y-1 {
+    --tw-skew-y: -1deg;
+  }
+
+  .lg\:hover\:skew-x-0:hover {
+    --tw-skew-x: 0deg;
+  }
+
+  .lg\:hover\:skew-x-1:hover {
+    --tw-skew-x: 1deg;
+  }
+
+  .lg\:hover\:skew-x-2:hover {
+    --tw-skew-x: 2deg;
+  }
+
+  .lg\:hover\:skew-x-3:hover {
+    --tw-skew-x: 3deg;
+  }
+
+  .lg\:hover\:skew-x-6:hover {
+    --tw-skew-x: 6deg;
+  }
+
+  .lg\:hover\:skew-x-12:hover {
+    --tw-skew-x: 12deg;
+  }
+
+  .lg\:hover\:-skew-x-12:hover {
+    --tw-skew-x: -12deg;
+  }
+
+  .lg\:hover\:-skew-x-6:hover {
+    --tw-skew-x: -6deg;
+  }
+
+  .lg\:hover\:-skew-x-3:hover {
+    --tw-skew-x: -3deg;
+  }
+
+  .lg\:hover\:-skew-x-2:hover {
+    --tw-skew-x: -2deg;
+  }
+
+  .lg\:hover\:-skew-x-1:hover {
+    --tw-skew-x: -1deg;
+  }
+
+  .lg\:hover\:skew-y-0:hover {
+    --tw-skew-y: 0deg;
+  }
+
+  .lg\:hover\:skew-y-1:hover {
+    --tw-skew-y: 1deg;
+  }
+
+  .lg\:hover\:skew-y-2:hover {
+    --tw-skew-y: 2deg;
+  }
+
+  .lg\:hover\:skew-y-3:hover {
+    --tw-skew-y: 3deg;
+  }
+
+  .lg\:hover\:skew-y-6:hover {
+    --tw-skew-y: 6deg;
+  }
+
+  .lg\:hover\:skew-y-12:hover {
+    --tw-skew-y: 12deg;
+  }
+
+  .lg\:hover\:-skew-y-12:hover {
+    --tw-skew-y: -12deg;
+  }
+
+  .lg\:hover\:-skew-y-6:hover {
+    --tw-skew-y: -6deg;
+  }
+
+  .lg\:hover\:-skew-y-3:hover {
+    --tw-skew-y: -3deg;
+  }
+
+  .lg\:hover\:-skew-y-2:hover {
+    --tw-skew-y: -2deg;
+  }
+
+  .lg\:hover\:-skew-y-1:hover {
+    --tw-skew-y: -1deg;
+  }
+
+  .lg\:focus\:skew-x-0:focus {
+    --tw-skew-x: 0deg;
+  }
+
+  .lg\:focus\:skew-x-1:focus {
+    --tw-skew-x: 1deg;
+  }
+
+  .lg\:focus\:skew-x-2:focus {
+    --tw-skew-x: 2deg;
+  }
+
+  .lg\:focus\:skew-x-3:focus {
+    --tw-skew-x: 3deg;
+  }
+
+  .lg\:focus\:skew-x-6:focus {
+    --tw-skew-x: 6deg;
+  }
+
+  .lg\:focus\:skew-x-12:focus {
+    --tw-skew-x: 12deg;
+  }
+
+  .lg\:focus\:-skew-x-12:focus {
+    --tw-skew-x: -12deg;
+  }
+
+  .lg\:focus\:-skew-x-6:focus {
+    --tw-skew-x: -6deg;
+  }
+
+  .lg\:focus\:-skew-x-3:focus {
+    --tw-skew-x: -3deg;
+  }
+
+  .lg\:focus\:-skew-x-2:focus {
+    --tw-skew-x: -2deg;
+  }
+
+  .lg\:focus\:-skew-x-1:focus {
+    --tw-skew-x: -1deg;
+  }
+
+  .lg\:focus\:skew-y-0:focus {
+    --tw-skew-y: 0deg;
+  }
+
+  .lg\:focus\:skew-y-1:focus {
+    --tw-skew-y: 1deg;
+  }
+
+  .lg\:focus\:skew-y-2:focus {
+    --tw-skew-y: 2deg;
+  }
+
+  .lg\:focus\:skew-y-3:focus {
+    --tw-skew-y: 3deg;
+  }
+
+  .lg\:focus\:skew-y-6:focus {
+    --tw-skew-y: 6deg;
+  }
+
+  .lg\:focus\:skew-y-12:focus {
+    --tw-skew-y: 12deg;
+  }
+
+  .lg\:focus\:-skew-y-12:focus {
+    --tw-skew-y: -12deg;
+  }
+
+  .lg\:focus\:-skew-y-6:focus {
+    --tw-skew-y: -6deg;
+  }
+
+  .lg\:focus\:-skew-y-3:focus {
+    --tw-skew-y: -3deg;
+  }
+
+  .lg\:focus\:-skew-y-2:focus {
+    --tw-skew-y: -2deg;
+  }
+
+  .lg\:focus\:-skew-y-1:focus {
+    --tw-skew-y: -1deg;
+  }
+
+  .lg\:transition-none {
+    transition-property: none;
+  }
+
+  .lg\:transition-all {
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .lg\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .lg\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .lg\:transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .lg\:transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .lg\:transition-transform {
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .lg\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .lg\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .lg\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .lg\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .lg\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .lg\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .lg\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .lg\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .lg\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .lg\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .lg\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .lg\:duration-1000 {
+    transition-duration: 1000ms;
+  }
+
+  .lg\:delay-75 {
+    transition-delay: 75ms;
+  }
+
+  .lg\:delay-100 {
+    transition-delay: 100ms;
+  }
+
+  .lg\:delay-150 {
+    transition-delay: 150ms;
+  }
+
+  .lg\:delay-200 {
+    transition-delay: 200ms;
+  }
+
+  .lg\:delay-300 {
+    transition-delay: 300ms;
+  }
+
+  .lg\:delay-500 {
+    transition-delay: 500ms;
+  }
+
+  .lg\:delay-700 {
+    transition-delay: 700ms;
+  }
+
+  .lg\:delay-1000 {
+    transition-delay: 1000ms;
+  }
+
+  .lg\:animate-none {
+    animation: none;
+  }
+
+  .lg\:animate-spin {
+    animation: spin 1s linear infinite;
+  }
+
+  .lg\:animate-ping {
+    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .lg\:animate-pulse {
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .lg\:animate-bounce {
+    animation: bounce 1s infinite;
+  }
+}
+
+@media (min-width: 1280px) {
+  .xl\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .xl\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .xl\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .xl\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .xl\:container {
+      max-width: 1280px;
+    }
+  }
+
+  @media (min-width: 1536px) {
+    .xl\:container {
+      max-width: 1536px;
+    }
+  }
+
+  .xl\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1rem * var(--tw-space-x-reverse));
+    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2rem * var(--tw-space-x-reverse));
+    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3rem * var(--tw-space-x-reverse));
+    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(4rem * var(--tw-space-x-reverse));
+    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(5rem * var(--tw-space-x-reverse));
+    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(6rem * var(--tw-space-x-reverse));
+    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(7rem * var(--tw-space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(8rem * var(--tw-space-x-reverse));
+    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(9rem * var(--tw-space-x-reverse));
+    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(10rem * var(--tw-space-x-reverse));
+    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(11rem * var(--tw-space-x-reverse));
+    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(12rem * var(--tw-space-x-reverse));
+    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(13rem * var(--tw-space-x-reverse));
+    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(14rem * var(--tw-space-x-reverse));
+    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(15rem * var(--tw-space-x-reverse));
+    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(16rem * var(--tw-space-x-reverse));
+    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(18rem * var(--tw-space-x-reverse));
+    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(20rem * var(--tw-space-x-reverse));
+    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(24rem * var(--tw-space-x-reverse));
+    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1px * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1px * var(--tw-space-x-reverse));
+    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-4rem * var(--tw-space-x-reverse));
+    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-6rem * var(--tw-space-x-reverse));
+    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-7rem * var(--tw-space-x-reverse));
+    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-8rem * var(--tw-space-x-reverse));
+    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-9rem * var(--tw-space-x-reverse));
+    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-10rem * var(--tw-space-x-reverse));
+    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--tw-space-x-reverse));
+    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-12rem * var(--tw-space-x-reverse));
+    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-13rem * var(--tw-space-x-reverse));
+    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-14rem * var(--tw-space-x-reverse));
+    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-15rem * var(--tw-space-x-reverse));
+    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-16rem * var(--tw-space-x-reverse));
+    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-18rem * var(--tw-space-x-reverse));
+    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-20rem * var(--tw-space-x-reverse));
+    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-24rem * var(--tw-space-x-reverse));
+    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1px * var(--tw-space-x-reverse));
+    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .xl\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 1;
+  }
+
+  .xl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 1;
+  }
+
+  .xl\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+  }
+
+  .xl\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(0px * var(--tw-divide-x-reverse));
+    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .xl\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
+  }
+
+  .xl\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(2px * var(--tw-divide-x-reverse));
+    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .xl\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
+  }
+
+  .xl\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(4px * var(--tw-divide-x-reverse));
+    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .xl\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
+  }
+
+  .xl\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(8px * var(--tw-divide-x-reverse));
+    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .xl\:divide-y > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+  }
+
+  .xl\:divide-x > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .xl\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 1;
+  }
+
+  .xl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 1;
+  }
+
+  .xl\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+    border-color: transparent;
+  }
+
+  .xl\:divide-current > :not([hidden]) ~ :not([hidden]) {
+    border-color: currentColor;
+  }
+
+  .xl\:divide-black > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-white > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-solid > :not([hidden]) ~ :not([hidden]) {
+    border-style: solid;
+  }
+
+  .xl\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
+    border-style: dashed;
+  }
+
+  .xl\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
+    border-style: dotted;
+  }
+
+  .xl\:divide-double > :not([hidden]) ~ :not([hidden]) {
+    border-style: double;
+  }
+
+  .xl\:divide-none > :not([hidden]) ~ :not([hidden]) {
+    border-style: none;
+  }
+
+  .xl\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0;
+  }
+
+  .xl\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.05;
+  }
+
+  .xl\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.1;
+  }
+
+  .xl\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.2;
+  }
+
+  .xl\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.25;
+  }
+
+  .xl\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.3;
+  }
+
+  .xl\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.4;
+  }
+
+  .xl\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.5;
+  }
+
+  .xl\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.6;
+  }
+
+  .xl\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.7;
+  }
+
+  .xl\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.75;
+  }
+
+  .xl\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.8;
+  }
+
+  .xl\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.9;
+  }
+
+  .xl\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.95;
+  }
+
+  .xl\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+  }
+
+  .xl\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .xl\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .xl\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .xl\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .xl\:focus\:sr-only:focus {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .xl\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .xl\:appearance-none {
+    -webkit-appearance: none;
+            appearance: none;
+  }
+
+  .xl\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .xl\:bg-local {
+    background-attachment: local;
+  }
+
+  .xl\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .xl\:bg-clip-border {
+    background-clip: border-box;
+  }
+
+  .xl\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .xl\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .xl\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .xl\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .xl\:bg-current {
+    background-color: currentColor;
+  }
+
+  .xl\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:hover .xl\:group-hover\:bg-current {
+    background-color: currentColor;
+  }
+
+  .group:hover .xl\:group-hover\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .xl\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .xl\:focus-within\:bg-black:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-white:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-gray-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-red-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-yellow-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-green-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-blue-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-indigo-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-purple-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-pink-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .xl\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .xl\:hover\:bg-black:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-gray-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-red-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-yellow-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-green-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-blue-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-indigo-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-purple-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-pink-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .xl\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .xl\:focus\:bg-black:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-white:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-gray-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-red-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-yellow-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-green-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-blue-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-indigo-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-purple-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-pink-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-none {
+    background-image: none;
+  }
+
+  .xl\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--tw-gradient-stops));
+  }
+
+  .xl\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
+  }
+
+  .xl\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--tw-gradient-stops));
+  }
+
+  .xl\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+  }
+
+  .xl\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+  }
+
+  .xl\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
+  }
+
+  .xl\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--tw-gradient-stops));
+  }
+
+  .xl\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
+  }
+
+  .xl\:from-transparent {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:from-current {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:from-black {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:from-white {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:from-gray-50 {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:from-gray-100 {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .xl\:from-gray-200 {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:from-gray-300 {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .xl\:from-gray-400 {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .xl\:from-gray-500 {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:from-gray-600 {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:from-gray-700 {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:from-gray-800 {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .xl\:from-gray-900 {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .xl\:from-red-50 {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .xl\:from-red-100 {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .xl\:from-red-200 {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .xl\:from-red-300 {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .xl\:from-red-400 {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .xl\:from-red-500 {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .xl\:from-red-600 {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .xl\:from-red-700 {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .xl\:from-red-800 {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .xl\:from-red-900 {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .xl\:from-yellow-50 {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .xl\:from-yellow-100 {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .xl\:from-yellow-200 {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .xl\:from-yellow-300 {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .xl\:from-yellow-400 {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .xl\:from-yellow-500 {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .xl\:from-yellow-600 {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .xl\:from-yellow-700 {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .xl\:from-yellow-800 {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .xl\:from-yellow-900 {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .xl\:from-green-50 {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .xl\:from-green-100 {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .xl\:from-green-200 {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .xl\:from-green-300 {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .xl\:from-green-400 {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .xl\:from-green-500 {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .xl\:from-green-600 {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .xl\:from-green-700 {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .xl\:from-green-800 {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .xl\:from-green-900 {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .xl\:from-blue-50 {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .xl\:from-blue-100 {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .xl\:from-blue-200 {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .xl\:from-blue-300 {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .xl\:from-blue-400 {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .xl\:from-blue-500 {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .xl\:from-blue-600 {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .xl\:from-blue-700 {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .xl\:from-blue-800 {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .xl\:from-blue-900 {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .xl\:from-indigo-50 {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .xl\:from-indigo-100 {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .xl\:from-indigo-200 {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .xl\:from-indigo-300 {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .xl\:from-indigo-400 {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .xl\:from-indigo-500 {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .xl\:from-indigo-600 {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .xl\:from-indigo-700 {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .xl\:from-indigo-800 {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .xl\:from-indigo-900 {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .xl\:from-purple-50 {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .xl\:from-purple-100 {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .xl\:from-purple-200 {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .xl\:from-purple-300 {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .xl\:from-purple-400 {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .xl\:from-purple-500 {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .xl\:from-purple-600 {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .xl\:from-purple-700 {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .xl\:from-purple-800 {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .xl\:from-purple-900 {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .xl\:from-pink-50 {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:from-pink-100 {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .xl\:from-pink-200 {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .xl\:from-pink-300 {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .xl\:from-pink-400 {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .xl\:from-pink-500 {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .xl\:from-pink-600 {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .xl\:from-pink-700 {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .xl\:from-pink-800 {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .xl\:from-pink-900 {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .xl\:via-transparent {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:via-current {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:via-black {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:via-white {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:via-gray-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .xl\:via-gray-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:via-gray-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .xl\:via-gray-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .xl\:via-gray-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:via-gray-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:via-gray-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:via-gray-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .xl\:via-gray-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .xl\:via-red-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .xl\:via-red-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .xl\:via-red-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .xl\:via-red-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .xl\:via-red-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .xl\:via-red-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .xl\:via-red-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .xl\:via-red-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .xl\:via-red-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .xl\:via-red-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .xl\:via-yellow-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .xl\:via-yellow-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .xl\:via-yellow-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .xl\:via-yellow-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .xl\:via-yellow-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .xl\:via-yellow-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .xl\:via-yellow-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .xl\:via-yellow-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .xl\:via-yellow-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .xl\:via-yellow-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .xl\:via-green-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .xl\:via-green-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .xl\:via-green-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .xl\:via-green-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .xl\:via-green-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .xl\:via-green-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .xl\:via-green-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .xl\:via-green-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .xl\:via-green-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .xl\:via-green-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .xl\:via-blue-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .xl\:via-blue-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .xl\:via-blue-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .xl\:via-blue-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .xl\:via-blue-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .xl\:via-blue-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .xl\:via-blue-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .xl\:via-blue-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .xl\:via-blue-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .xl\:via-blue-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .xl\:via-indigo-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .xl\:via-indigo-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .xl\:via-indigo-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .xl\:via-indigo-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .xl\:via-indigo-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .xl\:via-indigo-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .xl\:via-indigo-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .xl\:via-indigo-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .xl\:via-indigo-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .xl\:via-indigo-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .xl\:via-purple-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .xl\:via-purple-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .xl\:via-purple-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .xl\:via-purple-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .xl\:via-purple-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .xl\:via-purple-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .xl\:via-purple-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .xl\:via-purple-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .xl\:via-purple-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .xl\:via-purple-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .xl\:via-pink-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:via-pink-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .xl\:via-pink-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .xl\:via-pink-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .xl\:via-pink-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .xl\:via-pink-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .xl\:via-pink-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .xl\:via-pink-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .xl\:via-pink-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .xl\:via-pink-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .xl\:to-transparent {
+    --tw-gradient-to: transparent;
+  }
+
+  .xl\:to-current {
+    --tw-gradient-to: currentColor;
+  }
+
+  .xl\:to-black {
+    --tw-gradient-to: #000;
+  }
+
+  .xl\:to-white {
+    --tw-gradient-to: #fff;
+  }
+
+  .xl\:to-gray-50 {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .xl\:to-gray-100 {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .xl\:to-gray-200 {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .xl\:to-gray-300 {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .xl\:to-gray-400 {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .xl\:to-gray-500 {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .xl\:to-gray-600 {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .xl\:to-gray-700 {
+    --tw-gradient-to: #374151;
+  }
+
+  .xl\:to-gray-800 {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .xl\:to-gray-900 {
+    --tw-gradient-to: #111827;
+  }
+
+  .xl\:to-red-50 {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .xl\:to-red-100 {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .xl\:to-red-200 {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .xl\:to-red-300 {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .xl\:to-red-400 {
+    --tw-gradient-to: #f87171;
+  }
+
+  .xl\:to-red-500 {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .xl\:to-red-600 {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .xl\:to-red-700 {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .xl\:to-red-800 {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .xl\:to-red-900 {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .xl\:to-yellow-50 {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .xl\:to-yellow-100 {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .xl\:to-yellow-200 {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .xl\:to-yellow-300 {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .xl\:to-yellow-400 {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .xl\:to-yellow-500 {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .xl\:to-yellow-600 {
+    --tw-gradient-to: #d97706;
+  }
+
+  .xl\:to-yellow-700 {
+    --tw-gradient-to: #b45309;
+  }
+
+  .xl\:to-yellow-800 {
+    --tw-gradient-to: #92400e;
+  }
+
+  .xl\:to-yellow-900 {
+    --tw-gradient-to: #78350f;
+  }
+
+  .xl\:to-green-50 {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .xl\:to-green-100 {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .xl\:to-green-200 {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .xl\:to-green-300 {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .xl\:to-green-400 {
+    --tw-gradient-to: #34d399;
+  }
+
+  .xl\:to-green-500 {
+    --tw-gradient-to: #10b981;
+  }
+
+  .xl\:to-green-600 {
+    --tw-gradient-to: #059669;
+  }
+
+  .xl\:to-green-700 {
+    --tw-gradient-to: #047857;
+  }
+
+  .xl\:to-green-800 {
+    --tw-gradient-to: #065f46;
+  }
+
+  .xl\:to-green-900 {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .xl\:to-blue-50 {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .xl\:to-blue-100 {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .xl\:to-blue-200 {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .xl\:to-blue-300 {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .xl\:to-blue-400 {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .xl\:to-blue-500 {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .xl\:to-blue-600 {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .xl\:to-blue-700 {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .xl\:to-blue-800 {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .xl\:to-blue-900 {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .xl\:to-indigo-50 {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .xl\:to-indigo-100 {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .xl\:to-indigo-200 {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .xl\:to-indigo-300 {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .xl\:to-indigo-400 {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .xl\:to-indigo-500 {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .xl\:to-indigo-600 {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .xl\:to-indigo-700 {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .xl\:to-indigo-800 {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .xl\:to-indigo-900 {
+    --tw-gradient-to: #312e81;
+  }
+
+  .xl\:to-purple-50 {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .xl\:to-purple-100 {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .xl\:to-purple-200 {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .xl\:to-purple-300 {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .xl\:to-purple-400 {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .xl\:to-purple-500 {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .xl\:to-purple-600 {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .xl\:to-purple-700 {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .xl\:to-purple-800 {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .xl\:to-purple-900 {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .xl\:to-pink-50 {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .xl\:to-pink-100 {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .xl\:to-pink-200 {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .xl\:to-pink-300 {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .xl\:to-pink-400 {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .xl\:to-pink-500 {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .xl\:to-pink-600 {
+    --tw-gradient-to: #db2777;
+  }
+
+  .xl\:to-pink-700 {
+    --tw-gradient-to: #be185d;
+  }
+
+  .xl\:to-pink-800 {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .xl\:to-pink-900 {
+    --tw-gradient-to: #831843;
+  }
+
+  .xl\:hover\:from-transparent:hover {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:hover\:from-current:hover {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:hover\:from-black:hover {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:hover\:from-white:hover {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:hover\:from-gray-100:hover {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .xl\:hover\:from-gray-200:hover {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:hover\:from-gray-300:hover {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .xl\:hover\:from-gray-400:hover {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .xl\:hover\:from-gray-500:hover {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:hover\:from-gray-600:hover {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:hover\:from-gray-700:hover {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:hover\:from-gray-800:hover {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .xl\:hover\:from-gray-900:hover {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .xl\:hover\:from-red-50:hover {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .xl\:hover\:from-red-100:hover {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .xl\:hover\:from-red-200:hover {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .xl\:hover\:from-red-300:hover {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .xl\:hover\:from-red-400:hover {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .xl\:hover\:from-red-500:hover {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .xl\:hover\:from-red-600:hover {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .xl\:hover\:from-red-700:hover {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .xl\:hover\:from-red-800:hover {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .xl\:hover\:from-red-900:hover {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .xl\:hover\:from-yellow-50:hover {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .xl\:hover\:from-yellow-100:hover {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .xl\:hover\:from-yellow-200:hover {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .xl\:hover\:from-yellow-300:hover {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .xl\:hover\:from-yellow-400:hover {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .xl\:hover\:from-yellow-500:hover {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .xl\:hover\:from-yellow-600:hover {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .xl\:hover\:from-yellow-700:hover {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .xl\:hover\:from-yellow-800:hover {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .xl\:hover\:from-yellow-900:hover {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .xl\:hover\:from-green-50:hover {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .xl\:hover\:from-green-100:hover {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .xl\:hover\:from-green-200:hover {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .xl\:hover\:from-green-300:hover {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .xl\:hover\:from-green-400:hover {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .xl\:hover\:from-green-500:hover {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .xl\:hover\:from-green-600:hover {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .xl\:hover\:from-green-700:hover {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .xl\:hover\:from-green-800:hover {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .xl\:hover\:from-green-900:hover {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .xl\:hover\:from-blue-50:hover {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .xl\:hover\:from-blue-100:hover {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .xl\:hover\:from-blue-200:hover {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .xl\:hover\:from-blue-300:hover {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .xl\:hover\:from-blue-400:hover {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .xl\:hover\:from-blue-500:hover {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .xl\:hover\:from-blue-600:hover {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .xl\:hover\:from-blue-700:hover {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .xl\:hover\:from-blue-800:hover {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .xl\:hover\:from-blue-900:hover {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .xl\:hover\:from-indigo-50:hover {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .xl\:hover\:from-indigo-100:hover {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .xl\:hover\:from-indigo-200:hover {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .xl\:hover\:from-indigo-300:hover {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .xl\:hover\:from-indigo-400:hover {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .xl\:hover\:from-indigo-500:hover {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .xl\:hover\:from-indigo-600:hover {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .xl\:hover\:from-indigo-700:hover {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .xl\:hover\:from-indigo-800:hover {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .xl\:hover\:from-indigo-900:hover {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .xl\:hover\:from-purple-50:hover {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .xl\:hover\:from-purple-100:hover {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .xl\:hover\:from-purple-200:hover {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .xl\:hover\:from-purple-300:hover {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .xl\:hover\:from-purple-400:hover {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .xl\:hover\:from-purple-500:hover {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .xl\:hover\:from-purple-600:hover {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .xl\:hover\:from-purple-700:hover {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .xl\:hover\:from-purple-800:hover {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .xl\:hover\:from-purple-900:hover {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .xl\:hover\:from-pink-50:hover {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:hover\:from-pink-100:hover {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .xl\:hover\:from-pink-200:hover {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .xl\:hover\:from-pink-300:hover {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .xl\:hover\:from-pink-400:hover {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .xl\:hover\:from-pink-500:hover {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .xl\:hover\:from-pink-600:hover {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .xl\:hover\:from-pink-700:hover {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .xl\:hover\:from-pink-800:hover {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .xl\:hover\:from-pink-900:hover {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .xl\:hover\:via-transparent:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:hover\:via-current:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:hover\:via-black:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:hover\:via-white:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:hover\:via-gray-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .xl\:hover\:via-gray-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:hover\:via-gray-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .xl\:hover\:via-gray-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .xl\:hover\:via-gray-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:hover\:via-gray-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:hover\:via-gray-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:hover\:via-gray-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .xl\:hover\:via-gray-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .xl\:hover\:via-red-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .xl\:hover\:via-red-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .xl\:hover\:via-red-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .xl\:hover\:via-red-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .xl\:hover\:via-red-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .xl\:hover\:via-red-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .xl\:hover\:via-red-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .xl\:hover\:via-red-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .xl\:hover\:via-red-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .xl\:hover\:via-red-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .xl\:hover\:via-yellow-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .xl\:hover\:via-yellow-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .xl\:hover\:via-yellow-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .xl\:hover\:via-yellow-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .xl\:hover\:via-yellow-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .xl\:hover\:via-yellow-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .xl\:hover\:via-yellow-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .xl\:hover\:via-yellow-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .xl\:hover\:via-yellow-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .xl\:hover\:via-yellow-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .xl\:hover\:via-green-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .xl\:hover\:via-green-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .xl\:hover\:via-green-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .xl\:hover\:via-green-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .xl\:hover\:via-green-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .xl\:hover\:via-green-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .xl\:hover\:via-green-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .xl\:hover\:via-green-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .xl\:hover\:via-green-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .xl\:hover\:via-green-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .xl\:hover\:via-blue-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .xl\:hover\:via-blue-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .xl\:hover\:via-blue-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .xl\:hover\:via-blue-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .xl\:hover\:via-blue-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .xl\:hover\:via-blue-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .xl\:hover\:via-blue-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .xl\:hover\:via-blue-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .xl\:hover\:via-blue-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .xl\:hover\:via-blue-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .xl\:hover\:via-indigo-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .xl\:hover\:via-indigo-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .xl\:hover\:via-indigo-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .xl\:hover\:via-indigo-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .xl\:hover\:via-indigo-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .xl\:hover\:via-indigo-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .xl\:hover\:via-indigo-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .xl\:hover\:via-indigo-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .xl\:hover\:via-indigo-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .xl\:hover\:via-indigo-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .xl\:hover\:via-purple-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .xl\:hover\:via-purple-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .xl\:hover\:via-purple-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .xl\:hover\:via-purple-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .xl\:hover\:via-purple-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .xl\:hover\:via-purple-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .xl\:hover\:via-purple-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .xl\:hover\:via-purple-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .xl\:hover\:via-purple-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .xl\:hover\:via-purple-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .xl\:hover\:via-pink-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:hover\:via-pink-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .xl\:hover\:via-pink-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .xl\:hover\:via-pink-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .xl\:hover\:via-pink-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .xl\:hover\:via-pink-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .xl\:hover\:via-pink-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .xl\:hover\:via-pink-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .xl\:hover\:via-pink-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .xl\:hover\:via-pink-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .xl\:hover\:to-transparent:hover {
+    --tw-gradient-to: transparent;
+  }
+
+  .xl\:hover\:to-current:hover {
+    --tw-gradient-to: currentColor;
+  }
+
+  .xl\:hover\:to-black:hover {
+    --tw-gradient-to: #000;
+  }
+
+  .xl\:hover\:to-white:hover {
+    --tw-gradient-to: #fff;
+  }
+
+  .xl\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .xl\:hover\:to-gray-100:hover {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .xl\:hover\:to-gray-200:hover {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .xl\:hover\:to-gray-300:hover {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .xl\:hover\:to-gray-400:hover {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .xl\:hover\:to-gray-500:hover {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .xl\:hover\:to-gray-600:hover {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .xl\:hover\:to-gray-700:hover {
+    --tw-gradient-to: #374151;
+  }
+
+  .xl\:hover\:to-gray-800:hover {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .xl\:hover\:to-gray-900:hover {
+    --tw-gradient-to: #111827;
+  }
+
+  .xl\:hover\:to-red-50:hover {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .xl\:hover\:to-red-100:hover {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .xl\:hover\:to-red-200:hover {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .xl\:hover\:to-red-300:hover {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .xl\:hover\:to-red-400:hover {
+    --tw-gradient-to: #f87171;
+  }
+
+  .xl\:hover\:to-red-500:hover {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .xl\:hover\:to-red-600:hover {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .xl\:hover\:to-red-700:hover {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .xl\:hover\:to-red-800:hover {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .xl\:hover\:to-red-900:hover {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .xl\:hover\:to-yellow-50:hover {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .xl\:hover\:to-yellow-100:hover {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .xl\:hover\:to-yellow-200:hover {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .xl\:hover\:to-yellow-300:hover {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .xl\:hover\:to-yellow-400:hover {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .xl\:hover\:to-yellow-500:hover {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .xl\:hover\:to-yellow-600:hover {
+    --tw-gradient-to: #d97706;
+  }
+
+  .xl\:hover\:to-yellow-700:hover {
+    --tw-gradient-to: #b45309;
+  }
+
+  .xl\:hover\:to-yellow-800:hover {
+    --tw-gradient-to: #92400e;
+  }
+
+  .xl\:hover\:to-yellow-900:hover {
+    --tw-gradient-to: #78350f;
+  }
+
+  .xl\:hover\:to-green-50:hover {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .xl\:hover\:to-green-100:hover {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .xl\:hover\:to-green-200:hover {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .xl\:hover\:to-green-300:hover {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .xl\:hover\:to-green-400:hover {
+    --tw-gradient-to: #34d399;
+  }
+
+  .xl\:hover\:to-green-500:hover {
+    --tw-gradient-to: #10b981;
+  }
+
+  .xl\:hover\:to-green-600:hover {
+    --tw-gradient-to: #059669;
+  }
+
+  .xl\:hover\:to-green-700:hover {
+    --tw-gradient-to: #047857;
+  }
+
+  .xl\:hover\:to-green-800:hover {
+    --tw-gradient-to: #065f46;
+  }
+
+  .xl\:hover\:to-green-900:hover {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .xl\:hover\:to-blue-50:hover {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .xl\:hover\:to-blue-100:hover {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .xl\:hover\:to-blue-200:hover {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .xl\:hover\:to-blue-300:hover {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .xl\:hover\:to-blue-400:hover {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .xl\:hover\:to-blue-500:hover {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .xl\:hover\:to-blue-600:hover {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .xl\:hover\:to-blue-700:hover {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .xl\:hover\:to-blue-800:hover {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .xl\:hover\:to-blue-900:hover {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .xl\:hover\:to-indigo-50:hover {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .xl\:hover\:to-indigo-100:hover {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .xl\:hover\:to-indigo-200:hover {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .xl\:hover\:to-indigo-300:hover {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .xl\:hover\:to-indigo-400:hover {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .xl\:hover\:to-indigo-500:hover {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .xl\:hover\:to-indigo-600:hover {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .xl\:hover\:to-indigo-700:hover {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .xl\:hover\:to-indigo-800:hover {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .xl\:hover\:to-indigo-900:hover {
+    --tw-gradient-to: #312e81;
+  }
+
+  .xl\:hover\:to-purple-50:hover {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .xl\:hover\:to-purple-100:hover {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .xl\:hover\:to-purple-200:hover {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .xl\:hover\:to-purple-300:hover {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .xl\:hover\:to-purple-400:hover {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .xl\:hover\:to-purple-500:hover {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .xl\:hover\:to-purple-600:hover {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .xl\:hover\:to-purple-700:hover {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .xl\:hover\:to-purple-800:hover {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .xl\:hover\:to-purple-900:hover {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .xl\:hover\:to-pink-50:hover {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .xl\:hover\:to-pink-100:hover {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .xl\:hover\:to-pink-200:hover {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .xl\:hover\:to-pink-300:hover {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .xl\:hover\:to-pink-400:hover {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .xl\:hover\:to-pink-500:hover {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .xl\:hover\:to-pink-600:hover {
+    --tw-gradient-to: #db2777;
+  }
+
+  .xl\:hover\:to-pink-700:hover {
+    --tw-gradient-to: #be185d;
+  }
+
+  .xl\:hover\:to-pink-800:hover {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .xl\:hover\:to-pink-900:hover {
+    --tw-gradient-to: #831843;
+  }
+
+  .xl\:focus\:from-transparent:focus {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:focus\:from-current:focus {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:focus\:from-black:focus {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:focus\:from-white:focus {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:focus\:from-gray-100:focus {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .xl\:focus\:from-gray-200:focus {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:focus\:from-gray-300:focus {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .xl\:focus\:from-gray-400:focus {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .xl\:focus\:from-gray-500:focus {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:focus\:from-gray-600:focus {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:focus\:from-gray-700:focus {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:focus\:from-gray-800:focus {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .xl\:focus\:from-gray-900:focus {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .xl\:focus\:from-red-50:focus {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .xl\:focus\:from-red-100:focus {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .xl\:focus\:from-red-200:focus {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .xl\:focus\:from-red-300:focus {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .xl\:focus\:from-red-400:focus {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .xl\:focus\:from-red-500:focus {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .xl\:focus\:from-red-600:focus {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .xl\:focus\:from-red-700:focus {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .xl\:focus\:from-red-800:focus {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .xl\:focus\:from-red-900:focus {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .xl\:focus\:from-yellow-50:focus {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .xl\:focus\:from-yellow-100:focus {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .xl\:focus\:from-yellow-200:focus {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .xl\:focus\:from-yellow-300:focus {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .xl\:focus\:from-yellow-400:focus {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .xl\:focus\:from-yellow-500:focus {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .xl\:focus\:from-yellow-600:focus {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .xl\:focus\:from-yellow-700:focus {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .xl\:focus\:from-yellow-800:focus {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .xl\:focus\:from-yellow-900:focus {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .xl\:focus\:from-green-50:focus {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .xl\:focus\:from-green-100:focus {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .xl\:focus\:from-green-200:focus {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .xl\:focus\:from-green-300:focus {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .xl\:focus\:from-green-400:focus {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .xl\:focus\:from-green-500:focus {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .xl\:focus\:from-green-600:focus {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .xl\:focus\:from-green-700:focus {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .xl\:focus\:from-green-800:focus {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .xl\:focus\:from-green-900:focus {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .xl\:focus\:from-blue-50:focus {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .xl\:focus\:from-blue-100:focus {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .xl\:focus\:from-blue-200:focus {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .xl\:focus\:from-blue-300:focus {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .xl\:focus\:from-blue-400:focus {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .xl\:focus\:from-blue-500:focus {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .xl\:focus\:from-blue-600:focus {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .xl\:focus\:from-blue-700:focus {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .xl\:focus\:from-blue-800:focus {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .xl\:focus\:from-blue-900:focus {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .xl\:focus\:from-indigo-50:focus {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .xl\:focus\:from-indigo-100:focus {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .xl\:focus\:from-indigo-200:focus {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .xl\:focus\:from-indigo-300:focus {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .xl\:focus\:from-indigo-400:focus {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .xl\:focus\:from-indigo-500:focus {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .xl\:focus\:from-indigo-600:focus {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .xl\:focus\:from-indigo-700:focus {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .xl\:focus\:from-indigo-800:focus {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .xl\:focus\:from-indigo-900:focus {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .xl\:focus\:from-purple-50:focus {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .xl\:focus\:from-purple-100:focus {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .xl\:focus\:from-purple-200:focus {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .xl\:focus\:from-purple-300:focus {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .xl\:focus\:from-purple-400:focus {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .xl\:focus\:from-purple-500:focus {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .xl\:focus\:from-purple-600:focus {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .xl\:focus\:from-purple-700:focus {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .xl\:focus\:from-purple-800:focus {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .xl\:focus\:from-purple-900:focus {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .xl\:focus\:from-pink-50:focus {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:focus\:from-pink-100:focus {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .xl\:focus\:from-pink-200:focus {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .xl\:focus\:from-pink-300:focus {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .xl\:focus\:from-pink-400:focus {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .xl\:focus\:from-pink-500:focus {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .xl\:focus\:from-pink-600:focus {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .xl\:focus\:from-pink-700:focus {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .xl\:focus\:from-pink-800:focus {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .xl\:focus\:from-pink-900:focus {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .xl\:focus\:via-transparent:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:focus\:via-current:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:focus\:via-black:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .xl\:focus\:via-white:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .xl\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .xl\:focus\:via-gray-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .xl\:focus\:via-gray-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .xl\:focus\:via-gray-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .xl\:focus\:via-gray-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .xl\:focus\:via-gray-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .xl\:focus\:via-gray-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .xl\:focus\:via-gray-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .xl\:focus\:via-gray-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .xl\:focus\:via-gray-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .xl\:focus\:via-red-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .xl\:focus\:via-red-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .xl\:focus\:via-red-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .xl\:focus\:via-red-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .xl\:focus\:via-red-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .xl\:focus\:via-red-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .xl\:focus\:via-red-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .xl\:focus\:via-red-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .xl\:focus\:via-red-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .xl\:focus\:via-red-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .xl\:focus\:via-yellow-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .xl\:focus\:via-yellow-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .xl\:focus\:via-yellow-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .xl\:focus\:via-yellow-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .xl\:focus\:via-yellow-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .xl\:focus\:via-yellow-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .xl\:focus\:via-yellow-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .xl\:focus\:via-yellow-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .xl\:focus\:via-yellow-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .xl\:focus\:via-yellow-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .xl\:focus\:via-green-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .xl\:focus\:via-green-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .xl\:focus\:via-green-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .xl\:focus\:via-green-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .xl\:focus\:via-green-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .xl\:focus\:via-green-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .xl\:focus\:via-green-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .xl\:focus\:via-green-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .xl\:focus\:via-green-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .xl\:focus\:via-green-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .xl\:focus\:via-blue-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .xl\:focus\:via-blue-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .xl\:focus\:via-blue-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .xl\:focus\:via-blue-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .xl\:focus\:via-blue-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .xl\:focus\:via-blue-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .xl\:focus\:via-blue-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .xl\:focus\:via-blue-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .xl\:focus\:via-blue-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .xl\:focus\:via-blue-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .xl\:focus\:via-indigo-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .xl\:focus\:via-indigo-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .xl\:focus\:via-indigo-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .xl\:focus\:via-indigo-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .xl\:focus\:via-indigo-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .xl\:focus\:via-indigo-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .xl\:focus\:via-indigo-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .xl\:focus\:via-indigo-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .xl\:focus\:via-indigo-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .xl\:focus\:via-indigo-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .xl\:focus\:via-purple-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .xl\:focus\:via-purple-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .xl\:focus\:via-purple-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .xl\:focus\:via-purple-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .xl\:focus\:via-purple-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .xl\:focus\:via-purple-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .xl\:focus\:via-purple-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .xl\:focus\:via-purple-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .xl\:focus\:via-purple-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .xl\:focus\:via-purple-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .xl\:focus\:via-pink-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .xl\:focus\:via-pink-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .xl\:focus\:via-pink-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .xl\:focus\:via-pink-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .xl\:focus\:via-pink-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .xl\:focus\:via-pink-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .xl\:focus\:via-pink-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .xl\:focus\:via-pink-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .xl\:focus\:via-pink-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .xl\:focus\:via-pink-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .xl\:focus\:to-transparent:focus {
+    --tw-gradient-to: transparent;
+  }
+
+  .xl\:focus\:to-current:focus {
+    --tw-gradient-to: currentColor;
+  }
+
+  .xl\:focus\:to-black:focus {
+    --tw-gradient-to: #000;
+  }
+
+  .xl\:focus\:to-white:focus {
+    --tw-gradient-to: #fff;
+  }
+
+  .xl\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .xl\:focus\:to-gray-100:focus {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .xl\:focus\:to-gray-200:focus {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .xl\:focus\:to-gray-300:focus {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .xl\:focus\:to-gray-400:focus {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .xl\:focus\:to-gray-500:focus {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .xl\:focus\:to-gray-600:focus {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .xl\:focus\:to-gray-700:focus {
+    --tw-gradient-to: #374151;
+  }
+
+  .xl\:focus\:to-gray-800:focus {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .xl\:focus\:to-gray-900:focus {
+    --tw-gradient-to: #111827;
+  }
+
+  .xl\:focus\:to-red-50:focus {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .xl\:focus\:to-red-100:focus {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .xl\:focus\:to-red-200:focus {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .xl\:focus\:to-red-300:focus {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .xl\:focus\:to-red-400:focus {
+    --tw-gradient-to: #f87171;
+  }
+
+  .xl\:focus\:to-red-500:focus {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .xl\:focus\:to-red-600:focus {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .xl\:focus\:to-red-700:focus {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .xl\:focus\:to-red-800:focus {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .xl\:focus\:to-red-900:focus {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .xl\:focus\:to-yellow-50:focus {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .xl\:focus\:to-yellow-100:focus {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .xl\:focus\:to-yellow-200:focus {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .xl\:focus\:to-yellow-300:focus {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .xl\:focus\:to-yellow-400:focus {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .xl\:focus\:to-yellow-500:focus {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .xl\:focus\:to-yellow-600:focus {
+    --tw-gradient-to: #d97706;
+  }
+
+  .xl\:focus\:to-yellow-700:focus {
+    --tw-gradient-to: #b45309;
+  }
+
+  .xl\:focus\:to-yellow-800:focus {
+    --tw-gradient-to: #92400e;
+  }
+
+  .xl\:focus\:to-yellow-900:focus {
+    --tw-gradient-to: #78350f;
+  }
+
+  .xl\:focus\:to-green-50:focus {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .xl\:focus\:to-green-100:focus {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .xl\:focus\:to-green-200:focus {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .xl\:focus\:to-green-300:focus {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .xl\:focus\:to-green-400:focus {
+    --tw-gradient-to: #34d399;
+  }
+
+  .xl\:focus\:to-green-500:focus {
+    --tw-gradient-to: #10b981;
+  }
+
+  .xl\:focus\:to-green-600:focus {
+    --tw-gradient-to: #059669;
+  }
+
+  .xl\:focus\:to-green-700:focus {
+    --tw-gradient-to: #047857;
+  }
+
+  .xl\:focus\:to-green-800:focus {
+    --tw-gradient-to: #065f46;
+  }
+
+  .xl\:focus\:to-green-900:focus {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .xl\:focus\:to-blue-50:focus {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .xl\:focus\:to-blue-100:focus {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .xl\:focus\:to-blue-200:focus {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .xl\:focus\:to-blue-300:focus {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .xl\:focus\:to-blue-400:focus {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .xl\:focus\:to-blue-500:focus {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .xl\:focus\:to-blue-600:focus {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .xl\:focus\:to-blue-700:focus {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .xl\:focus\:to-blue-800:focus {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .xl\:focus\:to-blue-900:focus {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .xl\:focus\:to-indigo-50:focus {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .xl\:focus\:to-indigo-100:focus {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .xl\:focus\:to-indigo-200:focus {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .xl\:focus\:to-indigo-300:focus {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .xl\:focus\:to-indigo-400:focus {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .xl\:focus\:to-indigo-500:focus {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .xl\:focus\:to-indigo-600:focus {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .xl\:focus\:to-indigo-700:focus {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .xl\:focus\:to-indigo-800:focus {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .xl\:focus\:to-indigo-900:focus {
+    --tw-gradient-to: #312e81;
+  }
+
+  .xl\:focus\:to-purple-50:focus {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .xl\:focus\:to-purple-100:focus {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .xl\:focus\:to-purple-200:focus {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .xl\:focus\:to-purple-300:focus {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .xl\:focus\:to-purple-400:focus {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .xl\:focus\:to-purple-500:focus {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .xl\:focus\:to-purple-600:focus {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .xl\:focus\:to-purple-700:focus {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .xl\:focus\:to-purple-800:focus {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .xl\:focus\:to-purple-900:focus {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .xl\:focus\:to-pink-50:focus {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .xl\:focus\:to-pink-100:focus {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .xl\:focus\:to-pink-200:focus {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .xl\:focus\:to-pink-300:focus {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .xl\:focus\:to-pink-400:focus {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .xl\:focus\:to-pink-500:focus {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .xl\:focus\:to-pink-600:focus {
+    --tw-gradient-to: #db2777;
+  }
+
+  .xl\:focus\:to-pink-700:focus {
+    --tw-gradient-to: #be185d;
+  }
+
+  .xl\:focus\:to-pink-800:focus {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .xl\:focus\:to-pink-900:focus {
+    --tw-gradient-to: #831843;
+  }
+
+  .xl\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .xl\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .xl\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .xl\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .xl\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .xl\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .xl\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .xl\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .xl\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .xl\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .xl\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .xl\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .xl\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .xl\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .xl\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .group:hover .xl\:group-hover\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .xl\:focus-within\:bg-opacity-0:focus-within {
+    --tw-bg-opacity: 0;
+  }
+
+  .xl\:focus-within\:bg-opacity-5:focus-within {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .xl\:focus-within\:bg-opacity-10:focus-within {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .xl\:focus-within\:bg-opacity-20:focus-within {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .xl\:focus-within\:bg-opacity-25:focus-within {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .xl\:focus-within\:bg-opacity-30:focus-within {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .xl\:focus-within\:bg-opacity-40:focus-within {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .xl\:focus-within\:bg-opacity-50:focus-within {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .xl\:focus-within\:bg-opacity-60:focus-within {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .xl\:focus-within\:bg-opacity-70:focus-within {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .xl\:focus-within\:bg-opacity-75:focus-within {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .xl\:focus-within\:bg-opacity-80:focus-within {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .xl\:focus-within\:bg-opacity-90:focus-within {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .xl\:focus-within\:bg-opacity-95:focus-within {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .xl\:focus-within\:bg-opacity-100:focus-within {
+    --tw-bg-opacity: 1;
+  }
+
+  .xl\:hover\:bg-opacity-0:hover {
+    --tw-bg-opacity: 0;
+  }
+
+  .xl\:hover\:bg-opacity-5:hover {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .xl\:hover\:bg-opacity-10:hover {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .xl\:hover\:bg-opacity-20:hover {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .xl\:hover\:bg-opacity-25:hover {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .xl\:hover\:bg-opacity-30:hover {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .xl\:hover\:bg-opacity-40:hover {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .xl\:hover\:bg-opacity-50:hover {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .xl\:hover\:bg-opacity-60:hover {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .xl\:hover\:bg-opacity-70:hover {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .xl\:hover\:bg-opacity-75:hover {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .xl\:hover\:bg-opacity-80:hover {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .xl\:hover\:bg-opacity-90:hover {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .xl\:hover\:bg-opacity-95:hover {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .xl\:hover\:bg-opacity-100:hover {
+    --tw-bg-opacity: 1;
+  }
+
+  .xl\:focus\:bg-opacity-0:focus {
+    --tw-bg-opacity: 0;
+  }
+
+  .xl\:focus\:bg-opacity-5:focus {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .xl\:focus\:bg-opacity-10:focus {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .xl\:focus\:bg-opacity-20:focus {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .xl\:focus\:bg-opacity-25:focus {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .xl\:focus\:bg-opacity-30:focus {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .xl\:focus\:bg-opacity-40:focus {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .xl\:focus\:bg-opacity-50:focus {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .xl\:focus\:bg-opacity-60:focus {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .xl\:focus\:bg-opacity-70:focus {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .xl\:focus\:bg-opacity-75:focus {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .xl\:focus\:bg-opacity-80:focus {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .xl\:focus\:bg-opacity-90:focus {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .xl\:focus\:bg-opacity-95:focus {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .xl\:focus\:bg-opacity-100:focus {
+    --tw-bg-opacity: 1;
+  }
+
+  .xl\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .xl\:bg-center {
+    background-position: center;
+  }
+
+  .xl\:bg-left {
+    background-position: left;
+  }
+
+  .xl\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .xl\:bg-left-top {
+    background-position: left top;
+  }
+
+  .xl\:bg-right {
+    background-position: right;
+  }
+
+  .xl\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .xl\:bg-right-top {
+    background-position: right top;
+  }
+
+  .xl\:bg-top {
+    background-position: top;
+  }
+
+  .xl\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .xl\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .xl\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .xl\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .xl\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .xl\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .xl\:bg-auto {
+    background-size: auto;
+  }
+
+  .xl\:bg-cover {
+    background-size: cover;
+  }
+
+  .xl\:bg-contain {
+    background-size: contain;
+  }
+
+  .xl\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .xl\:border-separate {
+    border-collapse: separate;
+  }
+
+  .xl\:border-transparent {
+    border-color: transparent;
+  }
+
+  .xl\:border-current {
+    border-color: currentColor;
+  }
+
+  .xl\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .xl\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .xl\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .xl\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .xl\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .xl\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .xl\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:hover .xl\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  .group:hover .xl\:group-hover\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .xl\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .xl\:focus-within\:border-black:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-white:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-gray-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-red-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-yellow-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-green-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-blue-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-indigo-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-purple-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-pink-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .xl\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .xl\:hover\:border-black:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-white:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-gray-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-red-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-yellow-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-green-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-blue-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-indigo-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-purple-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-pink-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .xl\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .xl\:focus\:border-black:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-white:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-gray-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-red-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-yellow-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-green-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-blue-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-indigo-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-purple-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-pink-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .xl\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .xl\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .xl\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .xl\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .xl\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .xl\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .xl\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .xl\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .xl\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .xl\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .xl\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .xl\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .xl\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .xl\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .xl\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .group:hover .xl\:group-hover\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .xl\:focus-within\:border-opacity-0:focus-within {
+    --tw-border-opacity: 0;
+  }
+
+  .xl\:focus-within\:border-opacity-5:focus-within {
+    --tw-border-opacity: 0.05;
+  }
+
+  .xl\:focus-within\:border-opacity-10:focus-within {
+    --tw-border-opacity: 0.1;
+  }
+
+  .xl\:focus-within\:border-opacity-20:focus-within {
+    --tw-border-opacity: 0.2;
+  }
+
+  .xl\:focus-within\:border-opacity-25:focus-within {
+    --tw-border-opacity: 0.25;
+  }
+
+  .xl\:focus-within\:border-opacity-30:focus-within {
+    --tw-border-opacity: 0.3;
+  }
+
+  .xl\:focus-within\:border-opacity-40:focus-within {
+    --tw-border-opacity: 0.4;
+  }
+
+  .xl\:focus-within\:border-opacity-50:focus-within {
+    --tw-border-opacity: 0.5;
+  }
+
+  .xl\:focus-within\:border-opacity-60:focus-within {
+    --tw-border-opacity: 0.6;
+  }
+
+  .xl\:focus-within\:border-opacity-70:focus-within {
+    --tw-border-opacity: 0.7;
+  }
+
+  .xl\:focus-within\:border-opacity-75:focus-within {
+    --tw-border-opacity: 0.75;
+  }
+
+  .xl\:focus-within\:border-opacity-80:focus-within {
+    --tw-border-opacity: 0.8;
+  }
+
+  .xl\:focus-within\:border-opacity-90:focus-within {
+    --tw-border-opacity: 0.9;
+  }
+
+  .xl\:focus-within\:border-opacity-95:focus-within {
+    --tw-border-opacity: 0.95;
+  }
+
+  .xl\:focus-within\:border-opacity-100:focus-within {
+    --tw-border-opacity: 1;
+  }
+
+  .xl\:hover\:border-opacity-0:hover {
+    --tw-border-opacity: 0;
+  }
+
+  .xl\:hover\:border-opacity-5:hover {
+    --tw-border-opacity: 0.05;
+  }
+
+  .xl\:hover\:border-opacity-10:hover {
+    --tw-border-opacity: 0.1;
+  }
+
+  .xl\:hover\:border-opacity-20:hover {
+    --tw-border-opacity: 0.2;
+  }
+
+  .xl\:hover\:border-opacity-25:hover {
+    --tw-border-opacity: 0.25;
+  }
+
+  .xl\:hover\:border-opacity-30:hover {
+    --tw-border-opacity: 0.3;
+  }
+
+  .xl\:hover\:border-opacity-40:hover {
+    --tw-border-opacity: 0.4;
+  }
+
+  .xl\:hover\:border-opacity-50:hover {
+    --tw-border-opacity: 0.5;
+  }
+
+  .xl\:hover\:border-opacity-60:hover {
+    --tw-border-opacity: 0.6;
+  }
+
+  .xl\:hover\:border-opacity-70:hover {
+    --tw-border-opacity: 0.7;
+  }
+
+  .xl\:hover\:border-opacity-75:hover {
+    --tw-border-opacity: 0.75;
+  }
+
+  .xl\:hover\:border-opacity-80:hover {
+    --tw-border-opacity: 0.8;
+  }
+
+  .xl\:hover\:border-opacity-90:hover {
+    --tw-border-opacity: 0.9;
+  }
+
+  .xl\:hover\:border-opacity-95:hover {
+    --tw-border-opacity: 0.95;
+  }
+
+  .xl\:hover\:border-opacity-100:hover {
+    --tw-border-opacity: 1;
+  }
+
+  .xl\:focus\:border-opacity-0:focus {
+    --tw-border-opacity: 0;
+  }
+
+  .xl\:focus\:border-opacity-5:focus {
+    --tw-border-opacity: 0.05;
+  }
+
+  .xl\:focus\:border-opacity-10:focus {
+    --tw-border-opacity: 0.1;
+  }
+
+  .xl\:focus\:border-opacity-20:focus {
+    --tw-border-opacity: 0.2;
+  }
+
+  .xl\:focus\:border-opacity-25:focus {
+    --tw-border-opacity: 0.25;
+  }
+
+  .xl\:focus\:border-opacity-30:focus {
+    --tw-border-opacity: 0.3;
+  }
+
+  .xl\:focus\:border-opacity-40:focus {
+    --tw-border-opacity: 0.4;
+  }
+
+  .xl\:focus\:border-opacity-50:focus {
+    --tw-border-opacity: 0.5;
+  }
+
+  .xl\:focus\:border-opacity-60:focus {
+    --tw-border-opacity: 0.6;
+  }
+
+  .xl\:focus\:border-opacity-70:focus {
+    --tw-border-opacity: 0.7;
+  }
+
+  .xl\:focus\:border-opacity-75:focus {
+    --tw-border-opacity: 0.75;
+  }
+
+  .xl\:focus\:border-opacity-80:focus {
+    --tw-border-opacity: 0.8;
+  }
+
+  .xl\:focus\:border-opacity-90:focus {
+    --tw-border-opacity: 0.9;
+  }
+
+  .xl\:focus\:border-opacity-95:focus {
+    --tw-border-opacity: 0.95;
+  }
+
+  .xl\:focus\:border-opacity-100:focus {
+    --tw-border-opacity: 1;
+  }
+
+  .xl\:rounded-none {
+    border-radius: 0px;
+  }
+
+  .xl\:rounded-sm {
+    border-radius: 0.125rem;
+  }
+
+  .xl\:rounded {
+    border-radius: 0.25rem;
+  }
+
+  .xl\:rounded-md {
+    border-radius: 0.375rem;
+  }
+
+  .xl\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .xl\:rounded-xl {
+    border-radius: 0.75rem;
+  }
+
+  .xl\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .xl\:rounded-3xl {
+    border-radius: 1.5rem;
+  }
+
+  .xl\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .xl\:rounded-t-none {
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+  }
+
+  .xl\:rounded-r-none {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+  }
+
+  .xl\:rounded-b-none {
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .xl\:rounded-l-none {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .xl\:rounded-t-sm {
+    border-top-left-radius: 0.125rem;
+    border-top-right-radius: 0.125rem;
+  }
+
+  .xl\:rounded-r-sm {
+    border-top-right-radius: 0.125rem;
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .xl\:rounded-b-sm {
+    border-bottom-right-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .xl\:rounded-l-sm {
+    border-top-left-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .xl\:rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
+
+  .xl\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .xl\:rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .xl\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .xl\:rounded-t-md {
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+  }
+
+  .xl\:rounded-r-md {
+    border-top-right-radius: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .xl\:rounded-b-md {
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .xl\:rounded-l-md {
+    border-top-left-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .xl\:rounded-t-lg {
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+  }
+
+  .xl\:rounded-r-lg {
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .xl\:rounded-b-lg {
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .xl\:rounded-l-lg {
+    border-top-left-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .xl\:rounded-t-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .xl\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .xl\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .xl\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .xl\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .xl\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .xl\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .xl\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .xl\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .xl\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .xl\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .xl\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .xl\:rounded-t-full {
+    border-top-left-radius: 9999px;
+    border-top-right-radius: 9999px;
+  }
+
+  .xl\:rounded-r-full {
+    border-top-right-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+  }
+
+  .xl\:rounded-b-full {
+    border-bottom-right-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .xl\:rounded-l-full {
+    border-top-left-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .xl\:rounded-tl-none {
+    border-top-left-radius: 0px;
+  }
+
+  .xl\:rounded-tr-none {
+    border-top-right-radius: 0px;
+  }
+
+  .xl\:rounded-br-none {
+    border-bottom-right-radius: 0px;
+  }
+
+  .xl\:rounded-bl-none {
+    border-bottom-left-radius: 0px;
+  }
+
+  .xl\:rounded-tl-sm {
+    border-top-left-radius: 0.125rem;
+  }
+
+  .xl\:rounded-tr-sm {
+    border-top-right-radius: 0.125rem;
+  }
+
+  .xl\:rounded-br-sm {
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .xl\:rounded-bl-sm {
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .xl\:rounded-tl {
+    border-top-left-radius: 0.25rem;
+  }
+
+  .xl\:rounded-tr {
+    border-top-right-radius: 0.25rem;
+  }
+
+  .xl\:rounded-br {
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .xl\:rounded-bl {
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .xl\:rounded-tl-md {
+    border-top-left-radius: 0.375rem;
+  }
+
+  .xl\:rounded-tr-md {
+    border-top-right-radius: 0.375rem;
+  }
+
+  .xl\:rounded-br-md {
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .xl\:rounded-bl-md {
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .xl\:rounded-tl-lg {
+    border-top-left-radius: 0.5rem;
+  }
+
+  .xl\:rounded-tr-lg {
+    border-top-right-radius: 0.5rem;
+  }
+
+  .xl\:rounded-br-lg {
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .xl\:rounded-bl-lg {
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .xl\:rounded-tl-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .xl\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .xl\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .xl\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .xl\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .xl\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .xl\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .xl\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .xl\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .xl\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .xl\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .xl\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .xl\:rounded-tl-full {
+    border-top-left-radius: 9999px;
+  }
+
+  .xl\:rounded-tr-full {
+    border-top-right-radius: 9999px;
+  }
+
+  .xl\:rounded-br-full {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .xl\:rounded-bl-full {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .xl\:border-solid {
+    border-style: solid;
+  }
+
+  .xl\:border-dashed {
+    border-style: dashed;
+  }
+
+  .xl\:border-dotted {
+    border-style: dotted;
+  }
+
+  .xl\:border-double {
+    border-style: double;
+  }
+
+  .xl\:border-none {
+    border-style: none;
+  }
+
+  .xl\:border-0 {
+    border-width: 0px;
+  }
+
+  .xl\:border-2 {
+    border-width: 2px;
+  }
+
+  .xl\:border-4 {
+    border-width: 4px;
+  }
+
+  .xl\:border-8 {
+    border-width: 8px;
+  }
+
+  .xl\:border {
+    border-width: 1px;
+  }
+
+  .xl\:border-t-0 {
+    border-top-width: 0px;
+  }
+
+  .xl\:border-r-0 {
+    border-right-width: 0px;
+  }
+
+  .xl\:border-b-0 {
+    border-bottom-width: 0px;
+  }
+
+  .xl\:border-l-0 {
+    border-left-width: 0px;
+  }
+
+  .xl\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .xl\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .xl\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .xl\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .xl\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .xl\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .xl\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .xl\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .xl\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .xl\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .xl\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .xl\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .xl\:border-t {
+    border-top-width: 1px;
+  }
+
+  .xl\:border-r {
+    border-right-width: 1px;
+  }
+
+  .xl\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .xl\:border-l {
+    border-left-width: 1px;
+  }
+
+  .xl\:box-border {
+    box-sizing: border-box;
+  }
+
+  .xl\:box-content {
+    box-sizing: content-box;
+  }
+
+  .xl\:cursor-auto {
+    cursor: auto;
+  }
+
+  .xl\:cursor-default {
+    cursor: default;
+  }
+
+  .xl\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .xl\:cursor-wait {
+    cursor: wait;
+  }
+
+  .xl\:cursor-text {
+    cursor: text;
+  }
+
+  .xl\:cursor-move {
+    cursor: move;
+  }
+
+  .xl\:cursor-help {
+    cursor: help;
+  }
+
+  .xl\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
+  .xl\:block {
+    display: block;
+  }
+
+  .xl\:inline-block {
+    display: inline-block;
+  }
+
+  .xl\:inline {
+    display: inline;
+  }
+
+  .xl\:flex {
+    display: flex;
+  }
+
+  .xl\:inline-flex {
+    display: inline-flex;
+  }
+
+  .xl\:table {
+    display: table;
+  }
+
+  .xl\:table-caption {
+    display: table-caption;
+  }
+
+  .xl\:table-cell {
+    display: table-cell;
+  }
+
+  .xl\:table-column {
+    display: table-column;
+  }
+
+  .xl\:table-column-group {
+    display: table-column-group;
+  }
+
+  .xl\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .xl\:table-header-group {
+    display: table-header-group;
+  }
+
+  .xl\:table-row-group {
+    display: table-row-group;
+  }
+
+  .xl\:table-row {
+    display: table-row;
+  }
+
+  .xl\:flow-root {
+    display: flow-root;
+  }
+
+  .xl\:grid {
+    display: grid;
+  }
+
+  .xl\:inline-grid {
+    display: inline-grid;
+  }
+
+  .xl\:contents {
+    display: contents;
+  }
+
+  .xl\:hidden {
+    display: none;
+  }
+
+  .xl\:flex-row {
+    flex-direction: row;
+  }
+
+  .xl\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .xl\:flex-col {
+    flex-direction: column;
+  }
+
+  .xl\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .xl\:flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .xl\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
+  .xl\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .xl\:place-items-auto {
+    place-items: auto;
+  }
+
+  .xl\:place-items-start {
+    place-items: start;
+  }
+
+  .xl\:place-items-end {
+    place-items: end;
+  }
+
+  .xl\:place-items-center {
+    place-items: center;
+  }
+
+  .xl\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .xl\:place-content-center {
+    place-content: center;
+  }
+
+  .xl\:place-content-start {
+    place-content: start;
+  }
+
+  .xl\:place-content-end {
+    place-content: end;
+  }
+
+  .xl\:place-content-between {
+    place-content: space-between;
+  }
+
+  .xl\:place-content-around {
+    place-content: space-around;
+  }
+
+  .xl\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .xl\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .xl\:place-self-auto {
+    place-self: auto;
+  }
+
+  .xl\:place-self-start {
+    place-self: start;
+  }
+
+  .xl\:place-self-end {
+    place-self: end;
+  }
+
+  .xl\:place-self-center {
+    place-self: center;
+  }
+
+  .xl\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .xl\:items-start {
+    align-items: flex-start;
+  }
+
+  .xl\:items-end {
+    align-items: flex-end;
+  }
+
+  .xl\:items-center {
+    align-items: center;
+  }
+
+  .xl\:items-baseline {
+    align-items: baseline;
+  }
+
+  .xl\:items-stretch {
+    align-items: stretch;
+  }
+
+  .xl\:content-center {
+    align-content: center;
+  }
+
+  .xl\:content-start {
+    align-content: flex-start;
+  }
+
+  .xl\:content-end {
+    align-content: flex-end;
+  }
+
+  .xl\:content-between {
+    align-content: space-between;
+  }
+
+  .xl\:content-around {
+    align-content: space-around;
+  }
+
+  .xl\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .xl\:self-auto {
+    align-self: auto;
+  }
+
+  .xl\:self-start {
+    align-self: flex-start;
+  }
+
+  .xl\:self-end {
+    align-self: flex-end;
+  }
+
+  .xl\:self-center {
+    align-self: center;
+  }
+
+  .xl\:self-stretch {
+    align-self: stretch;
+  }
+
+  .xl\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .xl\:justify-items-start {
+    justify-items: start;
+  }
+
+  .xl\:justify-items-end {
+    justify-items: end;
+  }
+
+  .xl\:justify-items-center {
+    justify-items: center;
+  }
+
+  .xl\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
+  .xl\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .xl\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .xl\:justify-center {
+    justify-content: center;
+  }
+
+  .xl\:justify-between {
+    justify-content: space-between;
+  }
+
+  .xl\:justify-around {
+    justify-content: space-around;
+  }
+
+  .xl\:justify-evenly {
+    justify-content: space-evenly;
+  }
+
+  .xl\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .xl\:justify-self-start {
+    justify-self: start;
+  }
+
+  .xl\:justify-self-end {
+    justify-self: end;
+  }
+
+  .xl\:justify-self-center {
+    justify-self: center;
+  }
+
+  .xl\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .xl\:flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .xl\:flex-auto {
+    flex: 1 1 auto;
+  }
+
+  .xl\:flex-initial {
+    flex: 0 1 auto;
+  }
+
+  .xl\:flex-none {
+    flex: none;
+  }
+
+  .xl\:flex-grow-0 {
+    flex-grow: 0;
+  }
+
+  .xl\:flex-grow {
+    flex-grow: 1;
+  }
+
+  .xl\:flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .xl\:flex-shrink {
+    flex-shrink: 1;
+  }
+
+  .xl\:order-1 {
+    order: 1;
+  }
+
+  .xl\:order-2 {
+    order: 2;
+  }
+
+  .xl\:order-3 {
+    order: 3;
+  }
+
+  .xl\:order-4 {
+    order: 4;
+  }
+
+  .xl\:order-5 {
+    order: 5;
+  }
+
+  .xl\:order-6 {
+    order: 6;
+  }
+
+  .xl\:order-7 {
+    order: 7;
+  }
+
+  .xl\:order-8 {
+    order: 8;
+  }
+
+  .xl\:order-9 {
+    order: 9;
+  }
+
+  .xl\:order-10 {
+    order: 10;
+  }
+
+  .xl\:order-11 {
+    order: 11;
+  }
+
+  .xl\:order-12 {
+    order: 12;
+  }
+
+  .xl\:order-first {
+    order: -9999;
+  }
+
+  .xl\:order-last {
+    order: 9999;
+  }
+
+  .xl\:order-none {
+    order: 0;
+  }
+
+  .xl\:float-right {
+    float: right;
+  }
+
+  .xl\:float-left {
+    float: left;
+  }
+
+  .xl\:float-none {
+    float: none;
+  }
+
+  .xl\:clear-left {
+    clear: left;
+  }
+
+  .xl\:clear-right {
+    clear: right;
+  }
+
+  .xl\:clear-both {
+    clear: both;
+  }
+
+  .xl\:clear-none {
+    clear: none;
+  }
+
+  .xl\:font-sans {
+    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  }
+
+  .xl\:font-serif {
+    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .xl\:font-mono {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .xl\:font-thin {
+    font-weight: 100;
+  }
+
+  .xl\:font-extralight {
+    font-weight: 200;
+  }
+
+  .xl\:font-light {
+    font-weight: 300;
+  }
+
+  .xl\:font-normal {
+    font-weight: 400;
+  }
+
+  .xl\:font-medium {
+    font-weight: 500;
+  }
+
+  .xl\:font-semibold {
+    font-weight: 600;
+  }
+
+  .xl\:font-bold {
+    font-weight: 700;
+  }
+
+  .xl\:font-extrabold {
+    font-weight: 800;
+  }
+
+  .xl\:font-black {
+    font-weight: 900;
+  }
+
+  .xl\:h-0 {
+    height: 0px;
+  }
+
+  .xl\:h-1 {
+    height: 0.25rem;
+  }
+
+  .xl\:h-2 {
+    height: 0.5rem;
+  }
+
+  .xl\:h-3 {
+    height: 0.75rem;
+  }
+
+  .xl\:h-4 {
+    height: 1rem;
+  }
+
+  .xl\:h-5 {
+    height: 1.25rem;
+  }
+
+  .xl\:h-6 {
+    height: 1.5rem;
+  }
+
+  .xl\:h-7 {
+    height: 1.75rem;
+  }
+
+  .xl\:h-8 {
+    height: 2rem;
+  }
+
+  .xl\:h-9 {
+    height: 2.25rem;
+  }
+
+  .xl\:h-10 {
+    height: 2.5rem;
+  }
+
+  .xl\:h-11 {
+    height: 2.75rem;
+  }
+
+  .xl\:h-12 {
+    height: 3rem;
+  }
+
+  .xl\:h-14 {
+    height: 3.5rem;
+  }
+
+  .xl\:h-16 {
+    height: 4rem;
+  }
+
+  .xl\:h-20 {
+    height: 5rem;
+  }
+
+  .xl\:h-24 {
+    height: 6rem;
+  }
+
+  .xl\:h-28 {
+    height: 7rem;
+  }
+
+  .xl\:h-32 {
+    height: 8rem;
+  }
+
+  .xl\:h-36 {
+    height: 9rem;
+  }
+
+  .xl\:h-40 {
+    height: 10rem;
+  }
+
+  .xl\:h-44 {
+    height: 11rem;
+  }
+
+  .xl\:h-48 {
+    height: 12rem;
+  }
+
+  .xl\:h-52 {
+    height: 13rem;
+  }
+
+  .xl\:h-56 {
+    height: 14rem;
+  }
+
+  .xl\:h-60 {
+    height: 15rem;
+  }
+
+  .xl\:h-64 {
+    height: 16rem;
+  }
+
+  .xl\:h-72 {
+    height: 18rem;
+  }
+
+  .xl\:h-80 {
+    height: 20rem;
+  }
+
+  .xl\:h-96 {
+    height: 24rem;
+  }
+
+  .xl\:h-auto {
+    height: auto;
+  }
+
+  .xl\:h-px {
+    height: 1px;
+  }
+
+  .xl\:h-0\.5 {
+    height: 0.125rem;
+  }
+
+  .xl\:h-1\.5 {
+    height: 0.375rem;
+  }
+
+  .xl\:h-2\.5 {
+    height: 0.625rem;
+  }
+
+  .xl\:h-3\.5 {
+    height: 0.875rem;
+  }
+
+  .xl\:h-1\/2 {
+    height: 50%;
+  }
+
+  .xl\:h-1\/3 {
+    height: 33.333333%;
+  }
+
+  .xl\:h-2\/3 {
+    height: 66.666667%;
+  }
+
+  .xl\:h-1\/4 {
+    height: 25%;
+  }
+
+  .xl\:h-2\/4 {
+    height: 50%;
+  }
+
+  .xl\:h-3\/4 {
+    height: 75%;
+  }
+
+  .xl\:h-1\/5 {
+    height: 20%;
+  }
+
+  .xl\:h-2\/5 {
+    height: 40%;
+  }
+
+  .xl\:h-3\/5 {
+    height: 60%;
+  }
+
+  .xl\:h-4\/5 {
+    height: 80%;
+  }
+
+  .xl\:h-1\/6 {
+    height: 16.666667%;
+  }
+
+  .xl\:h-2\/6 {
+    height: 33.333333%;
+  }
+
+  .xl\:h-3\/6 {
+    height: 50%;
+  }
+
+  .xl\:h-4\/6 {
+    height: 66.666667%;
+  }
+
+  .xl\:h-5\/6 {
+    height: 83.333333%;
+  }
+
+  .xl\:h-full {
+    height: 100%;
+  }
+
+  .xl\:h-screen {
+    height: 100vh;
+  }
+
+  .xl\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .xl\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .xl\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .xl\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .xl\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .xl\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .xl\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .xl\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .xl\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+
+  .xl\:text-6xl {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .xl\:text-7xl {
+    font-size: 4.5rem;
+    line-height: 1;
+  }
+
+  .xl\:text-8xl {
+    font-size: 6rem;
+    line-height: 1;
+  }
+
+  .xl\:text-9xl {
+    font-size: 8rem;
+    line-height: 1;
+  }
+
+  .xl\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .xl\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .xl\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .xl\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .xl\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .xl\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .xl\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .xl\:leading-10 {
+    line-height: 2.5rem;
+  }
+
+  .xl\:leading-none {
+    line-height: 1;
+  }
+
+  .xl\:leading-tight {
+    line-height: 1.25;
+  }
+
+  .xl\:leading-snug {
+    line-height: 1.375;
+  }
+
+  .xl\:leading-normal {
+    line-height: 1.5;
+  }
+
+  .xl\:leading-relaxed {
+    line-height: 1.625;
+  }
+
+  .xl\:leading-loose {
+    line-height: 2;
+  }
+
+  .xl\:list-inside {
+    list-style-position: inside;
+  }
+
+  .xl\:list-outside {
+    list-style-position: outside;
+  }
+
+  .xl\:list-none {
+    list-style-type: none;
+  }
+
+  .xl\:list-disc {
+    list-style-type: disc;
+  }
+
+  .xl\:list-decimal {
+    list-style-type: decimal;
+  }
+
+  .xl\:m-0 {
+    margin: 0px;
+  }
+
+  .xl\:m-1 {
+    margin: 0.25rem;
+  }
+
+  .xl\:m-2 {
+    margin: 0.5rem;
+  }
+
+  .xl\:m-3 {
+    margin: 0.75rem;
+  }
+
+  .xl\:m-4 {
+    margin: 1rem;
+  }
+
+  .xl\:m-5 {
+    margin: 1.25rem;
+  }
+
+  .xl\:m-6 {
+    margin: 1.5rem;
+  }
+
+  .xl\:m-7 {
+    margin: 1.75rem;
+  }
+
+  .xl\:m-8 {
+    margin: 2rem;
+  }
+
+  .xl\:m-9 {
+    margin: 2.25rem;
+  }
+
+  .xl\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .xl\:m-11 {
+    margin: 2.75rem;
+  }
+
+  .xl\:m-12 {
+    margin: 3rem;
+  }
+
+  .xl\:m-14 {
+    margin: 3.5rem;
+  }
+
+  .xl\:m-16 {
+    margin: 4rem;
+  }
+
+  .xl\:m-20 {
+    margin: 5rem;
+  }
+
+  .xl\:m-24 {
+    margin: 6rem;
+  }
+
+  .xl\:m-28 {
+    margin: 7rem;
+  }
+
+  .xl\:m-32 {
+    margin: 8rem;
+  }
+
+  .xl\:m-36 {
+    margin: 9rem;
+  }
+
+  .xl\:m-40 {
+    margin: 10rem;
+  }
+
+  .xl\:m-44 {
+    margin: 11rem;
+  }
+
+  .xl\:m-48 {
+    margin: 12rem;
+  }
+
+  .xl\:m-52 {
+    margin: 13rem;
+  }
+
+  .xl\:m-56 {
+    margin: 14rem;
+  }
+
+  .xl\:m-60 {
+    margin: 15rem;
+  }
+
+  .xl\:m-64 {
+    margin: 16rem;
+  }
+
+  .xl\:m-72 {
+    margin: 18rem;
+  }
+
+  .xl\:m-80 {
+    margin: 20rem;
+  }
+
+  .xl\:m-96 {
+    margin: 24rem;
+  }
+
+  .xl\:m-auto {
+    margin: auto;
+  }
+
+  .xl\:m-px {
+    margin: 1px;
+  }
+
+  .xl\:m-0\.5 {
+    margin: 0.125rem;
+  }
+
+  .xl\:m-1\.5 {
+    margin: 0.375rem;
+  }
+
+  .xl\:m-2\.5 {
+    margin: 0.625rem;
+  }
+
+  .xl\:m-3\.5 {
+    margin: 0.875rem;
+  }
+
+  .xl\:-m-0 {
+    margin: 0px;
+  }
+
+  .xl\:-m-1 {
+    margin: -0.25rem;
+  }
+
+  .xl\:-m-2 {
+    margin: -0.5rem;
+  }
+
+  .xl\:-m-3 {
+    margin: -0.75rem;
+  }
+
+  .xl\:-m-4 {
+    margin: -1rem;
+  }
+
+  .xl\:-m-5 {
+    margin: -1.25rem;
+  }
+
+  .xl\:-m-6 {
+    margin: -1.5rem;
+  }
+
+  .xl\:-m-7 {
+    margin: -1.75rem;
+  }
+
+  .xl\:-m-8 {
+    margin: -2rem;
+  }
+
+  .xl\:-m-9 {
+    margin: -2.25rem;
+  }
+
+  .xl\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .xl\:-m-11 {
+    margin: -2.75rem;
+  }
+
+  .xl\:-m-12 {
+    margin: -3rem;
+  }
+
+  .xl\:-m-14 {
+    margin: -3.5rem;
+  }
+
+  .xl\:-m-16 {
+    margin: -4rem;
+  }
+
+  .xl\:-m-20 {
+    margin: -5rem;
+  }
+
+  .xl\:-m-24 {
+    margin: -6rem;
+  }
+
+  .xl\:-m-28 {
+    margin: -7rem;
+  }
+
+  .xl\:-m-32 {
+    margin: -8rem;
+  }
+
+  .xl\:-m-36 {
+    margin: -9rem;
+  }
+
+  .xl\:-m-40 {
+    margin: -10rem;
+  }
+
+  .xl\:-m-44 {
+    margin: -11rem;
+  }
+
+  .xl\:-m-48 {
+    margin: -12rem;
+  }
+
+  .xl\:-m-52 {
+    margin: -13rem;
+  }
+
+  .xl\:-m-56 {
+    margin: -14rem;
+  }
+
+  .xl\:-m-60 {
+    margin: -15rem;
+  }
+
+  .xl\:-m-64 {
+    margin: -16rem;
+  }
+
+  .xl\:-m-72 {
+    margin: -18rem;
+  }
+
+  .xl\:-m-80 {
+    margin: -20rem;
+  }
+
+  .xl\:-m-96 {
+    margin: -24rem;
+  }
+
+  .xl\:-m-px {
+    margin: -1px;
+  }
+
+  .xl\:-m-0\.5 {
+    margin: -0.125rem;
+  }
+
+  .xl\:-m-1\.5 {
+    margin: -0.375rem;
+  }
+
+  .xl\:-m-2\.5 {
+    margin: -0.625rem;
+  }
+
+  .xl\:-m-3\.5 {
+    margin: -0.875rem;
+  }
+
+  .xl\:my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .xl\:mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .xl\:my-1 {
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
+  }
+
+  .xl\:mx-1 {
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
+  }
+
+  .xl\:my-2 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .xl\:mx-2 {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .xl\:my-3 {
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem;
+  }
+
+  .xl\:mx-3 {
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
+  }
+
+  .xl\:my-4 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
+  .xl\:mx-4 {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
+  .xl\:my-5 {
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+  }
+
+  .xl\:mx-5 {
+    margin-left: 1.25rem;
+    margin-right: 1.25rem;
+  }
+
+  .xl\:my-6 {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .xl\:mx-6 {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+  }
+
+  .xl\:my-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
+  .xl\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
+  .xl\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .xl\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .xl\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
+  }
+
+  .xl\:mx-9 {
+    margin-left: 2.25rem;
+    margin-right: 2.25rem;
+  }
+
+  .xl\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .xl\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .xl\:my-11 {
+    margin-top: 2.75rem;
+    margin-bottom: 2.75rem;
+  }
+
+  .xl\:mx-11 {
+    margin-left: 2.75rem;
+    margin-right: 2.75rem;
+  }
+
+  .xl\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .xl\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .xl\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .xl\:mx-14 {
+    margin-left: 3.5rem;
+    margin-right: 3.5rem;
+  }
+
+  .xl\:my-16 {
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+  }
+
+  .xl\:mx-16 {
+    margin-left: 4rem;
+    margin-right: 4rem;
+  }
+
+  .xl\:my-20 {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
+  }
+
+  .xl\:mx-20 {
+    margin-left: 5rem;
+    margin-right: 5rem;
+  }
+
+  .xl\:my-24 {
+    margin-top: 6rem;
+    margin-bottom: 6rem;
+  }
+
+  .xl\:mx-24 {
+    margin-left: 6rem;
+    margin-right: 6rem;
+  }
+
+  .xl\:my-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+
+  .xl\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+
+  .xl\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .xl\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .xl\:my-36 {
+    margin-top: 9rem;
+    margin-bottom: 9rem;
+  }
+
+  .xl\:mx-36 {
+    margin-left: 9rem;
+    margin-right: 9rem;
+  }
+
+  .xl\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .xl\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .xl\:my-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .xl\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
+  .xl\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .xl\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .xl\:my-52 {
+    margin-top: 13rem;
+    margin-bottom: 13rem;
+  }
+
+  .xl\:mx-52 {
+    margin-left: 13rem;
+    margin-right: 13rem;
+  }
+
+  .xl\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .xl\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .xl\:my-60 {
+    margin-top: 15rem;
+    margin-bottom: 15rem;
+  }
+
+  .xl\:mx-60 {
+    margin-left: 15rem;
+    margin-right: 15rem;
+  }
+
+  .xl\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .xl\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .xl\:my-72 {
+    margin-top: 18rem;
+    margin-bottom: 18rem;
+  }
+
+  .xl\:mx-72 {
+    margin-left: 18rem;
+    margin-right: 18rem;
+  }
+
+  .xl\:my-80 {
+    margin-top: 20rem;
+    margin-bottom: 20rem;
+  }
+
+  .xl\:mx-80 {
+    margin-left: 20rem;
+    margin-right: 20rem;
+  }
+
+  .xl\:my-96 {
+    margin-top: 24rem;
+    margin-bottom: 24rem;
+  }
+
+  .xl\:mx-96 {
+    margin-left: 24rem;
+    margin-right: 24rem;
+  }
+
+  .xl\:my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+
+  .xl\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .xl\:my-px {
+    margin-top: 1px;
+    margin-bottom: 1px;
+  }
+
+  .xl\:mx-px {
+    margin-left: 1px;
+    margin-right: 1px;
+  }
+
+  .xl\:my-0\.5 {
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+  }
+
+  .xl\:mx-0\.5 {
+    margin-left: 0.125rem;
+    margin-right: 0.125rem;
+  }
+
+  .xl\:my-1\.5 {
+    margin-top: 0.375rem;
+    margin-bottom: 0.375rem;
+  }
+
+  .xl\:mx-1\.5 {
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+
+  .xl\:my-2\.5 {
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
+
+  .xl\:mx-2\.5 {
+    margin-left: 0.625rem;
+    margin-right: 0.625rem;
+  }
+
+  .xl\:my-3\.5 {
+    margin-top: 0.875rem;
+    margin-bottom: 0.875rem;
+  }
+
+  .xl\:mx-3\.5 {
+    margin-left: 0.875rem;
+    margin-right: 0.875rem;
+  }
+
+  .xl\:-my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .xl\:-mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .xl\:-my-1 {
+    margin-top: -0.25rem;
+    margin-bottom: -0.25rem;
+  }
+
+  .xl\:-mx-1 {
+    margin-left: -0.25rem;
+    margin-right: -0.25rem;
+  }
+
+  .xl\:-my-2 {
+    margin-top: -0.5rem;
+    margin-bottom: -0.5rem;
+  }
+
+  .xl\:-mx-2 {
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+  }
+
+  .xl\:-my-3 {
+    margin-top: -0.75rem;
+    margin-bottom: -0.75rem;
+  }
+
+  .xl\:-mx-3 {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+  }
+
+  .xl\:-my-4 {
+    margin-top: -1rem;
+    margin-bottom: -1rem;
+  }
+
+  .xl\:-mx-4 {
+    margin-left: -1rem;
+    margin-right: -1rem;
+  }
+
+  .xl\:-my-5 {
+    margin-top: -1.25rem;
+    margin-bottom: -1.25rem;
+  }
+
+  .xl\:-mx-5 {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+  }
+
+  .xl\:-my-6 {
+    margin-top: -1.5rem;
+    margin-bottom: -1.5rem;
+  }
+
+  .xl\:-mx-6 {
+    margin-left: -1.5rem;
+    margin-right: -1.5rem;
+  }
+
+  .xl\:-my-7 {
+    margin-top: -1.75rem;
+    margin-bottom: -1.75rem;
+  }
+
+  .xl\:-mx-7 {
+    margin-left: -1.75rem;
+    margin-right: -1.75rem;
+  }
+
+  .xl\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .xl\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .xl\:-my-9 {
+    margin-top: -2.25rem;
+    margin-bottom: -2.25rem;
+  }
+
+  .xl\:-mx-9 {
+    margin-left: -2.25rem;
+    margin-right: -2.25rem;
+  }
+
+  .xl\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .xl\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .xl\:-my-11 {
+    margin-top: -2.75rem;
+    margin-bottom: -2.75rem;
+  }
+
+  .xl\:-mx-11 {
+    margin-left: -2.75rem;
+    margin-right: -2.75rem;
+  }
+
+  .xl\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .xl\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .xl\:-my-14 {
+    margin-top: -3.5rem;
+    margin-bottom: -3.5rem;
+  }
+
+  .xl\:-mx-14 {
+    margin-left: -3.5rem;
+    margin-right: -3.5rem;
+  }
+
+  .xl\:-my-16 {
+    margin-top: -4rem;
+    margin-bottom: -4rem;
+  }
+
+  .xl\:-mx-16 {
+    margin-left: -4rem;
+    margin-right: -4rem;
+  }
+
+  .xl\:-my-20 {
+    margin-top: -5rem;
+    margin-bottom: -5rem;
+  }
+
+  .xl\:-mx-20 {
+    margin-left: -5rem;
+    margin-right: -5rem;
+  }
+
+  .xl\:-my-24 {
+    margin-top: -6rem;
+    margin-bottom: -6rem;
+  }
+
+  .xl\:-mx-24 {
+    margin-left: -6rem;
+    margin-right: -6rem;
+  }
+
+  .xl\:-my-28 {
+    margin-top: -7rem;
+    margin-bottom: -7rem;
+  }
+
+  .xl\:-mx-28 {
+    margin-left: -7rem;
+    margin-right: -7rem;
+  }
+
+  .xl\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .xl\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .xl\:-my-36 {
+    margin-top: -9rem;
+    margin-bottom: -9rem;
+  }
+
+  .xl\:-mx-36 {
+    margin-left: -9rem;
+    margin-right: -9rem;
+  }
+
+  .xl\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .xl\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .xl\:-my-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .xl\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
+  .xl\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .xl\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .xl\:-my-52 {
+    margin-top: -13rem;
+    margin-bottom: -13rem;
+  }
+
+  .xl\:-mx-52 {
+    margin-left: -13rem;
+    margin-right: -13rem;
+  }
+
+  .xl\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .xl\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .xl\:-my-60 {
+    margin-top: -15rem;
+    margin-bottom: -15rem;
+  }
+
+  .xl\:-mx-60 {
+    margin-left: -15rem;
+    margin-right: -15rem;
+  }
+
+  .xl\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .xl\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .xl\:-my-72 {
+    margin-top: -18rem;
+    margin-bottom: -18rem;
+  }
+
+  .xl\:-mx-72 {
+    margin-left: -18rem;
+    margin-right: -18rem;
+  }
+
+  .xl\:-my-80 {
+    margin-top: -20rem;
+    margin-bottom: -20rem;
+  }
+
+  .xl\:-mx-80 {
+    margin-left: -20rem;
+    margin-right: -20rem;
+  }
+
+  .xl\:-my-96 {
+    margin-top: -24rem;
+    margin-bottom: -24rem;
+  }
+
+  .xl\:-mx-96 {
+    margin-left: -24rem;
+    margin-right: -24rem;
+  }
+
+  .xl\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .xl\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .xl\:-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }
+
+  .xl\:-mx-0\.5 {
+    margin-left: -0.125rem;
+    margin-right: -0.125rem;
+  }
+
+  .xl\:-my-1\.5 {
+    margin-top: -0.375rem;
+    margin-bottom: -0.375rem;
+  }
+
+  .xl\:-mx-1\.5 {
+    margin-left: -0.375rem;
+    margin-right: -0.375rem;
+  }
+
+  .xl\:-my-2\.5 {
+    margin-top: -0.625rem;
+    margin-bottom: -0.625rem;
+  }
+
+  .xl\:-mx-2\.5 {
+    margin-left: -0.625rem;
+    margin-right: -0.625rem;
+  }
+
+  .xl\:-my-3\.5 {
+    margin-top: -0.875rem;
+    margin-bottom: -0.875rem;
+  }
+
+  .xl\:-mx-3\.5 {
+    margin-left: -0.875rem;
+    margin-right: -0.875rem;
+  }
+
+  .xl\:mt-0 {
+    margin-top: 0px;
+  }
+
+  .xl\:mr-0 {
+    margin-right: 0px;
+  }
+
+  .xl\:mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .xl\:ml-0 {
+    margin-left: 0px;
+  }
+
+  .xl\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
+  .xl\:mr-1 {
+    margin-right: 0.25rem;
+  }
+
+  .xl\:mb-1 {
+    margin-bottom: 0.25rem;
+  }
+
+  .xl\:ml-1 {
+    margin-left: 0.25rem;
+  }
+
+  .xl\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
+  .xl\:mr-2 {
+    margin-right: 0.5rem;
+  }
+
+  .xl\:mb-2 {
+    margin-bottom: 0.5rem;
+  }
+
+  .xl\:ml-2 {
+    margin-left: 0.5rem;
+  }
+
+  .xl\:mt-3 {
+    margin-top: 0.75rem;
+  }
+
+  .xl\:mr-3 {
+    margin-right: 0.75rem;
+  }
+
+  .xl\:mb-3 {
+    margin-bottom: 0.75rem;
+  }
+
+  .xl\:ml-3 {
+    margin-left: 0.75rem;
+  }
+
+  .xl\:mt-4 {
+    margin-top: 1rem;
+  }
+
+  .xl\:mr-4 {
+    margin-right: 1rem;
+  }
+
+  .xl\:mb-4 {
+    margin-bottom: 1rem;
+  }
+
+  .xl\:ml-4 {
+    margin-left: 1rem;
+  }
+
+  .xl\:mt-5 {
+    margin-top: 1.25rem;
+  }
+
+  .xl\:mr-5 {
+    margin-right: 1.25rem;
+  }
+
+  .xl\:mb-5 {
+    margin-bottom: 1.25rem;
+  }
+
+  .xl\:ml-5 {
+    margin-left: 1.25rem;
+  }
+
+  .xl\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .xl\:mr-6 {
+    margin-right: 1.5rem;
+  }
+
+  .xl\:mb-6 {
+    margin-bottom: 1.5rem;
+  }
+
+  .xl\:ml-6 {
+    margin-left: 1.5rem;
+  }
+
+  .xl\:mt-7 {
+    margin-top: 1.75rem;
+  }
+
+  .xl\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .xl\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
+  .xl\:ml-7 {
+    margin-left: 1.75rem;
+  }
+
+  .xl\:mt-8 {
+    margin-top: 2rem;
+  }
+
+  .xl\:mr-8 {
+    margin-right: 2rem;
+  }
+
+  .xl\:mb-8 {
+    margin-bottom: 2rem;
+  }
+
+  .xl\:ml-8 {
+    margin-left: 2rem;
+  }
+
+  .xl\:mt-9 {
+    margin-top: 2.25rem;
+  }
+
+  .xl\:mr-9 {
+    margin-right: 2.25rem;
+  }
+
+  .xl\:mb-9 {
+    margin-bottom: 2.25rem;
+  }
+
+  .xl\:ml-9 {
+    margin-left: 2.25rem;
+  }
+
+  .xl\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
+  .xl\:mr-10 {
+    margin-right: 2.5rem;
+  }
+
+  .xl\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
+  .xl\:ml-10 {
+    margin-left: 2.5rem;
+  }
+
+  .xl\:mt-11 {
+    margin-top: 2.75rem;
+  }
+
+  .xl\:mr-11 {
+    margin-right: 2.75rem;
+  }
+
+  .xl\:mb-11 {
+    margin-bottom: 2.75rem;
+  }
+
+  .xl\:ml-11 {
+    margin-left: 2.75rem;
+  }
+
+  .xl\:mt-12 {
+    margin-top: 3rem;
+  }
+
+  .xl\:mr-12 {
+    margin-right: 3rem;
+  }
+
+  .xl\:mb-12 {
+    margin-bottom: 3rem;
+  }
+
+  .xl\:ml-12 {
+    margin-left: 3rem;
+  }
+
+  .xl\:mt-14 {
+    margin-top: 3.5rem;
+  }
+
+  .xl\:mr-14 {
+    margin-right: 3.5rem;
+  }
+
+  .xl\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .xl\:ml-14 {
+    margin-left: 3.5rem;
+  }
+
+  .xl\:mt-16 {
+    margin-top: 4rem;
+  }
+
+  .xl\:mr-16 {
+    margin-right: 4rem;
+  }
+
+  .xl\:mb-16 {
+    margin-bottom: 4rem;
+  }
+
+  .xl\:ml-16 {
+    margin-left: 4rem;
+  }
+
+  .xl\:mt-20 {
+    margin-top: 5rem;
+  }
+
+  .xl\:mr-20 {
+    margin-right: 5rem;
+  }
+
+  .xl\:mb-20 {
+    margin-bottom: 5rem;
+  }
+
+  .xl\:ml-20 {
+    margin-left: 5rem;
+  }
+
+  .xl\:mt-24 {
+    margin-top: 6rem;
+  }
+
+  .xl\:mr-24 {
+    margin-right: 6rem;
+  }
+
+  .xl\:mb-24 {
+    margin-bottom: 6rem;
+  }
+
+  .xl\:ml-24 {
+    margin-left: 6rem;
+  }
+
+  .xl\:mt-28 {
+    margin-top: 7rem;
+  }
+
+  .xl\:mr-28 {
+    margin-right: 7rem;
+  }
+
+  .xl\:mb-28 {
+    margin-bottom: 7rem;
+  }
+
+  .xl\:ml-28 {
+    margin-left: 7rem;
+  }
+
+  .xl\:mt-32 {
+    margin-top: 8rem;
+  }
+
+  .xl\:mr-32 {
+    margin-right: 8rem;
+  }
+
+  .xl\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
+  .xl\:ml-32 {
+    margin-left: 8rem;
+  }
+
+  .xl\:mt-36 {
+    margin-top: 9rem;
+  }
+
+  .xl\:mr-36 {
+    margin-right: 9rem;
+  }
+
+  .xl\:mb-36 {
+    margin-bottom: 9rem;
+  }
+
+  .xl\:ml-36 {
+    margin-left: 9rem;
+  }
+
+  .xl\:mt-40 {
+    margin-top: 10rem;
+  }
+
+  .xl\:mr-40 {
+    margin-right: 10rem;
+  }
+
+  .xl\:mb-40 {
+    margin-bottom: 10rem;
+  }
+
+  .xl\:ml-40 {
+    margin-left: 10rem;
+  }
+
+  .xl\:mt-44 {
+    margin-top: 11rem;
+  }
+
+  .xl\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .xl\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .xl\:ml-44 {
+    margin-left: 11rem;
+  }
+
+  .xl\:mt-48 {
+    margin-top: 12rem;
+  }
+
+  .xl\:mr-48 {
+    margin-right: 12rem;
+  }
+
+  .xl\:mb-48 {
+    margin-bottom: 12rem;
+  }
+
+  .xl\:ml-48 {
+    margin-left: 12rem;
+  }
+
+  .xl\:mt-52 {
+    margin-top: 13rem;
+  }
+
+  .xl\:mr-52 {
+    margin-right: 13rem;
+  }
+
+  .xl\:mb-52 {
+    margin-bottom: 13rem;
+  }
+
+  .xl\:ml-52 {
+    margin-left: 13rem;
+  }
+
+  .xl\:mt-56 {
+    margin-top: 14rem;
+  }
+
+  .xl\:mr-56 {
+    margin-right: 14rem;
+  }
+
+  .xl\:mb-56 {
+    margin-bottom: 14rem;
+  }
+
+  .xl\:ml-56 {
+    margin-left: 14rem;
+  }
+
+  .xl\:mt-60 {
+    margin-top: 15rem;
+  }
+
+  .xl\:mr-60 {
+    margin-right: 15rem;
+  }
+
+  .xl\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .xl\:ml-60 {
+    margin-left: 15rem;
+  }
+
+  .xl\:mt-64 {
+    margin-top: 16rem;
+  }
+
+  .xl\:mr-64 {
+    margin-right: 16rem;
+  }
+
+  .xl\:mb-64 {
+    margin-bottom: 16rem;
+  }
+
+  .xl\:ml-64 {
+    margin-left: 16rem;
+  }
+
+  .xl\:mt-72 {
+    margin-top: 18rem;
+  }
+
+  .xl\:mr-72 {
+    margin-right: 18rem;
+  }
+
+  .xl\:mb-72 {
+    margin-bottom: 18rem;
+  }
+
+  .xl\:ml-72 {
+    margin-left: 18rem;
+  }
+
+  .xl\:mt-80 {
+    margin-top: 20rem;
+  }
+
+  .xl\:mr-80 {
+    margin-right: 20rem;
+  }
+
+  .xl\:mb-80 {
+    margin-bottom: 20rem;
+  }
+
+  .xl\:ml-80 {
+    margin-left: 20rem;
+  }
+
+  .xl\:mt-96 {
+    margin-top: 24rem;
+  }
+
+  .xl\:mr-96 {
+    margin-right: 24rem;
+  }
+
+  .xl\:mb-96 {
+    margin-bottom: 24rem;
+  }
+
+  .xl\:ml-96 {
+    margin-left: 24rem;
+  }
+
+  .xl\:mt-auto {
+    margin-top: auto;
+  }
+
+  .xl\:mr-auto {
+    margin-right: auto;
+  }
+
+  .xl\:mb-auto {
+    margin-bottom: auto;
+  }
+
+  .xl\:ml-auto {
+    margin-left: auto;
+  }
+
+  .xl\:mt-px {
+    margin-top: 1px;
+  }
+
+  .xl\:mr-px {
+    margin-right: 1px;
+  }
+
+  .xl\:mb-px {
+    margin-bottom: 1px;
+  }
+
+  .xl\:ml-px {
+    margin-left: 1px;
+  }
+
+  .xl\:mt-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .xl\:mr-0\.5 {
+    margin-right: 0.125rem;
+  }
+
+  .xl\:mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }
+
+  .xl\:ml-0\.5 {
+    margin-left: 0.125rem;
+  }
+
+  .xl\:mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .xl\:mr-1\.5 {
+    margin-right: 0.375rem;
+  }
+
+  .xl\:mb-1\.5 {
+    margin-bottom: 0.375rem;
+  }
+
+  .xl\:ml-1\.5 {
+    margin-left: 0.375rem;
+  }
+
+  .xl\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
+  .xl\:mr-2\.5 {
+    margin-right: 0.625rem;
+  }
+
+  .xl\:mb-2\.5 {
+    margin-bottom: 0.625rem;
+  }
+
+  .xl\:ml-2\.5 {
+    margin-left: 0.625rem;
+  }
+
+  .xl\:mt-3\.5 {
+    margin-top: 0.875rem;
+  }
+
+  .xl\:mr-3\.5 {
+    margin-right: 0.875rem;
+  }
+
+  .xl\:mb-3\.5 {
+    margin-bottom: 0.875rem;
+  }
+
+  .xl\:ml-3\.5 {
+    margin-left: 0.875rem;
+  }
+
+  .xl\:-mt-0 {
+    margin-top: 0px;
+  }
+
+  .xl\:-mr-0 {
+    margin-right: 0px;
+  }
+
+  .xl\:-mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .xl\:-ml-0 {
+    margin-left: 0px;
+  }
+
+  .xl\:-mt-1 {
+    margin-top: -0.25rem;
+  }
+
+  .xl\:-mr-1 {
+    margin-right: -0.25rem;
+  }
+
+  .xl\:-mb-1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .xl\:-ml-1 {
+    margin-left: -0.25rem;
+  }
+
+  .xl\:-mt-2 {
+    margin-top: -0.5rem;
+  }
+
+  .xl\:-mr-2 {
+    margin-right: -0.5rem;
+  }
+
+  .xl\:-mb-2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .xl\:-ml-2 {
+    margin-left: -0.5rem;
+  }
+
+  .xl\:-mt-3 {
+    margin-top: -0.75rem;
+  }
+
+  .xl\:-mr-3 {
+    margin-right: -0.75rem;
+  }
+
+  .xl\:-mb-3 {
+    margin-bottom: -0.75rem;
+  }
+
+  .xl\:-ml-3 {
+    margin-left: -0.75rem;
+  }
+
+  .xl\:-mt-4 {
+    margin-top: -1rem;
+  }
+
+  .xl\:-mr-4 {
+    margin-right: -1rem;
+  }
+
+  .xl\:-mb-4 {
+    margin-bottom: -1rem;
+  }
+
+  .xl\:-ml-4 {
+    margin-left: -1rem;
+  }
+
+  .xl\:-mt-5 {
+    margin-top: -1.25rem;
+  }
+
+  .xl\:-mr-5 {
+    margin-right: -1.25rem;
+  }
+
+  .xl\:-mb-5 {
+    margin-bottom: -1.25rem;
+  }
+
+  .xl\:-ml-5 {
+    margin-left: -1.25rem;
+  }
+
+  .xl\:-mt-6 {
+    margin-top: -1.5rem;
+  }
+
+  .xl\:-mr-6 {
+    margin-right: -1.5rem;
+  }
+
+  .xl\:-mb-6 {
+    margin-bottom: -1.5rem;
+  }
+
+  .xl\:-ml-6 {
+    margin-left: -1.5rem;
+  }
+
+  .xl\:-mt-7 {
+    margin-top: -1.75rem;
+  }
+
+  .xl\:-mr-7 {
+    margin-right: -1.75rem;
+  }
+
+  .xl\:-mb-7 {
+    margin-bottom: -1.75rem;
+  }
+
+  .xl\:-ml-7 {
+    margin-left: -1.75rem;
+  }
+
+  .xl\:-mt-8 {
+    margin-top: -2rem;
+  }
+
+  .xl\:-mr-8 {
+    margin-right: -2rem;
+  }
+
+  .xl\:-mb-8 {
+    margin-bottom: -2rem;
+  }
+
+  .xl\:-ml-8 {
+    margin-left: -2rem;
+  }
+
+  .xl\:-mt-9 {
+    margin-top: -2.25rem;
+  }
+
+  .xl\:-mr-9 {
+    margin-right: -2.25rem;
+  }
+
+  .xl\:-mb-9 {
+    margin-bottom: -2.25rem;
+  }
+
+  .xl\:-ml-9 {
+    margin-left: -2.25rem;
+  }
+
+  .xl\:-mt-10 {
+    margin-top: -2.5rem;
+  }
+
+  .xl\:-mr-10 {
+    margin-right: -2.5rem;
+  }
+
+  .xl\:-mb-10 {
+    margin-bottom: -2.5rem;
+  }
+
+  .xl\:-ml-10 {
+    margin-left: -2.5rem;
+  }
+
+  .xl\:-mt-11 {
+    margin-top: -2.75rem;
+  }
+
+  .xl\:-mr-11 {
+    margin-right: -2.75rem;
+  }
+
+  .xl\:-mb-11 {
+    margin-bottom: -2.75rem;
+  }
+
+  .xl\:-ml-11 {
+    margin-left: -2.75rem;
+  }
+
+  .xl\:-mt-12 {
+    margin-top: -3rem;
+  }
+
+  .xl\:-mr-12 {
+    margin-right: -3rem;
+  }
+
+  .xl\:-mb-12 {
+    margin-bottom: -3rem;
+  }
+
+  .xl\:-ml-12 {
+    margin-left: -3rem;
+  }
+
+  .xl\:-mt-14 {
+    margin-top: -3.5rem;
+  }
+
+  .xl\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+
+  .xl\:-mb-14 {
+    margin-bottom: -3.5rem;
+  }
+
+  .xl\:-ml-14 {
+    margin-left: -3.5rem;
+  }
+
+  .xl\:-mt-16 {
+    margin-top: -4rem;
+  }
+
+  .xl\:-mr-16 {
+    margin-right: -4rem;
+  }
+
+  .xl\:-mb-16 {
+    margin-bottom: -4rem;
+  }
+
+  .xl\:-ml-16 {
+    margin-left: -4rem;
+  }
+
+  .xl\:-mt-20 {
+    margin-top: -5rem;
+  }
+
+  .xl\:-mr-20 {
+    margin-right: -5rem;
+  }
+
+  .xl\:-mb-20 {
+    margin-bottom: -5rem;
+  }
+
+  .xl\:-ml-20 {
+    margin-left: -5rem;
+  }
+
+  .xl\:-mt-24 {
+    margin-top: -6rem;
+  }
+
+  .xl\:-mr-24 {
+    margin-right: -6rem;
+  }
+
+  .xl\:-mb-24 {
+    margin-bottom: -6rem;
+  }
+
+  .xl\:-ml-24 {
+    margin-left: -6rem;
+  }
+
+  .xl\:-mt-28 {
+    margin-top: -7rem;
+  }
+
+  .xl\:-mr-28 {
+    margin-right: -7rem;
+  }
+
+  .xl\:-mb-28 {
+    margin-bottom: -7rem;
+  }
+
+  .xl\:-ml-28 {
+    margin-left: -7rem;
+  }
+
+  .xl\:-mt-32 {
+    margin-top: -8rem;
+  }
+
+  .xl\:-mr-32 {
+    margin-right: -8rem;
+  }
+
+  .xl\:-mb-32 {
+    margin-bottom: -8rem;
+  }
+
+  .xl\:-ml-32 {
+    margin-left: -8rem;
+  }
+
+  .xl\:-mt-36 {
+    margin-top: -9rem;
+  }
+
+  .xl\:-mr-36 {
+    margin-right: -9rem;
+  }
+
+  .xl\:-mb-36 {
+    margin-bottom: -9rem;
+  }
+
+  .xl\:-ml-36 {
+    margin-left: -9rem;
+  }
+
+  .xl\:-mt-40 {
+    margin-top: -10rem;
+  }
+
+  .xl\:-mr-40 {
+    margin-right: -10rem;
+  }
+
+  .xl\:-mb-40 {
+    margin-bottom: -10rem;
+  }
+
+  .xl\:-ml-40 {
+    margin-left: -10rem;
+  }
+
+  .xl\:-mt-44 {
+    margin-top: -11rem;
+  }
+
+  .xl\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .xl\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .xl\:-ml-44 {
+    margin-left: -11rem;
+  }
+
+  .xl\:-mt-48 {
+    margin-top: -12rem;
+  }
+
+  .xl\:-mr-48 {
+    margin-right: -12rem;
+  }
+
+  .xl\:-mb-48 {
+    margin-bottom: -12rem;
+  }
+
+  .xl\:-ml-48 {
+    margin-left: -12rem;
+  }
+
+  .xl\:-mt-52 {
+    margin-top: -13rem;
+  }
+
+  .xl\:-mr-52 {
+    margin-right: -13rem;
+  }
+
+  .xl\:-mb-52 {
+    margin-bottom: -13rem;
+  }
+
+  .xl\:-ml-52 {
+    margin-left: -13rem;
+  }
+
+  .xl\:-mt-56 {
+    margin-top: -14rem;
+  }
+
+  .xl\:-mr-56 {
+    margin-right: -14rem;
+  }
+
+  .xl\:-mb-56 {
+    margin-bottom: -14rem;
+  }
+
+  .xl\:-ml-56 {
+    margin-left: -14rem;
+  }
+
+  .xl\:-mt-60 {
+    margin-top: -15rem;
+  }
+
+  .xl\:-mr-60 {
+    margin-right: -15rem;
+  }
+
+  .xl\:-mb-60 {
+    margin-bottom: -15rem;
+  }
+
+  .xl\:-ml-60 {
+    margin-left: -15rem;
+  }
+
+  .xl\:-mt-64 {
+    margin-top: -16rem;
+  }
+
+  .xl\:-mr-64 {
+    margin-right: -16rem;
+  }
+
+  .xl\:-mb-64 {
+    margin-bottom: -16rem;
+  }
+
+  .xl\:-ml-64 {
+    margin-left: -16rem;
+  }
+
+  .xl\:-mt-72 {
+    margin-top: -18rem;
+  }
+
+  .xl\:-mr-72 {
+    margin-right: -18rem;
+  }
+
+  .xl\:-mb-72 {
+    margin-bottom: -18rem;
+  }
+
+  .xl\:-ml-72 {
+    margin-left: -18rem;
+  }
+
+  .xl\:-mt-80 {
+    margin-top: -20rem;
+  }
+
+  .xl\:-mr-80 {
+    margin-right: -20rem;
+  }
+
+  .xl\:-mb-80 {
+    margin-bottom: -20rem;
+  }
+
+  .xl\:-ml-80 {
+    margin-left: -20rem;
+  }
+
+  .xl\:-mt-96 {
+    margin-top: -24rem;
+  }
+
+  .xl\:-mr-96 {
+    margin-right: -24rem;
+  }
+
+  .xl\:-mb-96 {
+    margin-bottom: -24rem;
+  }
+
+  .xl\:-ml-96 {
+    margin-left: -24rem;
+  }
+
+  .xl\:-mt-px {
+    margin-top: -1px;
+  }
+
+  .xl\:-mr-px {
+    margin-right: -1px;
+  }
+
+  .xl\:-mb-px {
+    margin-bottom: -1px;
+  }
+
+  .xl\:-ml-px {
+    margin-left: -1px;
+  }
+
+  .xl\:-mt-0\.5 {
+    margin-top: -0.125rem;
+  }
+
+  .xl\:-mr-0\.5 {
+    margin-right: -0.125rem;
+  }
+
+  .xl\:-mb-0\.5 {
+    margin-bottom: -0.125rem;
+  }
+
+  .xl\:-ml-0\.5 {
+    margin-left: -0.125rem;
+  }
+
+  .xl\:-mt-1\.5 {
+    margin-top: -0.375rem;
+  }
+
+  .xl\:-mr-1\.5 {
+    margin-right: -0.375rem;
+  }
+
+  .xl\:-mb-1\.5 {
+    margin-bottom: -0.375rem;
+  }
+
+  .xl\:-ml-1\.5 {
+    margin-left: -0.375rem;
+  }
+
+  .xl\:-mt-2\.5 {
+    margin-top: -0.625rem;
+  }
+
+  .xl\:-mr-2\.5 {
+    margin-right: -0.625rem;
+  }
+
+  .xl\:-mb-2\.5 {
+    margin-bottom: -0.625rem;
+  }
+
+  .xl\:-ml-2\.5 {
+    margin-left: -0.625rem;
+  }
+
+  .xl\:-mt-3\.5 {
+    margin-top: -0.875rem;
+  }
+
+  .xl\:-mr-3\.5 {
+    margin-right: -0.875rem;
+  }
+
+  .xl\:-mb-3\.5 {
+    margin-bottom: -0.875rem;
+  }
+
+  .xl\:-ml-3\.5 {
+    margin-left: -0.875rem;
+  }
+
+  .xl\:max-h-0 {
+    max-height: 0px;
+  }
+
+  .xl\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .xl\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .xl\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .xl\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .xl\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .xl\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .xl\:max-h-7 {
+    max-height: 1.75rem;
+  }
+
+  .xl\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .xl\:max-h-9 {
+    max-height: 2.25rem;
+  }
+
+  .xl\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .xl\:max-h-11 {
+    max-height: 2.75rem;
+  }
+
+  .xl\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .xl\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .xl\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .xl\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .xl\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .xl\:max-h-28 {
+    max-height: 7rem;
+  }
+
+  .xl\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .xl\:max-h-36 {
+    max-height: 9rem;
+  }
+
+  .xl\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .xl\:max-h-44 {
+    max-height: 11rem;
+  }
+
+  .xl\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .xl\:max-h-52 {
+    max-height: 13rem;
+  }
+
+  .xl\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .xl\:max-h-60 {
+    max-height: 15rem;
+  }
+
+  .xl\:max-h-64 {
+    max-height: 16rem;
+  }
+
+  .xl\:max-h-72 {
+    max-height: 18rem;
+  }
+
+  .xl\:max-h-80 {
+    max-height: 20rem;
+  }
+
+  .xl\:max-h-96 {
+    max-height: 24rem;
+  }
+
+  .xl\:max-h-px {
+    max-height: 1px;
+  }
+
+  .xl\:max-h-0\.5 {
+    max-height: 0.125rem;
+  }
+
+  .xl\:max-h-1\.5 {
+    max-height: 0.375rem;
+  }
+
+  .xl\:max-h-2\.5 {
+    max-height: 0.625rem;
+  }
+
+  .xl\:max-h-3\.5 {
+    max-height: 0.875rem;
+  }
+
+  .xl\:max-h-full {
+    max-height: 100%;
+  }
+
+  .xl\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .xl\:max-w-0 {
+    max-width: 0rem;
+  }
+
+  .xl\:max-w-none {
+    max-width: none;
+  }
+
+  .xl\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .xl\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .xl\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .xl\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .xl\:max-w-xl {
+    max-width: 36rem;
+  }
+
+  .xl\:max-w-2xl {
+    max-width: 42rem;
+  }
+
+  .xl\:max-w-3xl {
+    max-width: 48rem;
+  }
+
+  .xl\:max-w-4xl {
+    max-width: 56rem;
+  }
+
+  .xl\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .xl\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .xl\:max-w-7xl {
+    max-width: 80rem;
+  }
+
+  .xl\:max-w-full {
+    max-width: 100%;
+  }
+
+  .xl\:max-w-min {
+    max-width: -webkit-min-content;
+    max-width: min-content;
+  }
+
+  .xl\:max-w-max {
+    max-width: -webkit-max-content;
+    max-width: max-content;
+  }
+
+  .xl\:max-w-prose {
+    max-width: 65ch;
+  }
+
+  .xl\:max-w-screen-sm {
+    max-width: 640px;
+  }
+
+  .xl\:max-w-screen-md {
+    max-width: 768px;
+  }
+
+  .xl\:max-w-screen-lg {
+    max-width: 1024px;
+  }
+
+  .xl\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+
+  .xl\:max-w-screen-2xl {
+    max-width: 1536px;
+  }
+
+  .xl\:min-h-0 {
+    min-height: 0px;
+  }
+
+  .xl\:min-h-full {
+    min-height: 100%;
+  }
+
+  .xl\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .xl\:min-w-0 {
+    min-width: 0px;
+  }
+
+  .xl\:min-w-full {
+    min-width: 100%;
+  }
+
+  .xl\:min-w-min {
+    min-width: -webkit-min-content;
+    min-width: min-content;
+  }
+
+  .xl\:min-w-max {
+    min-width: -webkit-max-content;
+    min-width: max-content;
+  }
+
+  .xl\:object-contain {
+    object-fit: contain;
+  }
+
+  .xl\:object-cover {
+    object-fit: cover;
+  }
+
+  .xl\:object-fill {
+    object-fit: fill;
+  }
+
+  .xl\:object-none {
+    object-fit: none;
+  }
+
+  .xl\:object-scale-down {
+    object-fit: scale-down;
+  }
+
+  .xl\:object-bottom {
+    object-position: bottom;
+  }
+
+  .xl\:object-center {
+    object-position: center;
+  }
+
+  .xl\:object-left {
+    object-position: left;
+  }
+
+  .xl\:object-left-bottom {
+    object-position: left bottom;
+  }
+
+  .xl\:object-left-top {
+    object-position: left top;
+  }
+
+  .xl\:object-right {
+    object-position: right;
+  }
+
+  .xl\:object-right-bottom {
+    object-position: right bottom;
+  }
+
+  .xl\:object-right-top {
+    object-position: right top;
+  }
+
+  .xl\:object-top {
+    object-position: top;
+  }
+
+  .xl\:opacity-0 {
+    opacity: 0;
+  }
+
+  .xl\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .xl\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .xl\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .xl\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .xl\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .xl\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .xl\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .xl\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .xl\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .xl\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .xl\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .xl\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .xl\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .xl\:opacity-100 {
+    opacity: 1;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .group:hover .xl\:group-hover\:opacity-100 {
+    opacity: 1;
+  }
+
+  .xl\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .xl\:focus-within\:opacity-5:focus-within {
+    opacity: 0.05;
+  }
+
+  .xl\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .xl\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .xl\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .xl\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .xl\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .xl\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .xl\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .xl\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .xl\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .xl\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .xl\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .xl\:focus-within\:opacity-95:focus-within {
+    opacity: 0.95;
+  }
+
+  .xl\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
+  .xl\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .xl\:hover\:opacity-5:hover {
+    opacity: 0.05;
+  }
+
+  .xl\:hover\:opacity-10:hover {
+    opacity: 0.1;
+  }
+
+  .xl\:hover\:opacity-20:hover {
+    opacity: 0.2;
+  }
+
+  .xl\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .xl\:hover\:opacity-30:hover {
+    opacity: 0.3;
+  }
+
+  .xl\:hover\:opacity-40:hover {
+    opacity: 0.4;
+  }
+
+  .xl\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .xl\:hover\:opacity-60:hover {
+    opacity: 0.6;
+  }
+
+  .xl\:hover\:opacity-70:hover {
+    opacity: 0.7;
+  }
+
+  .xl\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .xl\:hover\:opacity-80:hover {
+    opacity: 0.8;
+  }
+
+  .xl\:hover\:opacity-90:hover {
+    opacity: 0.9;
+  }
+
+  .xl\:hover\:opacity-95:hover {
+    opacity: 0.95;
+  }
+
+  .xl\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .xl\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .xl\:focus\:opacity-5:focus {
+    opacity: 0.05;
+  }
+
+  .xl\:focus\:opacity-10:focus {
+    opacity: 0.1;
+  }
+
+  .xl\:focus\:opacity-20:focus {
+    opacity: 0.2;
+  }
+
+  .xl\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .xl\:focus\:opacity-30:focus {
+    opacity: 0.3;
+  }
+
+  .xl\:focus\:opacity-40:focus {
+    opacity: 0.4;
+  }
+
+  .xl\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .xl\:focus\:opacity-60:focus {
+    opacity: 0.6;
+  }
+
+  .xl\:focus\:opacity-70:focus {
+    opacity: 0.7;
+  }
+
+  .xl\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .xl\:focus\:opacity-80:focus {
+    opacity: 0.8;
+  }
+
+  .xl\:focus\:opacity-90:focus {
+    opacity: 0.9;
+  }
+
+  .xl\:focus\:opacity-95:focus {
+    opacity: 0.95;
+  }
+
+  .xl\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .xl\:outline-none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .xl\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .xl\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus-within\:outline-none:focus-within {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus-within\:outline-white:focus-within {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus-within\:outline-black:focus-within {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .xl\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .xl\:overflow-auto {
+    overflow: auto;
+  }
+
+  .xl\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .xl\:overflow-visible {
+    overflow: visible;
+  }
+
+  .xl\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .xl\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .xl\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .xl\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .xl\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .xl\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .xl\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .xl\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .xl\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .xl\:overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .xl\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .xl\:overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .xl\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .xl\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .xl\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .xl\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .xl\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .xl\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .xl\:p-0 {
+    padding: 0px;
+  }
+
+  .xl\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .xl\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .xl\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .xl\:p-4 {
+    padding: 1rem;
+  }
+
+  .xl\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .xl\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .xl\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .xl\:p-8 {
+    padding: 2rem;
+  }
+
+  .xl\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .xl\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .xl\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .xl\:p-12 {
+    padding: 3rem;
+  }
+
+  .xl\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .xl\:p-16 {
+    padding: 4rem;
+  }
+
+  .xl\:p-20 {
+    padding: 5rem;
+  }
+
+  .xl\:p-24 {
+    padding: 6rem;
+  }
+
+  .xl\:p-28 {
+    padding: 7rem;
+  }
+
+  .xl\:p-32 {
+    padding: 8rem;
+  }
+
+  .xl\:p-36 {
+    padding: 9rem;
+  }
+
+  .xl\:p-40 {
+    padding: 10rem;
+  }
+
+  .xl\:p-44 {
+    padding: 11rem;
+  }
+
+  .xl\:p-48 {
+    padding: 12rem;
+  }
+
+  .xl\:p-52 {
+    padding: 13rem;
+  }
+
+  .xl\:p-56 {
+    padding: 14rem;
+  }
+
+  .xl\:p-60 {
+    padding: 15rem;
+  }
+
+  .xl\:p-64 {
+    padding: 16rem;
+  }
+
+  .xl\:p-72 {
+    padding: 18rem;
+  }
+
+  .xl\:p-80 {
+    padding: 20rem;
+  }
+
+  .xl\:p-96 {
+    padding: 24rem;
+  }
+
+  .xl\:p-px {
+    padding: 1px;
+  }
+
+  .xl\:p-0\.5 {
+    padding: 0.125rem;
+  }
+
+  .xl\:p-1\.5 {
+    padding: 0.375rem;
+  }
+
+  .xl\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
+  .xl\:p-3\.5 {
+    padding: 0.875rem;
+  }
+
+  .xl\:py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .xl\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .xl\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .xl\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .xl\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .xl\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .xl\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .xl\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .xl\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .xl\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .xl\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .xl\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .xl\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .xl\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .xl\:py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
+  .xl\:px-7 {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+
+  .xl\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .xl\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .xl\:py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .xl\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .xl\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .xl\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .xl\:py-11 {
+    padding-top: 2.75rem;
+    padding-bottom: 2.75rem;
+  }
+
+  .xl\:px-11 {
+    padding-left: 2.75rem;
+    padding-right: 2.75rem;
+  }
+
+  .xl\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .xl\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .xl\:py-14 {
+    padding-top: 3.5rem;
+    padding-bottom: 3.5rem;
+  }
+
+  .xl\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+
+  .xl\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .xl\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
+  .xl\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+
+  .xl\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
+  .xl\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
+
+  .xl\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
+
+  .xl\:py-28 {
+    padding-top: 7rem;
+    padding-bottom: 7rem;
+  }
+
+  .xl\:px-28 {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .xl\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .xl\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .xl\:py-36 {
+    padding-top: 9rem;
+    padding-bottom: 9rem;
+  }
+
+  .xl\:px-36 {
+    padding-left: 9rem;
+    padding-right: 9rem;
+  }
+
+  .xl\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .xl\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .xl\:py-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .xl\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
+  .xl\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .xl\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .xl\:py-52 {
+    padding-top: 13rem;
+    padding-bottom: 13rem;
+  }
+
+  .xl\:px-52 {
+    padding-left: 13rem;
+    padding-right: 13rem;
+  }
+
+  .xl\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .xl\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .xl\:py-60 {
+    padding-top: 15rem;
+    padding-bottom: 15rem;
+  }
+
+  .xl\:px-60 {
+    padding-left: 15rem;
+    padding-right: 15rem;
+  }
+
+  .xl\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .xl\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .xl\:py-72 {
+    padding-top: 18rem;
+    padding-bottom: 18rem;
+  }
+
+  .xl\:px-72 {
+    padding-left: 18rem;
+    padding-right: 18rem;
+  }
+
+  .xl\:py-80 {
+    padding-top: 20rem;
+    padding-bottom: 20rem;
+  }
+
+  .xl\:px-80 {
+    padding-left: 20rem;
+    padding-right: 20rem;
+  }
+
+  .xl\:py-96 {
+    padding-top: 24rem;
+    padding-bottom: 24rem;
+  }
+
+  .xl\:px-96 {
+    padding-left: 24rem;
+    padding-right: 24rem;
+  }
+
+  .xl\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .xl\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .xl\:py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+
+  .xl\:px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }
+
+  .xl\:py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }
+
+  .xl\:px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
+  .xl\:py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .xl\:px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }
+
+  .xl\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .xl\:px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }
+
+  .xl\:pt-0 {
+    padding-top: 0px;
+  }
+
+  .xl\:pr-0 {
+    padding-right: 0px;
+  }
+
+  .xl\:pb-0 {
+    padding-bottom: 0px;
+  }
+
+  .xl\:pl-0 {
+    padding-left: 0px;
+  }
+
+  .xl\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .xl\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .xl\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .xl\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .xl\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .xl\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .xl\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .xl\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .xl\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .xl\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .xl\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .xl\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .xl\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .xl\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .xl\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .xl\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .xl\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .xl\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .xl\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .xl\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .xl\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .xl\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .xl\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .xl\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .xl\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
+  .xl\:pr-7 {
+    padding-right: 1.75rem;
+  }
+
+  .xl\:pb-7 {
+    padding-bottom: 1.75rem;
+  }
+
+  .xl\:pl-7 {
+    padding-left: 1.75rem;
+  }
+
+  .xl\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .xl\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .xl\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .xl\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .xl\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
+  .xl\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .xl\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .xl\:pl-9 {
+    padding-left: 2.25rem;
+  }
+
+  .xl\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .xl\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .xl\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .xl\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .xl\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
+  .xl\:pr-11 {
+    padding-right: 2.75rem;
+  }
+
+  .xl\:pb-11 {
+    padding-bottom: 2.75rem;
+  }
+
+  .xl\:pl-11 {
+    padding-left: 2.75rem;
+  }
+
+  .xl\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .xl\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .xl\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .xl\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .xl\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .xl\:pr-14 {
+    padding-right: 3.5rem;
+  }
+
+  .xl\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
+  .xl\:pl-14 {
+    padding-left: 3.5rem;
+  }
+
+  .xl\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .xl\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .xl\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .xl\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .xl\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .xl\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .xl\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .xl\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .xl\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .xl\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .xl\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .xl\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .xl\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .xl\:pr-28 {
+    padding-right: 7rem;
+  }
+
+  .xl\:pb-28 {
+    padding-bottom: 7rem;
+  }
+
+  .xl\:pl-28 {
+    padding-left: 7rem;
+  }
+
+  .xl\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .xl\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .xl\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .xl\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .xl\:pt-36 {
+    padding-top: 9rem;
+  }
+
+  .xl\:pr-36 {
+    padding-right: 9rem;
+  }
+
+  .xl\:pb-36 {
+    padding-bottom: 9rem;
+  }
+
+  .xl\:pl-36 {
+    padding-left: 9rem;
+  }
+
+  .xl\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .xl\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .xl\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .xl\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .xl\:pt-44 {
+    padding-top: 11rem;
+  }
+
+  .xl\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .xl\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .xl\:pl-44 {
+    padding-left: 11rem;
+  }
+
+  .xl\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .xl\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .xl\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .xl\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .xl\:pt-52 {
+    padding-top: 13rem;
+  }
+
+  .xl\:pr-52 {
+    padding-right: 13rem;
+  }
+
+  .xl\:pb-52 {
+    padding-bottom: 13rem;
+  }
+
+  .xl\:pl-52 {
+    padding-left: 13rem;
+  }
+
+  .xl\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .xl\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .xl\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .xl\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .xl\:pt-60 {
+    padding-top: 15rem;
+  }
+
+  .xl\:pr-60 {
+    padding-right: 15rem;
+  }
+
+  .xl\:pb-60 {
+    padding-bottom: 15rem;
+  }
+
+  .xl\:pl-60 {
+    padding-left: 15rem;
+  }
+
+  .xl\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .xl\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .xl\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .xl\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .xl\:pt-72 {
+    padding-top: 18rem;
+  }
+
+  .xl\:pr-72 {
+    padding-right: 18rem;
+  }
+
+  .xl\:pb-72 {
+    padding-bottom: 18rem;
+  }
+
+  .xl\:pl-72 {
+    padding-left: 18rem;
+  }
+
+  .xl\:pt-80 {
+    padding-top: 20rem;
+  }
+
+  .xl\:pr-80 {
+    padding-right: 20rem;
+  }
+
+  .xl\:pb-80 {
+    padding-bottom: 20rem;
+  }
+
+  .xl\:pl-80 {
+    padding-left: 20rem;
+  }
+
+  .xl\:pt-96 {
+    padding-top: 24rem;
+  }
+
+  .xl\:pr-96 {
+    padding-right: 24rem;
+  }
+
+  .xl\:pb-96 {
+    padding-bottom: 24rem;
+  }
+
+  .xl\:pl-96 {
+    padding-left: 24rem;
+  }
+
+  .xl\:pt-px {
+    padding-top: 1px;
+  }
+
+  .xl\:pr-px {
+    padding-right: 1px;
+  }
+
+  .xl\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .xl\:pl-px {
+    padding-left: 1px;
+  }
+
+  .xl\:pt-0\.5 {
+    padding-top: 0.125rem;
+  }
+
+  .xl\:pr-0\.5 {
+    padding-right: 0.125rem;
+  }
+
+  .xl\:pb-0\.5 {
+    padding-bottom: 0.125rem;
+  }
+
+  .xl\:pl-0\.5 {
+    padding-left: 0.125rem;
+  }
+
+  .xl\:pt-1\.5 {
+    padding-top: 0.375rem;
+  }
+
+  .xl\:pr-1\.5 {
+    padding-right: 0.375rem;
+  }
+
+  .xl\:pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }
+
+  .xl\:pl-1\.5 {
+    padding-left: 0.375rem;
+  }
+
+  .xl\:pt-2\.5 {
+    padding-top: 0.625rem;
+  }
+
+  .xl\:pr-2\.5 {
+    padding-right: 0.625rem;
+  }
+
+  .xl\:pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+
+  .xl\:pl-2\.5 {
+    padding-left: 0.625rem;
+  }
+
+  .xl\:pt-3\.5 {
+    padding-top: 0.875rem;
+  }
+
+  .xl\:pr-3\.5 {
+    padding-right: 0.875rem;
+  }
+
+  .xl\:pb-3\.5 {
+    padding-bottom: 0.875rem;
+  }
+
+  .xl\:pl-3\.5 {
+    padding-left: 0.875rem;
+  }
+
+  .xl\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .xl\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .xl\:placeholder-black::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-white::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-red-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-yellow-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-green-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-blue-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-indigo-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-purple-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-pink-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .xl\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .xl\:focus\:placeholder-black:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-white:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-red-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-yellow-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-green-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-blue-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-indigo-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-purple-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-pink-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-opacity-0::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .xl\:placeholder-opacity-5::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .xl\:placeholder-opacity-10::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .xl\:placeholder-opacity-20::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .xl\:placeholder-opacity-25::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .xl\:placeholder-opacity-30::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .xl\:placeholder-opacity-40::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .xl\:placeholder-opacity-50::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .xl\:placeholder-opacity-60::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .xl\:placeholder-opacity-70::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .xl\:placeholder-opacity-75::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .xl\:placeholder-opacity-80::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .xl\:placeholder-opacity-90::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .xl\:placeholder-opacity-95::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .xl\:placeholder-opacity-100::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .xl\:focus\:placeholder-opacity-0:focus::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .xl\:focus\:placeholder-opacity-5:focus::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .xl\:focus\:placeholder-opacity-10:focus::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .xl\:focus\:placeholder-opacity-20:focus::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .xl\:focus\:placeholder-opacity-25:focus::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .xl\:focus\:placeholder-opacity-30:focus::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .xl\:focus\:placeholder-opacity-40:focus::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .xl\:focus\:placeholder-opacity-50:focus::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .xl\:focus\:placeholder-opacity-60:focus::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .xl\:focus\:placeholder-opacity-70:focus::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .xl\:focus\:placeholder-opacity-75:focus::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .xl\:focus\:placeholder-opacity-80:focus::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .xl\:focus\:placeholder-opacity-90:focus::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .xl\:focus\:placeholder-opacity-95:focus::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .xl\:focus\:placeholder-opacity-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .xl\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .xl\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .xl\:static {
+    position: static;
+  }
+
+  .xl\:fixed {
+    position: fixed;
+  }
+
+  .xl\:absolute {
+    position: absolute;
+  }
+
+  .xl\:relative {
+    position: relative;
+  }
+
+  .xl\:sticky {
+    position: -webkit-sticky;
+    position: sticky;
+  }
+
+  .xl\:inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .xl\:inset-1 {
+    top: 0.25rem;
+    right: 0.25rem;
+    bottom: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .xl\:inset-2 {
+    top: 0.5rem;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .xl\:inset-3 {
+    top: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .xl\:inset-4 {
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  .xl\:inset-5 {
+    top: 1.25rem;
+    right: 1.25rem;
+    bottom: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .xl\:inset-6 {
+    top: 1.5rem;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .xl\:inset-7 {
+    top: 1.75rem;
+    right: 1.75rem;
+    bottom: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .xl\:inset-8 {
+    top: 2rem;
+    right: 2rem;
+    bottom: 2rem;
+    left: 2rem;
+  }
+
+  .xl\:inset-9 {
+    top: 2.25rem;
+    right: 2.25rem;
+    bottom: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .xl\:inset-10 {
+    top: 2.5rem;
+    right: 2.5rem;
+    bottom: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .xl\:inset-11 {
+    top: 2.75rem;
+    right: 2.75rem;
+    bottom: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .xl\:inset-12 {
+    top: 3rem;
+    right: 3rem;
+    bottom: 3rem;
+    left: 3rem;
+  }
+
+  .xl\:inset-14 {
+    top: 3.5rem;
+    right: 3.5rem;
+    bottom: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .xl\:inset-16 {
+    top: 4rem;
+    right: 4rem;
+    bottom: 4rem;
+    left: 4rem;
+  }
+
+  .xl\:inset-20 {
+    top: 5rem;
+    right: 5rem;
+    bottom: 5rem;
+    left: 5rem;
+  }
+
+  .xl\:inset-24 {
+    top: 6rem;
+    right: 6rem;
+    bottom: 6rem;
+    left: 6rem;
+  }
+
+  .xl\:inset-28 {
+    top: 7rem;
+    right: 7rem;
+    bottom: 7rem;
+    left: 7rem;
+  }
+
+  .xl\:inset-32 {
+    top: 8rem;
+    right: 8rem;
+    bottom: 8rem;
+    left: 8rem;
+  }
+
+  .xl\:inset-36 {
+    top: 9rem;
+    right: 9rem;
+    bottom: 9rem;
+    left: 9rem;
+  }
+
+  .xl\:inset-40 {
+    top: 10rem;
+    right: 10rem;
+    bottom: 10rem;
+    left: 10rem;
+  }
+
+  .xl\:inset-44 {
+    top: 11rem;
+    right: 11rem;
+    bottom: 11rem;
+    left: 11rem;
+  }
+
+  .xl\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .xl\:inset-52 {
+    top: 13rem;
+    right: 13rem;
+    bottom: 13rem;
+    left: 13rem;
+  }
+
+  .xl\:inset-56 {
+    top: 14rem;
+    right: 14rem;
+    bottom: 14rem;
+    left: 14rem;
+  }
+
+  .xl\:inset-60 {
+    top: 15rem;
+    right: 15rem;
+    bottom: 15rem;
+    left: 15rem;
+  }
+
+  .xl\:inset-64 {
+    top: 16rem;
+    right: 16rem;
+    bottom: 16rem;
+    left: 16rem;
+  }
+
+  .xl\:inset-72 {
+    top: 18rem;
+    right: 18rem;
+    bottom: 18rem;
+    left: 18rem;
+  }
+
+  .xl\:inset-80 {
+    top: 20rem;
+    right: 20rem;
+    bottom: 20rem;
+    left: 20rem;
+  }
+
+  .xl\:inset-96 {
+    top: 24rem;
+    right: 24rem;
+    bottom: 24rem;
+    left: 24rem;
+  }
+
+  .xl\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .xl\:inset-px {
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+  }
+
+  .xl\:inset-0\.5 {
+    top: 0.125rem;
+    right: 0.125rem;
+    bottom: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .xl\:inset-1\.5 {
+    top: 0.375rem;
+    right: 0.375rem;
+    bottom: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .xl\:inset-2\.5 {
+    top: 0.625rem;
+    right: 0.625rem;
+    bottom: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .xl\:inset-3\.5 {
+    top: 0.875rem;
+    right: 0.875rem;
+    bottom: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .xl\:-inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .xl\:-inset-1 {
+    top: -0.25rem;
+    right: -0.25rem;
+    bottom: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .xl\:-inset-2 {
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .xl\:-inset-3 {
+    top: -0.75rem;
+    right: -0.75rem;
+    bottom: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .xl\:-inset-4 {
+    top: -1rem;
+    right: -1rem;
+    bottom: -1rem;
+    left: -1rem;
+  }
+
+  .xl\:-inset-5 {
+    top: -1.25rem;
+    right: -1.25rem;
+    bottom: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .xl\:-inset-6 {
+    top: -1.5rem;
+    right: -1.5rem;
+    bottom: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .xl\:-inset-7 {
+    top: -1.75rem;
+    right: -1.75rem;
+    bottom: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .xl\:-inset-8 {
+    top: -2rem;
+    right: -2rem;
+    bottom: -2rem;
+    left: -2rem;
+  }
+
+  .xl\:-inset-9 {
+    top: -2.25rem;
+    right: -2.25rem;
+    bottom: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .xl\:-inset-10 {
+    top: -2.5rem;
+    right: -2.5rem;
+    bottom: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .xl\:-inset-11 {
+    top: -2.75rem;
+    right: -2.75rem;
+    bottom: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .xl\:-inset-12 {
+    top: -3rem;
+    right: -3rem;
+    bottom: -3rem;
+    left: -3rem;
+  }
+
+  .xl\:-inset-14 {
+    top: -3.5rem;
+    right: -3.5rem;
+    bottom: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .xl\:-inset-16 {
+    top: -4rem;
+    right: -4rem;
+    bottom: -4rem;
+    left: -4rem;
+  }
+
+  .xl\:-inset-20 {
+    top: -5rem;
+    right: -5rem;
+    bottom: -5rem;
+    left: -5rem;
+  }
+
+  .xl\:-inset-24 {
+    top: -6rem;
+    right: -6rem;
+    bottom: -6rem;
+    left: -6rem;
+  }
+
+  .xl\:-inset-28 {
+    top: -7rem;
+    right: -7rem;
+    bottom: -7rem;
+    left: -7rem;
+  }
+
+  .xl\:-inset-32 {
+    top: -8rem;
+    right: -8rem;
+    bottom: -8rem;
+    left: -8rem;
+  }
+
+  .xl\:-inset-36 {
+    top: -9rem;
+    right: -9rem;
+    bottom: -9rem;
+    left: -9rem;
+  }
+
+  .xl\:-inset-40 {
+    top: -10rem;
+    right: -10rem;
+    bottom: -10rem;
+    left: -10rem;
+  }
+
+  .xl\:-inset-44 {
+    top: -11rem;
+    right: -11rem;
+    bottom: -11rem;
+    left: -11rem;
+  }
+
+  .xl\:-inset-48 {
+    top: -12rem;
+    right: -12rem;
+    bottom: -12rem;
+    left: -12rem;
+  }
+
+  .xl\:-inset-52 {
+    top: -13rem;
+    right: -13rem;
+    bottom: -13rem;
+    left: -13rem;
+  }
+
+  .xl\:-inset-56 {
+    top: -14rem;
+    right: -14rem;
+    bottom: -14rem;
+    left: -14rem;
+  }
+
+  .xl\:-inset-60 {
+    top: -15rem;
+    right: -15rem;
+    bottom: -15rem;
+    left: -15rem;
+  }
+
+  .xl\:-inset-64 {
+    top: -16rem;
+    right: -16rem;
+    bottom: -16rem;
+    left: -16rem;
+  }
+
+  .xl\:-inset-72 {
+    top: -18rem;
+    right: -18rem;
+    bottom: -18rem;
+    left: -18rem;
+  }
+
+  .xl\:-inset-80 {
+    top: -20rem;
+    right: -20rem;
+    bottom: -20rem;
+    left: -20rem;
+  }
+
+  .xl\:-inset-96 {
+    top: -24rem;
+    right: -24rem;
+    bottom: -24rem;
+    left: -24rem;
+  }
+
+  .xl\:-inset-px {
+    top: -1px;
+    right: -1px;
+    bottom: -1px;
+    left: -1px;
+  }
+
+  .xl\:-inset-0\.5 {
+    top: -0.125rem;
+    right: -0.125rem;
+    bottom: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .xl\:-inset-1\.5 {
+    top: -0.375rem;
+    right: -0.375rem;
+    bottom: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .xl\:-inset-2\.5 {
+    top: -0.625rem;
+    right: -0.625rem;
+    bottom: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .xl\:-inset-3\.5 {
+    top: -0.875rem;
+    right: -0.875rem;
+    bottom: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .xl\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-1\/3 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .xl\:inset-2\/3 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .xl\:inset-1\/4 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .xl\:inset-2\/4 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-3\/4 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .xl\:inset-full {
+    top: 100%;
+    right: 100%;
+    bottom: 100%;
+    left: 100%;
+  }
+
+  .xl\:-inset-1\/2 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .xl\:-inset-1\/3 {
+    top: -33.333333%;
+    right: -33.333333%;
+    bottom: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .xl\:-inset-2\/3 {
+    top: -66.666667%;
+    right: -66.666667%;
+    bottom: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .xl\:-inset-1\/4 {
+    top: -25%;
+    right: -25%;
+    bottom: -25%;
+    left: -25%;
+  }
+
+  .xl\:-inset-2\/4 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .xl\:-inset-3\/4 {
+    top: -75%;
+    right: -75%;
+    bottom: -75%;
+    left: -75%;
+  }
+
+  .xl\:-inset-full {
+    top: -100%;
+    right: -100%;
+    bottom: -100%;
+    left: -100%;
+  }
+
+  .xl\:inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .xl\:inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .xl\:inset-y-1 {
+    top: 0.25rem;
+    bottom: 0.25rem;
+  }
+
+  .xl\:inset-x-1 {
+    right: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .xl\:inset-y-2 {
+    top: 0.5rem;
+    bottom: 0.5rem;
+  }
+
+  .xl\:inset-x-2 {
+    right: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .xl\:inset-y-3 {
+    top: 0.75rem;
+    bottom: 0.75rem;
+  }
+
+  .xl\:inset-x-3 {
+    right: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .xl\:inset-y-4 {
+    top: 1rem;
+    bottom: 1rem;
+  }
+
+  .xl\:inset-x-4 {
+    right: 1rem;
+    left: 1rem;
+  }
+
+  .xl\:inset-y-5 {
+    top: 1.25rem;
+    bottom: 1.25rem;
+  }
+
+  .xl\:inset-x-5 {
+    right: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .xl\:inset-y-6 {
+    top: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .xl\:inset-x-6 {
+    right: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .xl\:inset-y-7 {
+    top: 1.75rem;
+    bottom: 1.75rem;
+  }
+
+  .xl\:inset-x-7 {
+    right: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .xl\:inset-y-8 {
+    top: 2rem;
+    bottom: 2rem;
+  }
+
+  .xl\:inset-x-8 {
+    right: 2rem;
+    left: 2rem;
+  }
+
+  .xl\:inset-y-9 {
+    top: 2.25rem;
+    bottom: 2.25rem;
+  }
+
+  .xl\:inset-x-9 {
+    right: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .xl\:inset-y-10 {
+    top: 2.5rem;
+    bottom: 2.5rem;
+  }
+
+  .xl\:inset-x-10 {
+    right: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .xl\:inset-y-11 {
+    top: 2.75rem;
+    bottom: 2.75rem;
+  }
+
+  .xl\:inset-x-11 {
+    right: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .xl\:inset-y-12 {
+    top: 3rem;
+    bottom: 3rem;
+  }
+
+  .xl\:inset-x-12 {
+    right: 3rem;
+    left: 3rem;
+  }
+
+  .xl\:inset-y-14 {
+    top: 3.5rem;
+    bottom: 3.5rem;
+  }
+
+  .xl\:inset-x-14 {
+    right: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .xl\:inset-y-16 {
+    top: 4rem;
+    bottom: 4rem;
+  }
+
+  .xl\:inset-x-16 {
+    right: 4rem;
+    left: 4rem;
+  }
+
+  .xl\:inset-y-20 {
+    top: 5rem;
+    bottom: 5rem;
+  }
+
+  .xl\:inset-x-20 {
+    right: 5rem;
+    left: 5rem;
+  }
+
+  .xl\:inset-y-24 {
+    top: 6rem;
+    bottom: 6rem;
+  }
+
+  .xl\:inset-x-24 {
+    right: 6rem;
+    left: 6rem;
+  }
+
+  .xl\:inset-y-28 {
+    top: 7rem;
+    bottom: 7rem;
+  }
+
+  .xl\:inset-x-28 {
+    right: 7rem;
+    left: 7rem;
+  }
+
+  .xl\:inset-y-32 {
+    top: 8rem;
+    bottom: 8rem;
+  }
+
+  .xl\:inset-x-32 {
+    right: 8rem;
+    left: 8rem;
+  }
+
+  .xl\:inset-y-36 {
+    top: 9rem;
+    bottom: 9rem;
+  }
+
+  .xl\:inset-x-36 {
+    right: 9rem;
+    left: 9rem;
+  }
+
+  .xl\:inset-y-40 {
+    top: 10rem;
+    bottom: 10rem;
+  }
+
+  .xl\:inset-x-40 {
+    right: 10rem;
+    left: 10rem;
+  }
+
+  .xl\:inset-y-44 {
+    top: 11rem;
+    bottom: 11rem;
+  }
+
+  .xl\:inset-x-44 {
+    right: 11rem;
+    left: 11rem;
+  }
+
+  .xl\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .xl\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .xl\:inset-y-52 {
+    top: 13rem;
+    bottom: 13rem;
+  }
+
+  .xl\:inset-x-52 {
+    right: 13rem;
+    left: 13rem;
+  }
+
+  .xl\:inset-y-56 {
+    top: 14rem;
+    bottom: 14rem;
+  }
+
+  .xl\:inset-x-56 {
+    right: 14rem;
+    left: 14rem;
+  }
+
+  .xl\:inset-y-60 {
+    top: 15rem;
+    bottom: 15rem;
+  }
+
+  .xl\:inset-x-60 {
+    right: 15rem;
+    left: 15rem;
+  }
+
+  .xl\:inset-y-64 {
+    top: 16rem;
+    bottom: 16rem;
+  }
+
+  .xl\:inset-x-64 {
+    right: 16rem;
+    left: 16rem;
+  }
+
+  .xl\:inset-y-72 {
+    top: 18rem;
+    bottom: 18rem;
+  }
+
+  .xl\:inset-x-72 {
+    right: 18rem;
+    left: 18rem;
+  }
+
+  .xl\:inset-y-80 {
+    top: 20rem;
+    bottom: 20rem;
+  }
+
+  .xl\:inset-x-80 {
+    right: 20rem;
+    left: 20rem;
+  }
+
+  .xl\:inset-y-96 {
+    top: 24rem;
+    bottom: 24rem;
+  }
+
+  .xl\:inset-x-96 {
+    right: 24rem;
+    left: 24rem;
+  }
+
+  .xl\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .xl\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .xl\:inset-y-px {
+    top: 1px;
+    bottom: 1px;
+  }
+
+  .xl\:inset-x-px {
+    right: 1px;
+    left: 1px;
+  }
+
+  .xl\:inset-y-0\.5 {
+    top: 0.125rem;
+    bottom: 0.125rem;
+  }
+
+  .xl\:inset-x-0\.5 {
+    right: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .xl\:inset-y-1\.5 {
+    top: 0.375rem;
+    bottom: 0.375rem;
+  }
+
+  .xl\:inset-x-1\.5 {
+    right: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .xl\:inset-y-2\.5 {
+    top: 0.625rem;
+    bottom: 0.625rem;
+  }
+
+  .xl\:inset-x-2\.5 {
+    right: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .xl\:inset-y-3\.5 {
+    top: 0.875rem;
+    bottom: 0.875rem;
+  }
+
+  .xl\:inset-x-3\.5 {
+    right: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .xl\:-inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .xl\:-inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .xl\:-inset-y-1 {
+    top: -0.25rem;
+    bottom: -0.25rem;
+  }
+
+  .xl\:-inset-x-1 {
+    right: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .xl\:-inset-y-2 {
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .xl\:-inset-x-2 {
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .xl\:-inset-y-3 {
+    top: -0.75rem;
+    bottom: -0.75rem;
+  }
+
+  .xl\:-inset-x-3 {
+    right: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .xl\:-inset-y-4 {
+    top: -1rem;
+    bottom: -1rem;
+  }
+
+  .xl\:-inset-x-4 {
+    right: -1rem;
+    left: -1rem;
+  }
+
+  .xl\:-inset-y-5 {
+    top: -1.25rem;
+    bottom: -1.25rem;
+  }
+
+  .xl\:-inset-x-5 {
+    right: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .xl\:-inset-y-6 {
+    top: -1.5rem;
+    bottom: -1.5rem;
+  }
+
+  .xl\:-inset-x-6 {
+    right: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .xl\:-inset-y-7 {
+    top: -1.75rem;
+    bottom: -1.75rem;
+  }
+
+  .xl\:-inset-x-7 {
+    right: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .xl\:-inset-y-8 {
+    top: -2rem;
+    bottom: -2rem;
+  }
+
+  .xl\:-inset-x-8 {
+    right: -2rem;
+    left: -2rem;
+  }
+
+  .xl\:-inset-y-9 {
+    top: -2.25rem;
+    bottom: -2.25rem;
+  }
+
+  .xl\:-inset-x-9 {
+    right: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .xl\:-inset-y-10 {
+    top: -2.5rem;
+    bottom: -2.5rem;
+  }
+
+  .xl\:-inset-x-10 {
+    right: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .xl\:-inset-y-11 {
+    top: -2.75rem;
+    bottom: -2.75rem;
+  }
+
+  .xl\:-inset-x-11 {
+    right: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .xl\:-inset-y-12 {
+    top: -3rem;
+    bottom: -3rem;
+  }
+
+  .xl\:-inset-x-12 {
+    right: -3rem;
+    left: -3rem;
+  }
+
+  .xl\:-inset-y-14 {
+    top: -3.5rem;
+    bottom: -3.5rem;
+  }
+
+  .xl\:-inset-x-14 {
+    right: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .xl\:-inset-y-16 {
+    top: -4rem;
+    bottom: -4rem;
+  }
+
+  .xl\:-inset-x-16 {
+    right: -4rem;
+    left: -4rem;
+  }
+
+  .xl\:-inset-y-20 {
+    top: -5rem;
+    bottom: -5rem;
+  }
+
+  .xl\:-inset-x-20 {
+    right: -5rem;
+    left: -5rem;
+  }
+
+  .xl\:-inset-y-24 {
+    top: -6rem;
+    bottom: -6rem;
+  }
+
+  .xl\:-inset-x-24 {
+    right: -6rem;
+    left: -6rem;
+  }
+
+  .xl\:-inset-y-28 {
+    top: -7rem;
+    bottom: -7rem;
+  }
+
+  .xl\:-inset-x-28 {
+    right: -7rem;
+    left: -7rem;
+  }
+
+  .xl\:-inset-y-32 {
+    top: -8rem;
+    bottom: -8rem;
+  }
+
+  .xl\:-inset-x-32 {
+    right: -8rem;
+    left: -8rem;
+  }
+
+  .xl\:-inset-y-36 {
+    top: -9rem;
+    bottom: -9rem;
+  }
+
+  .xl\:-inset-x-36 {
+    right: -9rem;
+    left: -9rem;
+  }
+
+  .xl\:-inset-y-40 {
+    top: -10rem;
+    bottom: -10rem;
+  }
+
+  .xl\:-inset-x-40 {
+    right: -10rem;
+    left: -10rem;
+  }
+
+  .xl\:-inset-y-44 {
+    top: -11rem;
+    bottom: -11rem;
+  }
+
+  .xl\:-inset-x-44 {
+    right: -11rem;
+    left: -11rem;
+  }
+
+  .xl\:-inset-y-48 {
+    top: -12rem;
+    bottom: -12rem;
+  }
+
+  .xl\:-inset-x-48 {
+    right: -12rem;
+    left: -12rem;
+  }
+
+  .xl\:-inset-y-52 {
+    top: -13rem;
+    bottom: -13rem;
+  }
+
+  .xl\:-inset-x-52 {
+    right: -13rem;
+    left: -13rem;
+  }
+
+  .xl\:-inset-y-56 {
+    top: -14rem;
+    bottom: -14rem;
+  }
+
+  .xl\:-inset-x-56 {
+    right: -14rem;
+    left: -14rem;
+  }
+
+  .xl\:-inset-y-60 {
+    top: -15rem;
+    bottom: -15rem;
+  }
+
+  .xl\:-inset-x-60 {
+    right: -15rem;
+    left: -15rem;
+  }
+
+  .xl\:-inset-y-64 {
+    top: -16rem;
+    bottom: -16rem;
+  }
+
+  .xl\:-inset-x-64 {
+    right: -16rem;
+    left: -16rem;
+  }
+
+  .xl\:-inset-y-72 {
+    top: -18rem;
+    bottom: -18rem;
+  }
+
+  .xl\:-inset-x-72 {
+    right: -18rem;
+    left: -18rem;
+  }
+
+  .xl\:-inset-y-80 {
+    top: -20rem;
+    bottom: -20rem;
+  }
+
+  .xl\:-inset-x-80 {
+    right: -20rem;
+    left: -20rem;
+  }
+
+  .xl\:-inset-y-96 {
+    top: -24rem;
+    bottom: -24rem;
+  }
+
+  .xl\:-inset-x-96 {
+    right: -24rem;
+    left: -24rem;
+  }
+
+  .xl\:-inset-y-px {
+    top: -1px;
+    bottom: -1px;
+  }
+
+  .xl\:-inset-x-px {
+    right: -1px;
+    left: -1px;
+  }
+
+  .xl\:-inset-y-0\.5 {
+    top: -0.125rem;
+    bottom: -0.125rem;
+  }
+
+  .xl\:-inset-x-0\.5 {
+    right: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .xl\:-inset-y-1\.5 {
+    top: -0.375rem;
+    bottom: -0.375rem;
+  }
+
+  .xl\:-inset-x-1\.5 {
+    right: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .xl\:-inset-y-2\.5 {
+    top: -0.625rem;
+    bottom: -0.625rem;
+  }
+
+  .xl\:-inset-x-2\.5 {
+    right: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .xl\:-inset-y-3\.5 {
+    top: -0.875rem;
+    bottom: -0.875rem;
+  }
+
+  .xl\:-inset-x-3\.5 {
+    right: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .xl\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .xl\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-y-1\/3 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .xl\:inset-x-1\/3 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .xl\:inset-y-2\/3 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .xl\:inset-x-2\/3 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .xl\:inset-y-1\/4 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .xl\:inset-x-1\/4 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .xl\:inset-y-2\/4 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .xl\:inset-x-2\/4 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .xl\:inset-y-3\/4 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .xl\:inset-x-3\/4 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .xl\:inset-y-full {
+    top: 100%;
+    bottom: 100%;
+  }
+
+  .xl\:inset-x-full {
+    right: 100%;
+    left: 100%;
+  }
+
+  .xl\:-inset-y-1\/2 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .xl\:-inset-x-1\/2 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .xl\:-inset-y-1\/3 {
+    top: -33.333333%;
+    bottom: -33.333333%;
+  }
+
+  .xl\:-inset-x-1\/3 {
+    right: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .xl\:-inset-y-2\/3 {
+    top: -66.666667%;
+    bottom: -66.666667%;
+  }
+
+  .xl\:-inset-x-2\/3 {
+    right: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .xl\:-inset-y-1\/4 {
+    top: -25%;
+    bottom: -25%;
+  }
+
+  .xl\:-inset-x-1\/4 {
+    right: -25%;
+    left: -25%;
+  }
+
+  .xl\:-inset-y-2\/4 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .xl\:-inset-x-2\/4 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .xl\:-inset-y-3\/4 {
+    top: -75%;
+    bottom: -75%;
+  }
+
+  .xl\:-inset-x-3\/4 {
+    right: -75%;
+    left: -75%;
+  }
+
+  .xl\:-inset-y-full {
+    top: -100%;
+    bottom: -100%;
+  }
+
+  .xl\:-inset-x-full {
+    right: -100%;
+    left: -100%;
+  }
+
+  .xl\:top-0 {
+    top: 0px;
+  }
+
+  .xl\:right-0 {
+    right: 0px;
+  }
+
+  .xl\:bottom-0 {
+    bottom: 0px;
+  }
+
+  .xl\:left-0 {
+    left: 0px;
+  }
+
+  .xl\:top-1 {
+    top: 0.25rem;
+  }
+
+  .xl\:right-1 {
+    right: 0.25rem;
+  }
+
+  .xl\:bottom-1 {
+    bottom: 0.25rem;
+  }
+
+  .xl\:left-1 {
+    left: 0.25rem;
+  }
+
+  .xl\:top-2 {
+    top: 0.5rem;
+  }
+
+  .xl\:right-2 {
+    right: 0.5rem;
+  }
+
+  .xl\:bottom-2 {
+    bottom: 0.5rem;
+  }
+
+  .xl\:left-2 {
+    left: 0.5rem;
+  }
+
+  .xl\:top-3 {
+    top: 0.75rem;
+  }
+
+  .xl\:right-3 {
+    right: 0.75rem;
+  }
+
+  .xl\:bottom-3 {
+    bottom: 0.75rem;
+  }
+
+  .xl\:left-3 {
+    left: 0.75rem;
+  }
+
+  .xl\:top-4 {
+    top: 1rem;
+  }
+
+  .xl\:right-4 {
+    right: 1rem;
+  }
+
+  .xl\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .xl\:left-4 {
+    left: 1rem;
+  }
+
+  .xl\:top-5 {
+    top: 1.25rem;
+  }
+
+  .xl\:right-5 {
+    right: 1.25rem;
+  }
+
+  .xl\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .xl\:left-5 {
+    left: 1.25rem;
+  }
+
+  .xl\:top-6 {
+    top: 1.5rem;
+  }
+
+  .xl\:right-6 {
+    right: 1.5rem;
+  }
+
+  .xl\:bottom-6 {
+    bottom: 1.5rem;
+  }
+
+  .xl\:left-6 {
+    left: 1.5rem;
+  }
+
+  .xl\:top-7 {
+    top: 1.75rem;
+  }
+
+  .xl\:right-7 {
+    right: 1.75rem;
+  }
+
+  .xl\:bottom-7 {
+    bottom: 1.75rem;
+  }
+
+  .xl\:left-7 {
+    left: 1.75rem;
+  }
+
+  .xl\:top-8 {
+    top: 2rem;
+  }
+
+  .xl\:right-8 {
+    right: 2rem;
+  }
+
+  .xl\:bottom-8 {
+    bottom: 2rem;
+  }
+
+  .xl\:left-8 {
+    left: 2rem;
+  }
+
+  .xl\:top-9 {
+    top: 2.25rem;
+  }
+
+  .xl\:right-9 {
+    right: 2.25rem;
+  }
+
+  .xl\:bottom-9 {
+    bottom: 2.25rem;
+  }
+
+  .xl\:left-9 {
+    left: 2.25rem;
+  }
+
+  .xl\:top-10 {
+    top: 2.5rem;
+  }
+
+  .xl\:right-10 {
+    right: 2.5rem;
+  }
+
+  .xl\:bottom-10 {
+    bottom: 2.5rem;
+  }
+
+  .xl\:left-10 {
+    left: 2.5rem;
+  }
+
+  .xl\:top-11 {
+    top: 2.75rem;
+  }
+
+  .xl\:right-11 {
+    right: 2.75rem;
+  }
+
+  .xl\:bottom-11 {
+    bottom: 2.75rem;
+  }
+
+  .xl\:left-11 {
+    left: 2.75rem;
+  }
+
+  .xl\:top-12 {
+    top: 3rem;
+  }
+
+  .xl\:right-12 {
+    right: 3rem;
+  }
+
+  .xl\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .xl\:left-12 {
+    left: 3rem;
+  }
+
+  .xl\:top-14 {
+    top: 3.5rem;
+  }
+
+  .xl\:right-14 {
+    right: 3.5rem;
+  }
+
+  .xl\:bottom-14 {
+    bottom: 3.5rem;
+  }
+
+  .xl\:left-14 {
+    left: 3.5rem;
+  }
+
+  .xl\:top-16 {
+    top: 4rem;
+  }
+
+  .xl\:right-16 {
+    right: 4rem;
+  }
+
+  .xl\:bottom-16 {
+    bottom: 4rem;
+  }
+
+  .xl\:left-16 {
+    left: 4rem;
+  }
+
+  .xl\:top-20 {
+    top: 5rem;
+  }
+
+  .xl\:right-20 {
+    right: 5rem;
+  }
+
+  .xl\:bottom-20 {
+    bottom: 5rem;
+  }
+
+  .xl\:left-20 {
+    left: 5rem;
+  }
+
+  .xl\:top-24 {
+    top: 6rem;
+  }
+
+  .xl\:right-24 {
+    right: 6rem;
+  }
+
+  .xl\:bottom-24 {
+    bottom: 6rem;
+  }
+
+  .xl\:left-24 {
+    left: 6rem;
+  }
+
+  .xl\:top-28 {
+    top: 7rem;
+  }
+
+  .xl\:right-28 {
+    right: 7rem;
+  }
+
+  .xl\:bottom-28 {
+    bottom: 7rem;
+  }
+
+  .xl\:left-28 {
+    left: 7rem;
+  }
+
+  .xl\:top-32 {
+    top: 8rem;
+  }
+
+  .xl\:right-32 {
+    right: 8rem;
+  }
+
+  .xl\:bottom-32 {
+    bottom: 8rem;
+  }
+
+  .xl\:left-32 {
+    left: 8rem;
+  }
+
+  .xl\:top-36 {
+    top: 9rem;
+  }
+
+  .xl\:right-36 {
+    right: 9rem;
+  }
+
+  .xl\:bottom-36 {
+    bottom: 9rem;
+  }
+
+  .xl\:left-36 {
+    left: 9rem;
+  }
+
+  .xl\:top-40 {
+    top: 10rem;
+  }
+
+  .xl\:right-40 {
+    right: 10rem;
+  }
+
+  .xl\:bottom-40 {
+    bottom: 10rem;
+  }
+
+  .xl\:left-40 {
+    left: 10rem;
+  }
+
+  .xl\:top-44 {
+    top: 11rem;
+  }
+
+  .xl\:right-44 {
+    right: 11rem;
+  }
+
+  .xl\:bottom-44 {
+    bottom: 11rem;
+  }
+
+  .xl\:left-44 {
+    left: 11rem;
+  }
+
+  .xl\:top-48 {
+    top: 12rem;
+  }
+
+  .xl\:right-48 {
+    right: 12rem;
+  }
+
+  .xl\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .xl\:left-48 {
+    left: 12rem;
+  }
+
+  .xl\:top-52 {
+    top: 13rem;
+  }
+
+  .xl\:right-52 {
+    right: 13rem;
+  }
+
+  .xl\:bottom-52 {
+    bottom: 13rem;
+  }
+
+  .xl\:left-52 {
+    left: 13rem;
+  }
+
+  .xl\:top-56 {
+    top: 14rem;
+  }
+
+  .xl\:right-56 {
+    right: 14rem;
+  }
+
+  .xl\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .xl\:left-56 {
+    left: 14rem;
+  }
+
+  .xl\:top-60 {
+    top: 15rem;
+  }
+
+  .xl\:right-60 {
+    right: 15rem;
+  }
+
+  .xl\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .xl\:left-60 {
+    left: 15rem;
+  }
+
+  .xl\:top-64 {
+    top: 16rem;
+  }
+
+  .xl\:right-64 {
+    right: 16rem;
+  }
+
+  .xl\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .xl\:left-64 {
+    left: 16rem;
+  }
+
+  .xl\:top-72 {
+    top: 18rem;
+  }
+
+  .xl\:right-72 {
+    right: 18rem;
+  }
+
+  .xl\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .xl\:left-72 {
+    left: 18rem;
+  }
+
+  .xl\:top-80 {
+    top: 20rem;
+  }
+
+  .xl\:right-80 {
+    right: 20rem;
+  }
+
+  .xl\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .xl\:left-80 {
+    left: 20rem;
+  }
+
+  .xl\:top-96 {
+    top: 24rem;
+  }
+
+  .xl\:right-96 {
+    right: 24rem;
+  }
+
+  .xl\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .xl\:left-96 {
+    left: 24rem;
+  }
+
+  .xl\:top-auto {
+    top: auto;
+  }
+
+  .xl\:right-auto {
+    right: auto;
+  }
+
+  .xl\:bottom-auto {
+    bottom: auto;
+  }
+
+  .xl\:left-auto {
+    left: auto;
+  }
+
+  .xl\:top-px {
+    top: 1px;
+  }
+
+  .xl\:right-px {
+    right: 1px;
+  }
+
+  .xl\:bottom-px {
+    bottom: 1px;
+  }
+
+  .xl\:left-px {
+    left: 1px;
+  }
+
+  .xl\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .xl\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .xl\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .xl\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .xl\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .xl\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .xl\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .xl\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .xl\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .xl\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .xl\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .xl\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .xl\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .xl\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .xl\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .xl\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .xl\:-top-0 {
+    top: 0px;
+  }
+
+  .xl\:-right-0 {
+    right: 0px;
+  }
+
+  .xl\:-bottom-0 {
+    bottom: 0px;
+  }
+
+  .xl\:-left-0 {
+    left: 0px;
+  }
+
+  .xl\:-top-1 {
+    top: -0.25rem;
+  }
+
+  .xl\:-right-1 {
+    right: -0.25rem;
+  }
+
+  .xl\:-bottom-1 {
+    bottom: -0.25rem;
+  }
+
+  .xl\:-left-1 {
+    left: -0.25rem;
+  }
+
+  .xl\:-top-2 {
+    top: -0.5rem;
+  }
+
+  .xl\:-right-2 {
+    right: -0.5rem;
+  }
+
+  .xl\:-bottom-2 {
+    bottom: -0.5rem;
+  }
+
+  .xl\:-left-2 {
+    left: -0.5rem;
+  }
+
+  .xl\:-top-3 {
+    top: -0.75rem;
+  }
+
+  .xl\:-right-3 {
+    right: -0.75rem;
+  }
+
+  .xl\:-bottom-3 {
+    bottom: -0.75rem;
+  }
+
+  .xl\:-left-3 {
+    left: -0.75rem;
+  }
+
+  .xl\:-top-4 {
+    top: -1rem;
+  }
+
+  .xl\:-right-4 {
+    right: -1rem;
+  }
+
+  .xl\:-bottom-4 {
+    bottom: -1rem;
+  }
+
+  .xl\:-left-4 {
+    left: -1rem;
+  }
+
+  .xl\:-top-5 {
+    top: -1.25rem;
+  }
+
+  .xl\:-right-5 {
+    right: -1.25rem;
+  }
+
+  .xl\:-bottom-5 {
+    bottom: -1.25rem;
+  }
+
+  .xl\:-left-5 {
+    left: -1.25rem;
+  }
+
+  .xl\:-top-6 {
+    top: -1.5rem;
+  }
+
+  .xl\:-right-6 {
+    right: -1.5rem;
+  }
+
+  .xl\:-bottom-6 {
+    bottom: -1.5rem;
+  }
+
+  .xl\:-left-6 {
+    left: -1.5rem;
+  }
+
+  .xl\:-top-7 {
+    top: -1.75rem;
+  }
+
+  .xl\:-right-7 {
+    right: -1.75rem;
+  }
+
+  .xl\:-bottom-7 {
+    bottom: -1.75rem;
+  }
+
+  .xl\:-left-7 {
+    left: -1.75rem;
+  }
+
+  .xl\:-top-8 {
+    top: -2rem;
+  }
+
+  .xl\:-right-8 {
+    right: -2rem;
+  }
+
+  .xl\:-bottom-8 {
+    bottom: -2rem;
+  }
+
+  .xl\:-left-8 {
+    left: -2rem;
+  }
+
+  .xl\:-top-9 {
+    top: -2.25rem;
+  }
+
+  .xl\:-right-9 {
+    right: -2.25rem;
+  }
+
+  .xl\:-bottom-9 {
+    bottom: -2.25rem;
+  }
+
+  .xl\:-left-9 {
+    left: -2.25rem;
+  }
+
+  .xl\:-top-10 {
+    top: -2.5rem;
+  }
+
+  .xl\:-right-10 {
+    right: -2.5rem;
+  }
+
+  .xl\:-bottom-10 {
+    bottom: -2.5rem;
+  }
+
+  .xl\:-left-10 {
+    left: -2.5rem;
+  }
+
+  .xl\:-top-11 {
+    top: -2.75rem;
+  }
+
+  .xl\:-right-11 {
+    right: -2.75rem;
+  }
+
+  .xl\:-bottom-11 {
+    bottom: -2.75rem;
+  }
+
+  .xl\:-left-11 {
+    left: -2.75rem;
+  }
+
+  .xl\:-top-12 {
+    top: -3rem;
+  }
+
+  .xl\:-right-12 {
+    right: -3rem;
+  }
+
+  .xl\:-bottom-12 {
+    bottom: -3rem;
+  }
+
+  .xl\:-left-12 {
+    left: -3rem;
+  }
+
+  .xl\:-top-14 {
+    top: -3.5rem;
+  }
+
+  .xl\:-right-14 {
+    right: -3.5rem;
+  }
+
+  .xl\:-bottom-14 {
+    bottom: -3.5rem;
+  }
+
+  .xl\:-left-14 {
+    left: -3.5rem;
+  }
+
+  .xl\:-top-16 {
+    top: -4rem;
+  }
+
+  .xl\:-right-16 {
+    right: -4rem;
+  }
+
+  .xl\:-bottom-16 {
+    bottom: -4rem;
+  }
+
+  .xl\:-left-16 {
+    left: -4rem;
+  }
+
+  .xl\:-top-20 {
+    top: -5rem;
+  }
+
+  .xl\:-right-20 {
+    right: -5rem;
+  }
+
+  .xl\:-bottom-20 {
+    bottom: -5rem;
+  }
+
+  .xl\:-left-20 {
+    left: -5rem;
+  }
+
+  .xl\:-top-24 {
+    top: -6rem;
+  }
+
+  .xl\:-right-24 {
+    right: -6rem;
+  }
+
+  .xl\:-bottom-24 {
+    bottom: -6rem;
+  }
+
+  .xl\:-left-24 {
+    left: -6rem;
+  }
+
+  .xl\:-top-28 {
+    top: -7rem;
+  }
+
+  .xl\:-right-28 {
+    right: -7rem;
+  }
+
+  .xl\:-bottom-28 {
+    bottom: -7rem;
+  }
+
+  .xl\:-left-28 {
+    left: -7rem;
+  }
+
+  .xl\:-top-32 {
+    top: -8rem;
+  }
+
+  .xl\:-right-32 {
+    right: -8rem;
+  }
+
+  .xl\:-bottom-32 {
+    bottom: -8rem;
+  }
+
+  .xl\:-left-32 {
+    left: -8rem;
+  }
+
+  .xl\:-top-36 {
+    top: -9rem;
+  }
+
+  .xl\:-right-36 {
+    right: -9rem;
+  }
+
+  .xl\:-bottom-36 {
+    bottom: -9rem;
+  }
+
+  .xl\:-left-36 {
+    left: -9rem;
+  }
+
+  .xl\:-top-40 {
+    top: -10rem;
+  }
+
+  .xl\:-right-40 {
+    right: -10rem;
+  }
+
+  .xl\:-bottom-40 {
+    bottom: -10rem;
+  }
+
+  .xl\:-left-40 {
+    left: -10rem;
+  }
+
+  .xl\:-top-44 {
+    top: -11rem;
+  }
+
+  .xl\:-right-44 {
+    right: -11rem;
+  }
+
+  .xl\:-bottom-44 {
+    bottom: -11rem;
+  }
+
+  .xl\:-left-44 {
+    left: -11rem;
+  }
+
+  .xl\:-top-48 {
+    top: -12rem;
+  }
+
+  .xl\:-right-48 {
+    right: -12rem;
+  }
+
+  .xl\:-bottom-48 {
+    bottom: -12rem;
+  }
+
+  .xl\:-left-48 {
+    left: -12rem;
+  }
+
+  .xl\:-top-52 {
+    top: -13rem;
+  }
+
+  .xl\:-right-52 {
+    right: -13rem;
+  }
+
+  .xl\:-bottom-52 {
+    bottom: -13rem;
+  }
+
+  .xl\:-left-52 {
+    left: -13rem;
+  }
+
+  .xl\:-top-56 {
+    top: -14rem;
+  }
+
+  .xl\:-right-56 {
+    right: -14rem;
+  }
+
+  .xl\:-bottom-56 {
+    bottom: -14rem;
+  }
+
+  .xl\:-left-56 {
+    left: -14rem;
+  }
+
+  .xl\:-top-60 {
+    top: -15rem;
+  }
+
+  .xl\:-right-60 {
+    right: -15rem;
+  }
+
+  .xl\:-bottom-60 {
+    bottom: -15rem;
+  }
+
+  .xl\:-left-60 {
+    left: -15rem;
+  }
+
+  .xl\:-top-64 {
+    top: -16rem;
+  }
+
+  .xl\:-right-64 {
+    right: -16rem;
+  }
+
+  .xl\:-bottom-64 {
+    bottom: -16rem;
+  }
+
+  .xl\:-left-64 {
+    left: -16rem;
+  }
+
+  .xl\:-top-72 {
+    top: -18rem;
+  }
+
+  .xl\:-right-72 {
+    right: -18rem;
+  }
+
+  .xl\:-bottom-72 {
+    bottom: -18rem;
+  }
+
+  .xl\:-left-72 {
+    left: -18rem;
+  }
+
+  .xl\:-top-80 {
+    top: -20rem;
+  }
+
+  .xl\:-right-80 {
+    right: -20rem;
+  }
+
+  .xl\:-bottom-80 {
+    bottom: -20rem;
+  }
+
+  .xl\:-left-80 {
+    left: -20rem;
+  }
+
+  .xl\:-top-96 {
+    top: -24rem;
+  }
+
+  .xl\:-right-96 {
+    right: -24rem;
+  }
+
+  .xl\:-bottom-96 {
+    bottom: -24rem;
+  }
+
+  .xl\:-left-96 {
+    left: -24rem;
+  }
+
+  .xl\:-top-px {
+    top: -1px;
+  }
+
+  .xl\:-right-px {
+    right: -1px;
+  }
+
+  .xl\:-bottom-px {
+    bottom: -1px;
+  }
+
+  .xl\:-left-px {
+    left: -1px;
+  }
+
+  .xl\:-top-0\.5 {
+    top: -0.125rem;
+  }
+
+  .xl\:-right-0\.5 {
+    right: -0.125rem;
+  }
+
+  .xl\:-bottom-0\.5 {
+    bottom: -0.125rem;
+  }
+
+  .xl\:-left-0\.5 {
+    left: -0.125rem;
+  }
+
+  .xl\:-top-1\.5 {
+    top: -0.375rem;
+  }
+
+  .xl\:-right-1\.5 {
+    right: -0.375rem;
+  }
+
+  .xl\:-bottom-1\.5 {
+    bottom: -0.375rem;
+  }
+
+  .xl\:-left-1\.5 {
+    left: -0.375rem;
+  }
+
+  .xl\:-top-2\.5 {
+    top: -0.625rem;
+  }
+
+  .xl\:-right-2\.5 {
+    right: -0.625rem;
+  }
+
+  .xl\:-bottom-2\.5 {
+    bottom: -0.625rem;
+  }
+
+  .xl\:-left-2\.5 {
+    left: -0.625rem;
+  }
+
+  .xl\:-top-3\.5 {
+    top: -0.875rem;
+  }
+
+  .xl\:-right-3\.5 {
+    right: -0.875rem;
+  }
+
+  .xl\:-bottom-3\.5 {
+    bottom: -0.875rem;
+  }
+
+  .xl\:-left-3\.5 {
+    left: -0.875rem;
+  }
+
+  .xl\:top-1\/2 {
+    top: 50%;
+  }
+
+  .xl\:right-1\/2 {
+    right: 50%;
+  }
+
+  .xl\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .xl\:left-1\/2 {
+    left: 50%;
+  }
+
+  .xl\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .xl\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .xl\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .xl\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .xl\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .xl\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .xl\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .xl\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .xl\:top-1\/4 {
+    top: 25%;
+  }
+
+  .xl\:right-1\/4 {
+    right: 25%;
+  }
+
+  .xl\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .xl\:left-1\/4 {
+    left: 25%;
+  }
+
+  .xl\:top-2\/4 {
+    top: 50%;
+  }
+
+  .xl\:right-2\/4 {
+    right: 50%;
+  }
+
+  .xl\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .xl\:left-2\/4 {
+    left: 50%;
+  }
+
+  .xl\:top-3\/4 {
+    top: 75%;
+  }
+
+  .xl\:right-3\/4 {
+    right: 75%;
+  }
+
+  .xl\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .xl\:left-3\/4 {
+    left: 75%;
+  }
+
+  .xl\:top-full {
+    top: 100%;
+  }
+
+  .xl\:right-full {
+    right: 100%;
+  }
+
+  .xl\:bottom-full {
+    bottom: 100%;
+  }
+
+  .xl\:left-full {
+    left: 100%;
+  }
+
+  .xl\:-top-1\/2 {
+    top: -50%;
+  }
+
+  .xl\:-right-1\/2 {
+    right: -50%;
+  }
+
+  .xl\:-bottom-1\/2 {
+    bottom: -50%;
+  }
+
+  .xl\:-left-1\/2 {
+    left: -50%;
+  }
+
+  .xl\:-top-1\/3 {
+    top: -33.333333%;
+  }
+
+  .xl\:-right-1\/3 {
+    right: -33.333333%;
+  }
+
+  .xl\:-bottom-1\/3 {
+    bottom: -33.333333%;
+  }
+
+  .xl\:-left-1\/3 {
+    left: -33.333333%;
+  }
+
+  .xl\:-top-2\/3 {
+    top: -66.666667%;
+  }
+
+  .xl\:-right-2\/3 {
+    right: -66.666667%;
+  }
+
+  .xl\:-bottom-2\/3 {
+    bottom: -66.666667%;
+  }
+
+  .xl\:-left-2\/3 {
+    left: -66.666667%;
+  }
+
+  .xl\:-top-1\/4 {
+    top: -25%;
+  }
+
+  .xl\:-right-1\/4 {
+    right: -25%;
+  }
+
+  .xl\:-bottom-1\/4 {
+    bottom: -25%;
+  }
+
+  .xl\:-left-1\/4 {
+    left: -25%;
+  }
+
+  .xl\:-top-2\/4 {
+    top: -50%;
+  }
+
+  .xl\:-right-2\/4 {
+    right: -50%;
+  }
+
+  .xl\:-bottom-2\/4 {
+    bottom: -50%;
+  }
+
+  .xl\:-left-2\/4 {
+    left: -50%;
+  }
+
+  .xl\:-top-3\/4 {
+    top: -75%;
+  }
+
+  .xl\:-right-3\/4 {
+    right: -75%;
+  }
+
+  .xl\:-bottom-3\/4 {
+    bottom: -75%;
+  }
+
+  .xl\:-left-3\/4 {
+    left: -75%;
+  }
+
+  .xl\:-top-full {
+    top: -100%;
+  }
+
+  .xl\:-right-full {
+    right: -100%;
+  }
+
+  .xl\:-bottom-full {
+    bottom: -100%;
+  }
+
+  .xl\:-left-full {
+    left: -100%;
+  }
+
+  .xl\:resize-none {
+    resize: none;
+  }
+
+  .xl\:resize-y {
+    resize: vertical;
+  }
+
+  .xl\:resize-x {
+    resize: horizontal;
+  }
+
+  .xl\:resize {
+    resize: both;
+  }
+
+  .xl\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .xl\:group-hover\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow-sm:focus-within {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow:focus-within {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow-md:focus-within {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow-lg:focus-within {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow-xl:focus-within {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow-2xl:focus-within {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow-inner:focus-within {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus-within\:shadow-none:focus-within {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow-sm:hover {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow:hover {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow-md:hover {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow-lg:hover {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow-xl:hover {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow-2xl:hover {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow-inner:hover {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:hover\:shadow-none:hover {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow-sm:focus {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow:focus {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow-md:focus {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow-lg:focus {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow-xl:focus {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow-2xl:focus {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow-inner:focus {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:focus\:shadow-none:focus {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .xl\:ring-0 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:ring-1 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:ring-2 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:ring-4 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:ring-8 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:ring {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:ring-inset {
+    --tw-ring-inset: inset;
+  }
+
+  .xl\:focus-within\:ring-0:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus-within\:ring-1:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus-within\:ring-2:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus-within\:ring-4:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus-within\:ring-8:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus-within\:ring:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus-within\:ring-inset:focus-within {
+    --tw-ring-inset: inset;
+  }
+
+  .xl\:focus\:ring-0:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus\:ring-1:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus\:ring-2:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus\:ring-4:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus\:ring-8:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus\:ring:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .xl\:focus\:ring-inset:focus {
+    --tw-ring-inset: inset;
+  }
+
+  .xl\:ring-offset-transparent {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .xl\:ring-offset-current {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .xl\:ring-offset-black {
+    --tw-ring-offset-color: #000;
+  }
+
+  .xl\:ring-offset-white {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .xl\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .xl\:ring-offset-gray-100 {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .xl\:ring-offset-gray-200 {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .xl\:ring-offset-gray-300 {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .xl\:ring-offset-gray-400 {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .xl\:ring-offset-gray-500 {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .xl\:ring-offset-gray-600 {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .xl\:ring-offset-gray-700 {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .xl\:ring-offset-gray-800 {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .xl\:ring-offset-gray-900 {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .xl\:ring-offset-red-50 {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .xl\:ring-offset-red-100 {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .xl\:ring-offset-red-200 {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .xl\:ring-offset-red-300 {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .xl\:ring-offset-red-400 {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .xl\:ring-offset-red-500 {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .xl\:ring-offset-red-600 {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .xl\:ring-offset-red-700 {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .xl\:ring-offset-red-800 {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .xl\:ring-offset-red-900 {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .xl\:ring-offset-yellow-50 {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .xl\:ring-offset-yellow-100 {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .xl\:ring-offset-yellow-200 {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .xl\:ring-offset-yellow-300 {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .xl\:ring-offset-yellow-400 {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .xl\:ring-offset-yellow-500 {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .xl\:ring-offset-yellow-600 {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .xl\:ring-offset-yellow-700 {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .xl\:ring-offset-yellow-800 {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .xl\:ring-offset-yellow-900 {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .xl\:ring-offset-green-50 {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .xl\:ring-offset-green-100 {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .xl\:ring-offset-green-200 {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .xl\:ring-offset-green-300 {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .xl\:ring-offset-green-400 {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .xl\:ring-offset-green-500 {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .xl\:ring-offset-green-600 {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .xl\:ring-offset-green-700 {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .xl\:ring-offset-green-800 {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .xl\:ring-offset-green-900 {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .xl\:ring-offset-blue-50 {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .xl\:ring-offset-blue-100 {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .xl\:ring-offset-blue-200 {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .xl\:ring-offset-blue-300 {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .xl\:ring-offset-blue-400 {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .xl\:ring-offset-blue-500 {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .xl\:ring-offset-blue-600 {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .xl\:ring-offset-blue-700 {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .xl\:ring-offset-blue-800 {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .xl\:ring-offset-blue-900 {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .xl\:ring-offset-indigo-50 {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .xl\:ring-offset-indigo-100 {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .xl\:ring-offset-indigo-200 {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .xl\:ring-offset-indigo-300 {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .xl\:ring-offset-indigo-400 {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .xl\:ring-offset-indigo-500 {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .xl\:ring-offset-indigo-600 {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .xl\:ring-offset-indigo-700 {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .xl\:ring-offset-indigo-800 {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .xl\:ring-offset-indigo-900 {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .xl\:ring-offset-purple-50 {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .xl\:ring-offset-purple-100 {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .xl\:ring-offset-purple-200 {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .xl\:ring-offset-purple-300 {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .xl\:ring-offset-purple-400 {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .xl\:ring-offset-purple-500 {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .xl\:ring-offset-purple-600 {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .xl\:ring-offset-purple-700 {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .xl\:ring-offset-purple-800 {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .xl\:ring-offset-purple-900 {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .xl\:ring-offset-pink-50 {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .xl\:ring-offset-pink-100 {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .xl\:ring-offset-pink-200 {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .xl\:ring-offset-pink-300 {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .xl\:ring-offset-pink-400 {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .xl\:ring-offset-pink-500 {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .xl\:ring-offset-pink-600 {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .xl\:ring-offset-pink-700 {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .xl\:ring-offset-pink-800 {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .xl\:ring-offset-pink-900 {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .xl\:focus-within\:ring-offset-transparent:focus-within {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .xl\:focus-within\:ring-offset-current:focus-within {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .xl\:focus-within\:ring-offset-black:focus-within {
+    --tw-ring-offset-color: #000;
+  }
+
+  .xl\:focus-within\:ring-offset-white:focus-within {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-100:focus-within {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-200:focus-within {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-300:focus-within {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-400:focus-within {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-500:focus-within {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-600:focus-within {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-700:focus-within {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-800:focus-within {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .xl\:focus-within\:ring-offset-gray-900:focus-within {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .xl\:focus-within\:ring-offset-red-50:focus-within {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .xl\:focus-within\:ring-offset-red-100:focus-within {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .xl\:focus-within\:ring-offset-red-200:focus-within {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .xl\:focus-within\:ring-offset-red-300:focus-within {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .xl\:focus-within\:ring-offset-red-400:focus-within {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .xl\:focus-within\:ring-offset-red-500:focus-within {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .xl\:focus-within\:ring-offset-red-600:focus-within {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .xl\:focus-within\:ring-offset-red-700:focus-within {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .xl\:focus-within\:ring-offset-red-800:focus-within {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .xl\:focus-within\:ring-offset-red-900:focus-within {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-50:focus-within {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-100:focus-within {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-200:focus-within {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-300:focus-within {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-400:focus-within {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-500:focus-within {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-600:focus-within {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-700:focus-within {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-800:focus-within {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .xl\:focus-within\:ring-offset-yellow-900:focus-within {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .xl\:focus-within\:ring-offset-green-50:focus-within {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .xl\:focus-within\:ring-offset-green-100:focus-within {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .xl\:focus-within\:ring-offset-green-200:focus-within {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .xl\:focus-within\:ring-offset-green-300:focus-within {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .xl\:focus-within\:ring-offset-green-400:focus-within {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .xl\:focus-within\:ring-offset-green-500:focus-within {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .xl\:focus-within\:ring-offset-green-600:focus-within {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .xl\:focus-within\:ring-offset-green-700:focus-within {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .xl\:focus-within\:ring-offset-green-800:focus-within {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .xl\:focus-within\:ring-offset-green-900:focus-within {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-50:focus-within {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-100:focus-within {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-200:focus-within {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-300:focus-within {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-400:focus-within {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-500:focus-within {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-600:focus-within {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-700:focus-within {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-800:focus-within {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .xl\:focus-within\:ring-offset-blue-900:focus-within {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-50:focus-within {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-100:focus-within {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-200:focus-within {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-300:focus-within {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-400:focus-within {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-500:focus-within {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-600:focus-within {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-700:focus-within {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-800:focus-within {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .xl\:focus-within\:ring-offset-indigo-900:focus-within {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-50:focus-within {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-100:focus-within {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-200:focus-within {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-300:focus-within {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-400:focus-within {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-500:focus-within {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-600:focus-within {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-700:focus-within {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-800:focus-within {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .xl\:focus-within\:ring-offset-purple-900:focus-within {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-50:focus-within {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-100:focus-within {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-200:focus-within {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-300:focus-within {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-400:focus-within {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-500:focus-within {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-600:focus-within {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-700:focus-within {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-800:focus-within {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .xl\:focus-within\:ring-offset-pink-900:focus-within {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .xl\:focus\:ring-offset-transparent:focus {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .xl\:focus\:ring-offset-current:focus {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .xl\:focus\:ring-offset-black:focus {
+    --tw-ring-offset-color: #000;
+  }
+
+  .xl\:focus\:ring-offset-white:focus {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .xl\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .xl\:focus\:ring-offset-gray-100:focus {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .xl\:focus\:ring-offset-gray-200:focus {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .xl\:focus\:ring-offset-gray-300:focus {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .xl\:focus\:ring-offset-gray-400:focus {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .xl\:focus\:ring-offset-gray-500:focus {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .xl\:focus\:ring-offset-gray-600:focus {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .xl\:focus\:ring-offset-gray-700:focus {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .xl\:focus\:ring-offset-gray-800:focus {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .xl\:focus\:ring-offset-gray-900:focus {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .xl\:focus\:ring-offset-red-50:focus {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .xl\:focus\:ring-offset-red-100:focus {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .xl\:focus\:ring-offset-red-200:focus {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .xl\:focus\:ring-offset-red-300:focus {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .xl\:focus\:ring-offset-red-400:focus {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .xl\:focus\:ring-offset-red-500:focus {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .xl\:focus\:ring-offset-red-600:focus {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .xl\:focus\:ring-offset-red-700:focus {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .xl\:focus\:ring-offset-red-800:focus {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .xl\:focus\:ring-offset-red-900:focus {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .xl\:focus\:ring-offset-yellow-50:focus {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .xl\:focus\:ring-offset-yellow-100:focus {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .xl\:focus\:ring-offset-yellow-200:focus {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .xl\:focus\:ring-offset-yellow-300:focus {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .xl\:focus\:ring-offset-yellow-400:focus {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .xl\:focus\:ring-offset-yellow-500:focus {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .xl\:focus\:ring-offset-yellow-600:focus {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .xl\:focus\:ring-offset-yellow-700:focus {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .xl\:focus\:ring-offset-yellow-800:focus {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .xl\:focus\:ring-offset-yellow-900:focus {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .xl\:focus\:ring-offset-green-50:focus {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .xl\:focus\:ring-offset-green-100:focus {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .xl\:focus\:ring-offset-green-200:focus {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .xl\:focus\:ring-offset-green-300:focus {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .xl\:focus\:ring-offset-green-400:focus {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .xl\:focus\:ring-offset-green-500:focus {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .xl\:focus\:ring-offset-green-600:focus {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .xl\:focus\:ring-offset-green-700:focus {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .xl\:focus\:ring-offset-green-800:focus {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .xl\:focus\:ring-offset-green-900:focus {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .xl\:focus\:ring-offset-blue-50:focus {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .xl\:focus\:ring-offset-blue-100:focus {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .xl\:focus\:ring-offset-blue-200:focus {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .xl\:focus\:ring-offset-blue-300:focus {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .xl\:focus\:ring-offset-blue-400:focus {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .xl\:focus\:ring-offset-blue-500:focus {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .xl\:focus\:ring-offset-blue-600:focus {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .xl\:focus\:ring-offset-blue-700:focus {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .xl\:focus\:ring-offset-blue-800:focus {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .xl\:focus\:ring-offset-blue-900:focus {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .xl\:focus\:ring-offset-indigo-50:focus {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .xl\:focus\:ring-offset-indigo-100:focus {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .xl\:focus\:ring-offset-indigo-200:focus {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .xl\:focus\:ring-offset-indigo-300:focus {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .xl\:focus\:ring-offset-indigo-400:focus {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .xl\:focus\:ring-offset-indigo-500:focus {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .xl\:focus\:ring-offset-indigo-600:focus {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .xl\:focus\:ring-offset-indigo-700:focus {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .xl\:focus\:ring-offset-indigo-800:focus {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .xl\:focus\:ring-offset-indigo-900:focus {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .xl\:focus\:ring-offset-purple-50:focus {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .xl\:focus\:ring-offset-purple-100:focus {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .xl\:focus\:ring-offset-purple-200:focus {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .xl\:focus\:ring-offset-purple-300:focus {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .xl\:focus\:ring-offset-purple-400:focus {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .xl\:focus\:ring-offset-purple-500:focus {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .xl\:focus\:ring-offset-purple-600:focus {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .xl\:focus\:ring-offset-purple-700:focus {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .xl\:focus\:ring-offset-purple-800:focus {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .xl\:focus\:ring-offset-purple-900:focus {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .xl\:focus\:ring-offset-pink-50:focus {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .xl\:focus\:ring-offset-pink-100:focus {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .xl\:focus\:ring-offset-pink-200:focus {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .xl\:focus\:ring-offset-pink-300:focus {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .xl\:focus\:ring-offset-pink-400:focus {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .xl\:focus\:ring-offset-pink-500:focus {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .xl\:focus\:ring-offset-pink-600:focus {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .xl\:focus\:ring-offset-pink-700:focus {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .xl\:focus\:ring-offset-pink-800:focus {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .xl\:focus\:ring-offset-pink-900:focus {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .xl\:ring-offset-0 {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .xl\:ring-offset-1 {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .xl\:ring-offset-2 {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .xl\:ring-offset-4 {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .xl\:ring-offset-8 {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .xl\:focus-within\:ring-offset-0:focus-within {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .xl\:focus-within\:ring-offset-1:focus-within {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .xl\:focus-within\:ring-offset-2:focus-within {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .xl\:focus-within\:ring-offset-4:focus-within {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .xl\:focus-within\:ring-offset-8:focus-within {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .xl\:focus\:ring-offset-0:focus {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .xl\:focus\:ring-offset-1:focus {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .xl\:focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .xl\:focus\:ring-offset-4:focus {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .xl\:focus\:ring-offset-8:focus {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .xl\:ring-transparent {
+    --tw-ring-color: transparent;
+  }
+
+  .xl\:ring-current {
+    --tw-ring-color: currentColor;
+  }
+
+  .xl\:ring-black {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-white {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-gray-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-red-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-yellow-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-green-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-blue-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-indigo-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-purple-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-pink-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-transparent:focus-within {
+    --tw-ring-color: transparent;
+  }
+
+  .xl\:focus-within\:ring-current:focus-within {
+    --tw-ring-color: currentColor;
+  }
+
+  .xl\:focus-within\:ring-black:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-white:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-gray-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-red-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-yellow-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-green-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-blue-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-indigo-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-purple-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-pink-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-transparent:focus {
+    --tw-ring-color: transparent;
+  }
+
+  .xl\:focus\:ring-current:focus {
+    --tw-ring-color: currentColor;
+  }
+
+  .xl\:focus\:ring-black:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-white:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-gray-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-red-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-yellow-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-green-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-blue-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-indigo-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-purple-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-pink-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-opacity-0 {
+    --tw-ring-opacity: 0;
+  }
+
+  .xl\:ring-opacity-5 {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .xl\:ring-opacity-10 {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .xl\:ring-opacity-20 {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .xl\:ring-opacity-25 {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .xl\:ring-opacity-30 {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .xl\:ring-opacity-40 {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .xl\:ring-opacity-50 {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .xl\:ring-opacity-60 {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .xl\:ring-opacity-70 {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .xl\:ring-opacity-75 {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .xl\:ring-opacity-80 {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .xl\:ring-opacity-90 {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .xl\:ring-opacity-95 {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .xl\:ring-opacity-100 {
+    --tw-ring-opacity: 1;
+  }
+
+  .xl\:focus-within\:ring-opacity-0:focus-within {
+    --tw-ring-opacity: 0;
+  }
+
+  .xl\:focus-within\:ring-opacity-5:focus-within {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .xl\:focus-within\:ring-opacity-10:focus-within {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .xl\:focus-within\:ring-opacity-20:focus-within {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .xl\:focus-within\:ring-opacity-25:focus-within {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .xl\:focus-within\:ring-opacity-30:focus-within {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .xl\:focus-within\:ring-opacity-40:focus-within {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .xl\:focus-within\:ring-opacity-50:focus-within {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .xl\:focus-within\:ring-opacity-60:focus-within {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .xl\:focus-within\:ring-opacity-70:focus-within {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .xl\:focus-within\:ring-opacity-75:focus-within {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .xl\:focus-within\:ring-opacity-80:focus-within {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .xl\:focus-within\:ring-opacity-90:focus-within {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .xl\:focus-within\:ring-opacity-95:focus-within {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .xl\:focus-within\:ring-opacity-100:focus-within {
+    --tw-ring-opacity: 1;
+  }
+
+  .xl\:focus\:ring-opacity-0:focus {
+    --tw-ring-opacity: 0;
+  }
+
+  .xl\:focus\:ring-opacity-5:focus {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .xl\:focus\:ring-opacity-10:focus {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .xl\:focus\:ring-opacity-20:focus {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .xl\:focus\:ring-opacity-25:focus {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .xl\:focus\:ring-opacity-30:focus {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .xl\:focus\:ring-opacity-40:focus {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .xl\:focus\:ring-opacity-50:focus {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .xl\:focus\:ring-opacity-60:focus {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .xl\:focus\:ring-opacity-70:focus {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .xl\:focus\:ring-opacity-75:focus {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .xl\:focus\:ring-opacity-80:focus {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .xl\:focus\:ring-opacity-90:focus {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .xl\:focus\:ring-opacity-95:focus {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .xl\:focus\:ring-opacity-100:focus {
+    --tw-ring-opacity: 1;
+  }
+
+  .xl\:fill-current {
+    fill: currentColor;
+  }
+
+  .xl\:stroke-current {
+    stroke: currentColor;
+  }
+
+  .xl\:stroke-0 {
+    stroke-width: 0;
+  }
+
+  .xl\:stroke-1 {
+    stroke-width: 1;
+  }
+
+  .xl\:stroke-2 {
+    stroke-width: 2;
+  }
+
+  .xl\:table-auto {
+    table-layout: auto;
+  }
+
+  .xl\:table-fixed {
+    table-layout: fixed;
+  }
+
+  .xl\:text-left {
+    text-align: left;
+  }
+
+  .xl\:text-center {
+    text-align: center;
+  }
+
+  .xl\:text-right {
+    text-align: right;
+  }
+
+  .xl\:text-justify {
+    text-align: justify;
+  }
+
+  .xl\:text-transparent {
+    color: transparent;
+  }
+
+  .xl\:text-current {
+    color: currentColor;
+  }
+
+  .xl\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .xl\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .xl\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .xl\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .xl\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .xl\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .xl\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-transparent {
+    color: transparent;
+  }
+
+  .group:hover .xl\:group-hover\:text-current {
+    color: currentColor;
+  }
+
+  .group:hover .xl\:group-hover\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .xl\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .xl\:focus-within\:text-black:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-white:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-gray-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-red-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-yellow-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-green-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-blue-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-indigo-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-purple-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-pink-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .xl\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .xl\:hover\:text-black:hover {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-gray-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-red-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-yellow-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-green-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-blue-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-indigo-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-purple-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-pink-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .xl\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
+  .xl\:focus\:text-black:focus {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-white:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-gray-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-red-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-yellow-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-green-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-blue-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-indigo-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-purple-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-pink-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .xl\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .xl\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .xl\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .xl\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .xl\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .xl\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .xl\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .xl\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .xl\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .xl\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .xl\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .xl\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .xl\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .xl\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .xl\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .group:hover .xl\:group-hover\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .xl\:focus-within\:text-opacity-0:focus-within {
+    --tw-text-opacity: 0;
+  }
+
+  .xl\:focus-within\:text-opacity-5:focus-within {
+    --tw-text-opacity: 0.05;
+  }
+
+  .xl\:focus-within\:text-opacity-10:focus-within {
+    --tw-text-opacity: 0.1;
+  }
+
+  .xl\:focus-within\:text-opacity-20:focus-within {
+    --tw-text-opacity: 0.2;
+  }
+
+  .xl\:focus-within\:text-opacity-25:focus-within {
+    --tw-text-opacity: 0.25;
+  }
+
+  .xl\:focus-within\:text-opacity-30:focus-within {
+    --tw-text-opacity: 0.3;
+  }
+
+  .xl\:focus-within\:text-opacity-40:focus-within {
+    --tw-text-opacity: 0.4;
+  }
+
+  .xl\:focus-within\:text-opacity-50:focus-within {
+    --tw-text-opacity: 0.5;
+  }
+
+  .xl\:focus-within\:text-opacity-60:focus-within {
+    --tw-text-opacity: 0.6;
+  }
+
+  .xl\:focus-within\:text-opacity-70:focus-within {
+    --tw-text-opacity: 0.7;
+  }
+
+  .xl\:focus-within\:text-opacity-75:focus-within {
+    --tw-text-opacity: 0.75;
+  }
+
+  .xl\:focus-within\:text-opacity-80:focus-within {
+    --tw-text-opacity: 0.8;
+  }
+
+  .xl\:focus-within\:text-opacity-90:focus-within {
+    --tw-text-opacity: 0.9;
+  }
+
+  .xl\:focus-within\:text-opacity-95:focus-within {
+    --tw-text-opacity: 0.95;
+  }
+
+  .xl\:focus-within\:text-opacity-100:focus-within {
+    --tw-text-opacity: 1;
+  }
+
+  .xl\:hover\:text-opacity-0:hover {
+    --tw-text-opacity: 0;
+  }
+
+  .xl\:hover\:text-opacity-5:hover {
+    --tw-text-opacity: 0.05;
+  }
+
+  .xl\:hover\:text-opacity-10:hover {
+    --tw-text-opacity: 0.1;
+  }
+
+  .xl\:hover\:text-opacity-20:hover {
+    --tw-text-opacity: 0.2;
+  }
+
+  .xl\:hover\:text-opacity-25:hover {
+    --tw-text-opacity: 0.25;
+  }
+
+  .xl\:hover\:text-opacity-30:hover {
+    --tw-text-opacity: 0.3;
+  }
+
+  .xl\:hover\:text-opacity-40:hover {
+    --tw-text-opacity: 0.4;
+  }
+
+  .xl\:hover\:text-opacity-50:hover {
+    --tw-text-opacity: 0.5;
+  }
+
+  .xl\:hover\:text-opacity-60:hover {
+    --tw-text-opacity: 0.6;
+  }
+
+  .xl\:hover\:text-opacity-70:hover {
+    --tw-text-opacity: 0.7;
+  }
+
+  .xl\:hover\:text-opacity-75:hover {
+    --tw-text-opacity: 0.75;
+  }
+
+  .xl\:hover\:text-opacity-80:hover {
+    --tw-text-opacity: 0.8;
+  }
+
+  .xl\:hover\:text-opacity-90:hover {
+    --tw-text-opacity: 0.9;
+  }
+
+  .xl\:hover\:text-opacity-95:hover {
+    --tw-text-opacity: 0.95;
+  }
+
+  .xl\:hover\:text-opacity-100:hover {
+    --tw-text-opacity: 1;
+  }
+
+  .xl\:focus\:text-opacity-0:focus {
+    --tw-text-opacity: 0;
+  }
+
+  .xl\:focus\:text-opacity-5:focus {
+    --tw-text-opacity: 0.05;
+  }
+
+  .xl\:focus\:text-opacity-10:focus {
+    --tw-text-opacity: 0.1;
+  }
+
+  .xl\:focus\:text-opacity-20:focus {
+    --tw-text-opacity: 0.2;
+  }
+
+  .xl\:focus\:text-opacity-25:focus {
+    --tw-text-opacity: 0.25;
+  }
+
+  .xl\:focus\:text-opacity-30:focus {
+    --tw-text-opacity: 0.3;
+  }
+
+  .xl\:focus\:text-opacity-40:focus {
+    --tw-text-opacity: 0.4;
+  }
+
+  .xl\:focus\:text-opacity-50:focus {
+    --tw-text-opacity: 0.5;
+  }
+
+  .xl\:focus\:text-opacity-60:focus {
+    --tw-text-opacity: 0.6;
+  }
+
+  .xl\:focus\:text-opacity-70:focus {
+    --tw-text-opacity: 0.7;
+  }
+
+  .xl\:focus\:text-opacity-75:focus {
+    --tw-text-opacity: 0.75;
+  }
+
+  .xl\:focus\:text-opacity-80:focus {
+    --tw-text-opacity: 0.8;
+  }
+
+  .xl\:focus\:text-opacity-90:focus {
+    --tw-text-opacity: 0.9;
+  }
+
+  .xl\:focus\:text-opacity-95:focus {
+    --tw-text-opacity: 0.95;
+  }
+
+  .xl\:focus\:text-opacity-100:focus {
+    --tw-text-opacity: 1;
+  }
+
+  .xl\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .xl\:overflow-ellipsis {
+    text-overflow: ellipsis;
+  }
+
+  .xl\:overflow-clip {
+    text-overflow: clip;
+  }
+
+  .xl\:italic {
+    font-style: italic;
+  }
+
+  .xl\:not-italic {
+    font-style: normal;
+  }
+
+  .xl\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .xl\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .xl\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .xl\:normal-case {
+    text-transform: none;
+  }
+
+  .xl\:underline {
+    text-decoration: underline;
+  }
+
+  .xl\:line-through {
+    text-decoration: line-through;
+  }
+
+  .xl\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:hover .xl\:group-hover\:underline {
+    text-decoration: underline;
+  }
+
+  .group:hover .xl\:group-hover\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:hover .xl\:group-hover\:no-underline {
+    text-decoration: none;
+  }
+
+  .xl\:focus-within\:underline:focus-within {
+    text-decoration: underline;
+  }
+
+  .xl\:focus-within\:line-through:focus-within {
+    text-decoration: line-through;
+  }
+
+  .xl\:focus-within\:no-underline:focus-within {
+    text-decoration: none;
+  }
+
+  .xl\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .xl\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .xl\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .xl\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .xl\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .xl\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .xl\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .xl\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions {
+    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
+    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+  }
+
+  .xl\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .xl\:ordinal {
+    --tw-ordinal: ordinal;
+  }
+
+  .xl\:slashed-zero {
+    --tw-slashed-zero: slashed-zero;
+  }
+
+  .xl\:lining-nums {
+    --tw-numeric-figure: lining-nums;
+  }
+
+  .xl\:oldstyle-nums {
+    --tw-numeric-figure: oldstyle-nums;
+  }
+
+  .xl\:proportional-nums {
+    --tw-numeric-spacing: proportional-nums;
+  }
+
+  .xl\:tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+  }
+
+  .xl\:diagonal-fractions {
+    --tw-numeric-fraction: diagonal-fractions;
+  }
+
+  .xl\:stacked-fractions {
+    --tw-numeric-fraction: stacked-fractions;
+  }
+
+  .xl\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .xl\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .xl\:tracking-normal {
+    letter-spacing: 0em;
+  }
+
+  .xl\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .xl\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .xl\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .xl\:select-none {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+
+  .xl\:select-text {
+    -webkit-user-select: text;
+            user-select: text;
+  }
+
+  .xl\:select-all {
+    -webkit-user-select: all;
+            user-select: all;
+  }
+
+  .xl\:select-auto {
+    -webkit-user-select: auto;
+            user-select: auto;
+  }
+
+  .xl\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .xl\:align-top {
+    vertical-align: top;
+  }
+
+  .xl\:align-middle {
+    vertical-align: middle;
+  }
+
+  .xl\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .xl\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .xl\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .xl\:visible {
+    visibility: visible;
+  }
+
+  .xl\:invisible {
+    visibility: hidden;
+  }
+
+  .xl\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .xl\:whitespace-nowrap {
+    white-space: nowrap;
+  }
+
+  .xl\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .xl\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .xl\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .xl\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .xl\:break-words {
+    overflow-wrap: break-word;
+  }
+
+  .xl\:break-all {
+    word-break: break-all;
+  }
+
+  .xl\:w-0 {
+    width: 0px;
+  }
+
+  .xl\:w-1 {
+    width: 0.25rem;
+  }
+
+  .xl\:w-2 {
+    width: 0.5rem;
+  }
+
+  .xl\:w-3 {
+    width: 0.75rem;
+  }
+
+  .xl\:w-4 {
+    width: 1rem;
+  }
+
+  .xl\:w-5 {
+    width: 1.25rem;
+  }
+
+  .xl\:w-6 {
+    width: 1.5rem;
+  }
+
+  .xl\:w-7 {
+    width: 1.75rem;
+  }
+
+  .xl\:w-8 {
+    width: 2rem;
+  }
+
+  .xl\:w-9 {
+    width: 2.25rem;
+  }
+
+  .xl\:w-10 {
+    width: 2.5rem;
+  }
+
+  .xl\:w-11 {
+    width: 2.75rem;
+  }
+
+  .xl\:w-12 {
+    width: 3rem;
+  }
+
+  .xl\:w-14 {
+    width: 3.5rem;
+  }
+
+  .xl\:w-16 {
+    width: 4rem;
+  }
+
+  .xl\:w-20 {
+    width: 5rem;
+  }
+
+  .xl\:w-24 {
+    width: 6rem;
+  }
+
+  .xl\:w-28 {
+    width: 7rem;
+  }
+
+  .xl\:w-32 {
+    width: 8rem;
+  }
+
+  .xl\:w-36 {
+    width: 9rem;
+  }
+
+  .xl\:w-40 {
+    width: 10rem;
+  }
+
+  .xl\:w-44 {
+    width: 11rem;
+  }
+
+  .xl\:w-48 {
+    width: 12rem;
+  }
+
+  .xl\:w-52 {
+    width: 13rem;
+  }
+
+  .xl\:w-56 {
+    width: 14rem;
+  }
+
+  .xl\:w-60 {
+    width: 15rem;
+  }
+
+  .xl\:w-64 {
+    width: 16rem;
+  }
+
+  .xl\:w-72 {
+    width: 18rem;
+  }
+
+  .xl\:w-80 {
+    width: 20rem;
+  }
+
+  .xl\:w-96 {
+    width: 24rem;
+  }
+
+  .xl\:w-auto {
+    width: auto;
+  }
+
+  .xl\:w-px {
+    width: 1px;
+  }
+
+  .xl\:w-0\.5 {
+    width: 0.125rem;
+  }
+
+  .xl\:w-1\.5 {
+    width: 0.375rem;
+  }
+
+  .xl\:w-2\.5 {
+    width: 0.625rem;
+  }
+
+  .xl\:w-3\.5 {
+    width: 0.875rem;
+  }
+
+  .xl\:w-1\/2 {
+    width: 50%;
+  }
+
+  .xl\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .xl\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .xl\:w-1\/4 {
+    width: 25%;
+  }
+
+  .xl\:w-2\/4 {
+    width: 50%;
+  }
+
+  .xl\:w-3\/4 {
+    width: 75%;
+  }
+
+  .xl\:w-1\/5 {
+    width: 20%;
+  }
+
+  .xl\:w-2\/5 {
+    width: 40%;
+  }
+
+  .xl\:w-3\/5 {
+    width: 60%;
+  }
+
+  .xl\:w-4\/5 {
+    width: 80%;
+  }
+
+  .xl\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .xl\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .xl\:w-3\/6 {
+    width: 50%;
+  }
+
+  .xl\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .xl\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .xl\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .xl\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .xl\:w-3\/12 {
+    width: 25%;
+  }
+
+  .xl\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .xl\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .xl\:w-6\/12 {
+    width: 50%;
+  }
+
+  .xl\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .xl\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .xl\:w-9\/12 {
+    width: 75%;
+  }
+
+  .xl\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .xl\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .xl\:w-full {
+    width: 100%;
+  }
+
+  .xl\:w-screen {
+    width: 100vw;
+  }
+
+  .xl\:w-min {
+    width: -webkit-min-content;
+    width: min-content;
+  }
+
+  .xl\:w-max {
+    width: -webkit-max-content;
+    width: max-content;
+  }
+
+  .xl\:z-0 {
+    z-index: 0;
+  }
+
+  .xl\:z-10 {
+    z-index: 10;
+  }
+
+  .xl\:z-20 {
+    z-index: 20;
+  }
+
+  .xl\:z-30 {
+    z-index: 30;
+  }
+
+  .xl\:z-40 {
+    z-index: 40;
+  }
+
+  .xl\:z-50 {
+    z-index: 50;
+  }
+
+  .xl\:z-auto {
+    z-index: auto;
+  }
+
+  .xl\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .xl\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .xl\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .xl\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .xl\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .xl\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .xl\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
+  .xl\:focus\:z-0:focus {
+    z-index: 0;
+  }
+
+  .xl\:focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .xl\:focus\:z-20:focus {
+    z-index: 20;
+  }
+
+  .xl\:focus\:z-30:focus {
+    z-index: 30;
+  }
+
+  .xl\:focus\:z-40:focus {
+    z-index: 40;
+  }
+
+  .xl\:focus\:z-50:focus {
+    z-index: 50;
+  }
+
+  .xl\:focus\:z-auto:focus {
+    z-index: auto;
+  }
+
+  .xl\:gap-0 {
+    gap: 0px;
+  }
+
+  .xl\:gap-1 {
+    gap: 0.25rem;
+  }
+
+  .xl\:gap-2 {
+    gap: 0.5rem;
+  }
+
+  .xl\:gap-3 {
+    gap: 0.75rem;
+  }
+
+  .xl\:gap-4 {
+    gap: 1rem;
+  }
+
+  .xl\:gap-5 {
+    gap: 1.25rem;
+  }
+
+  .xl\:gap-6 {
+    gap: 1.5rem;
+  }
+
+  .xl\:gap-7 {
+    gap: 1.75rem;
+  }
+
+  .xl\:gap-8 {
+    gap: 2rem;
+  }
+
+  .xl\:gap-9 {
+    gap: 2.25rem;
+  }
+
+  .xl\:gap-10 {
+    gap: 2.5rem;
+  }
+
+  .xl\:gap-11 {
+    gap: 2.75rem;
+  }
+
+  .xl\:gap-12 {
+    gap: 3rem;
+  }
+
+  .xl\:gap-14 {
+    gap: 3.5rem;
+  }
+
+  .xl\:gap-16 {
+    gap: 4rem;
+  }
+
+  .xl\:gap-20 {
+    gap: 5rem;
+  }
+
+  .xl\:gap-24 {
+    gap: 6rem;
+  }
+
+  .xl\:gap-28 {
+    gap: 7rem;
+  }
+
+  .xl\:gap-32 {
+    gap: 8rem;
+  }
+
+  .xl\:gap-36 {
+    gap: 9rem;
+  }
+
+  .xl\:gap-40 {
+    gap: 10rem;
+  }
+
+  .xl\:gap-44 {
+    gap: 11rem;
+  }
+
+  .xl\:gap-48 {
+    gap: 12rem;
+  }
+
+  .xl\:gap-52 {
+    gap: 13rem;
+  }
+
+  .xl\:gap-56 {
+    gap: 14rem;
+  }
+
+  .xl\:gap-60 {
+    gap: 15rem;
+  }
+
+  .xl\:gap-64 {
+    gap: 16rem;
+  }
+
+  .xl\:gap-72 {
+    gap: 18rem;
+  }
+
+  .xl\:gap-80 {
+    gap: 20rem;
+  }
+
+  .xl\:gap-96 {
+    gap: 24rem;
+  }
+
+  .xl\:gap-px {
+    gap: 1px;
+  }
+
+  .xl\:gap-0\.5 {
+    gap: 0.125rem;
+  }
+
+  .xl\:gap-1\.5 {
+    gap: 0.375rem;
+  }
+
+  .xl\:gap-2\.5 {
+    gap: 0.625rem;
+  }
+
+  .xl\:gap-3\.5 {
+    gap: 0.875rem;
+  }
+
+  .xl\:gap-x-0 {
+    column-gap: 0px;
+  }
+
+  .xl\:gap-x-1 {
+    column-gap: 0.25rem;
+  }
+
+  .xl\:gap-x-2 {
+    column-gap: 0.5rem;
+  }
+
+  .xl\:gap-x-3 {
+    column-gap: 0.75rem;
+  }
+
+  .xl\:gap-x-4 {
+    column-gap: 1rem;
+  }
+
+  .xl\:gap-x-5 {
+    column-gap: 1.25rem;
+  }
+
+  .xl\:gap-x-6 {
+    column-gap: 1.5rem;
+  }
+
+  .xl\:gap-x-7 {
+    column-gap: 1.75rem;
+  }
+
+  .xl\:gap-x-8 {
+    column-gap: 2rem;
+  }
+
+  .xl\:gap-x-9 {
+    column-gap: 2.25rem;
+  }
+
+  .xl\:gap-x-10 {
+    column-gap: 2.5rem;
+  }
+
+  .xl\:gap-x-11 {
+    column-gap: 2.75rem;
+  }
+
+  .xl\:gap-x-12 {
+    column-gap: 3rem;
+  }
+
+  .xl\:gap-x-14 {
+    column-gap: 3.5rem;
+  }
+
+  .xl\:gap-x-16 {
+    column-gap: 4rem;
+  }
+
+  .xl\:gap-x-20 {
+    column-gap: 5rem;
+  }
+
+  .xl\:gap-x-24 {
+    column-gap: 6rem;
+  }
+
+  .xl\:gap-x-28 {
+    column-gap: 7rem;
+  }
+
+  .xl\:gap-x-32 {
+    column-gap: 8rem;
+  }
+
+  .xl\:gap-x-36 {
+    column-gap: 9rem;
+  }
+
+  .xl\:gap-x-40 {
+    column-gap: 10rem;
+  }
+
+  .xl\:gap-x-44 {
+    column-gap: 11rem;
+  }
+
+  .xl\:gap-x-48 {
+    column-gap: 12rem;
+  }
+
+  .xl\:gap-x-52 {
+    column-gap: 13rem;
+  }
+
+  .xl\:gap-x-56 {
+    column-gap: 14rem;
+  }
+
+  .xl\:gap-x-60 {
+    column-gap: 15rem;
+  }
+
+  .xl\:gap-x-64 {
+    column-gap: 16rem;
+  }
+
+  .xl\:gap-x-72 {
+    column-gap: 18rem;
+  }
+
+  .xl\:gap-x-80 {
+    column-gap: 20rem;
+  }
+
+  .xl\:gap-x-96 {
+    column-gap: 24rem;
+  }
+
+  .xl\:gap-x-px {
+    column-gap: 1px;
+  }
+
+  .xl\:gap-x-0\.5 {
+    column-gap: 0.125rem;
+  }
+
+  .xl\:gap-x-1\.5 {
+    column-gap: 0.375rem;
+  }
+
+  .xl\:gap-x-2\.5 {
+    column-gap: 0.625rem;
+  }
+
+  .xl\:gap-x-3\.5 {
+    column-gap: 0.875rem;
+  }
+
+  .xl\:gap-y-0 {
+    row-gap: 0px;
+  }
+
+  .xl\:gap-y-1 {
+    row-gap: 0.25rem;
+  }
+
+  .xl\:gap-y-2 {
+    row-gap: 0.5rem;
+  }
+
+  .xl\:gap-y-3 {
+    row-gap: 0.75rem;
+  }
+
+  .xl\:gap-y-4 {
+    row-gap: 1rem;
+  }
+
+  .xl\:gap-y-5 {
+    row-gap: 1.25rem;
+  }
+
+  .xl\:gap-y-6 {
+    row-gap: 1.5rem;
+  }
+
+  .xl\:gap-y-7 {
+    row-gap: 1.75rem;
+  }
+
+  .xl\:gap-y-8 {
+    row-gap: 2rem;
+  }
+
+  .xl\:gap-y-9 {
+    row-gap: 2.25rem;
+  }
+
+  .xl\:gap-y-10 {
+    row-gap: 2.5rem;
+  }
+
+  .xl\:gap-y-11 {
+    row-gap: 2.75rem;
+  }
+
+  .xl\:gap-y-12 {
+    row-gap: 3rem;
+  }
+
+  .xl\:gap-y-14 {
+    row-gap: 3.5rem;
+  }
+
+  .xl\:gap-y-16 {
+    row-gap: 4rem;
+  }
+
+  .xl\:gap-y-20 {
+    row-gap: 5rem;
+  }
+
+  .xl\:gap-y-24 {
+    row-gap: 6rem;
+  }
+
+  .xl\:gap-y-28 {
+    row-gap: 7rem;
+  }
+
+  .xl\:gap-y-32 {
+    row-gap: 8rem;
+  }
+
+  .xl\:gap-y-36 {
+    row-gap: 9rem;
+  }
+
+  .xl\:gap-y-40 {
+    row-gap: 10rem;
+  }
+
+  .xl\:gap-y-44 {
+    row-gap: 11rem;
+  }
+
+  .xl\:gap-y-48 {
+    row-gap: 12rem;
+  }
+
+  .xl\:gap-y-52 {
+    row-gap: 13rem;
+  }
+
+  .xl\:gap-y-56 {
+    row-gap: 14rem;
+  }
+
+  .xl\:gap-y-60 {
+    row-gap: 15rem;
+  }
+
+  .xl\:gap-y-64 {
+    row-gap: 16rem;
+  }
+
+  .xl\:gap-y-72 {
+    row-gap: 18rem;
+  }
+
+  .xl\:gap-y-80 {
+    row-gap: 20rem;
+  }
+
+  .xl\:gap-y-96 {
+    row-gap: 24rem;
+  }
+
+  .xl\:gap-y-px {
+    row-gap: 1px;
+  }
+
+  .xl\:gap-y-0\.5 {
+    row-gap: 0.125rem;
+  }
+
+  .xl\:gap-y-1\.5 {
+    row-gap: 0.375rem;
+  }
+
+  .xl\:gap-y-2\.5 {
+    row-gap: 0.625rem;
+  }
+
+  .xl\:gap-y-3\.5 {
+    row-gap: 0.875rem;
+  }
+
+  .xl\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .xl\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .xl\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .xl\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .xl\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .xl\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .xl\:auto-cols-min {
+    grid-auto-columns: -webkit-min-content;
+    grid-auto-columns: min-content;
+  }
+
+  .xl\:auto-cols-max {
+    grid-auto-columns: -webkit-max-content;
+    grid-auto-columns: max-content;
+  }
+
+  .xl\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .xl\:col-auto {
+    grid-column: auto;
+  }
+
+  .xl\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .xl\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .xl\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .xl\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .xl\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .xl\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .xl\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .xl\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .xl\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .xl\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .xl\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .xl\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .xl\:col-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .xl\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .xl\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .xl\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .xl\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .xl\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .xl\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .xl\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .xl\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .xl\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .xl\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .xl\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .xl\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .xl\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .xl\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .xl\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .xl\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .xl\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .xl\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .xl\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .xl\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .xl\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .xl\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .xl\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .xl\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .xl\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .xl\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .xl\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .xl\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .xl\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .xl\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .xl\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .xl\:auto-rows-min {
+    grid-auto-rows: -webkit-min-content;
+    grid-auto-rows: min-content;
+  }
+
+  .xl\:auto-rows-max {
+    grid-auto-rows: -webkit-max-content;
+    grid-auto-rows: max-content;
+  }
+
+  .xl\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .xl\:row-auto {
+    grid-row: auto;
+  }
+
+  .xl\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .xl\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .xl\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .xl\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .xl\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .xl\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .xl\:row-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .xl\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .xl\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .xl\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .xl\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .xl\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .xl\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .xl\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .xl\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .xl\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .xl\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .xl\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .xl\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .xl\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .xl\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .xl\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .xl\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .xl\:transform {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .xl\:transform-gpu {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .xl\:transform-none {
+    transform: none;
+  }
+
+  .xl\:origin-center {
+    transform-origin: center;
+  }
+
+  .xl\:origin-top {
+    transform-origin: top;
+  }
+
+  .xl\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .xl\:origin-right {
+    transform-origin: right;
+  }
+
+  .xl\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .xl\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .xl\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .xl\:origin-left {
+    transform-origin: left;
+  }
+
+  .xl\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .xl\:scale-0 {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .xl\:scale-50 {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .xl\:scale-75 {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .xl\:scale-90 {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .xl\:scale-95 {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .xl\:scale-100 {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .xl\:scale-105 {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .xl\:scale-110 {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .xl\:scale-125 {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .xl\:scale-150 {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .xl\:scale-x-0 {
+    --tw-scale-x: 0;
+  }
+
+  .xl\:scale-x-50 {
+    --tw-scale-x: .5;
+  }
+
+  .xl\:scale-x-75 {
+    --tw-scale-x: .75;
+  }
+
+  .xl\:scale-x-90 {
+    --tw-scale-x: .9;
+  }
+
+  .xl\:scale-x-95 {
+    --tw-scale-x: .95;
+  }
+
+  .xl\:scale-x-100 {
+    --tw-scale-x: 1;
+  }
+
+  .xl\:scale-x-105 {
+    --tw-scale-x: 1.05;
+  }
+
+  .xl\:scale-x-110 {
+    --tw-scale-x: 1.1;
+  }
+
+  .xl\:scale-x-125 {
+    --tw-scale-x: 1.25;
+  }
+
+  .xl\:scale-x-150 {
+    --tw-scale-x: 1.5;
+  }
+
+  .xl\:scale-y-0 {
+    --tw-scale-y: 0;
+  }
+
+  .xl\:scale-y-50 {
+    --tw-scale-y: .5;
+  }
+
+  .xl\:scale-y-75 {
+    --tw-scale-y: .75;
+  }
+
+  .xl\:scale-y-90 {
+    --tw-scale-y: .9;
+  }
+
+  .xl\:scale-y-95 {
+    --tw-scale-y: .95;
+  }
+
+  .xl\:scale-y-100 {
+    --tw-scale-y: 1;
+  }
+
+  .xl\:scale-y-105 {
+    --tw-scale-y: 1.05;
+  }
+
+  .xl\:scale-y-110 {
+    --tw-scale-y: 1.1;
+  }
+
+  .xl\:scale-y-125 {
+    --tw-scale-y: 1.25;
+  }
+
+  .xl\:scale-y-150 {
+    --tw-scale-y: 1.5;
+  }
+
+  .xl\:hover\:scale-0:hover {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .xl\:hover\:scale-50:hover {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .xl\:hover\:scale-75:hover {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .xl\:hover\:scale-90:hover {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .xl\:hover\:scale-95:hover {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .xl\:hover\:scale-100:hover {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .xl\:hover\:scale-105:hover {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .xl\:hover\:scale-110:hover {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .xl\:hover\:scale-125:hover {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .xl\:hover\:scale-150:hover {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .xl\:hover\:scale-x-0:hover {
+    --tw-scale-x: 0;
+  }
+
+  .xl\:hover\:scale-x-50:hover {
+    --tw-scale-x: .5;
+  }
+
+  .xl\:hover\:scale-x-75:hover {
+    --tw-scale-x: .75;
+  }
+
+  .xl\:hover\:scale-x-90:hover {
+    --tw-scale-x: .9;
+  }
+
+  .xl\:hover\:scale-x-95:hover {
+    --tw-scale-x: .95;
+  }
+
+  .xl\:hover\:scale-x-100:hover {
+    --tw-scale-x: 1;
+  }
+
+  .xl\:hover\:scale-x-105:hover {
+    --tw-scale-x: 1.05;
+  }
+
+  .xl\:hover\:scale-x-110:hover {
+    --tw-scale-x: 1.1;
+  }
+
+  .xl\:hover\:scale-x-125:hover {
+    --tw-scale-x: 1.25;
+  }
+
+  .xl\:hover\:scale-x-150:hover {
+    --tw-scale-x: 1.5;
+  }
+
+  .xl\:hover\:scale-y-0:hover {
+    --tw-scale-y: 0;
+  }
+
+  .xl\:hover\:scale-y-50:hover {
+    --tw-scale-y: .5;
+  }
+
+  .xl\:hover\:scale-y-75:hover {
+    --tw-scale-y: .75;
+  }
+
+  .xl\:hover\:scale-y-90:hover {
+    --tw-scale-y: .9;
+  }
+
+  .xl\:hover\:scale-y-95:hover {
+    --tw-scale-y: .95;
+  }
+
+  .xl\:hover\:scale-y-100:hover {
+    --tw-scale-y: 1;
+  }
+
+  .xl\:hover\:scale-y-105:hover {
+    --tw-scale-y: 1.05;
+  }
+
+  .xl\:hover\:scale-y-110:hover {
+    --tw-scale-y: 1.1;
+  }
+
+  .xl\:hover\:scale-y-125:hover {
+    --tw-scale-y: 1.25;
+  }
+
+  .xl\:hover\:scale-y-150:hover {
+    --tw-scale-y: 1.5;
+  }
+
+  .xl\:focus\:scale-0:focus {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .xl\:focus\:scale-50:focus {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .xl\:focus\:scale-75:focus {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .xl\:focus\:scale-90:focus {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .xl\:focus\:scale-95:focus {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .xl\:focus\:scale-100:focus {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .xl\:focus\:scale-105:focus {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .xl\:focus\:scale-110:focus {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .xl\:focus\:scale-125:focus {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .xl\:focus\:scale-150:focus {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .xl\:focus\:scale-x-0:focus {
+    --tw-scale-x: 0;
+  }
+
+  .xl\:focus\:scale-x-50:focus {
+    --tw-scale-x: .5;
+  }
+
+  .xl\:focus\:scale-x-75:focus {
+    --tw-scale-x: .75;
+  }
+
+  .xl\:focus\:scale-x-90:focus {
+    --tw-scale-x: .9;
+  }
+
+  .xl\:focus\:scale-x-95:focus {
+    --tw-scale-x: .95;
+  }
+
+  .xl\:focus\:scale-x-100:focus {
+    --tw-scale-x: 1;
+  }
+
+  .xl\:focus\:scale-x-105:focus {
+    --tw-scale-x: 1.05;
+  }
+
+  .xl\:focus\:scale-x-110:focus {
+    --tw-scale-x: 1.1;
+  }
+
+  .xl\:focus\:scale-x-125:focus {
+    --tw-scale-x: 1.25;
+  }
+
+  .xl\:focus\:scale-x-150:focus {
+    --tw-scale-x: 1.5;
+  }
+
+  .xl\:focus\:scale-y-0:focus {
+    --tw-scale-y: 0;
+  }
+
+  .xl\:focus\:scale-y-50:focus {
+    --tw-scale-y: .5;
+  }
+
+  .xl\:focus\:scale-y-75:focus {
+    --tw-scale-y: .75;
+  }
+
+  .xl\:focus\:scale-y-90:focus {
+    --tw-scale-y: .9;
+  }
+
+  .xl\:focus\:scale-y-95:focus {
+    --tw-scale-y: .95;
+  }
+
+  .xl\:focus\:scale-y-100:focus {
+    --tw-scale-y: 1;
+  }
+
+  .xl\:focus\:scale-y-105:focus {
+    --tw-scale-y: 1.05;
+  }
+
+  .xl\:focus\:scale-y-110:focus {
+    --tw-scale-y: 1.1;
+  }
+
+  .xl\:focus\:scale-y-125:focus {
+    --tw-scale-y: 1.25;
+  }
+
+  .xl\:focus\:scale-y-150:focus {
+    --tw-scale-y: 1.5;
+  }
+
+  .xl\:rotate-0 {
+    --tw-rotate: 0deg;
+  }
+
+  .xl\:rotate-1 {
+    --tw-rotate: 1deg;
+  }
+
+  .xl\:rotate-2 {
+    --tw-rotate: 2deg;
+  }
+
+  .xl\:rotate-3 {
+    --tw-rotate: 3deg;
+  }
+
+  .xl\:rotate-6 {
+    --tw-rotate: 6deg;
+  }
+
+  .xl\:rotate-12 {
+    --tw-rotate: 12deg;
+  }
+
+  .xl\:rotate-45 {
+    --tw-rotate: 45deg;
+  }
+
+  .xl\:rotate-90 {
+    --tw-rotate: 90deg;
+  }
+
+  .xl\:rotate-180 {
+    --tw-rotate: 180deg;
+  }
+
+  .xl\:-rotate-180 {
+    --tw-rotate: -180deg;
+  }
+
+  .xl\:-rotate-90 {
+    --tw-rotate: -90deg;
+  }
+
+  .xl\:-rotate-45 {
+    --tw-rotate: -45deg;
+  }
+
+  .xl\:-rotate-12 {
+    --tw-rotate: -12deg;
+  }
+
+  .xl\:-rotate-6 {
+    --tw-rotate: -6deg;
+  }
+
+  .xl\:-rotate-3 {
+    --tw-rotate: -3deg;
+  }
+
+  .xl\:-rotate-2 {
+    --tw-rotate: -2deg;
+  }
+
+  .xl\:-rotate-1 {
+    --tw-rotate: -1deg;
+  }
+
+  .xl\:hover\:rotate-0:hover {
+    --tw-rotate: 0deg;
+  }
+
+  .xl\:hover\:rotate-1:hover {
+    --tw-rotate: 1deg;
+  }
+
+  .xl\:hover\:rotate-2:hover {
+    --tw-rotate: 2deg;
+  }
+
+  .xl\:hover\:rotate-3:hover {
+    --tw-rotate: 3deg;
+  }
+
+  .xl\:hover\:rotate-6:hover {
+    --tw-rotate: 6deg;
+  }
+
+  .xl\:hover\:rotate-12:hover {
+    --tw-rotate: 12deg;
+  }
+
+  .xl\:hover\:rotate-45:hover {
+    --tw-rotate: 45deg;
+  }
+
+  .xl\:hover\:rotate-90:hover {
+    --tw-rotate: 90deg;
+  }
+
+  .xl\:hover\:rotate-180:hover {
+    --tw-rotate: 180deg;
+  }
+
+  .xl\:hover\:-rotate-180:hover {
+    --tw-rotate: -180deg;
+  }
+
+  .xl\:hover\:-rotate-90:hover {
+    --tw-rotate: -90deg;
+  }
+
+  .xl\:hover\:-rotate-45:hover {
+    --tw-rotate: -45deg;
+  }
+
+  .xl\:hover\:-rotate-12:hover {
+    --tw-rotate: -12deg;
+  }
+
+  .xl\:hover\:-rotate-6:hover {
+    --tw-rotate: -6deg;
+  }
+
+  .xl\:hover\:-rotate-3:hover {
+    --tw-rotate: -3deg;
+  }
+
+  .xl\:hover\:-rotate-2:hover {
+    --tw-rotate: -2deg;
+  }
+
+  .xl\:hover\:-rotate-1:hover {
+    --tw-rotate: -1deg;
+  }
+
+  .xl\:focus\:rotate-0:focus {
+    --tw-rotate: 0deg;
+  }
+
+  .xl\:focus\:rotate-1:focus {
+    --tw-rotate: 1deg;
+  }
+
+  .xl\:focus\:rotate-2:focus {
+    --tw-rotate: 2deg;
+  }
+
+  .xl\:focus\:rotate-3:focus {
+    --tw-rotate: 3deg;
+  }
+
+  .xl\:focus\:rotate-6:focus {
+    --tw-rotate: 6deg;
+  }
+
+  .xl\:focus\:rotate-12:focus {
+    --tw-rotate: 12deg;
+  }
+
+  .xl\:focus\:rotate-45:focus {
+    --tw-rotate: 45deg;
+  }
+
+  .xl\:focus\:rotate-90:focus {
+    --tw-rotate: 90deg;
+  }
+
+  .xl\:focus\:rotate-180:focus {
+    --tw-rotate: 180deg;
+  }
+
+  .xl\:focus\:-rotate-180:focus {
+    --tw-rotate: -180deg;
+  }
+
+  .xl\:focus\:-rotate-90:focus {
+    --tw-rotate: -90deg;
+  }
+
+  .xl\:focus\:-rotate-45:focus {
+    --tw-rotate: -45deg;
+  }
+
+  .xl\:focus\:-rotate-12:focus {
+    --tw-rotate: -12deg;
+  }
+
+  .xl\:focus\:-rotate-6:focus {
+    --tw-rotate: -6deg;
+  }
+
+  .xl\:focus\:-rotate-3:focus {
+    --tw-rotate: -3deg;
+  }
+
+  .xl\:focus\:-rotate-2:focus {
+    --tw-rotate: -2deg;
+  }
+
+  .xl\:focus\:-rotate-1:focus {
+    --tw-rotate: -1deg;
+  }
+
+  .xl\:translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .xl\:translate-x-1 {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .xl\:translate-x-2 {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .xl\:translate-x-3 {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .xl\:translate-x-4 {
+    --tw-translate-x: 1rem;
+  }
+
+  .xl\:translate-x-5 {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .xl\:translate-x-6 {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .xl\:translate-x-7 {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .xl\:translate-x-8 {
+    --tw-translate-x: 2rem;
+  }
+
+  .xl\:translate-x-9 {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .xl\:translate-x-10 {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .xl\:translate-x-11 {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .xl\:translate-x-12 {
+    --tw-translate-x: 3rem;
+  }
+
+  .xl\:translate-x-14 {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .xl\:translate-x-16 {
+    --tw-translate-x: 4rem;
+  }
+
+  .xl\:translate-x-20 {
+    --tw-translate-x: 5rem;
+  }
+
+  .xl\:translate-x-24 {
+    --tw-translate-x: 6rem;
+  }
+
+  .xl\:translate-x-28 {
+    --tw-translate-x: 7rem;
+  }
+
+  .xl\:translate-x-32 {
+    --tw-translate-x: 8rem;
+  }
+
+  .xl\:translate-x-36 {
+    --tw-translate-x: 9rem;
+  }
+
+  .xl\:translate-x-40 {
+    --tw-translate-x: 10rem;
+  }
+
+  .xl\:translate-x-44 {
+    --tw-translate-x: 11rem;
+  }
+
+  .xl\:translate-x-48 {
+    --tw-translate-x: 12rem;
+  }
+
+  .xl\:translate-x-52 {
+    --tw-translate-x: 13rem;
+  }
+
+  .xl\:translate-x-56 {
+    --tw-translate-x: 14rem;
+  }
+
+  .xl\:translate-x-60 {
+    --tw-translate-x: 15rem;
+  }
+
+  .xl\:translate-x-64 {
+    --tw-translate-x: 16rem;
+  }
+
+  .xl\:translate-x-72 {
+    --tw-translate-x: 18rem;
+  }
+
+  .xl\:translate-x-80 {
+    --tw-translate-x: 20rem;
+  }
+
+  .xl\:translate-x-96 {
+    --tw-translate-x: 24rem;
+  }
+
+  .xl\:translate-x-px {
+    --tw-translate-x: 1px;
+  }
+
+  .xl\:translate-x-0\.5 {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .xl\:translate-x-1\.5 {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .xl\:translate-x-2\.5 {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .xl\:translate-x-3\.5 {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .xl\:-translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .xl\:-translate-x-1 {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .xl\:-translate-x-2 {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .xl\:-translate-x-3 {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .xl\:-translate-x-4 {
+    --tw-translate-x: -1rem;
+  }
+
+  .xl\:-translate-x-5 {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .xl\:-translate-x-6 {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .xl\:-translate-x-7 {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .xl\:-translate-x-8 {
+    --tw-translate-x: -2rem;
+  }
+
+  .xl\:-translate-x-9 {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .xl\:-translate-x-10 {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .xl\:-translate-x-11 {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .xl\:-translate-x-12 {
+    --tw-translate-x: -3rem;
+  }
+
+  .xl\:-translate-x-14 {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .xl\:-translate-x-16 {
+    --tw-translate-x: -4rem;
+  }
+
+  .xl\:-translate-x-20 {
+    --tw-translate-x: -5rem;
+  }
+
+  .xl\:-translate-x-24 {
+    --tw-translate-x: -6rem;
+  }
+
+  .xl\:-translate-x-28 {
+    --tw-translate-x: -7rem;
+  }
+
+  .xl\:-translate-x-32 {
+    --tw-translate-x: -8rem;
+  }
+
+  .xl\:-translate-x-36 {
+    --tw-translate-x: -9rem;
+  }
+
+  .xl\:-translate-x-40 {
+    --tw-translate-x: -10rem;
+  }
+
+  .xl\:-translate-x-44 {
+    --tw-translate-x: -11rem;
+  }
+
+  .xl\:-translate-x-48 {
+    --tw-translate-x: -12rem;
+  }
+
+  .xl\:-translate-x-52 {
+    --tw-translate-x: -13rem;
+  }
+
+  .xl\:-translate-x-56 {
+    --tw-translate-x: -14rem;
+  }
+
+  .xl\:-translate-x-60 {
+    --tw-translate-x: -15rem;
+  }
+
+  .xl\:-translate-x-64 {
+    --tw-translate-x: -16rem;
+  }
+
+  .xl\:-translate-x-72 {
+    --tw-translate-x: -18rem;
+  }
+
+  .xl\:-translate-x-80 {
+    --tw-translate-x: -20rem;
+  }
+
+  .xl\:-translate-x-96 {
+    --tw-translate-x: -24rem;
+  }
+
+  .xl\:-translate-x-px {
+    --tw-translate-x: -1px;
+  }
+
+  .xl\:-translate-x-0\.5 {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .xl\:-translate-x-1\.5 {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .xl\:-translate-x-2\.5 {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .xl\:-translate-x-3\.5 {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .xl\:translate-x-1\/2 {
+    --tw-translate-x: 50%;
+  }
+
+  .xl\:translate-x-1\/3 {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .xl\:translate-x-2\/3 {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .xl\:translate-x-1\/4 {
+    --tw-translate-x: 25%;
+  }
+
+  .xl\:translate-x-2\/4 {
+    --tw-translate-x: 50%;
+  }
+
+  .xl\:translate-x-3\/4 {
+    --tw-translate-x: 75%;
+  }
+
+  .xl\:translate-x-full {
+    --tw-translate-x: 100%;
+  }
+
+  .xl\:-translate-x-1\/2 {
+    --tw-translate-x: -50%;
+  }
+
+  .xl\:-translate-x-1\/3 {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .xl\:-translate-x-2\/3 {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .xl\:-translate-x-1\/4 {
+    --tw-translate-x: -25%;
+  }
+
+  .xl\:-translate-x-2\/4 {
+    --tw-translate-x: -50%;
+  }
+
+  .xl\:-translate-x-3\/4 {
+    --tw-translate-x: -75%;
+  }
+
+  .xl\:-translate-x-full {
+    --tw-translate-x: -100%;
+  }
+
+  .xl\:translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .xl\:translate-y-1 {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .xl\:translate-y-2 {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .xl\:translate-y-3 {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .xl\:translate-y-4 {
+    --tw-translate-y: 1rem;
+  }
+
+  .xl\:translate-y-5 {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .xl\:translate-y-6 {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .xl\:translate-y-7 {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .xl\:translate-y-8 {
+    --tw-translate-y: 2rem;
+  }
+
+  .xl\:translate-y-9 {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .xl\:translate-y-10 {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .xl\:translate-y-11 {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .xl\:translate-y-12 {
+    --tw-translate-y: 3rem;
+  }
+
+  .xl\:translate-y-14 {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .xl\:translate-y-16 {
+    --tw-translate-y: 4rem;
+  }
+
+  .xl\:translate-y-20 {
+    --tw-translate-y: 5rem;
+  }
+
+  .xl\:translate-y-24 {
+    --tw-translate-y: 6rem;
+  }
+
+  .xl\:translate-y-28 {
+    --tw-translate-y: 7rem;
+  }
+
+  .xl\:translate-y-32 {
+    --tw-translate-y: 8rem;
+  }
+
+  .xl\:translate-y-36 {
+    --tw-translate-y: 9rem;
+  }
+
+  .xl\:translate-y-40 {
+    --tw-translate-y: 10rem;
+  }
+
+  .xl\:translate-y-44 {
+    --tw-translate-y: 11rem;
+  }
+
+  .xl\:translate-y-48 {
+    --tw-translate-y: 12rem;
+  }
+
+  .xl\:translate-y-52 {
+    --tw-translate-y: 13rem;
+  }
+
+  .xl\:translate-y-56 {
+    --tw-translate-y: 14rem;
+  }
+
+  .xl\:translate-y-60 {
+    --tw-translate-y: 15rem;
+  }
+
+  .xl\:translate-y-64 {
+    --tw-translate-y: 16rem;
+  }
+
+  .xl\:translate-y-72 {
+    --tw-translate-y: 18rem;
+  }
+
+  .xl\:translate-y-80 {
+    --tw-translate-y: 20rem;
+  }
+
+  .xl\:translate-y-96 {
+    --tw-translate-y: 24rem;
+  }
+
+  .xl\:translate-y-px {
+    --tw-translate-y: 1px;
+  }
+
+  .xl\:translate-y-0\.5 {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .xl\:translate-y-1\.5 {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .xl\:translate-y-2\.5 {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .xl\:translate-y-3\.5 {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .xl\:-translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .xl\:-translate-y-1 {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .xl\:-translate-y-2 {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .xl\:-translate-y-3 {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .xl\:-translate-y-4 {
+    --tw-translate-y: -1rem;
+  }
+
+  .xl\:-translate-y-5 {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .xl\:-translate-y-6 {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .xl\:-translate-y-7 {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .xl\:-translate-y-8 {
+    --tw-translate-y: -2rem;
+  }
+
+  .xl\:-translate-y-9 {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .xl\:-translate-y-10 {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .xl\:-translate-y-11 {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .xl\:-translate-y-12 {
+    --tw-translate-y: -3rem;
+  }
+
+  .xl\:-translate-y-14 {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .xl\:-translate-y-16 {
+    --tw-translate-y: -4rem;
+  }
+
+  .xl\:-translate-y-20 {
+    --tw-translate-y: -5rem;
+  }
+
+  .xl\:-translate-y-24 {
+    --tw-translate-y: -6rem;
+  }
+
+  .xl\:-translate-y-28 {
+    --tw-translate-y: -7rem;
+  }
+
+  .xl\:-translate-y-32 {
+    --tw-translate-y: -8rem;
+  }
+
+  .xl\:-translate-y-36 {
+    --tw-translate-y: -9rem;
+  }
+
+  .xl\:-translate-y-40 {
+    --tw-translate-y: -10rem;
+  }
+
+  .xl\:-translate-y-44 {
+    --tw-translate-y: -11rem;
+  }
+
+  .xl\:-translate-y-48 {
+    --tw-translate-y: -12rem;
+  }
+
+  .xl\:-translate-y-52 {
+    --tw-translate-y: -13rem;
+  }
+
+  .xl\:-translate-y-56 {
+    --tw-translate-y: -14rem;
+  }
+
+  .xl\:-translate-y-60 {
+    --tw-translate-y: -15rem;
+  }
+
+  .xl\:-translate-y-64 {
+    --tw-translate-y: -16rem;
+  }
+
+  .xl\:-translate-y-72 {
+    --tw-translate-y: -18rem;
+  }
+
+  .xl\:-translate-y-80 {
+    --tw-translate-y: -20rem;
+  }
+
+  .xl\:-translate-y-96 {
+    --tw-translate-y: -24rem;
+  }
+
+  .xl\:-translate-y-px {
+    --tw-translate-y: -1px;
+  }
+
+  .xl\:-translate-y-0\.5 {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .xl\:-translate-y-1\.5 {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .xl\:-translate-y-2\.5 {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .xl\:-translate-y-3\.5 {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .xl\:translate-y-1\/2 {
+    --tw-translate-y: 50%;
+  }
+
+  .xl\:translate-y-1\/3 {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .xl\:translate-y-2\/3 {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .xl\:translate-y-1\/4 {
+    --tw-translate-y: 25%;
+  }
+
+  .xl\:translate-y-2\/4 {
+    --tw-translate-y: 50%;
+  }
+
+  .xl\:translate-y-3\/4 {
+    --tw-translate-y: 75%;
+  }
+
+  .xl\:translate-y-full {
+    --tw-translate-y: 100%;
+  }
+
+  .xl\:-translate-y-1\/2 {
+    --tw-translate-y: -50%;
+  }
+
+  .xl\:-translate-y-1\/3 {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .xl\:-translate-y-2\/3 {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .xl\:-translate-y-1\/4 {
+    --tw-translate-y: -25%;
+  }
+
+  .xl\:-translate-y-2\/4 {
+    --tw-translate-y: -50%;
+  }
+
+  .xl\:-translate-y-3\/4 {
+    --tw-translate-y: -75%;
+  }
+
+  .xl\:-translate-y-full {
+    --tw-translate-y: -100%;
+  }
+
+  .xl\:hover\:translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .xl\:hover\:translate-x-1:hover {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .xl\:hover\:translate-x-2:hover {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .xl\:hover\:translate-x-3:hover {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .xl\:hover\:translate-x-4:hover {
+    --tw-translate-x: 1rem;
+  }
+
+  .xl\:hover\:translate-x-5:hover {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .xl\:hover\:translate-x-6:hover {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .xl\:hover\:translate-x-7:hover {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .xl\:hover\:translate-x-8:hover {
+    --tw-translate-x: 2rem;
+  }
+
+  .xl\:hover\:translate-x-9:hover {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .xl\:hover\:translate-x-10:hover {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .xl\:hover\:translate-x-11:hover {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .xl\:hover\:translate-x-12:hover {
+    --tw-translate-x: 3rem;
+  }
+
+  .xl\:hover\:translate-x-14:hover {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .xl\:hover\:translate-x-16:hover {
+    --tw-translate-x: 4rem;
+  }
+
+  .xl\:hover\:translate-x-20:hover {
+    --tw-translate-x: 5rem;
+  }
+
+  .xl\:hover\:translate-x-24:hover {
+    --tw-translate-x: 6rem;
+  }
+
+  .xl\:hover\:translate-x-28:hover {
+    --tw-translate-x: 7rem;
+  }
+
+  .xl\:hover\:translate-x-32:hover {
+    --tw-translate-x: 8rem;
+  }
+
+  .xl\:hover\:translate-x-36:hover {
+    --tw-translate-x: 9rem;
+  }
+
+  .xl\:hover\:translate-x-40:hover {
+    --tw-translate-x: 10rem;
+  }
+
+  .xl\:hover\:translate-x-44:hover {
+    --tw-translate-x: 11rem;
+  }
+
+  .xl\:hover\:translate-x-48:hover {
+    --tw-translate-x: 12rem;
+  }
+
+  .xl\:hover\:translate-x-52:hover {
+    --tw-translate-x: 13rem;
+  }
+
+  .xl\:hover\:translate-x-56:hover {
+    --tw-translate-x: 14rem;
+  }
+
+  .xl\:hover\:translate-x-60:hover {
+    --tw-translate-x: 15rem;
+  }
+
+  .xl\:hover\:translate-x-64:hover {
+    --tw-translate-x: 16rem;
+  }
+
+  .xl\:hover\:translate-x-72:hover {
+    --tw-translate-x: 18rem;
+  }
+
+  .xl\:hover\:translate-x-80:hover {
+    --tw-translate-x: 20rem;
+  }
+
+  .xl\:hover\:translate-x-96:hover {
+    --tw-translate-x: 24rem;
+  }
+
+  .xl\:hover\:translate-x-px:hover {
+    --tw-translate-x: 1px;
+  }
+
+  .xl\:hover\:translate-x-0\.5:hover {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .xl\:hover\:translate-x-1\.5:hover {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .xl\:hover\:translate-x-2\.5:hover {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .xl\:hover\:translate-x-3\.5:hover {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .xl\:hover\:-translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .xl\:hover\:-translate-x-1:hover {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .xl\:hover\:-translate-x-2:hover {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .xl\:hover\:-translate-x-3:hover {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .xl\:hover\:-translate-x-4:hover {
+    --tw-translate-x: -1rem;
+  }
+
+  .xl\:hover\:-translate-x-5:hover {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .xl\:hover\:-translate-x-6:hover {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .xl\:hover\:-translate-x-7:hover {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .xl\:hover\:-translate-x-8:hover {
+    --tw-translate-x: -2rem;
+  }
+
+  .xl\:hover\:-translate-x-9:hover {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .xl\:hover\:-translate-x-10:hover {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .xl\:hover\:-translate-x-11:hover {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .xl\:hover\:-translate-x-12:hover {
+    --tw-translate-x: -3rem;
+  }
+
+  .xl\:hover\:-translate-x-14:hover {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .xl\:hover\:-translate-x-16:hover {
+    --tw-translate-x: -4rem;
+  }
+
+  .xl\:hover\:-translate-x-20:hover {
+    --tw-translate-x: -5rem;
+  }
+
+  .xl\:hover\:-translate-x-24:hover {
+    --tw-translate-x: -6rem;
+  }
+
+  .xl\:hover\:-translate-x-28:hover {
+    --tw-translate-x: -7rem;
+  }
+
+  .xl\:hover\:-translate-x-32:hover {
+    --tw-translate-x: -8rem;
+  }
+
+  .xl\:hover\:-translate-x-36:hover {
+    --tw-translate-x: -9rem;
+  }
+
+  .xl\:hover\:-translate-x-40:hover {
+    --tw-translate-x: -10rem;
+  }
+
+  .xl\:hover\:-translate-x-44:hover {
+    --tw-translate-x: -11rem;
+  }
+
+  .xl\:hover\:-translate-x-48:hover {
+    --tw-translate-x: -12rem;
+  }
+
+  .xl\:hover\:-translate-x-52:hover {
+    --tw-translate-x: -13rem;
+  }
+
+  .xl\:hover\:-translate-x-56:hover {
+    --tw-translate-x: -14rem;
+  }
+
+  .xl\:hover\:-translate-x-60:hover {
+    --tw-translate-x: -15rem;
+  }
+
+  .xl\:hover\:-translate-x-64:hover {
+    --tw-translate-x: -16rem;
+  }
+
+  .xl\:hover\:-translate-x-72:hover {
+    --tw-translate-x: -18rem;
+  }
+
+  .xl\:hover\:-translate-x-80:hover {
+    --tw-translate-x: -20rem;
+  }
+
+  .xl\:hover\:-translate-x-96:hover {
+    --tw-translate-x: -24rem;
+  }
+
+  .xl\:hover\:-translate-x-px:hover {
+    --tw-translate-x: -1px;
+  }
+
+  .xl\:hover\:-translate-x-0\.5:hover {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .xl\:hover\:-translate-x-1\.5:hover {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .xl\:hover\:-translate-x-2\.5:hover {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .xl\:hover\:-translate-x-3\.5:hover {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .xl\:hover\:translate-x-1\/2:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .xl\:hover\:translate-x-1\/3:hover {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .xl\:hover\:translate-x-2\/3:hover {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .xl\:hover\:translate-x-1\/4:hover {
+    --tw-translate-x: 25%;
+  }
+
+  .xl\:hover\:translate-x-2\/4:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .xl\:hover\:translate-x-3\/4:hover {
+    --tw-translate-x: 75%;
+  }
+
+  .xl\:hover\:translate-x-full:hover {
+    --tw-translate-x: 100%;
+  }
+
+  .xl\:hover\:-translate-x-1\/2:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .xl\:hover\:-translate-x-1\/3:hover {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .xl\:hover\:-translate-x-2\/3:hover {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .xl\:hover\:-translate-x-1\/4:hover {
+    --tw-translate-x: -25%;
+  }
+
+  .xl\:hover\:-translate-x-2\/4:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .xl\:hover\:-translate-x-3\/4:hover {
+    --tw-translate-x: -75%;
+  }
+
+  .xl\:hover\:-translate-x-full:hover {
+    --tw-translate-x: -100%;
+  }
+
+  .xl\:hover\:translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .xl\:hover\:translate-y-1:hover {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .xl\:hover\:translate-y-2:hover {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .xl\:hover\:translate-y-3:hover {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .xl\:hover\:translate-y-4:hover {
+    --tw-translate-y: 1rem;
+  }
+
+  .xl\:hover\:translate-y-5:hover {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .xl\:hover\:translate-y-6:hover {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .xl\:hover\:translate-y-7:hover {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .xl\:hover\:translate-y-8:hover {
+    --tw-translate-y: 2rem;
+  }
+
+  .xl\:hover\:translate-y-9:hover {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .xl\:hover\:translate-y-10:hover {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .xl\:hover\:translate-y-11:hover {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .xl\:hover\:translate-y-12:hover {
+    --tw-translate-y: 3rem;
+  }
+
+  .xl\:hover\:translate-y-14:hover {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .xl\:hover\:translate-y-16:hover {
+    --tw-translate-y: 4rem;
+  }
+
+  .xl\:hover\:translate-y-20:hover {
+    --tw-translate-y: 5rem;
+  }
+
+  .xl\:hover\:translate-y-24:hover {
+    --tw-translate-y: 6rem;
+  }
+
+  .xl\:hover\:translate-y-28:hover {
+    --tw-translate-y: 7rem;
+  }
+
+  .xl\:hover\:translate-y-32:hover {
+    --tw-translate-y: 8rem;
+  }
+
+  .xl\:hover\:translate-y-36:hover {
+    --tw-translate-y: 9rem;
+  }
+
+  .xl\:hover\:translate-y-40:hover {
+    --tw-translate-y: 10rem;
+  }
+
+  .xl\:hover\:translate-y-44:hover {
+    --tw-translate-y: 11rem;
+  }
+
+  .xl\:hover\:translate-y-48:hover {
+    --tw-translate-y: 12rem;
+  }
+
+  .xl\:hover\:translate-y-52:hover {
+    --tw-translate-y: 13rem;
+  }
+
+  .xl\:hover\:translate-y-56:hover {
+    --tw-translate-y: 14rem;
+  }
+
+  .xl\:hover\:translate-y-60:hover {
+    --tw-translate-y: 15rem;
+  }
+
+  .xl\:hover\:translate-y-64:hover {
+    --tw-translate-y: 16rem;
+  }
+
+  .xl\:hover\:translate-y-72:hover {
+    --tw-translate-y: 18rem;
+  }
+
+  .xl\:hover\:translate-y-80:hover {
+    --tw-translate-y: 20rem;
+  }
+
+  .xl\:hover\:translate-y-96:hover {
+    --tw-translate-y: 24rem;
+  }
+
+  .xl\:hover\:translate-y-px:hover {
+    --tw-translate-y: 1px;
+  }
+
+  .xl\:hover\:translate-y-0\.5:hover {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .xl\:hover\:translate-y-1\.5:hover {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .xl\:hover\:translate-y-2\.5:hover {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .xl\:hover\:translate-y-3\.5:hover {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .xl\:hover\:-translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .xl\:hover\:-translate-y-1:hover {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .xl\:hover\:-translate-y-2:hover {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .xl\:hover\:-translate-y-3:hover {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .xl\:hover\:-translate-y-4:hover {
+    --tw-translate-y: -1rem;
+  }
+
+  .xl\:hover\:-translate-y-5:hover {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .xl\:hover\:-translate-y-6:hover {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .xl\:hover\:-translate-y-7:hover {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .xl\:hover\:-translate-y-8:hover {
+    --tw-translate-y: -2rem;
+  }
+
+  .xl\:hover\:-translate-y-9:hover {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .xl\:hover\:-translate-y-10:hover {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .xl\:hover\:-translate-y-11:hover {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .xl\:hover\:-translate-y-12:hover {
+    --tw-translate-y: -3rem;
+  }
+
+  .xl\:hover\:-translate-y-14:hover {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .xl\:hover\:-translate-y-16:hover {
+    --tw-translate-y: -4rem;
+  }
+
+  .xl\:hover\:-translate-y-20:hover {
+    --tw-translate-y: -5rem;
+  }
+
+  .xl\:hover\:-translate-y-24:hover {
+    --tw-translate-y: -6rem;
+  }
+
+  .xl\:hover\:-translate-y-28:hover {
+    --tw-translate-y: -7rem;
+  }
+
+  .xl\:hover\:-translate-y-32:hover {
+    --tw-translate-y: -8rem;
+  }
+
+  .xl\:hover\:-translate-y-36:hover {
+    --tw-translate-y: -9rem;
+  }
+
+  .xl\:hover\:-translate-y-40:hover {
+    --tw-translate-y: -10rem;
+  }
+
+  .xl\:hover\:-translate-y-44:hover {
+    --tw-translate-y: -11rem;
+  }
+
+  .xl\:hover\:-translate-y-48:hover {
+    --tw-translate-y: -12rem;
+  }
+
+  .xl\:hover\:-translate-y-52:hover {
+    --tw-translate-y: -13rem;
+  }
+
+  .xl\:hover\:-translate-y-56:hover {
+    --tw-translate-y: -14rem;
+  }
+
+  .xl\:hover\:-translate-y-60:hover {
+    --tw-translate-y: -15rem;
+  }
+
+  .xl\:hover\:-translate-y-64:hover {
+    --tw-translate-y: -16rem;
+  }
+
+  .xl\:hover\:-translate-y-72:hover {
+    --tw-translate-y: -18rem;
+  }
+
+  .xl\:hover\:-translate-y-80:hover {
+    --tw-translate-y: -20rem;
+  }
+
+  .xl\:hover\:-translate-y-96:hover {
+    --tw-translate-y: -24rem;
+  }
+
+  .xl\:hover\:-translate-y-px:hover {
+    --tw-translate-y: -1px;
+  }
+
+  .xl\:hover\:-translate-y-0\.5:hover {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .xl\:hover\:-translate-y-1\.5:hover {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .xl\:hover\:-translate-y-2\.5:hover {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .xl\:hover\:-translate-y-3\.5:hover {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .xl\:hover\:translate-y-1\/2:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .xl\:hover\:translate-y-1\/3:hover {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .xl\:hover\:translate-y-2\/3:hover {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .xl\:hover\:translate-y-1\/4:hover {
+    --tw-translate-y: 25%;
+  }
+
+  .xl\:hover\:translate-y-2\/4:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .xl\:hover\:translate-y-3\/4:hover {
+    --tw-translate-y: 75%;
+  }
+
+  .xl\:hover\:translate-y-full:hover {
+    --tw-translate-y: 100%;
+  }
+
+  .xl\:hover\:-translate-y-1\/2:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .xl\:hover\:-translate-y-1\/3:hover {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .xl\:hover\:-translate-y-2\/3:hover {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .xl\:hover\:-translate-y-1\/4:hover {
+    --tw-translate-y: -25%;
+  }
+
+  .xl\:hover\:-translate-y-2\/4:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .xl\:hover\:-translate-y-3\/4:hover {
+    --tw-translate-y: -75%;
+  }
+
+  .xl\:hover\:-translate-y-full:hover {
+    --tw-translate-y: -100%;
+  }
+
+  .xl\:focus\:translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .xl\:focus\:translate-x-1:focus {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .xl\:focus\:translate-x-2:focus {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .xl\:focus\:translate-x-3:focus {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .xl\:focus\:translate-x-4:focus {
+    --tw-translate-x: 1rem;
+  }
+
+  .xl\:focus\:translate-x-5:focus {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .xl\:focus\:translate-x-6:focus {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .xl\:focus\:translate-x-7:focus {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .xl\:focus\:translate-x-8:focus {
+    --tw-translate-x: 2rem;
+  }
+
+  .xl\:focus\:translate-x-9:focus {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .xl\:focus\:translate-x-10:focus {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .xl\:focus\:translate-x-11:focus {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .xl\:focus\:translate-x-12:focus {
+    --tw-translate-x: 3rem;
+  }
+
+  .xl\:focus\:translate-x-14:focus {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .xl\:focus\:translate-x-16:focus {
+    --tw-translate-x: 4rem;
+  }
+
+  .xl\:focus\:translate-x-20:focus {
+    --tw-translate-x: 5rem;
+  }
+
+  .xl\:focus\:translate-x-24:focus {
+    --tw-translate-x: 6rem;
+  }
+
+  .xl\:focus\:translate-x-28:focus {
+    --tw-translate-x: 7rem;
+  }
+
+  .xl\:focus\:translate-x-32:focus {
+    --tw-translate-x: 8rem;
+  }
+
+  .xl\:focus\:translate-x-36:focus {
+    --tw-translate-x: 9rem;
+  }
+
+  .xl\:focus\:translate-x-40:focus {
+    --tw-translate-x: 10rem;
+  }
+
+  .xl\:focus\:translate-x-44:focus {
+    --tw-translate-x: 11rem;
+  }
+
+  .xl\:focus\:translate-x-48:focus {
+    --tw-translate-x: 12rem;
+  }
+
+  .xl\:focus\:translate-x-52:focus {
+    --tw-translate-x: 13rem;
+  }
+
+  .xl\:focus\:translate-x-56:focus {
+    --tw-translate-x: 14rem;
+  }
+
+  .xl\:focus\:translate-x-60:focus {
+    --tw-translate-x: 15rem;
+  }
+
+  .xl\:focus\:translate-x-64:focus {
+    --tw-translate-x: 16rem;
+  }
+
+  .xl\:focus\:translate-x-72:focus {
+    --tw-translate-x: 18rem;
+  }
+
+  .xl\:focus\:translate-x-80:focus {
+    --tw-translate-x: 20rem;
+  }
+
+  .xl\:focus\:translate-x-96:focus {
+    --tw-translate-x: 24rem;
+  }
+
+  .xl\:focus\:translate-x-px:focus {
+    --tw-translate-x: 1px;
+  }
+
+  .xl\:focus\:translate-x-0\.5:focus {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .xl\:focus\:translate-x-1\.5:focus {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .xl\:focus\:translate-x-2\.5:focus {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .xl\:focus\:translate-x-3\.5:focus {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .xl\:focus\:-translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .xl\:focus\:-translate-x-1:focus {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .xl\:focus\:-translate-x-2:focus {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .xl\:focus\:-translate-x-3:focus {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .xl\:focus\:-translate-x-4:focus {
+    --tw-translate-x: -1rem;
+  }
+
+  .xl\:focus\:-translate-x-5:focus {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .xl\:focus\:-translate-x-6:focus {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .xl\:focus\:-translate-x-7:focus {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .xl\:focus\:-translate-x-8:focus {
+    --tw-translate-x: -2rem;
+  }
+
+  .xl\:focus\:-translate-x-9:focus {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .xl\:focus\:-translate-x-10:focus {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .xl\:focus\:-translate-x-11:focus {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .xl\:focus\:-translate-x-12:focus {
+    --tw-translate-x: -3rem;
+  }
+
+  .xl\:focus\:-translate-x-14:focus {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .xl\:focus\:-translate-x-16:focus {
+    --tw-translate-x: -4rem;
+  }
+
+  .xl\:focus\:-translate-x-20:focus {
+    --tw-translate-x: -5rem;
+  }
+
+  .xl\:focus\:-translate-x-24:focus {
+    --tw-translate-x: -6rem;
+  }
+
+  .xl\:focus\:-translate-x-28:focus {
+    --tw-translate-x: -7rem;
+  }
+
+  .xl\:focus\:-translate-x-32:focus {
+    --tw-translate-x: -8rem;
+  }
+
+  .xl\:focus\:-translate-x-36:focus {
+    --tw-translate-x: -9rem;
+  }
+
+  .xl\:focus\:-translate-x-40:focus {
+    --tw-translate-x: -10rem;
+  }
+
+  .xl\:focus\:-translate-x-44:focus {
+    --tw-translate-x: -11rem;
+  }
+
+  .xl\:focus\:-translate-x-48:focus {
+    --tw-translate-x: -12rem;
+  }
+
+  .xl\:focus\:-translate-x-52:focus {
+    --tw-translate-x: -13rem;
+  }
+
+  .xl\:focus\:-translate-x-56:focus {
+    --tw-translate-x: -14rem;
+  }
+
+  .xl\:focus\:-translate-x-60:focus {
+    --tw-translate-x: -15rem;
+  }
+
+  .xl\:focus\:-translate-x-64:focus {
+    --tw-translate-x: -16rem;
+  }
+
+  .xl\:focus\:-translate-x-72:focus {
+    --tw-translate-x: -18rem;
+  }
+
+  .xl\:focus\:-translate-x-80:focus {
+    --tw-translate-x: -20rem;
+  }
+
+  .xl\:focus\:-translate-x-96:focus {
+    --tw-translate-x: -24rem;
+  }
+
+  .xl\:focus\:-translate-x-px:focus {
+    --tw-translate-x: -1px;
+  }
+
+  .xl\:focus\:-translate-x-0\.5:focus {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .xl\:focus\:-translate-x-1\.5:focus {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .xl\:focus\:-translate-x-2\.5:focus {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .xl\:focus\:-translate-x-3\.5:focus {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .xl\:focus\:translate-x-1\/2:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .xl\:focus\:translate-x-1\/3:focus {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .xl\:focus\:translate-x-2\/3:focus {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .xl\:focus\:translate-x-1\/4:focus {
+    --tw-translate-x: 25%;
+  }
+
+  .xl\:focus\:translate-x-2\/4:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .xl\:focus\:translate-x-3\/4:focus {
+    --tw-translate-x: 75%;
+  }
+
+  .xl\:focus\:translate-x-full:focus {
+    --tw-translate-x: 100%;
+  }
+
+  .xl\:focus\:-translate-x-1\/2:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .xl\:focus\:-translate-x-1\/3:focus {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .xl\:focus\:-translate-x-2\/3:focus {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .xl\:focus\:-translate-x-1\/4:focus {
+    --tw-translate-x: -25%;
+  }
+
+  .xl\:focus\:-translate-x-2\/4:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .xl\:focus\:-translate-x-3\/4:focus {
+    --tw-translate-x: -75%;
+  }
+
+  .xl\:focus\:-translate-x-full:focus {
+    --tw-translate-x: -100%;
+  }
+
+  .xl\:focus\:translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .xl\:focus\:translate-y-1:focus {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .xl\:focus\:translate-y-2:focus {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .xl\:focus\:translate-y-3:focus {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .xl\:focus\:translate-y-4:focus {
+    --tw-translate-y: 1rem;
+  }
+
+  .xl\:focus\:translate-y-5:focus {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .xl\:focus\:translate-y-6:focus {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .xl\:focus\:translate-y-7:focus {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .xl\:focus\:translate-y-8:focus {
+    --tw-translate-y: 2rem;
+  }
+
+  .xl\:focus\:translate-y-9:focus {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .xl\:focus\:translate-y-10:focus {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .xl\:focus\:translate-y-11:focus {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .xl\:focus\:translate-y-12:focus {
+    --tw-translate-y: 3rem;
+  }
+
+  .xl\:focus\:translate-y-14:focus {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .xl\:focus\:translate-y-16:focus {
+    --tw-translate-y: 4rem;
+  }
+
+  .xl\:focus\:translate-y-20:focus {
+    --tw-translate-y: 5rem;
+  }
+
+  .xl\:focus\:translate-y-24:focus {
+    --tw-translate-y: 6rem;
+  }
+
+  .xl\:focus\:translate-y-28:focus {
+    --tw-translate-y: 7rem;
+  }
+
+  .xl\:focus\:translate-y-32:focus {
+    --tw-translate-y: 8rem;
+  }
+
+  .xl\:focus\:translate-y-36:focus {
+    --tw-translate-y: 9rem;
+  }
+
+  .xl\:focus\:translate-y-40:focus {
+    --tw-translate-y: 10rem;
+  }
+
+  .xl\:focus\:translate-y-44:focus {
+    --tw-translate-y: 11rem;
+  }
+
+  .xl\:focus\:translate-y-48:focus {
+    --tw-translate-y: 12rem;
+  }
+
+  .xl\:focus\:translate-y-52:focus {
+    --tw-translate-y: 13rem;
+  }
+
+  .xl\:focus\:translate-y-56:focus {
+    --tw-translate-y: 14rem;
+  }
+
+  .xl\:focus\:translate-y-60:focus {
+    --tw-translate-y: 15rem;
+  }
+
+  .xl\:focus\:translate-y-64:focus {
+    --tw-translate-y: 16rem;
+  }
+
+  .xl\:focus\:translate-y-72:focus {
+    --tw-translate-y: 18rem;
+  }
+
+  .xl\:focus\:translate-y-80:focus {
+    --tw-translate-y: 20rem;
+  }
+
+  .xl\:focus\:translate-y-96:focus {
+    --tw-translate-y: 24rem;
+  }
+
+  .xl\:focus\:translate-y-px:focus {
+    --tw-translate-y: 1px;
+  }
+
+  .xl\:focus\:translate-y-0\.5:focus {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .xl\:focus\:translate-y-1\.5:focus {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .xl\:focus\:translate-y-2\.5:focus {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .xl\:focus\:translate-y-3\.5:focus {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .xl\:focus\:-translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .xl\:focus\:-translate-y-1:focus {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .xl\:focus\:-translate-y-2:focus {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .xl\:focus\:-translate-y-3:focus {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .xl\:focus\:-translate-y-4:focus {
+    --tw-translate-y: -1rem;
+  }
+
+  .xl\:focus\:-translate-y-5:focus {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .xl\:focus\:-translate-y-6:focus {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .xl\:focus\:-translate-y-7:focus {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .xl\:focus\:-translate-y-8:focus {
+    --tw-translate-y: -2rem;
+  }
+
+  .xl\:focus\:-translate-y-9:focus {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .xl\:focus\:-translate-y-10:focus {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .xl\:focus\:-translate-y-11:focus {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .xl\:focus\:-translate-y-12:focus {
+    --tw-translate-y: -3rem;
+  }
+
+  .xl\:focus\:-translate-y-14:focus {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .xl\:focus\:-translate-y-16:focus {
+    --tw-translate-y: -4rem;
+  }
+
+  .xl\:focus\:-translate-y-20:focus {
+    --tw-translate-y: -5rem;
+  }
+
+  .xl\:focus\:-translate-y-24:focus {
+    --tw-translate-y: -6rem;
+  }
+
+  .xl\:focus\:-translate-y-28:focus {
+    --tw-translate-y: -7rem;
+  }
+
+  .xl\:focus\:-translate-y-32:focus {
+    --tw-translate-y: -8rem;
+  }
+
+  .xl\:focus\:-translate-y-36:focus {
+    --tw-translate-y: -9rem;
+  }
+
+  .xl\:focus\:-translate-y-40:focus {
+    --tw-translate-y: -10rem;
+  }
+
+  .xl\:focus\:-translate-y-44:focus {
+    --tw-translate-y: -11rem;
+  }
+
+  .xl\:focus\:-translate-y-48:focus {
+    --tw-translate-y: -12rem;
+  }
+
+  .xl\:focus\:-translate-y-52:focus {
+    --tw-translate-y: -13rem;
+  }
+
+  .xl\:focus\:-translate-y-56:focus {
+    --tw-translate-y: -14rem;
+  }
+
+  .xl\:focus\:-translate-y-60:focus {
+    --tw-translate-y: -15rem;
+  }
+
+  .xl\:focus\:-translate-y-64:focus {
+    --tw-translate-y: -16rem;
+  }
+
+  .xl\:focus\:-translate-y-72:focus {
+    --tw-translate-y: -18rem;
+  }
+
+  .xl\:focus\:-translate-y-80:focus {
+    --tw-translate-y: -20rem;
+  }
+
+  .xl\:focus\:-translate-y-96:focus {
+    --tw-translate-y: -24rem;
+  }
+
+  .xl\:focus\:-translate-y-px:focus {
+    --tw-translate-y: -1px;
+  }
+
+  .xl\:focus\:-translate-y-0\.5:focus {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .xl\:focus\:-translate-y-1\.5:focus {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .xl\:focus\:-translate-y-2\.5:focus {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .xl\:focus\:-translate-y-3\.5:focus {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .xl\:focus\:translate-y-1\/2:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .xl\:focus\:translate-y-1\/3:focus {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .xl\:focus\:translate-y-2\/3:focus {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .xl\:focus\:translate-y-1\/4:focus {
+    --tw-translate-y: 25%;
+  }
+
+  .xl\:focus\:translate-y-2\/4:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .xl\:focus\:translate-y-3\/4:focus {
+    --tw-translate-y: 75%;
+  }
+
+  .xl\:focus\:translate-y-full:focus {
+    --tw-translate-y: 100%;
+  }
+
+  .xl\:focus\:-translate-y-1\/2:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .xl\:focus\:-translate-y-1\/3:focus {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .xl\:focus\:-translate-y-2\/3:focus {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .xl\:focus\:-translate-y-1\/4:focus {
+    --tw-translate-y: -25%;
+  }
+
+  .xl\:focus\:-translate-y-2\/4:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .xl\:focus\:-translate-y-3\/4:focus {
+    --tw-translate-y: -75%;
+  }
+
+  .xl\:focus\:-translate-y-full:focus {
+    --tw-translate-y: -100%;
+  }
+
+  .xl\:skew-x-0 {
+    --tw-skew-x: 0deg;
+  }
+
+  .xl\:skew-x-1 {
+    --tw-skew-x: 1deg;
+  }
+
+  .xl\:skew-x-2 {
+    --tw-skew-x: 2deg;
+  }
+
+  .xl\:skew-x-3 {
+    --tw-skew-x: 3deg;
+  }
+
+  .xl\:skew-x-6 {
+    --tw-skew-x: 6deg;
+  }
+
+  .xl\:skew-x-12 {
+    --tw-skew-x: 12deg;
+  }
+
+  .xl\:-skew-x-12 {
+    --tw-skew-x: -12deg;
+  }
+
+  .xl\:-skew-x-6 {
+    --tw-skew-x: -6deg;
+  }
+
+  .xl\:-skew-x-3 {
+    --tw-skew-x: -3deg;
+  }
+
+  .xl\:-skew-x-2 {
+    --tw-skew-x: -2deg;
+  }
+
+  .xl\:-skew-x-1 {
+    --tw-skew-x: -1deg;
+  }
+
+  .xl\:skew-y-0 {
+    --tw-skew-y: 0deg;
+  }
+
+  .xl\:skew-y-1 {
+    --tw-skew-y: 1deg;
+  }
+
+  .xl\:skew-y-2 {
+    --tw-skew-y: 2deg;
+  }
+
+  .xl\:skew-y-3 {
+    --tw-skew-y: 3deg;
+  }
+
+  .xl\:skew-y-6 {
+    --tw-skew-y: 6deg;
+  }
+
+  .xl\:skew-y-12 {
+    --tw-skew-y: 12deg;
+  }
+
+  .xl\:-skew-y-12 {
+    --tw-skew-y: -12deg;
+  }
+
+  .xl\:-skew-y-6 {
+    --tw-skew-y: -6deg;
+  }
+
+  .xl\:-skew-y-3 {
+    --tw-skew-y: -3deg;
+  }
+
+  .xl\:-skew-y-2 {
+    --tw-skew-y: -2deg;
+  }
+
+  .xl\:-skew-y-1 {
+    --tw-skew-y: -1deg;
+  }
+
+  .xl\:hover\:skew-x-0:hover {
+    --tw-skew-x: 0deg;
+  }
+
+  .xl\:hover\:skew-x-1:hover {
+    --tw-skew-x: 1deg;
+  }
+
+  .xl\:hover\:skew-x-2:hover {
+    --tw-skew-x: 2deg;
+  }
+
+  .xl\:hover\:skew-x-3:hover {
+    --tw-skew-x: 3deg;
+  }
+
+  .xl\:hover\:skew-x-6:hover {
+    --tw-skew-x: 6deg;
+  }
+
+  .xl\:hover\:skew-x-12:hover {
+    --tw-skew-x: 12deg;
+  }
+
+  .xl\:hover\:-skew-x-12:hover {
+    --tw-skew-x: -12deg;
+  }
+
+  .xl\:hover\:-skew-x-6:hover {
+    --tw-skew-x: -6deg;
+  }
+
+  .xl\:hover\:-skew-x-3:hover {
+    --tw-skew-x: -3deg;
+  }
+
+  .xl\:hover\:-skew-x-2:hover {
+    --tw-skew-x: -2deg;
+  }
+
+  .xl\:hover\:-skew-x-1:hover {
+    --tw-skew-x: -1deg;
+  }
+
+  .xl\:hover\:skew-y-0:hover {
+    --tw-skew-y: 0deg;
+  }
+
+  .xl\:hover\:skew-y-1:hover {
+    --tw-skew-y: 1deg;
+  }
+
+  .xl\:hover\:skew-y-2:hover {
+    --tw-skew-y: 2deg;
+  }
+
+  .xl\:hover\:skew-y-3:hover {
+    --tw-skew-y: 3deg;
+  }
+
+  .xl\:hover\:skew-y-6:hover {
+    --tw-skew-y: 6deg;
+  }
+
+  .xl\:hover\:skew-y-12:hover {
+    --tw-skew-y: 12deg;
+  }
+
+  .xl\:hover\:-skew-y-12:hover {
+    --tw-skew-y: -12deg;
+  }
+
+  .xl\:hover\:-skew-y-6:hover {
+    --tw-skew-y: -6deg;
+  }
+
+  .xl\:hover\:-skew-y-3:hover {
+    --tw-skew-y: -3deg;
+  }
+
+  .xl\:hover\:-skew-y-2:hover {
+    --tw-skew-y: -2deg;
+  }
+
+  .xl\:hover\:-skew-y-1:hover {
+    --tw-skew-y: -1deg;
+  }
+
+  .xl\:focus\:skew-x-0:focus {
+    --tw-skew-x: 0deg;
+  }
+
+  .xl\:focus\:skew-x-1:focus {
+    --tw-skew-x: 1deg;
+  }
+
+  .xl\:focus\:skew-x-2:focus {
+    --tw-skew-x: 2deg;
+  }
+
+  .xl\:focus\:skew-x-3:focus {
+    --tw-skew-x: 3deg;
+  }
+
+  .xl\:focus\:skew-x-6:focus {
+    --tw-skew-x: 6deg;
+  }
+
+  .xl\:focus\:skew-x-12:focus {
+    --tw-skew-x: 12deg;
+  }
+
+  .xl\:focus\:-skew-x-12:focus {
+    --tw-skew-x: -12deg;
+  }
+
+  .xl\:focus\:-skew-x-6:focus {
+    --tw-skew-x: -6deg;
+  }
+
+  .xl\:focus\:-skew-x-3:focus {
+    --tw-skew-x: -3deg;
+  }
+
+  .xl\:focus\:-skew-x-2:focus {
+    --tw-skew-x: -2deg;
+  }
+
+  .xl\:focus\:-skew-x-1:focus {
+    --tw-skew-x: -1deg;
+  }
+
+  .xl\:focus\:skew-y-0:focus {
+    --tw-skew-y: 0deg;
+  }
+
+  .xl\:focus\:skew-y-1:focus {
+    --tw-skew-y: 1deg;
+  }
+
+  .xl\:focus\:skew-y-2:focus {
+    --tw-skew-y: 2deg;
+  }
+
+  .xl\:focus\:skew-y-3:focus {
+    --tw-skew-y: 3deg;
+  }
+
+  .xl\:focus\:skew-y-6:focus {
+    --tw-skew-y: 6deg;
+  }
+
+  .xl\:focus\:skew-y-12:focus {
+    --tw-skew-y: 12deg;
+  }
+
+  .xl\:focus\:-skew-y-12:focus {
+    --tw-skew-y: -12deg;
+  }
+
+  .xl\:focus\:-skew-y-6:focus {
+    --tw-skew-y: -6deg;
+  }
+
+  .xl\:focus\:-skew-y-3:focus {
+    --tw-skew-y: -3deg;
+  }
+
+  .xl\:focus\:-skew-y-2:focus {
+    --tw-skew-y: -2deg;
+  }
+
+  .xl\:focus\:-skew-y-1:focus {
+    --tw-skew-y: -1deg;
+  }
+
+  .xl\:transition-none {
+    transition-property: none;
+  }
+
+  .xl\:transition-all {
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .xl\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .xl\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .xl\:transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .xl\:transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .xl\:transition-transform {
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .xl\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .xl\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .xl\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .xl\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .xl\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .xl\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .xl\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .xl\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .xl\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .xl\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .xl\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .xl\:duration-1000 {
+    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\:animate-none {
+    animation: none;
+  }
+
+  .xl\:animate-spin {
+    animation: spin 1s linear infinite;
+  }
+
+  .xl\:animate-ping {
+    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .xl\:animate-pulse {
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .xl\:animate-bounce {
+    animation: bounce 1s infinite;
+  }
+}
+
+@media (min-width: 1536px) {
+  .\32xl\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .\32xl\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .\32xl\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .\32xl\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .\32xl\:container {
+      max-width: 1280px;
+    }
+  }
+
+  @media (min-width: 1536px) {
+    .\32xl\:container {
+      max-width: 1536px;
+    }
+  }
+
+  .\32xl\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1rem * var(--tw-space-x-reverse));
+    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2rem * var(--tw-space-x-reverse));
+    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3rem * var(--tw-space-x-reverse));
+    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(4rem * var(--tw-space-x-reverse));
+    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(5rem * var(--tw-space-x-reverse));
+    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(6rem * var(--tw-space-x-reverse));
+    margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(7rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(7rem * var(--tw-space-x-reverse));
+    margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(8rem * var(--tw-space-x-reverse));
+    margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(9rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(9rem * var(--tw-space-x-reverse));
+    margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(10rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(10rem * var(--tw-space-x-reverse));
+    margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(11rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(11rem * var(--tw-space-x-reverse));
+    margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(12rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(12rem * var(--tw-space-x-reverse));
+    margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(13rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(13rem * var(--tw-space-x-reverse));
+    margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(14rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(14rem * var(--tw-space-x-reverse));
+    margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(15rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(15rem * var(--tw-space-x-reverse));
+    margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(16rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(16rem * var(--tw-space-x-reverse));
+    margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(18rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(18rem * var(--tw-space-x-reverse));
+    margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(20rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(20rem * var(--tw-space-x-reverse));
+    margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(24rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(24rem * var(--tw-space-x-reverse));
+    margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1px * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1px * var(--tw-space-x-reverse));
+    margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-1 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-7 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-9 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-11 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-12 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-14 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-16 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-4rem * var(--tw-space-x-reverse));
+    margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-5rem * var(--tw-space-x-reverse));
+    margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-24 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-6rem * var(--tw-space-x-reverse));
+    margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-28 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-7rem * var(--tw-space-x-reverse));
+    margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-32 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-8rem * var(--tw-space-x-reverse));
+    margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-36 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-9rem * var(--tw-space-x-reverse));
+    margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-10rem * var(--tw-space-x-reverse));
+    margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-44 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-11rem * var(--tw-space-x-reverse));
+    margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-48 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-12rem * var(--tw-space-x-reverse));
+    margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-52 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-13rem * var(--tw-space-x-reverse));
+    margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-56 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-14rem * var(--tw-space-x-reverse));
+    margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-15rem * var(--tw-space-x-reverse));
+    margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-64 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-16rem * var(--tw-space-x-reverse));
+    margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-72 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-18rem * var(--tw-space-x-reverse));
+    margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-20rem * var(--tw-space-x-reverse));
+    margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-96 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-24rem * var(--tw-space-x-reverse));
+    margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-1px * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-px > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-1px * var(--tw-space-x-reverse));
+    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
+  }
+
+  .\32xl\:-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
+    margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .\32xl\:space-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 1;
+  }
+
+  .\32xl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 1;
+  }
+
+  .\32xl\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+  }
+
+  .\32xl\:divide-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(0px * var(--tw-divide-x-reverse));
+    border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .\32xl\:divide-y-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
+  }
+
+  .\32xl\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(2px * var(--tw-divide-x-reverse));
+    border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .\32xl\:divide-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
+  }
+
+  .\32xl\:divide-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(4px * var(--tw-divide-x-reverse));
+    border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .\32xl\:divide-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
+  }
+
+  .\32xl\:divide-x-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(8px * var(--tw-divide-x-reverse));
+    border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .\32xl\:divide-y > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+  }
+
+  .\32xl\:divide-x > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+
+  .\32xl\:divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 1;
+  }
+
+  .\32xl\:divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 1;
+  }
+
+  .\32xl\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
+    border-color: transparent;
+  }
+
+  .\32xl\:divide-current > :not([hidden]) ~ :not([hidden]) {
+    border-color: currentColor;
+  }
+
+  .\32xl\:divide-black > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-white > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-solid > :not([hidden]) ~ :not([hidden]) {
+    border-style: solid;
+  }
+
+  .\32xl\:divide-dashed > :not([hidden]) ~ :not([hidden]) {
+    border-style: dashed;
+  }
+
+  .\32xl\:divide-dotted > :not([hidden]) ~ :not([hidden]) {
+    border-style: dotted;
+  }
+
+  .\32xl\:divide-double > :not([hidden]) ~ :not([hidden]) {
+    border-style: double;
+  }
+
+  .\32xl\:divide-none > :not([hidden]) ~ :not([hidden]) {
+    border-style: none;
+  }
+
+  .\32xl\:divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0;
+  }
+
+  .\32xl\:divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.05;
+  }
+
+  .\32xl\:divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.1;
+  }
+
+  .\32xl\:divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.2;
+  }
+
+  .\32xl\:divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.25;
+  }
+
+  .\32xl\:divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.3;
+  }
+
+  .\32xl\:divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.4;
+  }
+
+  .\32xl\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.5;
+  }
+
+  .\32xl\:divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.6;
+  }
+
+  .\32xl\:divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.7;
+  }
+
+  .\32xl\:divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.75;
+  }
+
+  .\32xl\:divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.8;
+  }
+
+  .\32xl\:divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.9;
+  }
+
+  .\32xl\:divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 0.95;
+  }
+
+  .\32xl\:divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+  }
+
+  .\32xl\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .\32xl\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .\32xl\:focus-within\:sr-only:focus-within {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .\32xl\:focus-within\:not-sr-only:focus-within {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .\32xl\:focus\:sr-only:focus {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .\32xl\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .\32xl\:appearance-none {
+    -webkit-appearance: none;
+            appearance: none;
+  }
+
+  .\32xl\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .\32xl\:bg-local {
+    background-attachment: local;
+  }
+
+  .\32xl\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .\32xl\:bg-clip-border {
+    background-clip: border-box;
+  }
+
+  .\32xl\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .\32xl\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .\32xl\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .\32xl\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .\32xl\:bg-current {
+    background-color: currentColor;
+  }
+
+  .\32xl\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-current {
+    background-color: currentColor;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-gray-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-red-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-yellow-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-green-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-blue-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-indigo-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-purple-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-700 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-pink-900 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-transparent:focus-within {
+    background-color: transparent;
+  }
+
+  .\32xl\:focus-within\:bg-current:focus-within {
+    background-color: currentColor;
+  }
+
+  .\32xl\:focus-within\:bg-black:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-white:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-gray-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-red-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-yellow-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-green-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-blue-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-indigo-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-purple-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-100:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-200:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-300:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-400:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-500:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-600:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-700:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-800:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-pink-900:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .\32xl\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .\32xl\:hover\:bg-black:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-white:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-gray-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-red-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-yellow-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-green-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-blue-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-indigo-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-purple-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-200:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-300:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-400:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-600:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-700:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-800:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-pink-900:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .\32xl\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .\32xl\:focus\:bg-black:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-white:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-gray-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-red-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-yellow-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-green-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-blue-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-indigo-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-purple-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-100:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-200:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-300:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-400:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-500:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-600:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-700:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-800:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-pink-900:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-none {
+    background-image: none;
+  }
+
+  .\32xl\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--tw-gradient-stops));
+  }
+
+  .\32xl\:from-transparent {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:from-current {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:from-black {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:from-white {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:from-gray-50 {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .\32xl\:from-gray-100 {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .\32xl\:from-gray-200 {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .\32xl\:from-gray-300 {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .\32xl\:from-gray-400 {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .\32xl\:from-gray-500 {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .\32xl\:from-gray-600 {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .\32xl\:from-gray-700 {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .\32xl\:from-gray-800 {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .\32xl\:from-gray-900 {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .\32xl\:from-red-50 {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .\32xl\:from-red-100 {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .\32xl\:from-red-200 {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .\32xl\:from-red-300 {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .\32xl\:from-red-400 {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .\32xl\:from-red-500 {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .\32xl\:from-red-600 {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .\32xl\:from-red-700 {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .\32xl\:from-red-800 {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .\32xl\:from-red-900 {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .\32xl\:from-yellow-50 {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .\32xl\:from-yellow-100 {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .\32xl\:from-yellow-200 {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .\32xl\:from-yellow-300 {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .\32xl\:from-yellow-400 {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .\32xl\:from-yellow-500 {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .\32xl\:from-yellow-600 {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .\32xl\:from-yellow-700 {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .\32xl\:from-yellow-800 {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .\32xl\:from-yellow-900 {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .\32xl\:from-green-50 {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .\32xl\:from-green-100 {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .\32xl\:from-green-200 {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .\32xl\:from-green-300 {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .\32xl\:from-green-400 {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .\32xl\:from-green-500 {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .\32xl\:from-green-600 {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .\32xl\:from-green-700 {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .\32xl\:from-green-800 {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .\32xl\:from-green-900 {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .\32xl\:from-blue-50 {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .\32xl\:from-blue-100 {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .\32xl\:from-blue-200 {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .\32xl\:from-blue-300 {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .\32xl\:from-blue-400 {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .\32xl\:from-blue-500 {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .\32xl\:from-blue-600 {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .\32xl\:from-blue-700 {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .\32xl\:from-blue-800 {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .\32xl\:from-blue-900 {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .\32xl\:from-indigo-50 {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .\32xl\:from-indigo-100 {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .\32xl\:from-indigo-200 {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .\32xl\:from-indigo-300 {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .\32xl\:from-indigo-400 {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .\32xl\:from-indigo-500 {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .\32xl\:from-indigo-600 {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .\32xl\:from-indigo-700 {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .\32xl\:from-indigo-800 {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .\32xl\:from-indigo-900 {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .\32xl\:from-purple-50 {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .\32xl\:from-purple-100 {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .\32xl\:from-purple-200 {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .\32xl\:from-purple-300 {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .\32xl\:from-purple-400 {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .\32xl\:from-purple-500 {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .\32xl\:from-purple-600 {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .\32xl\:from-purple-700 {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .\32xl\:from-purple-800 {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .\32xl\:from-purple-900 {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .\32xl\:from-pink-50 {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .\32xl\:from-pink-100 {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .\32xl\:from-pink-200 {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .\32xl\:from-pink-300 {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .\32xl\:from-pink-400 {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .\32xl\:from-pink-500 {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .\32xl\:from-pink-600 {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .\32xl\:from-pink-700 {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .\32xl\:from-pink-800 {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .\32xl\:from-pink-900 {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .\32xl\:via-transparent {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:via-current {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:via-black {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:via-white {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .\32xl\:via-gray-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .\32xl\:via-gray-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .\32xl\:via-gray-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .\32xl\:via-gray-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .\32xl\:via-gray-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .\32xl\:via-gray-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .\32xl\:via-gray-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .\32xl\:via-gray-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .\32xl\:via-gray-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .\32xl\:via-red-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .\32xl\:via-red-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .\32xl\:via-red-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .\32xl\:via-red-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .\32xl\:via-red-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .\32xl\:via-red-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .\32xl\:via-red-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .\32xl\:via-red-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .\32xl\:via-red-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .\32xl\:via-red-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .\32xl\:via-yellow-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .\32xl\:via-yellow-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .\32xl\:via-yellow-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .\32xl\:via-yellow-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .\32xl\:via-yellow-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .\32xl\:via-yellow-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .\32xl\:via-yellow-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .\32xl\:via-yellow-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .\32xl\:via-yellow-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .\32xl\:via-yellow-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .\32xl\:via-green-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .\32xl\:via-green-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .\32xl\:via-green-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .\32xl\:via-green-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .\32xl\:via-green-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .\32xl\:via-green-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .\32xl\:via-green-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .\32xl\:via-green-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .\32xl\:via-green-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .\32xl\:via-green-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .\32xl\:via-blue-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .\32xl\:via-blue-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .\32xl\:via-blue-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .\32xl\:via-blue-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .\32xl\:via-blue-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .\32xl\:via-blue-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .\32xl\:via-blue-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .\32xl\:via-blue-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .\32xl\:via-blue-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .\32xl\:via-blue-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .\32xl\:via-indigo-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .\32xl\:via-indigo-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .\32xl\:via-indigo-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .\32xl\:via-indigo-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .\32xl\:via-indigo-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .\32xl\:via-indigo-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .\32xl\:via-indigo-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .\32xl\:via-indigo-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .\32xl\:via-indigo-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .\32xl\:via-indigo-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .\32xl\:via-purple-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .\32xl\:via-purple-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .\32xl\:via-purple-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .\32xl\:via-purple-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .\32xl\:via-purple-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .\32xl\:via-purple-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .\32xl\:via-purple-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .\32xl\:via-purple-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .\32xl\:via-purple-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .\32xl\:via-purple-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .\32xl\:via-pink-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .\32xl\:via-pink-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .\32xl\:via-pink-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .\32xl\:via-pink-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .\32xl\:via-pink-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .\32xl\:via-pink-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .\32xl\:via-pink-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .\32xl\:via-pink-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .\32xl\:via-pink-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .\32xl\:via-pink-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .\32xl\:to-transparent {
+    --tw-gradient-to: transparent;
+  }
+
+  .\32xl\:to-current {
+    --tw-gradient-to: currentColor;
+  }
+
+  .\32xl\:to-black {
+    --tw-gradient-to: #000;
+  }
+
+  .\32xl\:to-white {
+    --tw-gradient-to: #fff;
+  }
+
+  .\32xl\:to-gray-50 {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .\32xl\:to-gray-100 {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .\32xl\:to-gray-200 {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .\32xl\:to-gray-300 {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .\32xl\:to-gray-400 {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .\32xl\:to-gray-500 {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .\32xl\:to-gray-600 {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .\32xl\:to-gray-700 {
+    --tw-gradient-to: #374151;
+  }
+
+  .\32xl\:to-gray-800 {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .\32xl\:to-gray-900 {
+    --tw-gradient-to: #111827;
+  }
+
+  .\32xl\:to-red-50 {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .\32xl\:to-red-100 {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .\32xl\:to-red-200 {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .\32xl\:to-red-300 {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .\32xl\:to-red-400 {
+    --tw-gradient-to: #f87171;
+  }
+
+  .\32xl\:to-red-500 {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .\32xl\:to-red-600 {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .\32xl\:to-red-700 {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .\32xl\:to-red-800 {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .\32xl\:to-red-900 {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .\32xl\:to-yellow-50 {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .\32xl\:to-yellow-100 {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .\32xl\:to-yellow-200 {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .\32xl\:to-yellow-300 {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .\32xl\:to-yellow-400 {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .\32xl\:to-yellow-500 {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .\32xl\:to-yellow-600 {
+    --tw-gradient-to: #d97706;
+  }
+
+  .\32xl\:to-yellow-700 {
+    --tw-gradient-to: #b45309;
+  }
+
+  .\32xl\:to-yellow-800 {
+    --tw-gradient-to: #92400e;
+  }
+
+  .\32xl\:to-yellow-900 {
+    --tw-gradient-to: #78350f;
+  }
+
+  .\32xl\:to-green-50 {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .\32xl\:to-green-100 {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .\32xl\:to-green-200 {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .\32xl\:to-green-300 {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .\32xl\:to-green-400 {
+    --tw-gradient-to: #34d399;
+  }
+
+  .\32xl\:to-green-500 {
+    --tw-gradient-to: #10b981;
+  }
+
+  .\32xl\:to-green-600 {
+    --tw-gradient-to: #059669;
+  }
+
+  .\32xl\:to-green-700 {
+    --tw-gradient-to: #047857;
+  }
+
+  .\32xl\:to-green-800 {
+    --tw-gradient-to: #065f46;
+  }
+
+  .\32xl\:to-green-900 {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .\32xl\:to-blue-50 {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .\32xl\:to-blue-100 {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .\32xl\:to-blue-200 {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .\32xl\:to-blue-300 {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .\32xl\:to-blue-400 {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .\32xl\:to-blue-500 {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .\32xl\:to-blue-600 {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .\32xl\:to-blue-700 {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .\32xl\:to-blue-800 {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .\32xl\:to-blue-900 {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .\32xl\:to-indigo-50 {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .\32xl\:to-indigo-100 {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .\32xl\:to-indigo-200 {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .\32xl\:to-indigo-300 {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .\32xl\:to-indigo-400 {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .\32xl\:to-indigo-500 {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .\32xl\:to-indigo-600 {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .\32xl\:to-indigo-700 {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .\32xl\:to-indigo-800 {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .\32xl\:to-indigo-900 {
+    --tw-gradient-to: #312e81;
+  }
+
+  .\32xl\:to-purple-50 {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .\32xl\:to-purple-100 {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .\32xl\:to-purple-200 {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .\32xl\:to-purple-300 {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .\32xl\:to-purple-400 {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .\32xl\:to-purple-500 {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .\32xl\:to-purple-600 {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .\32xl\:to-purple-700 {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .\32xl\:to-purple-800 {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .\32xl\:to-purple-900 {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .\32xl\:to-pink-50 {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .\32xl\:to-pink-100 {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .\32xl\:to-pink-200 {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .\32xl\:to-pink-300 {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .\32xl\:to-pink-400 {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .\32xl\:to-pink-500 {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .\32xl\:to-pink-600 {
+    --tw-gradient-to: #db2777;
+  }
+
+  .\32xl\:to-pink-700 {
+    --tw-gradient-to: #be185d;
+  }
+
+  .\32xl\:to-pink-800 {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .\32xl\:to-pink-900 {
+    --tw-gradient-to: #831843;
+  }
+
+  .\32xl\:hover\:from-transparent:hover {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:hover\:from-current:hover {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:hover\:from-black:hover {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:hover\:from-white:hover {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .\32xl\:hover\:from-gray-100:hover {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .\32xl\:hover\:from-gray-200:hover {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .\32xl\:hover\:from-gray-300:hover {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .\32xl\:hover\:from-gray-400:hover {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .\32xl\:hover\:from-gray-500:hover {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .\32xl\:hover\:from-gray-600:hover {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .\32xl\:hover\:from-gray-700:hover {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .\32xl\:hover\:from-gray-800:hover {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .\32xl\:hover\:from-gray-900:hover {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .\32xl\:hover\:from-red-50:hover {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .\32xl\:hover\:from-red-100:hover {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .\32xl\:hover\:from-red-200:hover {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .\32xl\:hover\:from-red-300:hover {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .\32xl\:hover\:from-red-400:hover {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .\32xl\:hover\:from-red-500:hover {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .\32xl\:hover\:from-red-600:hover {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .\32xl\:hover\:from-red-700:hover {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .\32xl\:hover\:from-red-800:hover {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .\32xl\:hover\:from-red-900:hover {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-50:hover {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-100:hover {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-200:hover {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-300:hover {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-400:hover {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-500:hover {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-600:hover {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-700:hover {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-800:hover {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .\32xl\:hover\:from-yellow-900:hover {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .\32xl\:hover\:from-green-50:hover {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .\32xl\:hover\:from-green-100:hover {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .\32xl\:hover\:from-green-200:hover {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .\32xl\:hover\:from-green-300:hover {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .\32xl\:hover\:from-green-400:hover {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .\32xl\:hover\:from-green-500:hover {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .\32xl\:hover\:from-green-600:hover {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .\32xl\:hover\:from-green-700:hover {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .\32xl\:hover\:from-green-800:hover {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .\32xl\:hover\:from-green-900:hover {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .\32xl\:hover\:from-blue-50:hover {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .\32xl\:hover\:from-blue-100:hover {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .\32xl\:hover\:from-blue-200:hover {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .\32xl\:hover\:from-blue-300:hover {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .\32xl\:hover\:from-blue-400:hover {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .\32xl\:hover\:from-blue-500:hover {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .\32xl\:hover\:from-blue-600:hover {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .\32xl\:hover\:from-blue-700:hover {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .\32xl\:hover\:from-blue-800:hover {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .\32xl\:hover\:from-blue-900:hover {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-50:hover {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-100:hover {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-200:hover {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-300:hover {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-400:hover {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-500:hover {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-600:hover {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-700:hover {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-800:hover {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .\32xl\:hover\:from-indigo-900:hover {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .\32xl\:hover\:from-purple-50:hover {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .\32xl\:hover\:from-purple-100:hover {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .\32xl\:hover\:from-purple-200:hover {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .\32xl\:hover\:from-purple-300:hover {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .\32xl\:hover\:from-purple-400:hover {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .\32xl\:hover\:from-purple-500:hover {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .\32xl\:hover\:from-purple-600:hover {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .\32xl\:hover\:from-purple-700:hover {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .\32xl\:hover\:from-purple-800:hover {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .\32xl\:hover\:from-purple-900:hover {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .\32xl\:hover\:from-pink-50:hover {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .\32xl\:hover\:from-pink-100:hover {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .\32xl\:hover\:from-pink-200:hover {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .\32xl\:hover\:from-pink-300:hover {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .\32xl\:hover\:from-pink-400:hover {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .\32xl\:hover\:from-pink-500:hover {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .\32xl\:hover\:from-pink-600:hover {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .\32xl\:hover\:from-pink-700:hover {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .\32xl\:hover\:from-pink-800:hover {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .\32xl\:hover\:from-pink-900:hover {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .\32xl\:hover\:via-transparent:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:hover\:via-current:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:hover\:via-black:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:hover\:via-white:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .\32xl\:hover\:via-gray-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .\32xl\:hover\:via-gray-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .\32xl\:hover\:via-gray-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .\32xl\:hover\:via-gray-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .\32xl\:hover\:via-gray-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .\32xl\:hover\:via-gray-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .\32xl\:hover\:via-gray-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .\32xl\:hover\:via-gray-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .\32xl\:hover\:via-gray-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .\32xl\:hover\:via-red-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .\32xl\:hover\:via-red-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .\32xl\:hover\:via-red-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .\32xl\:hover\:via-red-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .\32xl\:hover\:via-red-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .\32xl\:hover\:via-red-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .\32xl\:hover\:via-red-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .\32xl\:hover\:via-red-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .\32xl\:hover\:via-red-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .\32xl\:hover\:via-red-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .\32xl\:hover\:via-yellow-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .\32xl\:hover\:via-green-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .\32xl\:hover\:via-green-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .\32xl\:hover\:via-green-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .\32xl\:hover\:via-green-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .\32xl\:hover\:via-green-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .\32xl\:hover\:via-green-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .\32xl\:hover\:via-green-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .\32xl\:hover\:via-green-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .\32xl\:hover\:via-green-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .\32xl\:hover\:via-green-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .\32xl\:hover\:via-blue-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .\32xl\:hover\:via-blue-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .\32xl\:hover\:via-blue-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .\32xl\:hover\:via-blue-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .\32xl\:hover\:via-blue-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .\32xl\:hover\:via-blue-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .\32xl\:hover\:via-blue-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .\32xl\:hover\:via-blue-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .\32xl\:hover\:via-blue-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .\32xl\:hover\:via-blue-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .\32xl\:hover\:via-indigo-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .\32xl\:hover\:via-purple-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .\32xl\:hover\:via-purple-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .\32xl\:hover\:via-purple-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .\32xl\:hover\:via-purple-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .\32xl\:hover\:via-purple-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .\32xl\:hover\:via-purple-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .\32xl\:hover\:via-purple-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .\32xl\:hover\:via-purple-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .\32xl\:hover\:via-purple-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .\32xl\:hover\:via-purple-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .\32xl\:hover\:via-pink-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .\32xl\:hover\:via-pink-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .\32xl\:hover\:via-pink-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .\32xl\:hover\:via-pink-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .\32xl\:hover\:via-pink-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .\32xl\:hover\:via-pink-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .\32xl\:hover\:via-pink-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .\32xl\:hover\:via-pink-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .\32xl\:hover\:via-pink-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .\32xl\:hover\:via-pink-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .\32xl\:hover\:to-transparent:hover {
+    --tw-gradient-to: transparent;
+  }
+
+  .\32xl\:hover\:to-current:hover {
+    --tw-gradient-to: currentColor;
+  }
+
+  .\32xl\:hover\:to-black:hover {
+    --tw-gradient-to: #000;
+  }
+
+  .\32xl\:hover\:to-white:hover {
+    --tw-gradient-to: #fff;
+  }
+
+  .\32xl\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .\32xl\:hover\:to-gray-100:hover {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .\32xl\:hover\:to-gray-200:hover {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .\32xl\:hover\:to-gray-300:hover {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .\32xl\:hover\:to-gray-400:hover {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .\32xl\:hover\:to-gray-500:hover {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .\32xl\:hover\:to-gray-600:hover {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .\32xl\:hover\:to-gray-700:hover {
+    --tw-gradient-to: #374151;
+  }
+
+  .\32xl\:hover\:to-gray-800:hover {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .\32xl\:hover\:to-gray-900:hover {
+    --tw-gradient-to: #111827;
+  }
+
+  .\32xl\:hover\:to-red-50:hover {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .\32xl\:hover\:to-red-100:hover {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .\32xl\:hover\:to-red-200:hover {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .\32xl\:hover\:to-red-300:hover {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .\32xl\:hover\:to-red-400:hover {
+    --tw-gradient-to: #f87171;
+  }
+
+  .\32xl\:hover\:to-red-500:hover {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .\32xl\:hover\:to-red-600:hover {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .\32xl\:hover\:to-red-700:hover {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .\32xl\:hover\:to-red-800:hover {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .\32xl\:hover\:to-red-900:hover {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .\32xl\:hover\:to-yellow-50:hover {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .\32xl\:hover\:to-yellow-100:hover {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .\32xl\:hover\:to-yellow-200:hover {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .\32xl\:hover\:to-yellow-300:hover {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .\32xl\:hover\:to-yellow-400:hover {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .\32xl\:hover\:to-yellow-500:hover {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .\32xl\:hover\:to-yellow-600:hover {
+    --tw-gradient-to: #d97706;
+  }
+
+  .\32xl\:hover\:to-yellow-700:hover {
+    --tw-gradient-to: #b45309;
+  }
+
+  .\32xl\:hover\:to-yellow-800:hover {
+    --tw-gradient-to: #92400e;
+  }
+
+  .\32xl\:hover\:to-yellow-900:hover {
+    --tw-gradient-to: #78350f;
+  }
+
+  .\32xl\:hover\:to-green-50:hover {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .\32xl\:hover\:to-green-100:hover {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .\32xl\:hover\:to-green-200:hover {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .\32xl\:hover\:to-green-300:hover {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .\32xl\:hover\:to-green-400:hover {
+    --tw-gradient-to: #34d399;
+  }
+
+  .\32xl\:hover\:to-green-500:hover {
+    --tw-gradient-to: #10b981;
+  }
+
+  .\32xl\:hover\:to-green-600:hover {
+    --tw-gradient-to: #059669;
+  }
+
+  .\32xl\:hover\:to-green-700:hover {
+    --tw-gradient-to: #047857;
+  }
+
+  .\32xl\:hover\:to-green-800:hover {
+    --tw-gradient-to: #065f46;
+  }
+
+  .\32xl\:hover\:to-green-900:hover {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .\32xl\:hover\:to-blue-50:hover {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .\32xl\:hover\:to-blue-100:hover {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .\32xl\:hover\:to-blue-200:hover {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .\32xl\:hover\:to-blue-300:hover {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .\32xl\:hover\:to-blue-400:hover {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .\32xl\:hover\:to-blue-500:hover {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .\32xl\:hover\:to-blue-600:hover {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .\32xl\:hover\:to-blue-700:hover {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .\32xl\:hover\:to-blue-800:hover {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .\32xl\:hover\:to-blue-900:hover {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .\32xl\:hover\:to-indigo-50:hover {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .\32xl\:hover\:to-indigo-100:hover {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .\32xl\:hover\:to-indigo-200:hover {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .\32xl\:hover\:to-indigo-300:hover {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .\32xl\:hover\:to-indigo-400:hover {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .\32xl\:hover\:to-indigo-500:hover {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .\32xl\:hover\:to-indigo-600:hover {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .\32xl\:hover\:to-indigo-700:hover {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .\32xl\:hover\:to-indigo-800:hover {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .\32xl\:hover\:to-indigo-900:hover {
+    --tw-gradient-to: #312e81;
+  }
+
+  .\32xl\:hover\:to-purple-50:hover {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .\32xl\:hover\:to-purple-100:hover {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .\32xl\:hover\:to-purple-200:hover {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .\32xl\:hover\:to-purple-300:hover {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .\32xl\:hover\:to-purple-400:hover {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .\32xl\:hover\:to-purple-500:hover {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .\32xl\:hover\:to-purple-600:hover {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .\32xl\:hover\:to-purple-700:hover {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .\32xl\:hover\:to-purple-800:hover {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .\32xl\:hover\:to-purple-900:hover {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .\32xl\:hover\:to-pink-50:hover {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .\32xl\:hover\:to-pink-100:hover {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .\32xl\:hover\:to-pink-200:hover {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .\32xl\:hover\:to-pink-300:hover {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .\32xl\:hover\:to-pink-400:hover {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .\32xl\:hover\:to-pink-500:hover {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .\32xl\:hover\:to-pink-600:hover {
+    --tw-gradient-to: #db2777;
+  }
+
+  .\32xl\:hover\:to-pink-700:hover {
+    --tw-gradient-to: #be185d;
+  }
+
+  .\32xl\:hover\:to-pink-800:hover {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .\32xl\:hover\:to-pink-900:hover {
+    --tw-gradient-to: #831843;
+  }
+
+  .\32xl\:focus\:from-transparent:focus {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:focus\:from-current:focus {
+    --tw-gradient-from: currentColor;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:focus\:from-black:focus {
+    --tw-gradient-from: #000;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:focus\:from-white:focus {
+    --tw-gradient-from: #fff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #f9fafb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .\32xl\:focus\:from-gray-100:focus {
+    --tw-gradient-from: #f3f4f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .\32xl\:focus\:from-gray-200:focus {
+    --tw-gradient-from: #e5e7eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .\32xl\:focus\:from-gray-300:focus {
+    --tw-gradient-from: #d1d5db;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .\32xl\:focus\:from-gray-400:focus {
+    --tw-gradient-from: #9ca3af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .\32xl\:focus\:from-gray-500:focus {
+    --tw-gradient-from: #6b7280;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .\32xl\:focus\:from-gray-600:focus {
+    --tw-gradient-from: #4b5563;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .\32xl\:focus\:from-gray-700:focus {
+    --tw-gradient-from: #374151;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .\32xl\:focus\:from-gray-800:focus {
+    --tw-gradient-from: #1f2937;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .\32xl\:focus\:from-gray-900:focus {
+    --tw-gradient-from: #111827;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .\32xl\:focus\:from-red-50:focus {
+    --tw-gradient-from: #fef2f2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .\32xl\:focus\:from-red-100:focus {
+    --tw-gradient-from: #fee2e2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .\32xl\:focus\:from-red-200:focus {
+    --tw-gradient-from: #fecaca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .\32xl\:focus\:from-red-300:focus {
+    --tw-gradient-from: #fca5a5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .\32xl\:focus\:from-red-400:focus {
+    --tw-gradient-from: #f87171;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .\32xl\:focus\:from-red-500:focus {
+    --tw-gradient-from: #ef4444;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .\32xl\:focus\:from-red-600:focus {
+    --tw-gradient-from: #dc2626;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .\32xl\:focus\:from-red-700:focus {
+    --tw-gradient-from: #b91c1c;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .\32xl\:focus\:from-red-800:focus {
+    --tw-gradient-from: #991b1b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .\32xl\:focus\:from-red-900:focus {
+    --tw-gradient-from: #7f1d1d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-50:focus {
+    --tw-gradient-from: #fffbeb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-100:focus {
+    --tw-gradient-from: #fef3c7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-200:focus {
+    --tw-gradient-from: #fde68a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-300:focus {
+    --tw-gradient-from: #fcd34d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-400:focus {
+    --tw-gradient-from: #fbbf24;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-500:focus {
+    --tw-gradient-from: #f59e0b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-600:focus {
+    --tw-gradient-from: #d97706;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-700:focus {
+    --tw-gradient-from: #b45309;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-800:focus {
+    --tw-gradient-from: #92400e;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .\32xl\:focus\:from-yellow-900:focus {
+    --tw-gradient-from: #78350f;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .\32xl\:focus\:from-green-50:focus {
+    --tw-gradient-from: #ecfdf5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .\32xl\:focus\:from-green-100:focus {
+    --tw-gradient-from: #d1fae5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .\32xl\:focus\:from-green-200:focus {
+    --tw-gradient-from: #a7f3d0;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .\32xl\:focus\:from-green-300:focus {
+    --tw-gradient-from: #6ee7b7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .\32xl\:focus\:from-green-400:focus {
+    --tw-gradient-from: #34d399;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .\32xl\:focus\:from-green-500:focus {
+    --tw-gradient-from: #10b981;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .\32xl\:focus\:from-green-600:focus {
+    --tw-gradient-from: #059669;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .\32xl\:focus\:from-green-700:focus {
+    --tw-gradient-from: #047857;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .\32xl\:focus\:from-green-800:focus {
+    --tw-gradient-from: #065f46;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .\32xl\:focus\:from-green-900:focus {
+    --tw-gradient-from: #064e3b;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .\32xl\:focus\:from-blue-50:focus {
+    --tw-gradient-from: #eff6ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .\32xl\:focus\:from-blue-100:focus {
+    --tw-gradient-from: #dbeafe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .\32xl\:focus\:from-blue-200:focus {
+    --tw-gradient-from: #bfdbfe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .\32xl\:focus\:from-blue-300:focus {
+    --tw-gradient-from: #93c5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .\32xl\:focus\:from-blue-400:focus {
+    --tw-gradient-from: #60a5fa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .\32xl\:focus\:from-blue-500:focus {
+    --tw-gradient-from: #3b82f6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .\32xl\:focus\:from-blue-600:focus {
+    --tw-gradient-from: #2563eb;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .\32xl\:focus\:from-blue-700:focus {
+    --tw-gradient-from: #1d4ed8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .\32xl\:focus\:from-blue-800:focus {
+    --tw-gradient-from: #1e40af;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .\32xl\:focus\:from-blue-900:focus {
+    --tw-gradient-from: #1e3a8a;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-50:focus {
+    --tw-gradient-from: #eef2ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-100:focus {
+    --tw-gradient-from: #e0e7ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-200:focus {
+    --tw-gradient-from: #c7d2fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-300:focus {
+    --tw-gradient-from: #a5b4fc;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-400:focus {
+    --tw-gradient-from: #818cf8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-500:focus {
+    --tw-gradient-from: #6366f1;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-600:focus {
+    --tw-gradient-from: #4f46e5;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-700:focus {
+    --tw-gradient-from: #4338ca;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-800:focus {
+    --tw-gradient-from: #3730a3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .\32xl\:focus\:from-indigo-900:focus {
+    --tw-gradient-from: #312e81;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .\32xl\:focus\:from-purple-50:focus {
+    --tw-gradient-from: #f5f3ff;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .\32xl\:focus\:from-purple-100:focus {
+    --tw-gradient-from: #ede9fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .\32xl\:focus\:from-purple-200:focus {
+    --tw-gradient-from: #ddd6fe;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .\32xl\:focus\:from-purple-300:focus {
+    --tw-gradient-from: #c4b5fd;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .\32xl\:focus\:from-purple-400:focus {
+    --tw-gradient-from: #a78bfa;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .\32xl\:focus\:from-purple-500:focus {
+    --tw-gradient-from: #8b5cf6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .\32xl\:focus\:from-purple-600:focus {
+    --tw-gradient-from: #7c3aed;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .\32xl\:focus\:from-purple-700:focus {
+    --tw-gradient-from: #6d28d9;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .\32xl\:focus\:from-purple-800:focus {
+    --tw-gradient-from: #5b21b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .\32xl\:focus\:from-purple-900:focus {
+    --tw-gradient-from: #4c1d95;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .\32xl\:focus\:from-pink-50:focus {
+    --tw-gradient-from: #fdf2f8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .\32xl\:focus\:from-pink-100:focus {
+    --tw-gradient-from: #fce7f3;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .\32xl\:focus\:from-pink-200:focus {
+    --tw-gradient-from: #fbcfe8;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .\32xl\:focus\:from-pink-300:focus {
+    --tw-gradient-from: #f9a8d4;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .\32xl\:focus\:from-pink-400:focus {
+    --tw-gradient-from: #f472b6;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .\32xl\:focus\:from-pink-500:focus {
+    --tw-gradient-from: #ec4899;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .\32xl\:focus\:from-pink-600:focus {
+    --tw-gradient-from: #db2777;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .\32xl\:focus\:from-pink-700:focus {
+    --tw-gradient-from: #be185d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .\32xl\:focus\:from-pink-800:focus {
+    --tw-gradient-from: #9d174d;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .\32xl\:focus\:from-pink-900:focus {
+    --tw-gradient-from: #831843;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .\32xl\:focus\:via-transparent:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:focus\:via-current:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), currentColor, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:focus\:via-black:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #000, var(--tw-gradient-to, rgba(0, 0, 0, 0));
+  }
+
+  .\32xl\:focus\:via-white:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
+  }
+
+  .\32xl\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to, rgba(249, 250, 251, 0));
+  }
+
+  .\32xl\:focus\:via-gray-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to, rgba(243, 244, 246, 0));
+  }
+
+  .\32xl\:focus\:via-gray-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to, rgba(229, 231, 235, 0));
+  }
+
+  .\32xl\:focus\:via-gray-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to, rgba(209, 213, 219, 0));
+  }
+
+  .\32xl\:focus\:via-gray-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to, rgba(156, 163, 175, 0));
+  }
+
+  .\32xl\:focus\:via-gray-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to, rgba(107, 114, 128, 0));
+  }
+
+  .\32xl\:focus\:via-gray-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to, rgba(75, 85, 99, 0));
+  }
+
+  .\32xl\:focus\:via-gray-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to, rgba(55, 65, 81, 0));
+  }
+
+  .\32xl\:focus\:via-gray-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to, rgba(31, 41, 55, 0));
+  }
+
+  .\32xl\:focus\:via-gray-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(17, 24, 39, 0));
+  }
+
+  .\32xl\:focus\:via-red-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to, rgba(254, 242, 242, 0));
+  }
+
+  .\32xl\:focus\:via-red-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to, rgba(254, 226, 226, 0));
+  }
+
+  .\32xl\:focus\:via-red-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to, rgba(254, 202, 202, 0));
+  }
+
+  .\32xl\:focus\:via-red-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgba(252, 165, 165, 0));
+  }
+
+  .\32xl\:focus\:via-red-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to, rgba(248, 113, 113, 0));
+  }
+
+  .\32xl\:focus\:via-red-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgba(239, 68, 68, 0));
+  }
+
+  .\32xl\:focus\:via-red-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to, rgba(220, 38, 38, 0));
+  }
+
+  .\32xl\:focus\:via-red-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to, rgba(185, 28, 28, 0));
+  }
+
+  .\32xl\:focus\:via-red-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to, rgba(153, 27, 27, 0));
+  }
+
+  .\32xl\:focus\:via-red-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to, rgba(127, 29, 29, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0));
+  }
+
+  .\32xl\:focus\:via-yellow-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0));
+  }
+
+  .\32xl\:focus\:via-green-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to, rgba(236, 253, 245, 0));
+  }
+
+  .\32xl\:focus\:via-green-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to, rgba(209, 250, 229, 0));
+  }
+
+  .\32xl\:focus\:via-green-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to, rgba(167, 243, 208, 0));
+  }
+
+  .\32xl\:focus\:via-green-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to, rgba(110, 231, 183, 0));
+  }
+
+  .\32xl\:focus\:via-green-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to, rgba(52, 211, 153, 0));
+  }
+
+  .\32xl\:focus\:via-green-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgba(16, 185, 129, 0));
+  }
+
+  .\32xl\:focus\:via-green-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to, rgba(5, 150, 105, 0));
+  }
+
+  .\32xl\:focus\:via-green-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to, rgba(4, 120, 87, 0));
+  }
+
+  .\32xl\:focus\:via-green-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to, rgba(6, 95, 70, 0));
+  }
+
+  .\32xl\:focus\:via-green-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to, rgba(6, 78, 59, 0));
+  }
+
+  .\32xl\:focus\:via-blue-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to, rgba(239, 246, 255, 0));
+  }
+
+  .\32xl\:focus\:via-blue-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to, rgba(219, 234, 254, 0));
+  }
+
+  .\32xl\:focus\:via-blue-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to, rgba(191, 219, 254, 0));
+  }
+
+  .\32xl\:focus\:via-blue-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to, rgba(147, 197, 253, 0));
+  }
+
+  .\32xl\:focus\:via-blue-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to, rgba(96, 165, 250, 0));
+  }
+
+  .\32xl\:focus\:via-blue-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to, rgba(59, 130, 246, 0));
+  }
+
+  .\32xl\:focus\:via-blue-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to, rgba(37, 99, 235, 0));
+  }
+
+  .\32xl\:focus\:via-blue-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to, rgba(29, 78, 216, 0));
+  }
+
+  .\32xl\:focus\:via-blue-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to, rgba(30, 64, 175, 0));
+  }
+
+  .\32xl\:focus\:via-blue-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to, rgba(30, 58, 138, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(238, 242, 255, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to, rgba(224, 231, 255, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to, rgba(199, 210, 254, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to, rgba(165, 180, 252, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to, rgba(129, 140, 248, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(79, 70, 229, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(67, 56, 202, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to, rgba(55, 48, 163, 0));
+  }
+
+  .\32xl\:focus\:via-indigo-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(49, 46, 129, 0));
+  }
+
+  .\32xl\:focus\:via-purple-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to, rgba(245, 243, 255, 0));
+  }
+
+  .\32xl\:focus\:via-purple-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to, rgba(237, 233, 254, 0));
+  }
+
+  .\32xl\:focus\:via-purple-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
+  }
+
+  .\32xl\:focus\:via-purple-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to, rgba(196, 181, 253, 0));
+  }
+
+  .\32xl\:focus\:via-purple-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to, rgba(167, 139, 250, 0));
+  }
+
+  .\32xl\:focus\:via-purple-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to, rgba(139, 92, 246, 0));
+  }
+
+  .\32xl\:focus\:via-purple-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to, rgba(124, 58, 237, 0));
+  }
+
+  .\32xl\:focus\:via-purple-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to, rgba(109, 40, 217, 0));
+  }
+
+  .\32xl\:focus\:via-purple-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to, rgba(91, 33, 182, 0));
+  }
+
+  .\32xl\:focus\:via-purple-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to, rgba(76, 29, 149, 0));
+  }
+
+  .\32xl\:focus\:via-pink-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to, rgba(253, 242, 248, 0));
+  }
+
+  .\32xl\:focus\:via-pink-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to, rgba(252, 231, 243, 0));
+  }
+
+  .\32xl\:focus\:via-pink-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to, rgba(251, 207, 232, 0));
+  }
+
+  .\32xl\:focus\:via-pink-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to, rgba(249, 168, 212, 0));
+  }
+
+  .\32xl\:focus\:via-pink-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to, rgba(244, 114, 182, 0));
+  }
+
+  .\32xl\:focus\:via-pink-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgba(236, 72, 153, 0));
+  }
+
+  .\32xl\:focus\:via-pink-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgba(219, 39, 119, 0));
+  }
+
+  .\32xl\:focus\:via-pink-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to, rgba(190, 24, 93, 0));
+  }
+
+  .\32xl\:focus\:via-pink-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to, rgba(157, 23, 77, 0));
+  }
+
+  .\32xl\:focus\:via-pink-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
+  }
+
+  .\32xl\:focus\:to-transparent:focus {
+    --tw-gradient-to: transparent;
+  }
+
+  .\32xl\:focus\:to-current:focus {
+    --tw-gradient-to: currentColor;
+  }
+
+  .\32xl\:focus\:to-black:focus {
+    --tw-gradient-to: #000;
+  }
+
+  .\32xl\:focus\:to-white:focus {
+    --tw-gradient-to: #fff;
+  }
+
+  .\32xl\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #f9fafb;
+  }
+
+  .\32xl\:focus\:to-gray-100:focus {
+    --tw-gradient-to: #f3f4f6;
+  }
+
+  .\32xl\:focus\:to-gray-200:focus {
+    --tw-gradient-to: #e5e7eb;
+  }
+
+  .\32xl\:focus\:to-gray-300:focus {
+    --tw-gradient-to: #d1d5db;
+  }
+
+  .\32xl\:focus\:to-gray-400:focus {
+    --tw-gradient-to: #9ca3af;
+  }
+
+  .\32xl\:focus\:to-gray-500:focus {
+    --tw-gradient-to: #6b7280;
+  }
+
+  .\32xl\:focus\:to-gray-600:focus {
+    --tw-gradient-to: #4b5563;
+  }
+
+  .\32xl\:focus\:to-gray-700:focus {
+    --tw-gradient-to: #374151;
+  }
+
+  .\32xl\:focus\:to-gray-800:focus {
+    --tw-gradient-to: #1f2937;
+  }
+
+  .\32xl\:focus\:to-gray-900:focus {
+    --tw-gradient-to: #111827;
+  }
+
+  .\32xl\:focus\:to-red-50:focus {
+    --tw-gradient-to: #fef2f2;
+  }
+
+  .\32xl\:focus\:to-red-100:focus {
+    --tw-gradient-to: #fee2e2;
+  }
+
+  .\32xl\:focus\:to-red-200:focus {
+    --tw-gradient-to: #fecaca;
+  }
+
+  .\32xl\:focus\:to-red-300:focus {
+    --tw-gradient-to: #fca5a5;
+  }
+
+  .\32xl\:focus\:to-red-400:focus {
+    --tw-gradient-to: #f87171;
+  }
+
+  .\32xl\:focus\:to-red-500:focus {
+    --tw-gradient-to: #ef4444;
+  }
+
+  .\32xl\:focus\:to-red-600:focus {
+    --tw-gradient-to: #dc2626;
+  }
+
+  .\32xl\:focus\:to-red-700:focus {
+    --tw-gradient-to: #b91c1c;
+  }
+
+  .\32xl\:focus\:to-red-800:focus {
+    --tw-gradient-to: #991b1b;
+  }
+
+  .\32xl\:focus\:to-red-900:focus {
+    --tw-gradient-to: #7f1d1d;
+  }
+
+  .\32xl\:focus\:to-yellow-50:focus {
+    --tw-gradient-to: #fffbeb;
+  }
+
+  .\32xl\:focus\:to-yellow-100:focus {
+    --tw-gradient-to: #fef3c7;
+  }
+
+  .\32xl\:focus\:to-yellow-200:focus {
+    --tw-gradient-to: #fde68a;
+  }
+
+  .\32xl\:focus\:to-yellow-300:focus {
+    --tw-gradient-to: #fcd34d;
+  }
+
+  .\32xl\:focus\:to-yellow-400:focus {
+    --tw-gradient-to: #fbbf24;
+  }
+
+  .\32xl\:focus\:to-yellow-500:focus {
+    --tw-gradient-to: #f59e0b;
+  }
+
+  .\32xl\:focus\:to-yellow-600:focus {
+    --tw-gradient-to: #d97706;
+  }
+
+  .\32xl\:focus\:to-yellow-700:focus {
+    --tw-gradient-to: #b45309;
+  }
+
+  .\32xl\:focus\:to-yellow-800:focus {
+    --tw-gradient-to: #92400e;
+  }
+
+  .\32xl\:focus\:to-yellow-900:focus {
+    --tw-gradient-to: #78350f;
+  }
+
+  .\32xl\:focus\:to-green-50:focus {
+    --tw-gradient-to: #ecfdf5;
+  }
+
+  .\32xl\:focus\:to-green-100:focus {
+    --tw-gradient-to: #d1fae5;
+  }
+
+  .\32xl\:focus\:to-green-200:focus {
+    --tw-gradient-to: #a7f3d0;
+  }
+
+  .\32xl\:focus\:to-green-300:focus {
+    --tw-gradient-to: #6ee7b7;
+  }
+
+  .\32xl\:focus\:to-green-400:focus {
+    --tw-gradient-to: #34d399;
+  }
+
+  .\32xl\:focus\:to-green-500:focus {
+    --tw-gradient-to: #10b981;
+  }
+
+  .\32xl\:focus\:to-green-600:focus {
+    --tw-gradient-to: #059669;
+  }
+
+  .\32xl\:focus\:to-green-700:focus {
+    --tw-gradient-to: #047857;
+  }
+
+  .\32xl\:focus\:to-green-800:focus {
+    --tw-gradient-to: #065f46;
+  }
+
+  .\32xl\:focus\:to-green-900:focus {
+    --tw-gradient-to: #064e3b;
+  }
+
+  .\32xl\:focus\:to-blue-50:focus {
+    --tw-gradient-to: #eff6ff;
+  }
+
+  .\32xl\:focus\:to-blue-100:focus {
+    --tw-gradient-to: #dbeafe;
+  }
+
+  .\32xl\:focus\:to-blue-200:focus {
+    --tw-gradient-to: #bfdbfe;
+  }
+
+  .\32xl\:focus\:to-blue-300:focus {
+    --tw-gradient-to: #93c5fd;
+  }
+
+  .\32xl\:focus\:to-blue-400:focus {
+    --tw-gradient-to: #60a5fa;
+  }
+
+  .\32xl\:focus\:to-blue-500:focus {
+    --tw-gradient-to: #3b82f6;
+  }
+
+  .\32xl\:focus\:to-blue-600:focus {
+    --tw-gradient-to: #2563eb;
+  }
+
+  .\32xl\:focus\:to-blue-700:focus {
+    --tw-gradient-to: #1d4ed8;
+  }
+
+  .\32xl\:focus\:to-blue-800:focus {
+    --tw-gradient-to: #1e40af;
+  }
+
+  .\32xl\:focus\:to-blue-900:focus {
+    --tw-gradient-to: #1e3a8a;
+  }
+
+  .\32xl\:focus\:to-indigo-50:focus {
+    --tw-gradient-to: #eef2ff;
+  }
+
+  .\32xl\:focus\:to-indigo-100:focus {
+    --tw-gradient-to: #e0e7ff;
+  }
+
+  .\32xl\:focus\:to-indigo-200:focus {
+    --tw-gradient-to: #c7d2fe;
+  }
+
+  .\32xl\:focus\:to-indigo-300:focus {
+    --tw-gradient-to: #a5b4fc;
+  }
+
+  .\32xl\:focus\:to-indigo-400:focus {
+    --tw-gradient-to: #818cf8;
+  }
+
+  .\32xl\:focus\:to-indigo-500:focus {
+    --tw-gradient-to: #6366f1;
+  }
+
+  .\32xl\:focus\:to-indigo-600:focus {
+    --tw-gradient-to: #4f46e5;
+  }
+
+  .\32xl\:focus\:to-indigo-700:focus {
+    --tw-gradient-to: #4338ca;
+  }
+
+  .\32xl\:focus\:to-indigo-800:focus {
+    --tw-gradient-to: #3730a3;
+  }
+
+  .\32xl\:focus\:to-indigo-900:focus {
+    --tw-gradient-to: #312e81;
+  }
+
+  .\32xl\:focus\:to-purple-50:focus {
+    --tw-gradient-to: #f5f3ff;
+  }
+
+  .\32xl\:focus\:to-purple-100:focus {
+    --tw-gradient-to: #ede9fe;
+  }
+
+  .\32xl\:focus\:to-purple-200:focus {
+    --tw-gradient-to: #ddd6fe;
+  }
+
+  .\32xl\:focus\:to-purple-300:focus {
+    --tw-gradient-to: #c4b5fd;
+  }
+
+  .\32xl\:focus\:to-purple-400:focus {
+    --tw-gradient-to: #a78bfa;
+  }
+
+  .\32xl\:focus\:to-purple-500:focus {
+    --tw-gradient-to: #8b5cf6;
+  }
+
+  .\32xl\:focus\:to-purple-600:focus {
+    --tw-gradient-to: #7c3aed;
+  }
+
+  .\32xl\:focus\:to-purple-700:focus {
+    --tw-gradient-to: #6d28d9;
+  }
+
+  .\32xl\:focus\:to-purple-800:focus {
+    --tw-gradient-to: #5b21b6;
+  }
+
+  .\32xl\:focus\:to-purple-900:focus {
+    --tw-gradient-to: #4c1d95;
+  }
+
+  .\32xl\:focus\:to-pink-50:focus {
+    --tw-gradient-to: #fdf2f8;
+  }
+
+  .\32xl\:focus\:to-pink-100:focus {
+    --tw-gradient-to: #fce7f3;
+  }
+
+  .\32xl\:focus\:to-pink-200:focus {
+    --tw-gradient-to: #fbcfe8;
+  }
+
+  .\32xl\:focus\:to-pink-300:focus {
+    --tw-gradient-to: #f9a8d4;
+  }
+
+  .\32xl\:focus\:to-pink-400:focus {
+    --tw-gradient-to: #f472b6;
+  }
+
+  .\32xl\:focus\:to-pink-500:focus {
+    --tw-gradient-to: #ec4899;
+  }
+
+  .\32xl\:focus\:to-pink-600:focus {
+    --tw-gradient-to: #db2777;
+  }
+
+  .\32xl\:focus\:to-pink-700:focus {
+    --tw-gradient-to: #be185d;
+  }
+
+  .\32xl\:focus\:to-pink-800:focus {
+    --tw-gradient-to: #9d174d;
+  }
+
+  .\32xl\:focus\:to-pink-900:focus {
+    --tw-gradient-to: #831843;
+  }
+
+  .\32xl\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .\32xl\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .\32xl\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .\32xl\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .\32xl\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .\32xl\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .\32xl\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .\32xl\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .\32xl\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .\32xl\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .\32xl\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .\32xl\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .\32xl\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .\32xl\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .\32xl\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-0 {
+    --tw-bg-opacity: 0;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-5 {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-10 {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-20 {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-25 {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-30 {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-40 {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-50 {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-60 {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-70 {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-75 {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-80 {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-90 {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-95 {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-opacity-100 {
+    --tw-bg-opacity: 1;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-0:focus-within {
+    --tw-bg-opacity: 0;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-5:focus-within {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-10:focus-within {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-20:focus-within {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-25:focus-within {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-30:focus-within {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-40:focus-within {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-50:focus-within {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-60:focus-within {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-70:focus-within {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-75:focus-within {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-80:focus-within {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-90:focus-within {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-95:focus-within {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .\32xl\:focus-within\:bg-opacity-100:focus-within {
+    --tw-bg-opacity: 1;
+  }
+
+  .\32xl\:hover\:bg-opacity-0:hover {
+    --tw-bg-opacity: 0;
+  }
+
+  .\32xl\:hover\:bg-opacity-5:hover {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .\32xl\:hover\:bg-opacity-10:hover {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .\32xl\:hover\:bg-opacity-20:hover {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .\32xl\:hover\:bg-opacity-25:hover {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .\32xl\:hover\:bg-opacity-30:hover {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .\32xl\:hover\:bg-opacity-40:hover {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .\32xl\:hover\:bg-opacity-50:hover {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .\32xl\:hover\:bg-opacity-60:hover {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .\32xl\:hover\:bg-opacity-70:hover {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .\32xl\:hover\:bg-opacity-75:hover {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .\32xl\:hover\:bg-opacity-80:hover {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .\32xl\:hover\:bg-opacity-90:hover {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .\32xl\:hover\:bg-opacity-95:hover {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .\32xl\:hover\:bg-opacity-100:hover {
+    --tw-bg-opacity: 1;
+  }
+
+  .\32xl\:focus\:bg-opacity-0:focus {
+    --tw-bg-opacity: 0;
+  }
+
+  .\32xl\:focus\:bg-opacity-5:focus {
+    --tw-bg-opacity: 0.05;
+  }
+
+  .\32xl\:focus\:bg-opacity-10:focus {
+    --tw-bg-opacity: 0.1;
+  }
+
+  .\32xl\:focus\:bg-opacity-20:focus {
+    --tw-bg-opacity: 0.2;
+  }
+
+  .\32xl\:focus\:bg-opacity-25:focus {
+    --tw-bg-opacity: 0.25;
+  }
+
+  .\32xl\:focus\:bg-opacity-30:focus {
+    --tw-bg-opacity: 0.3;
+  }
+
+  .\32xl\:focus\:bg-opacity-40:focus {
+    --tw-bg-opacity: 0.4;
+  }
+
+  .\32xl\:focus\:bg-opacity-50:focus {
+    --tw-bg-opacity: 0.5;
+  }
+
+  .\32xl\:focus\:bg-opacity-60:focus {
+    --tw-bg-opacity: 0.6;
+  }
+
+  .\32xl\:focus\:bg-opacity-70:focus {
+    --tw-bg-opacity: 0.7;
+  }
+
+  .\32xl\:focus\:bg-opacity-75:focus {
+    --tw-bg-opacity: 0.75;
+  }
+
+  .\32xl\:focus\:bg-opacity-80:focus {
+    --tw-bg-opacity: 0.8;
+  }
+
+  .\32xl\:focus\:bg-opacity-90:focus {
+    --tw-bg-opacity: 0.9;
+  }
+
+  .\32xl\:focus\:bg-opacity-95:focus {
+    --tw-bg-opacity: 0.95;
+  }
+
+  .\32xl\:focus\:bg-opacity-100:focus {
+    --tw-bg-opacity: 1;
+  }
+
+  .\32xl\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .\32xl\:bg-center {
+    background-position: center;
+  }
+
+  .\32xl\:bg-left {
+    background-position: left;
+  }
+
+  .\32xl\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .\32xl\:bg-left-top {
+    background-position: left top;
+  }
+
+  .\32xl\:bg-right {
+    background-position: right;
+  }
+
+  .\32xl\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .\32xl\:bg-right-top {
+    background-position: right top;
+  }
+
+  .\32xl\:bg-top {
+    background-position: top;
+  }
+
+  .\32xl\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .\32xl\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .\32xl\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .\32xl\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .\32xl\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .\32xl\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .\32xl\:bg-auto {
+    background-size: auto;
+  }
+
+  .\32xl\:bg-cover {
+    background-size: cover;
+  }
+
+  .\32xl\:bg-contain {
+    background-size: contain;
+  }
+
+  .\32xl\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .\32xl\:border-separate {
+    border-collapse: separate;
+  }
+
+  .\32xl\:border-transparent {
+    border-color: transparent;
+  }
+
+  .\32xl\:border-current {
+    border-color: currentColor;
+  }
+
+  .\32xl\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-transparent {
+    border-color: transparent;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-current {
+    border-color: currentColor;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-black {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-white {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-gray-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-red-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-yellow-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-green-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-blue-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-indigo-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-purple-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-100 {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-200 {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-300 {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-400 {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-500 {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-600 {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-700 {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-800 {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-pink-900 {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-transparent:focus-within {
+    border-color: transparent;
+  }
+
+  .\32xl\:focus-within\:border-current:focus-within {
+    border-color: currentColor;
+  }
+
+  .\32xl\:focus-within\:border-black:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-white:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-gray-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-red-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-yellow-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-green-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-blue-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-indigo-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-purple-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-100:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-200:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-300:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-400:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-500:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-600:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-700:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-800:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-pink-900:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .\32xl\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .\32xl\:hover\:border-black:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-white:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-gray-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-red-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-yellow-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-green-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-blue-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-indigo-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-purple-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-100:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-200:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-300:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-400:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-500:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-600:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-700:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-800:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-pink-900:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .\32xl\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .\32xl\:focus\:border-black:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-white:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 250, 251, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(107, 114, 128, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(75, 85, 99, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 65, 81, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-gray-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(17, 24, 39, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 242, 242, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 226, 226, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 202, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(248, 113, 113, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(185, 28, 28, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(153, 27, 27, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-red-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(127, 29, 29, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-yellow-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 253, 245, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(209, 250, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 243, 208, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(110, 231, 183, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(52, 211, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(5, 150, 105, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(4, 120, 87, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 95, 70, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-green-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(6, 78, 59, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(239, 246, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 234, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(191, 219, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(147, 197, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(96, 165, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(29, 78, 216, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 64, 175, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-blue-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(30, 58, 138, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(238, 242, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(224, 231, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(199, 210, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(165, 180, 252, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(129, 140, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(99, 102, 241, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(79, 70, 229, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(55, 48, 163, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-indigo-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(49, 46, 129, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(245, 243, 255, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(237, 233, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(221, 214, 254, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(196, 181, 253, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(167, 139, 250, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(139, 92, 246, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(124, 58, 237, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(109, 40, 217, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(91, 33, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-purple-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(76, 29, 149, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(253, 242, 248, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-100:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(252, 231, 243, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-200:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(251, 207, 232, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-300:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(249, 168, 212, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-400:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 114, 182, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-500:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(236, 72, 153, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-600:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(219, 39, 119, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-700:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(190, 24, 93, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-800:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(157, 23, 77, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-pink-900:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(131, 24, 67, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .\32xl\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .\32xl\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .\32xl\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .\32xl\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .\32xl\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .\32xl\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .\32xl\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .\32xl\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .\32xl\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .\32xl\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .\32xl\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .\32xl\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .\32xl\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .\32xl\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-0 {
+    --tw-border-opacity: 0;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-5 {
+    --tw-border-opacity: 0.05;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-10 {
+    --tw-border-opacity: 0.1;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-20 {
+    --tw-border-opacity: 0.2;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-25 {
+    --tw-border-opacity: 0.25;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-30 {
+    --tw-border-opacity: 0.3;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-40 {
+    --tw-border-opacity: 0.4;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-50 {
+    --tw-border-opacity: 0.5;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-60 {
+    --tw-border-opacity: 0.6;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-70 {
+    --tw-border-opacity: 0.7;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-75 {
+    --tw-border-opacity: 0.75;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-80 {
+    --tw-border-opacity: 0.8;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-90 {
+    --tw-border-opacity: 0.9;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-95 {
+    --tw-border-opacity: 0.95;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-opacity-100 {
+    --tw-border-opacity: 1;
+  }
+
+  .\32xl\:focus-within\:border-opacity-0:focus-within {
+    --tw-border-opacity: 0;
+  }
+
+  .\32xl\:focus-within\:border-opacity-5:focus-within {
+    --tw-border-opacity: 0.05;
+  }
+
+  .\32xl\:focus-within\:border-opacity-10:focus-within {
+    --tw-border-opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:border-opacity-20:focus-within {
+    --tw-border-opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:border-opacity-25:focus-within {
+    --tw-border-opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:border-opacity-30:focus-within {
+    --tw-border-opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:border-opacity-40:focus-within {
+    --tw-border-opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:border-opacity-50:focus-within {
+    --tw-border-opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:border-opacity-60:focus-within {
+    --tw-border-opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:border-opacity-70:focus-within {
+    --tw-border-opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:border-opacity-75:focus-within {
+    --tw-border-opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:border-opacity-80:focus-within {
+    --tw-border-opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:border-opacity-90:focus-within {
+    --tw-border-opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:border-opacity-95:focus-within {
+    --tw-border-opacity: 0.95;
+  }
+
+  .\32xl\:focus-within\:border-opacity-100:focus-within {
+    --tw-border-opacity: 1;
+  }
+
+  .\32xl\:hover\:border-opacity-0:hover {
+    --tw-border-opacity: 0;
+  }
+
+  .\32xl\:hover\:border-opacity-5:hover {
+    --tw-border-opacity: 0.05;
+  }
+
+  .\32xl\:hover\:border-opacity-10:hover {
+    --tw-border-opacity: 0.1;
+  }
+
+  .\32xl\:hover\:border-opacity-20:hover {
+    --tw-border-opacity: 0.2;
+  }
+
+  .\32xl\:hover\:border-opacity-25:hover {
+    --tw-border-opacity: 0.25;
+  }
+
+  .\32xl\:hover\:border-opacity-30:hover {
+    --tw-border-opacity: 0.3;
+  }
+
+  .\32xl\:hover\:border-opacity-40:hover {
+    --tw-border-opacity: 0.4;
+  }
+
+  .\32xl\:hover\:border-opacity-50:hover {
+    --tw-border-opacity: 0.5;
+  }
+
+  .\32xl\:hover\:border-opacity-60:hover {
+    --tw-border-opacity: 0.6;
+  }
+
+  .\32xl\:hover\:border-opacity-70:hover {
+    --tw-border-opacity: 0.7;
+  }
+
+  .\32xl\:hover\:border-opacity-75:hover {
+    --tw-border-opacity: 0.75;
+  }
+
+  .\32xl\:hover\:border-opacity-80:hover {
+    --tw-border-opacity: 0.8;
+  }
+
+  .\32xl\:hover\:border-opacity-90:hover {
+    --tw-border-opacity: 0.9;
+  }
+
+  .\32xl\:hover\:border-opacity-95:hover {
+    --tw-border-opacity: 0.95;
+  }
+
+  .\32xl\:hover\:border-opacity-100:hover {
+    --tw-border-opacity: 1;
+  }
+
+  .\32xl\:focus\:border-opacity-0:focus {
+    --tw-border-opacity: 0;
+  }
+
+  .\32xl\:focus\:border-opacity-5:focus {
+    --tw-border-opacity: 0.05;
+  }
+
+  .\32xl\:focus\:border-opacity-10:focus {
+    --tw-border-opacity: 0.1;
+  }
+
+  .\32xl\:focus\:border-opacity-20:focus {
+    --tw-border-opacity: 0.2;
+  }
+
+  .\32xl\:focus\:border-opacity-25:focus {
+    --tw-border-opacity: 0.25;
+  }
+
+  .\32xl\:focus\:border-opacity-30:focus {
+    --tw-border-opacity: 0.3;
+  }
+
+  .\32xl\:focus\:border-opacity-40:focus {
+    --tw-border-opacity: 0.4;
+  }
+
+  .\32xl\:focus\:border-opacity-50:focus {
+    --tw-border-opacity: 0.5;
+  }
+
+  .\32xl\:focus\:border-opacity-60:focus {
+    --tw-border-opacity: 0.6;
+  }
+
+  .\32xl\:focus\:border-opacity-70:focus {
+    --tw-border-opacity: 0.7;
+  }
+
+  .\32xl\:focus\:border-opacity-75:focus {
+    --tw-border-opacity: 0.75;
+  }
+
+  .\32xl\:focus\:border-opacity-80:focus {
+    --tw-border-opacity: 0.8;
+  }
+
+  .\32xl\:focus\:border-opacity-90:focus {
+    --tw-border-opacity: 0.9;
+  }
+
+  .\32xl\:focus\:border-opacity-95:focus {
+    --tw-border-opacity: 0.95;
+  }
+
+  .\32xl\:focus\:border-opacity-100:focus {
+    --tw-border-opacity: 1;
+  }
+
+  .\32xl\:rounded-none {
+    border-radius: 0px;
+  }
+
+  .\32xl\:rounded-sm {
+    border-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded {
+    border-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-md {
+    border-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-xl {
+    border-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .\32xl\:rounded-3xl {
+    border-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .\32xl\:rounded-t-none {
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+  }
+
+  .\32xl\:rounded-r-none {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+  }
+
+  .\32xl\:rounded-b-none {
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .\32xl\:rounded-l-none {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  .\32xl\:rounded-t-sm {
+    border-top-left-radius: 0.125rem;
+    border-top-right-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-r-sm {
+    border-top-right-radius: 0.125rem;
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-b-sm {
+    border-bottom-right-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-l-sm {
+    border-top-left-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-t-md {
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-r-md {
+    border-top-right-radius: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-b-md {
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-l-md {
+    border-top-left-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-t-lg {
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-r-lg {
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-b-lg {
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-l-lg {
+    border-top-left-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-t-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .\32xl\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .\32xl\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .\32xl\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .\32xl\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-t-full {
+    border-top-left-radius: 9999px;
+    border-top-right-radius: 9999px;
+  }
+
+  .\32xl\:rounded-r-full {
+    border-top-right-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+  }
+
+  .\32xl\:rounded-b-full {
+    border-bottom-right-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .\32xl\:rounded-l-full {
+    border-top-left-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .\32xl\:rounded-tl-none {
+    border-top-left-radius: 0px;
+  }
+
+  .\32xl\:rounded-tr-none {
+    border-top-right-radius: 0px;
+  }
+
+  .\32xl\:rounded-br-none {
+    border-bottom-right-radius: 0px;
+  }
+
+  .\32xl\:rounded-bl-none {
+    border-bottom-left-radius: 0px;
+  }
+
+  .\32xl\:rounded-tl-sm {
+    border-top-left-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-tr-sm {
+    border-top-right-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-br-sm {
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-bl-sm {
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .\32xl\:rounded-tl {
+    border-top-left-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-tr {
+    border-top-right-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-br {
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-bl {
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .\32xl\:rounded-tl-md {
+    border-top-left-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-tr-md {
+    border-top-right-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-br-md {
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-bl-md {
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .\32xl\:rounded-tl-lg {
+    border-top-left-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-tr-lg {
+    border-top-right-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-br-lg {
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-bl-lg {
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .\32xl\:rounded-tl-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .\32xl\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .\32xl\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .\32xl\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .\32xl\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .\32xl\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .\32xl\:rounded-tl-full {
+    border-top-left-radius: 9999px;
+  }
+
+  .\32xl\:rounded-tr-full {
+    border-top-right-radius: 9999px;
+  }
+
+  .\32xl\:rounded-br-full {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .\32xl\:rounded-bl-full {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .\32xl\:border-solid {
+    border-style: solid;
+  }
+
+  .\32xl\:border-dashed {
+    border-style: dashed;
+  }
+
+  .\32xl\:border-dotted {
+    border-style: dotted;
+  }
+
+  .\32xl\:border-double {
+    border-style: double;
+  }
+
+  .\32xl\:border-none {
+    border-style: none;
+  }
+
+  .\32xl\:border-0 {
+    border-width: 0px;
+  }
+
+  .\32xl\:border-2 {
+    border-width: 2px;
+  }
+
+  .\32xl\:border-4 {
+    border-width: 4px;
+  }
+
+  .\32xl\:border-8 {
+    border-width: 8px;
+  }
+
+  .\32xl\:border {
+    border-width: 1px;
+  }
+
+  .\32xl\:border-t-0 {
+    border-top-width: 0px;
+  }
+
+  .\32xl\:border-r-0 {
+    border-right-width: 0px;
+  }
+
+  .\32xl\:border-b-0 {
+    border-bottom-width: 0px;
+  }
+
+  .\32xl\:border-l-0 {
+    border-left-width: 0px;
+  }
+
+  .\32xl\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .\32xl\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .\32xl\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .\32xl\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .\32xl\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .\32xl\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .\32xl\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .\32xl\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .\32xl\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .\32xl\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .\32xl\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .\32xl\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .\32xl\:border-t {
+    border-top-width: 1px;
+  }
+
+  .\32xl\:border-r {
+    border-right-width: 1px;
+  }
+
+  .\32xl\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .\32xl\:border-l {
+    border-left-width: 1px;
+  }
+
+  .\32xl\:box-border {
+    box-sizing: border-box;
+  }
+
+  .\32xl\:box-content {
+    box-sizing: content-box;
+  }
+
+  .\32xl\:cursor-auto {
+    cursor: auto;
+  }
+
+  .\32xl\:cursor-default {
+    cursor: default;
+  }
+
+  .\32xl\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .\32xl\:cursor-wait {
+    cursor: wait;
+  }
+
+  .\32xl\:cursor-text {
+    cursor: text;
+  }
+
+  .\32xl\:cursor-move {
+    cursor: move;
+  }
+
+  .\32xl\:cursor-help {
+    cursor: help;
+  }
+
+  .\32xl\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
+  .\32xl\:block {
+    display: block;
+  }
+
+  .\32xl\:inline-block {
+    display: inline-block;
+  }
+
+  .\32xl\:inline {
+    display: inline;
+  }
+
+  .\32xl\:flex {
+    display: flex;
+  }
+
+  .\32xl\:inline-flex {
+    display: inline-flex;
+  }
+
+  .\32xl\:table {
+    display: table;
+  }
+
+  .\32xl\:table-caption {
+    display: table-caption;
+  }
+
+  .\32xl\:table-cell {
+    display: table-cell;
+  }
+
+  .\32xl\:table-column {
+    display: table-column;
+  }
+
+  .\32xl\:table-column-group {
+    display: table-column-group;
+  }
+
+  .\32xl\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .\32xl\:table-header-group {
+    display: table-header-group;
+  }
+
+  .\32xl\:table-row-group {
+    display: table-row-group;
+  }
+
+  .\32xl\:table-row {
+    display: table-row;
+  }
+
+  .\32xl\:flow-root {
+    display: flow-root;
+  }
+
+  .\32xl\:grid {
+    display: grid;
+  }
+
+  .\32xl\:inline-grid {
+    display: inline-grid;
+  }
+
+  .\32xl\:contents {
+    display: contents;
+  }
+
+  .\32xl\:hidden {
+    display: none;
+  }
+
+  .\32xl\:flex-row {
+    flex-direction: row;
+  }
+
+  .\32xl\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .\32xl\:flex-col {
+    flex-direction: column;
+  }
+
+  .\32xl\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .\32xl\:flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .\32xl\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
+  .\32xl\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .\32xl\:place-items-auto {
+    place-items: auto;
+  }
+
+  .\32xl\:place-items-start {
+    place-items: start;
+  }
+
+  .\32xl\:place-items-end {
+    place-items: end;
+  }
+
+  .\32xl\:place-items-center {
+    place-items: center;
+  }
+
+  .\32xl\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .\32xl\:place-content-center {
+    place-content: center;
+  }
+
+  .\32xl\:place-content-start {
+    place-content: start;
+  }
+
+  .\32xl\:place-content-end {
+    place-content: end;
+  }
+
+  .\32xl\:place-content-between {
+    place-content: space-between;
+  }
+
+  .\32xl\:place-content-around {
+    place-content: space-around;
+  }
+
+  .\32xl\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .\32xl\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .\32xl\:place-self-auto {
+    place-self: auto;
+  }
+
+  .\32xl\:place-self-start {
+    place-self: start;
+  }
+
+  .\32xl\:place-self-end {
+    place-self: end;
+  }
+
+  .\32xl\:place-self-center {
+    place-self: center;
+  }
+
+  .\32xl\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .\32xl\:items-start {
+    align-items: flex-start;
+  }
+
+  .\32xl\:items-end {
+    align-items: flex-end;
+  }
+
+  .\32xl\:items-center {
+    align-items: center;
+  }
+
+  .\32xl\:items-baseline {
+    align-items: baseline;
+  }
+
+  .\32xl\:items-stretch {
+    align-items: stretch;
+  }
+
+  .\32xl\:content-center {
+    align-content: center;
+  }
+
+  .\32xl\:content-start {
+    align-content: flex-start;
+  }
+
+  .\32xl\:content-end {
+    align-content: flex-end;
+  }
+
+  .\32xl\:content-between {
+    align-content: space-between;
+  }
+
+  .\32xl\:content-around {
+    align-content: space-around;
+  }
+
+  .\32xl\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .\32xl\:self-auto {
+    align-self: auto;
+  }
+
+  .\32xl\:self-start {
+    align-self: flex-start;
+  }
+
+  .\32xl\:self-end {
+    align-self: flex-end;
+  }
+
+  .\32xl\:self-center {
+    align-self: center;
+  }
+
+  .\32xl\:self-stretch {
+    align-self: stretch;
+  }
+
+  .\32xl\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .\32xl\:justify-items-start {
+    justify-items: start;
+  }
+
+  .\32xl\:justify-items-end {
+    justify-items: end;
+  }
+
+  .\32xl\:justify-items-center {
+    justify-items: center;
+  }
+
+  .\32xl\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
+  .\32xl\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .\32xl\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .\32xl\:justify-center {
+    justify-content: center;
+  }
+
+  .\32xl\:justify-between {
+    justify-content: space-between;
+  }
+
+  .\32xl\:justify-around {
+    justify-content: space-around;
+  }
+
+  .\32xl\:justify-evenly {
+    justify-content: space-evenly;
+  }
+
+  .\32xl\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .\32xl\:justify-self-start {
+    justify-self: start;
+  }
+
+  .\32xl\:justify-self-end {
+    justify-self: end;
+  }
+
+  .\32xl\:justify-self-center {
+    justify-self: center;
+  }
+
+  .\32xl\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .\32xl\:flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .\32xl\:flex-auto {
+    flex: 1 1 auto;
+  }
+
+  .\32xl\:flex-initial {
+    flex: 0 1 auto;
+  }
+
+  .\32xl\:flex-none {
+    flex: none;
+  }
+
+  .\32xl\:flex-grow-0 {
+    flex-grow: 0;
+  }
+
+  .\32xl\:flex-grow {
+    flex-grow: 1;
+  }
+
+  .\32xl\:flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .\32xl\:flex-shrink {
+    flex-shrink: 1;
+  }
+
+  .\32xl\:order-1 {
+    order: 1;
+  }
+
+  .\32xl\:order-2 {
+    order: 2;
+  }
+
+  .\32xl\:order-3 {
+    order: 3;
+  }
+
+  .\32xl\:order-4 {
+    order: 4;
+  }
+
+  .\32xl\:order-5 {
+    order: 5;
+  }
+
+  .\32xl\:order-6 {
+    order: 6;
+  }
+
+  .\32xl\:order-7 {
+    order: 7;
+  }
+
+  .\32xl\:order-8 {
+    order: 8;
+  }
+
+  .\32xl\:order-9 {
+    order: 9;
+  }
+
+  .\32xl\:order-10 {
+    order: 10;
+  }
+
+  .\32xl\:order-11 {
+    order: 11;
+  }
+
+  .\32xl\:order-12 {
+    order: 12;
+  }
+
+  .\32xl\:order-first {
+    order: -9999;
+  }
+
+  .\32xl\:order-last {
+    order: 9999;
+  }
+
+  .\32xl\:order-none {
+    order: 0;
+  }
+
+  .\32xl\:float-right {
+    float: right;
+  }
+
+  .\32xl\:float-left {
+    float: left;
+  }
+
+  .\32xl\:float-none {
+    float: none;
+  }
+
+  .\32xl\:clear-left {
+    clear: left;
+  }
+
+  .\32xl\:clear-right {
+    clear: right;
+  }
+
+  .\32xl\:clear-both {
+    clear: both;
+  }
+
+  .\32xl\:clear-none {
+    clear: none;
+  }
+
+  .\32xl\:font-sans {
+    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  }
+
+  .\32xl\:font-serif {
+    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .\32xl\:font-mono {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .\32xl\:font-thin {
+    font-weight: 100;
+  }
+
+  .\32xl\:font-extralight {
+    font-weight: 200;
+  }
+
+  .\32xl\:font-light {
+    font-weight: 300;
+  }
+
+  .\32xl\:font-normal {
+    font-weight: 400;
+  }
+
+  .\32xl\:font-medium {
+    font-weight: 500;
+  }
+
+  .\32xl\:font-semibold {
+    font-weight: 600;
+  }
+
+  .\32xl\:font-bold {
+    font-weight: 700;
+  }
+
+  .\32xl\:font-extrabold {
+    font-weight: 800;
+  }
+
+  .\32xl\:font-black {
+    font-weight: 900;
+  }
+
+  .\32xl\:h-0 {
+    height: 0px;
+  }
+
+  .\32xl\:h-1 {
+    height: 0.25rem;
+  }
+
+  .\32xl\:h-2 {
+    height: 0.5rem;
+  }
+
+  .\32xl\:h-3 {
+    height: 0.75rem;
+  }
+
+  .\32xl\:h-4 {
+    height: 1rem;
+  }
+
+  .\32xl\:h-5 {
+    height: 1.25rem;
+  }
+
+  .\32xl\:h-6 {
+    height: 1.5rem;
+  }
+
+  .\32xl\:h-7 {
+    height: 1.75rem;
+  }
+
+  .\32xl\:h-8 {
+    height: 2rem;
+  }
+
+  .\32xl\:h-9 {
+    height: 2.25rem;
+  }
+
+  .\32xl\:h-10 {
+    height: 2.5rem;
+  }
+
+  .\32xl\:h-11 {
+    height: 2.75rem;
+  }
+
+  .\32xl\:h-12 {
+    height: 3rem;
+  }
+
+  .\32xl\:h-14 {
+    height: 3.5rem;
+  }
+
+  .\32xl\:h-16 {
+    height: 4rem;
+  }
+
+  .\32xl\:h-20 {
+    height: 5rem;
+  }
+
+  .\32xl\:h-24 {
+    height: 6rem;
+  }
+
+  .\32xl\:h-28 {
+    height: 7rem;
+  }
+
+  .\32xl\:h-32 {
+    height: 8rem;
+  }
+
+  .\32xl\:h-36 {
+    height: 9rem;
+  }
+
+  .\32xl\:h-40 {
+    height: 10rem;
+  }
+
+  .\32xl\:h-44 {
+    height: 11rem;
+  }
+
+  .\32xl\:h-48 {
+    height: 12rem;
+  }
+
+  .\32xl\:h-52 {
+    height: 13rem;
+  }
+
+  .\32xl\:h-56 {
+    height: 14rem;
+  }
+
+  .\32xl\:h-60 {
+    height: 15rem;
+  }
+
+  .\32xl\:h-64 {
+    height: 16rem;
+  }
+
+  .\32xl\:h-72 {
+    height: 18rem;
+  }
+
+  .\32xl\:h-80 {
+    height: 20rem;
+  }
+
+  .\32xl\:h-96 {
+    height: 24rem;
+  }
+
+  .\32xl\:h-auto {
+    height: auto;
+  }
+
+  .\32xl\:h-px {
+    height: 1px;
+  }
+
+  .\32xl\:h-0\.5 {
+    height: 0.125rem;
+  }
+
+  .\32xl\:h-1\.5 {
+    height: 0.375rem;
+  }
+
+  .\32xl\:h-2\.5 {
+    height: 0.625rem;
+  }
+
+  .\32xl\:h-3\.5 {
+    height: 0.875rem;
+  }
+
+  .\32xl\:h-1\/2 {
+    height: 50%;
+  }
+
+  .\32xl\:h-1\/3 {
+    height: 33.333333%;
+  }
+
+  .\32xl\:h-2\/3 {
+    height: 66.666667%;
+  }
+
+  .\32xl\:h-1\/4 {
+    height: 25%;
+  }
+
+  .\32xl\:h-2\/4 {
+    height: 50%;
+  }
+
+  .\32xl\:h-3\/4 {
+    height: 75%;
+  }
+
+  .\32xl\:h-1\/5 {
+    height: 20%;
+  }
+
+  .\32xl\:h-2\/5 {
+    height: 40%;
+  }
+
+  .\32xl\:h-3\/5 {
+    height: 60%;
+  }
+
+  .\32xl\:h-4\/5 {
+    height: 80%;
+  }
+
+  .\32xl\:h-1\/6 {
+    height: 16.666667%;
+  }
+
+  .\32xl\:h-2\/6 {
+    height: 33.333333%;
+  }
+
+  .\32xl\:h-3\/6 {
+    height: 50%;
+  }
+
+  .\32xl\:h-4\/6 {
+    height: 66.666667%;
+  }
+
+  .\32xl\:h-5\/6 {
+    height: 83.333333%;
+  }
+
+  .\32xl\:h-full {
+    height: 100%;
+  }
+
+  .\32xl\:h-screen {
+    height: 100vh;
+  }
+
+  .\32xl\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .\32xl\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .\32xl\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .\32xl\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .\32xl\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .\32xl\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .\32xl\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .\32xl\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .\32xl\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+
+  .\32xl\:text-6xl {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .\32xl\:text-7xl {
+    font-size: 4.5rem;
+    line-height: 1;
+  }
+
+  .\32xl\:text-8xl {
+    font-size: 6rem;
+    line-height: 1;
+  }
+
+  .\32xl\:text-9xl {
+    font-size: 8rem;
+    line-height: 1;
+  }
+
+  .\32xl\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .\32xl\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .\32xl\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .\32xl\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .\32xl\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .\32xl\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .\32xl\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .\32xl\:leading-10 {
+    line-height: 2.5rem;
+  }
+
+  .\32xl\:leading-none {
+    line-height: 1;
+  }
+
+  .\32xl\:leading-tight {
+    line-height: 1.25;
+  }
+
+  .\32xl\:leading-snug {
+    line-height: 1.375;
+  }
+
+  .\32xl\:leading-normal {
+    line-height: 1.5;
+  }
+
+  .\32xl\:leading-relaxed {
+    line-height: 1.625;
+  }
+
+  .\32xl\:leading-loose {
+    line-height: 2;
+  }
+
+  .\32xl\:list-inside {
+    list-style-position: inside;
+  }
+
+  .\32xl\:list-outside {
+    list-style-position: outside;
+  }
+
+  .\32xl\:list-none {
+    list-style-type: none;
+  }
+
+  .\32xl\:list-disc {
+    list-style-type: disc;
+  }
+
+  .\32xl\:list-decimal {
+    list-style-type: decimal;
+  }
+
+  .\32xl\:m-0 {
+    margin: 0px;
+  }
+
+  .\32xl\:m-1 {
+    margin: 0.25rem;
+  }
+
+  .\32xl\:m-2 {
+    margin: 0.5rem;
+  }
+
+  .\32xl\:m-3 {
+    margin: 0.75rem;
+  }
+
+  .\32xl\:m-4 {
+    margin: 1rem;
+  }
+
+  .\32xl\:m-5 {
+    margin: 1.25rem;
+  }
+
+  .\32xl\:m-6 {
+    margin: 1.5rem;
+  }
+
+  .\32xl\:m-7 {
+    margin: 1.75rem;
+  }
+
+  .\32xl\:m-8 {
+    margin: 2rem;
+  }
+
+  .\32xl\:m-9 {
+    margin: 2.25rem;
+  }
+
+  .\32xl\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .\32xl\:m-11 {
+    margin: 2.75rem;
+  }
+
+  .\32xl\:m-12 {
+    margin: 3rem;
+  }
+
+  .\32xl\:m-14 {
+    margin: 3.5rem;
+  }
+
+  .\32xl\:m-16 {
+    margin: 4rem;
+  }
+
+  .\32xl\:m-20 {
+    margin: 5rem;
+  }
+
+  .\32xl\:m-24 {
+    margin: 6rem;
+  }
+
+  .\32xl\:m-28 {
+    margin: 7rem;
+  }
+
+  .\32xl\:m-32 {
+    margin: 8rem;
+  }
+
+  .\32xl\:m-36 {
+    margin: 9rem;
+  }
+
+  .\32xl\:m-40 {
+    margin: 10rem;
+  }
+
+  .\32xl\:m-44 {
+    margin: 11rem;
+  }
+
+  .\32xl\:m-48 {
+    margin: 12rem;
+  }
+
+  .\32xl\:m-52 {
+    margin: 13rem;
+  }
+
+  .\32xl\:m-56 {
+    margin: 14rem;
+  }
+
+  .\32xl\:m-60 {
+    margin: 15rem;
+  }
+
+  .\32xl\:m-64 {
+    margin: 16rem;
+  }
+
+  .\32xl\:m-72 {
+    margin: 18rem;
+  }
+
+  .\32xl\:m-80 {
+    margin: 20rem;
+  }
+
+  .\32xl\:m-96 {
+    margin: 24rem;
+  }
+
+  .\32xl\:m-auto {
+    margin: auto;
+  }
+
+  .\32xl\:m-px {
+    margin: 1px;
+  }
+
+  .\32xl\:m-0\.5 {
+    margin: 0.125rem;
+  }
+
+  .\32xl\:m-1\.5 {
+    margin: 0.375rem;
+  }
+
+  .\32xl\:m-2\.5 {
+    margin: 0.625rem;
+  }
+
+  .\32xl\:m-3\.5 {
+    margin: 0.875rem;
+  }
+
+  .\32xl\:-m-0 {
+    margin: 0px;
+  }
+
+  .\32xl\:-m-1 {
+    margin: -0.25rem;
+  }
+
+  .\32xl\:-m-2 {
+    margin: -0.5rem;
+  }
+
+  .\32xl\:-m-3 {
+    margin: -0.75rem;
+  }
+
+  .\32xl\:-m-4 {
+    margin: -1rem;
+  }
+
+  .\32xl\:-m-5 {
+    margin: -1.25rem;
+  }
+
+  .\32xl\:-m-6 {
+    margin: -1.5rem;
+  }
+
+  .\32xl\:-m-7 {
+    margin: -1.75rem;
+  }
+
+  .\32xl\:-m-8 {
+    margin: -2rem;
+  }
+
+  .\32xl\:-m-9 {
+    margin: -2.25rem;
+  }
+
+  .\32xl\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .\32xl\:-m-11 {
+    margin: -2.75rem;
+  }
+
+  .\32xl\:-m-12 {
+    margin: -3rem;
+  }
+
+  .\32xl\:-m-14 {
+    margin: -3.5rem;
+  }
+
+  .\32xl\:-m-16 {
+    margin: -4rem;
+  }
+
+  .\32xl\:-m-20 {
+    margin: -5rem;
+  }
+
+  .\32xl\:-m-24 {
+    margin: -6rem;
+  }
+
+  .\32xl\:-m-28 {
+    margin: -7rem;
+  }
+
+  .\32xl\:-m-32 {
+    margin: -8rem;
+  }
+
+  .\32xl\:-m-36 {
+    margin: -9rem;
+  }
+
+  .\32xl\:-m-40 {
+    margin: -10rem;
+  }
+
+  .\32xl\:-m-44 {
+    margin: -11rem;
+  }
+
+  .\32xl\:-m-48 {
+    margin: -12rem;
+  }
+
+  .\32xl\:-m-52 {
+    margin: -13rem;
+  }
+
+  .\32xl\:-m-56 {
+    margin: -14rem;
+  }
+
+  .\32xl\:-m-60 {
+    margin: -15rem;
+  }
+
+  .\32xl\:-m-64 {
+    margin: -16rem;
+  }
+
+  .\32xl\:-m-72 {
+    margin: -18rem;
+  }
+
+  .\32xl\:-m-80 {
+    margin: -20rem;
+  }
+
+  .\32xl\:-m-96 {
+    margin: -24rem;
+  }
+
+  .\32xl\:-m-px {
+    margin: -1px;
+  }
+
+  .\32xl\:-m-0\.5 {
+    margin: -0.125rem;
+  }
+
+  .\32xl\:-m-1\.5 {
+    margin: -0.375rem;
+  }
+
+  .\32xl\:-m-2\.5 {
+    margin: -0.625rem;
+  }
+
+  .\32xl\:-m-3\.5 {
+    margin: -0.875rem;
+  }
+
+  .\32xl\:my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .\32xl\:mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .\32xl\:my-1 {
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
+  }
+
+  .\32xl\:mx-1 {
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
+  }
+
+  .\32xl\:my-2 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .\32xl\:mx-2 {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .\32xl\:my-3 {
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem;
+  }
+
+  .\32xl\:mx-3 {
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
+  }
+
+  .\32xl\:my-4 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
+  .\32xl\:mx-4 {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
+  .\32xl\:my-5 {
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+  }
+
+  .\32xl\:mx-5 {
+    margin-left: 1.25rem;
+    margin-right: 1.25rem;
+  }
+
+  .\32xl\:my-6 {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .\32xl\:mx-6 {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+  }
+
+  .\32xl\:my-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
+  .\32xl\:mx-7 {
+    margin-left: 1.75rem;
+    margin-right: 1.75rem;
+  }
+
+  .\32xl\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .\32xl\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .\32xl\:my-9 {
+    margin-top: 2.25rem;
+    margin-bottom: 2.25rem;
+  }
+
+  .\32xl\:mx-9 {
+    margin-left: 2.25rem;
+    margin-right: 2.25rem;
+  }
+
+  .\32xl\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .\32xl\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .\32xl\:my-11 {
+    margin-top: 2.75rem;
+    margin-bottom: 2.75rem;
+  }
+
+  .\32xl\:mx-11 {
+    margin-left: 2.75rem;
+    margin-right: 2.75rem;
+  }
+
+  .\32xl\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .\32xl\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .\32xl\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .\32xl\:mx-14 {
+    margin-left: 3.5rem;
+    margin-right: 3.5rem;
+  }
+
+  .\32xl\:my-16 {
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+  }
+
+  .\32xl\:mx-16 {
+    margin-left: 4rem;
+    margin-right: 4rem;
+  }
+
+  .\32xl\:my-20 {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
+  }
+
+  .\32xl\:mx-20 {
+    margin-left: 5rem;
+    margin-right: 5rem;
+  }
+
+  .\32xl\:my-24 {
+    margin-top: 6rem;
+    margin-bottom: 6rem;
+  }
+
+  .\32xl\:mx-24 {
+    margin-left: 6rem;
+    margin-right: 6rem;
+  }
+
+  .\32xl\:my-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+
+  .\32xl\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+
+  .\32xl\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .\32xl\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .\32xl\:my-36 {
+    margin-top: 9rem;
+    margin-bottom: 9rem;
+  }
+
+  .\32xl\:mx-36 {
+    margin-left: 9rem;
+    margin-right: 9rem;
+  }
+
+  .\32xl\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .\32xl\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .\32xl\:my-44 {
+    margin-top: 11rem;
+    margin-bottom: 11rem;
+  }
+
+  .\32xl\:mx-44 {
+    margin-left: 11rem;
+    margin-right: 11rem;
+  }
+
+  .\32xl\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .\32xl\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .\32xl\:my-52 {
+    margin-top: 13rem;
+    margin-bottom: 13rem;
+  }
+
+  .\32xl\:mx-52 {
+    margin-left: 13rem;
+    margin-right: 13rem;
+  }
+
+  .\32xl\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .\32xl\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .\32xl\:my-60 {
+    margin-top: 15rem;
+    margin-bottom: 15rem;
+  }
+
+  .\32xl\:mx-60 {
+    margin-left: 15rem;
+    margin-right: 15rem;
+  }
+
+  .\32xl\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .\32xl\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .\32xl\:my-72 {
+    margin-top: 18rem;
+    margin-bottom: 18rem;
+  }
+
+  .\32xl\:mx-72 {
+    margin-left: 18rem;
+    margin-right: 18rem;
+  }
+
+  .\32xl\:my-80 {
+    margin-top: 20rem;
+    margin-bottom: 20rem;
+  }
+
+  .\32xl\:mx-80 {
+    margin-left: 20rem;
+    margin-right: 20rem;
+  }
+
+  .\32xl\:my-96 {
+    margin-top: 24rem;
+    margin-bottom: 24rem;
+  }
+
+  .\32xl\:mx-96 {
+    margin-left: 24rem;
+    margin-right: 24rem;
+  }
+
+  .\32xl\:my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+
+  .\32xl\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .\32xl\:my-px {
+    margin-top: 1px;
+    margin-bottom: 1px;
+  }
+
+  .\32xl\:mx-px {
+    margin-left: 1px;
+    margin-right: 1px;
+  }
+
+  .\32xl\:my-0\.5 {
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+  }
+
+  .\32xl\:mx-0\.5 {
+    margin-left: 0.125rem;
+    margin-right: 0.125rem;
+  }
+
+  .\32xl\:my-1\.5 {
+    margin-top: 0.375rem;
+    margin-bottom: 0.375rem;
+  }
+
+  .\32xl\:mx-1\.5 {
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+
+  .\32xl\:my-2\.5 {
+    margin-top: 0.625rem;
+    margin-bottom: 0.625rem;
+  }
+
+  .\32xl\:mx-2\.5 {
+    margin-left: 0.625rem;
+    margin-right: 0.625rem;
+  }
+
+  .\32xl\:my-3\.5 {
+    margin-top: 0.875rem;
+    margin-bottom: 0.875rem;
+  }
+
+  .\32xl\:mx-3\.5 {
+    margin-left: 0.875rem;
+    margin-right: 0.875rem;
+  }
+
+  .\32xl\:-my-0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+
+  .\32xl\:-mx-0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
+  .\32xl\:-my-1 {
+    margin-top: -0.25rem;
+    margin-bottom: -0.25rem;
+  }
+
+  .\32xl\:-mx-1 {
+    margin-left: -0.25rem;
+    margin-right: -0.25rem;
+  }
+
+  .\32xl\:-my-2 {
+    margin-top: -0.5rem;
+    margin-bottom: -0.5rem;
+  }
+
+  .\32xl\:-mx-2 {
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+  }
+
+  .\32xl\:-my-3 {
+    margin-top: -0.75rem;
+    margin-bottom: -0.75rem;
+  }
+
+  .\32xl\:-mx-3 {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+  }
+
+  .\32xl\:-my-4 {
+    margin-top: -1rem;
+    margin-bottom: -1rem;
+  }
+
+  .\32xl\:-mx-4 {
+    margin-left: -1rem;
+    margin-right: -1rem;
+  }
+
+  .\32xl\:-my-5 {
+    margin-top: -1.25rem;
+    margin-bottom: -1.25rem;
+  }
+
+  .\32xl\:-mx-5 {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+  }
+
+  .\32xl\:-my-6 {
+    margin-top: -1.5rem;
+    margin-bottom: -1.5rem;
+  }
+
+  .\32xl\:-mx-6 {
+    margin-left: -1.5rem;
+    margin-right: -1.5rem;
+  }
+
+  .\32xl\:-my-7 {
+    margin-top: -1.75rem;
+    margin-bottom: -1.75rem;
+  }
+
+  .\32xl\:-mx-7 {
+    margin-left: -1.75rem;
+    margin-right: -1.75rem;
+  }
+
+  .\32xl\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .\32xl\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .\32xl\:-my-9 {
+    margin-top: -2.25rem;
+    margin-bottom: -2.25rem;
+  }
+
+  .\32xl\:-mx-9 {
+    margin-left: -2.25rem;
+    margin-right: -2.25rem;
+  }
+
+  .\32xl\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .\32xl\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .\32xl\:-my-11 {
+    margin-top: -2.75rem;
+    margin-bottom: -2.75rem;
+  }
+
+  .\32xl\:-mx-11 {
+    margin-left: -2.75rem;
+    margin-right: -2.75rem;
+  }
+
+  .\32xl\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .\32xl\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .\32xl\:-my-14 {
+    margin-top: -3.5rem;
+    margin-bottom: -3.5rem;
+  }
+
+  .\32xl\:-mx-14 {
+    margin-left: -3.5rem;
+    margin-right: -3.5rem;
+  }
+
+  .\32xl\:-my-16 {
+    margin-top: -4rem;
+    margin-bottom: -4rem;
+  }
+
+  .\32xl\:-mx-16 {
+    margin-left: -4rem;
+    margin-right: -4rem;
+  }
+
+  .\32xl\:-my-20 {
+    margin-top: -5rem;
+    margin-bottom: -5rem;
+  }
+
+  .\32xl\:-mx-20 {
+    margin-left: -5rem;
+    margin-right: -5rem;
+  }
+
+  .\32xl\:-my-24 {
+    margin-top: -6rem;
+    margin-bottom: -6rem;
+  }
+
+  .\32xl\:-mx-24 {
+    margin-left: -6rem;
+    margin-right: -6rem;
+  }
+
+  .\32xl\:-my-28 {
+    margin-top: -7rem;
+    margin-bottom: -7rem;
+  }
+
+  .\32xl\:-mx-28 {
+    margin-left: -7rem;
+    margin-right: -7rem;
+  }
+
+  .\32xl\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .\32xl\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .\32xl\:-my-36 {
+    margin-top: -9rem;
+    margin-bottom: -9rem;
+  }
+
+  .\32xl\:-mx-36 {
+    margin-left: -9rem;
+    margin-right: -9rem;
+  }
+
+  .\32xl\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .\32xl\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .\32xl\:-my-44 {
+    margin-top: -11rem;
+    margin-bottom: -11rem;
+  }
+
+  .\32xl\:-mx-44 {
+    margin-left: -11rem;
+    margin-right: -11rem;
+  }
+
+  .\32xl\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .\32xl\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .\32xl\:-my-52 {
+    margin-top: -13rem;
+    margin-bottom: -13rem;
+  }
+
+  .\32xl\:-mx-52 {
+    margin-left: -13rem;
+    margin-right: -13rem;
+  }
+
+  .\32xl\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .\32xl\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .\32xl\:-my-60 {
+    margin-top: -15rem;
+    margin-bottom: -15rem;
+  }
+
+  .\32xl\:-mx-60 {
+    margin-left: -15rem;
+    margin-right: -15rem;
+  }
+
+  .\32xl\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .\32xl\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .\32xl\:-my-72 {
+    margin-top: -18rem;
+    margin-bottom: -18rem;
+  }
+
+  .\32xl\:-mx-72 {
+    margin-left: -18rem;
+    margin-right: -18rem;
+  }
+
+  .\32xl\:-my-80 {
+    margin-top: -20rem;
+    margin-bottom: -20rem;
+  }
+
+  .\32xl\:-mx-80 {
+    margin-left: -20rem;
+    margin-right: -20rem;
+  }
+
+  .\32xl\:-my-96 {
+    margin-top: -24rem;
+    margin-bottom: -24rem;
+  }
+
+  .\32xl\:-mx-96 {
+    margin-left: -24rem;
+    margin-right: -24rem;
+  }
+
+  .\32xl\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .\32xl\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .\32xl\:-my-0\.5 {
+    margin-top: -0.125rem;
+    margin-bottom: -0.125rem;
+  }
+
+  .\32xl\:-mx-0\.5 {
+    margin-left: -0.125rem;
+    margin-right: -0.125rem;
+  }
+
+  .\32xl\:-my-1\.5 {
+    margin-top: -0.375rem;
+    margin-bottom: -0.375rem;
+  }
+
+  .\32xl\:-mx-1\.5 {
+    margin-left: -0.375rem;
+    margin-right: -0.375rem;
+  }
+
+  .\32xl\:-my-2\.5 {
+    margin-top: -0.625rem;
+    margin-bottom: -0.625rem;
+  }
+
+  .\32xl\:-mx-2\.5 {
+    margin-left: -0.625rem;
+    margin-right: -0.625rem;
+  }
+
+  .\32xl\:-my-3\.5 {
+    margin-top: -0.875rem;
+    margin-bottom: -0.875rem;
+  }
+
+  .\32xl\:-mx-3\.5 {
+    margin-left: -0.875rem;
+    margin-right: -0.875rem;
+  }
+
+  .\32xl\:mt-0 {
+    margin-top: 0px;
+  }
+
+  .\32xl\:mr-0 {
+    margin-right: 0px;
+  }
+
+  .\32xl\:mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .\32xl\:ml-0 {
+    margin-left: 0px;
+  }
+
+  .\32xl\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
+  .\32xl\:mr-1 {
+    margin-right: 0.25rem;
+  }
+
+  .\32xl\:mb-1 {
+    margin-bottom: 0.25rem;
+  }
+
+  .\32xl\:ml-1 {
+    margin-left: 0.25rem;
+  }
+
+  .\32xl\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
+  .\32xl\:mr-2 {
+    margin-right: 0.5rem;
+  }
+
+  .\32xl\:mb-2 {
+    margin-bottom: 0.5rem;
+  }
+
+  .\32xl\:ml-2 {
+    margin-left: 0.5rem;
+  }
+
+  .\32xl\:mt-3 {
+    margin-top: 0.75rem;
+  }
+
+  .\32xl\:mr-3 {
+    margin-right: 0.75rem;
+  }
+
+  .\32xl\:mb-3 {
+    margin-bottom: 0.75rem;
+  }
+
+  .\32xl\:ml-3 {
+    margin-left: 0.75rem;
+  }
+
+  .\32xl\:mt-4 {
+    margin-top: 1rem;
+  }
+
+  .\32xl\:mr-4 {
+    margin-right: 1rem;
+  }
+
+  .\32xl\:mb-4 {
+    margin-bottom: 1rem;
+  }
+
+  .\32xl\:ml-4 {
+    margin-left: 1rem;
+  }
+
+  .\32xl\:mt-5 {
+    margin-top: 1.25rem;
+  }
+
+  .\32xl\:mr-5 {
+    margin-right: 1.25rem;
+  }
+
+  .\32xl\:mb-5 {
+    margin-bottom: 1.25rem;
+  }
+
+  .\32xl\:ml-5 {
+    margin-left: 1.25rem;
+  }
+
+  .\32xl\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .\32xl\:mr-6 {
+    margin-right: 1.5rem;
+  }
+
+  .\32xl\:mb-6 {
+    margin-bottom: 1.5rem;
+  }
+
+  .\32xl\:ml-6 {
+    margin-left: 1.5rem;
+  }
+
+  .\32xl\:mt-7 {
+    margin-top: 1.75rem;
+  }
+
+  .\32xl\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .\32xl\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
+  .\32xl\:ml-7 {
+    margin-left: 1.75rem;
+  }
+
+  .\32xl\:mt-8 {
+    margin-top: 2rem;
+  }
+
+  .\32xl\:mr-8 {
+    margin-right: 2rem;
+  }
+
+  .\32xl\:mb-8 {
+    margin-bottom: 2rem;
+  }
+
+  .\32xl\:ml-8 {
+    margin-left: 2rem;
+  }
+
+  .\32xl\:mt-9 {
+    margin-top: 2.25rem;
+  }
+
+  .\32xl\:mr-9 {
+    margin-right: 2.25rem;
+  }
+
+  .\32xl\:mb-9 {
+    margin-bottom: 2.25rem;
+  }
+
+  .\32xl\:ml-9 {
+    margin-left: 2.25rem;
+  }
+
+  .\32xl\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
+  .\32xl\:mr-10 {
+    margin-right: 2.5rem;
+  }
+
+  .\32xl\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
+  .\32xl\:ml-10 {
+    margin-left: 2.5rem;
+  }
+
+  .\32xl\:mt-11 {
+    margin-top: 2.75rem;
+  }
+
+  .\32xl\:mr-11 {
+    margin-right: 2.75rem;
+  }
+
+  .\32xl\:mb-11 {
+    margin-bottom: 2.75rem;
+  }
+
+  .\32xl\:ml-11 {
+    margin-left: 2.75rem;
+  }
+
+  .\32xl\:mt-12 {
+    margin-top: 3rem;
+  }
+
+  .\32xl\:mr-12 {
+    margin-right: 3rem;
+  }
+
+  .\32xl\:mb-12 {
+    margin-bottom: 3rem;
+  }
+
+  .\32xl\:ml-12 {
+    margin-left: 3rem;
+  }
+
+  .\32xl\:mt-14 {
+    margin-top: 3.5rem;
+  }
+
+  .\32xl\:mr-14 {
+    margin-right: 3.5rem;
+  }
+
+  .\32xl\:mb-14 {
+    margin-bottom: 3.5rem;
+  }
+
+  .\32xl\:ml-14 {
+    margin-left: 3.5rem;
+  }
+
+  .\32xl\:mt-16 {
+    margin-top: 4rem;
+  }
+
+  .\32xl\:mr-16 {
+    margin-right: 4rem;
+  }
+
+  .\32xl\:mb-16 {
+    margin-bottom: 4rem;
+  }
+
+  .\32xl\:ml-16 {
+    margin-left: 4rem;
+  }
+
+  .\32xl\:mt-20 {
+    margin-top: 5rem;
+  }
+
+  .\32xl\:mr-20 {
+    margin-right: 5rem;
+  }
+
+  .\32xl\:mb-20 {
+    margin-bottom: 5rem;
+  }
+
+  .\32xl\:ml-20 {
+    margin-left: 5rem;
+  }
+
+  .\32xl\:mt-24 {
+    margin-top: 6rem;
+  }
+
+  .\32xl\:mr-24 {
+    margin-right: 6rem;
+  }
+
+  .\32xl\:mb-24 {
+    margin-bottom: 6rem;
+  }
+
+  .\32xl\:ml-24 {
+    margin-left: 6rem;
+  }
+
+  .\32xl\:mt-28 {
+    margin-top: 7rem;
+  }
+
+  .\32xl\:mr-28 {
+    margin-right: 7rem;
+  }
+
+  .\32xl\:mb-28 {
+    margin-bottom: 7rem;
+  }
+
+  .\32xl\:ml-28 {
+    margin-left: 7rem;
+  }
+
+  .\32xl\:mt-32 {
+    margin-top: 8rem;
+  }
+
+  .\32xl\:mr-32 {
+    margin-right: 8rem;
+  }
+
+  .\32xl\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
+  .\32xl\:ml-32 {
+    margin-left: 8rem;
+  }
+
+  .\32xl\:mt-36 {
+    margin-top: 9rem;
+  }
+
+  .\32xl\:mr-36 {
+    margin-right: 9rem;
+  }
+
+  .\32xl\:mb-36 {
+    margin-bottom: 9rem;
+  }
+
+  .\32xl\:ml-36 {
+    margin-left: 9rem;
+  }
+
+  .\32xl\:mt-40 {
+    margin-top: 10rem;
+  }
+
+  .\32xl\:mr-40 {
+    margin-right: 10rem;
+  }
+
+  .\32xl\:mb-40 {
+    margin-bottom: 10rem;
+  }
+
+  .\32xl\:ml-40 {
+    margin-left: 10rem;
+  }
+
+  .\32xl\:mt-44 {
+    margin-top: 11rem;
+  }
+
+  .\32xl\:mr-44 {
+    margin-right: 11rem;
+  }
+
+  .\32xl\:mb-44 {
+    margin-bottom: 11rem;
+  }
+
+  .\32xl\:ml-44 {
+    margin-left: 11rem;
+  }
+
+  .\32xl\:mt-48 {
+    margin-top: 12rem;
+  }
+
+  .\32xl\:mr-48 {
+    margin-right: 12rem;
+  }
+
+  .\32xl\:mb-48 {
+    margin-bottom: 12rem;
+  }
+
+  .\32xl\:ml-48 {
+    margin-left: 12rem;
+  }
+
+  .\32xl\:mt-52 {
+    margin-top: 13rem;
+  }
+
+  .\32xl\:mr-52 {
+    margin-right: 13rem;
+  }
+
+  .\32xl\:mb-52 {
+    margin-bottom: 13rem;
+  }
+
+  .\32xl\:ml-52 {
+    margin-left: 13rem;
+  }
+
+  .\32xl\:mt-56 {
+    margin-top: 14rem;
+  }
+
+  .\32xl\:mr-56 {
+    margin-right: 14rem;
+  }
+
+  .\32xl\:mb-56 {
+    margin-bottom: 14rem;
+  }
+
+  .\32xl\:ml-56 {
+    margin-left: 14rem;
+  }
+
+  .\32xl\:mt-60 {
+    margin-top: 15rem;
+  }
+
+  .\32xl\:mr-60 {
+    margin-right: 15rem;
+  }
+
+  .\32xl\:mb-60 {
+    margin-bottom: 15rem;
+  }
+
+  .\32xl\:ml-60 {
+    margin-left: 15rem;
+  }
+
+  .\32xl\:mt-64 {
+    margin-top: 16rem;
+  }
+
+  .\32xl\:mr-64 {
+    margin-right: 16rem;
+  }
+
+  .\32xl\:mb-64 {
+    margin-bottom: 16rem;
+  }
+
+  .\32xl\:ml-64 {
+    margin-left: 16rem;
+  }
+
+  .\32xl\:mt-72 {
+    margin-top: 18rem;
+  }
+
+  .\32xl\:mr-72 {
+    margin-right: 18rem;
+  }
+
+  .\32xl\:mb-72 {
+    margin-bottom: 18rem;
+  }
+
+  .\32xl\:ml-72 {
+    margin-left: 18rem;
+  }
+
+  .\32xl\:mt-80 {
+    margin-top: 20rem;
+  }
+
+  .\32xl\:mr-80 {
+    margin-right: 20rem;
+  }
+
+  .\32xl\:mb-80 {
+    margin-bottom: 20rem;
+  }
+
+  .\32xl\:ml-80 {
+    margin-left: 20rem;
+  }
+
+  .\32xl\:mt-96 {
+    margin-top: 24rem;
+  }
+
+  .\32xl\:mr-96 {
+    margin-right: 24rem;
+  }
+
+  .\32xl\:mb-96 {
+    margin-bottom: 24rem;
+  }
+
+  .\32xl\:ml-96 {
+    margin-left: 24rem;
+  }
+
+  .\32xl\:mt-auto {
+    margin-top: auto;
+  }
+
+  .\32xl\:mr-auto {
+    margin-right: auto;
+  }
+
+  .\32xl\:mb-auto {
+    margin-bottom: auto;
+  }
+
+  .\32xl\:ml-auto {
+    margin-left: auto;
+  }
+
+  .\32xl\:mt-px {
+    margin-top: 1px;
+  }
+
+  .\32xl\:mr-px {
+    margin-right: 1px;
+  }
+
+  .\32xl\:mb-px {
+    margin-bottom: 1px;
+  }
+
+  .\32xl\:ml-px {
+    margin-left: 1px;
+  }
+
+  .\32xl\:mt-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .\32xl\:mr-0\.5 {
+    margin-right: 0.125rem;
+  }
+
+  .\32xl\:mb-0\.5 {
+    margin-bottom: 0.125rem;
+  }
+
+  .\32xl\:ml-0\.5 {
+    margin-left: 0.125rem;
+  }
+
+  .\32xl\:mt-1\.5 {
+    margin-top: 0.375rem;
+  }
+
+  .\32xl\:mr-1\.5 {
+    margin-right: 0.375rem;
+  }
+
+  .\32xl\:mb-1\.5 {
+    margin-bottom: 0.375rem;
+  }
+
+  .\32xl\:ml-1\.5 {
+    margin-left: 0.375rem;
+  }
+
+  .\32xl\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
+  .\32xl\:mr-2\.5 {
+    margin-right: 0.625rem;
+  }
+
+  .\32xl\:mb-2\.5 {
+    margin-bottom: 0.625rem;
+  }
+
+  .\32xl\:ml-2\.5 {
+    margin-left: 0.625rem;
+  }
+
+  .\32xl\:mt-3\.5 {
+    margin-top: 0.875rem;
+  }
+
+  .\32xl\:mr-3\.5 {
+    margin-right: 0.875rem;
+  }
+
+  .\32xl\:mb-3\.5 {
+    margin-bottom: 0.875rem;
+  }
+
+  .\32xl\:ml-3\.5 {
+    margin-left: 0.875rem;
+  }
+
+  .\32xl\:-mt-0 {
+    margin-top: 0px;
+  }
+
+  .\32xl\:-mr-0 {
+    margin-right: 0px;
+  }
+
+  .\32xl\:-mb-0 {
+    margin-bottom: 0px;
+  }
+
+  .\32xl\:-ml-0 {
+    margin-left: 0px;
+  }
+
+  .\32xl\:-mt-1 {
+    margin-top: -0.25rem;
+  }
+
+  .\32xl\:-mr-1 {
+    margin-right: -0.25rem;
+  }
+
+  .\32xl\:-mb-1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .\32xl\:-ml-1 {
+    margin-left: -0.25rem;
+  }
+
+  .\32xl\:-mt-2 {
+    margin-top: -0.5rem;
+  }
+
+  .\32xl\:-mr-2 {
+    margin-right: -0.5rem;
+  }
+
+  .\32xl\:-mb-2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .\32xl\:-ml-2 {
+    margin-left: -0.5rem;
+  }
+
+  .\32xl\:-mt-3 {
+    margin-top: -0.75rem;
+  }
+
+  .\32xl\:-mr-3 {
+    margin-right: -0.75rem;
+  }
+
+  .\32xl\:-mb-3 {
+    margin-bottom: -0.75rem;
+  }
+
+  .\32xl\:-ml-3 {
+    margin-left: -0.75rem;
+  }
+
+  .\32xl\:-mt-4 {
+    margin-top: -1rem;
+  }
+
+  .\32xl\:-mr-4 {
+    margin-right: -1rem;
+  }
+
+  .\32xl\:-mb-4 {
+    margin-bottom: -1rem;
+  }
+
+  .\32xl\:-ml-4 {
+    margin-left: -1rem;
+  }
+
+  .\32xl\:-mt-5 {
+    margin-top: -1.25rem;
+  }
+
+  .\32xl\:-mr-5 {
+    margin-right: -1.25rem;
+  }
+
+  .\32xl\:-mb-5 {
+    margin-bottom: -1.25rem;
+  }
+
+  .\32xl\:-ml-5 {
+    margin-left: -1.25rem;
+  }
+
+  .\32xl\:-mt-6 {
+    margin-top: -1.5rem;
+  }
+
+  .\32xl\:-mr-6 {
+    margin-right: -1.5rem;
+  }
+
+  .\32xl\:-mb-6 {
+    margin-bottom: -1.5rem;
+  }
+
+  .\32xl\:-ml-6 {
+    margin-left: -1.5rem;
+  }
+
+  .\32xl\:-mt-7 {
+    margin-top: -1.75rem;
+  }
+
+  .\32xl\:-mr-7 {
+    margin-right: -1.75rem;
+  }
+
+  .\32xl\:-mb-7 {
+    margin-bottom: -1.75rem;
+  }
+
+  .\32xl\:-ml-7 {
+    margin-left: -1.75rem;
+  }
+
+  .\32xl\:-mt-8 {
+    margin-top: -2rem;
+  }
+
+  .\32xl\:-mr-8 {
+    margin-right: -2rem;
+  }
+
+  .\32xl\:-mb-8 {
+    margin-bottom: -2rem;
+  }
+
+  .\32xl\:-ml-8 {
+    margin-left: -2rem;
+  }
+
+  .\32xl\:-mt-9 {
+    margin-top: -2.25rem;
+  }
+
+  .\32xl\:-mr-9 {
+    margin-right: -2.25rem;
+  }
+
+  .\32xl\:-mb-9 {
+    margin-bottom: -2.25rem;
+  }
+
+  .\32xl\:-ml-9 {
+    margin-left: -2.25rem;
+  }
+
+  .\32xl\:-mt-10 {
+    margin-top: -2.5rem;
+  }
+
+  .\32xl\:-mr-10 {
+    margin-right: -2.5rem;
+  }
+
+  .\32xl\:-mb-10 {
+    margin-bottom: -2.5rem;
+  }
+
+  .\32xl\:-ml-10 {
+    margin-left: -2.5rem;
+  }
+
+  .\32xl\:-mt-11 {
+    margin-top: -2.75rem;
+  }
+
+  .\32xl\:-mr-11 {
+    margin-right: -2.75rem;
+  }
+
+  .\32xl\:-mb-11 {
+    margin-bottom: -2.75rem;
+  }
+
+  .\32xl\:-ml-11 {
+    margin-left: -2.75rem;
+  }
+
+  .\32xl\:-mt-12 {
+    margin-top: -3rem;
+  }
+
+  .\32xl\:-mr-12 {
+    margin-right: -3rem;
+  }
+
+  .\32xl\:-mb-12 {
+    margin-bottom: -3rem;
+  }
+
+  .\32xl\:-ml-12 {
+    margin-left: -3rem;
+  }
+
+  .\32xl\:-mt-14 {
+    margin-top: -3.5rem;
+  }
+
+  .\32xl\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+
+  .\32xl\:-mb-14 {
+    margin-bottom: -3.5rem;
+  }
+
+  .\32xl\:-ml-14 {
+    margin-left: -3.5rem;
+  }
+
+  .\32xl\:-mt-16 {
+    margin-top: -4rem;
+  }
+
+  .\32xl\:-mr-16 {
+    margin-right: -4rem;
+  }
+
+  .\32xl\:-mb-16 {
+    margin-bottom: -4rem;
+  }
+
+  .\32xl\:-ml-16 {
+    margin-left: -4rem;
+  }
+
+  .\32xl\:-mt-20 {
+    margin-top: -5rem;
+  }
+
+  .\32xl\:-mr-20 {
+    margin-right: -5rem;
+  }
+
+  .\32xl\:-mb-20 {
+    margin-bottom: -5rem;
+  }
+
+  .\32xl\:-ml-20 {
+    margin-left: -5rem;
+  }
+
+  .\32xl\:-mt-24 {
+    margin-top: -6rem;
+  }
+
+  .\32xl\:-mr-24 {
+    margin-right: -6rem;
+  }
+
+  .\32xl\:-mb-24 {
+    margin-bottom: -6rem;
+  }
+
+  .\32xl\:-ml-24 {
+    margin-left: -6rem;
+  }
+
+  .\32xl\:-mt-28 {
+    margin-top: -7rem;
+  }
+
+  .\32xl\:-mr-28 {
+    margin-right: -7rem;
+  }
+
+  .\32xl\:-mb-28 {
+    margin-bottom: -7rem;
+  }
+
+  .\32xl\:-ml-28 {
+    margin-left: -7rem;
+  }
+
+  .\32xl\:-mt-32 {
+    margin-top: -8rem;
+  }
+
+  .\32xl\:-mr-32 {
+    margin-right: -8rem;
+  }
+
+  .\32xl\:-mb-32 {
+    margin-bottom: -8rem;
+  }
+
+  .\32xl\:-ml-32 {
+    margin-left: -8rem;
+  }
+
+  .\32xl\:-mt-36 {
+    margin-top: -9rem;
+  }
+
+  .\32xl\:-mr-36 {
+    margin-right: -9rem;
+  }
+
+  .\32xl\:-mb-36 {
+    margin-bottom: -9rem;
+  }
+
+  .\32xl\:-ml-36 {
+    margin-left: -9rem;
+  }
+
+  .\32xl\:-mt-40 {
+    margin-top: -10rem;
+  }
+
+  .\32xl\:-mr-40 {
+    margin-right: -10rem;
+  }
+
+  .\32xl\:-mb-40 {
+    margin-bottom: -10rem;
+  }
+
+  .\32xl\:-ml-40 {
+    margin-left: -10rem;
+  }
+
+  .\32xl\:-mt-44 {
+    margin-top: -11rem;
+  }
+
+  .\32xl\:-mr-44 {
+    margin-right: -11rem;
+  }
+
+  .\32xl\:-mb-44 {
+    margin-bottom: -11rem;
+  }
+
+  .\32xl\:-ml-44 {
+    margin-left: -11rem;
+  }
+
+  .\32xl\:-mt-48 {
+    margin-top: -12rem;
+  }
+
+  .\32xl\:-mr-48 {
+    margin-right: -12rem;
+  }
+
+  .\32xl\:-mb-48 {
+    margin-bottom: -12rem;
+  }
+
+  .\32xl\:-ml-48 {
+    margin-left: -12rem;
+  }
+
+  .\32xl\:-mt-52 {
+    margin-top: -13rem;
+  }
+
+  .\32xl\:-mr-52 {
+    margin-right: -13rem;
+  }
+
+  .\32xl\:-mb-52 {
+    margin-bottom: -13rem;
+  }
+
+  .\32xl\:-ml-52 {
+    margin-left: -13rem;
+  }
+
+  .\32xl\:-mt-56 {
+    margin-top: -14rem;
+  }
+
+  .\32xl\:-mr-56 {
+    margin-right: -14rem;
+  }
+
+  .\32xl\:-mb-56 {
+    margin-bottom: -14rem;
+  }
+
+  .\32xl\:-ml-56 {
+    margin-left: -14rem;
+  }
+
+  .\32xl\:-mt-60 {
+    margin-top: -15rem;
+  }
+
+  .\32xl\:-mr-60 {
+    margin-right: -15rem;
+  }
+
+  .\32xl\:-mb-60 {
+    margin-bottom: -15rem;
+  }
+
+  .\32xl\:-ml-60 {
+    margin-left: -15rem;
+  }
+
+  .\32xl\:-mt-64 {
+    margin-top: -16rem;
+  }
+
+  .\32xl\:-mr-64 {
+    margin-right: -16rem;
+  }
+
+  .\32xl\:-mb-64 {
+    margin-bottom: -16rem;
+  }
+
+  .\32xl\:-ml-64 {
+    margin-left: -16rem;
+  }
+
+  .\32xl\:-mt-72 {
+    margin-top: -18rem;
+  }
+
+  .\32xl\:-mr-72 {
+    margin-right: -18rem;
+  }
+
+  .\32xl\:-mb-72 {
+    margin-bottom: -18rem;
+  }
+
+  .\32xl\:-ml-72 {
+    margin-left: -18rem;
+  }
+
+  .\32xl\:-mt-80 {
+    margin-top: -20rem;
+  }
+
+  .\32xl\:-mr-80 {
+    margin-right: -20rem;
+  }
+
+  .\32xl\:-mb-80 {
+    margin-bottom: -20rem;
+  }
+
+  .\32xl\:-ml-80 {
+    margin-left: -20rem;
+  }
+
+  .\32xl\:-mt-96 {
+    margin-top: -24rem;
+  }
+
+  .\32xl\:-mr-96 {
+    margin-right: -24rem;
+  }
+
+  .\32xl\:-mb-96 {
+    margin-bottom: -24rem;
+  }
+
+  .\32xl\:-ml-96 {
+    margin-left: -24rem;
+  }
+
+  .\32xl\:-mt-px {
+    margin-top: -1px;
+  }
+
+  .\32xl\:-mr-px {
+    margin-right: -1px;
+  }
+
+  .\32xl\:-mb-px {
+    margin-bottom: -1px;
+  }
+
+  .\32xl\:-ml-px {
+    margin-left: -1px;
+  }
+
+  .\32xl\:-mt-0\.5 {
+    margin-top: -0.125rem;
+  }
+
+  .\32xl\:-mr-0\.5 {
+    margin-right: -0.125rem;
+  }
+
+  .\32xl\:-mb-0\.5 {
+    margin-bottom: -0.125rem;
+  }
+
+  .\32xl\:-ml-0\.5 {
+    margin-left: -0.125rem;
+  }
+
+  .\32xl\:-mt-1\.5 {
+    margin-top: -0.375rem;
+  }
+
+  .\32xl\:-mr-1\.5 {
+    margin-right: -0.375rem;
+  }
+
+  .\32xl\:-mb-1\.5 {
+    margin-bottom: -0.375rem;
+  }
+
+  .\32xl\:-ml-1\.5 {
+    margin-left: -0.375rem;
+  }
+
+  .\32xl\:-mt-2\.5 {
+    margin-top: -0.625rem;
+  }
+
+  .\32xl\:-mr-2\.5 {
+    margin-right: -0.625rem;
+  }
+
+  .\32xl\:-mb-2\.5 {
+    margin-bottom: -0.625rem;
+  }
+
+  .\32xl\:-ml-2\.5 {
+    margin-left: -0.625rem;
+  }
+
+  .\32xl\:-mt-3\.5 {
+    margin-top: -0.875rem;
+  }
+
+  .\32xl\:-mr-3\.5 {
+    margin-right: -0.875rem;
+  }
+
+  .\32xl\:-mb-3\.5 {
+    margin-bottom: -0.875rem;
+  }
+
+  .\32xl\:-ml-3\.5 {
+    margin-left: -0.875rem;
+  }
+
+  .\32xl\:max-h-0 {
+    max-height: 0px;
+  }
+
+  .\32xl\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .\32xl\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .\32xl\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .\32xl\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .\32xl\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .\32xl\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .\32xl\:max-h-7 {
+    max-height: 1.75rem;
+  }
+
+  .\32xl\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .\32xl\:max-h-9 {
+    max-height: 2.25rem;
+  }
+
+  .\32xl\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .\32xl\:max-h-11 {
+    max-height: 2.75rem;
+  }
+
+  .\32xl\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .\32xl\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .\32xl\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .\32xl\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .\32xl\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .\32xl\:max-h-28 {
+    max-height: 7rem;
+  }
+
+  .\32xl\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .\32xl\:max-h-36 {
+    max-height: 9rem;
+  }
+
+  .\32xl\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .\32xl\:max-h-44 {
+    max-height: 11rem;
+  }
+
+  .\32xl\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .\32xl\:max-h-52 {
+    max-height: 13rem;
+  }
+
+  .\32xl\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .\32xl\:max-h-60 {
+    max-height: 15rem;
+  }
+
+  .\32xl\:max-h-64 {
+    max-height: 16rem;
+  }
+
+  .\32xl\:max-h-72 {
+    max-height: 18rem;
+  }
+
+  .\32xl\:max-h-80 {
+    max-height: 20rem;
+  }
+
+  .\32xl\:max-h-96 {
+    max-height: 24rem;
+  }
+
+  .\32xl\:max-h-px {
+    max-height: 1px;
+  }
+
+  .\32xl\:max-h-0\.5 {
+    max-height: 0.125rem;
+  }
+
+  .\32xl\:max-h-1\.5 {
+    max-height: 0.375rem;
+  }
+
+  .\32xl\:max-h-2\.5 {
+    max-height: 0.625rem;
+  }
+
+  .\32xl\:max-h-3\.5 {
+    max-height: 0.875rem;
+  }
+
+  .\32xl\:max-h-full {
+    max-height: 100%;
+  }
+
+  .\32xl\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .\32xl\:max-w-0 {
+    max-width: 0rem;
+  }
+
+  .\32xl\:max-w-none {
+    max-width: none;
+  }
+
+  .\32xl\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .\32xl\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .\32xl\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .\32xl\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .\32xl\:max-w-xl {
+    max-width: 36rem;
+  }
+
+  .\32xl\:max-w-2xl {
+    max-width: 42rem;
+  }
+
+  .\32xl\:max-w-3xl {
+    max-width: 48rem;
+  }
+
+  .\32xl\:max-w-4xl {
+    max-width: 56rem;
+  }
+
+  .\32xl\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .\32xl\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .\32xl\:max-w-7xl {
+    max-width: 80rem;
+  }
+
+  .\32xl\:max-w-full {
+    max-width: 100%;
+  }
+
+  .\32xl\:max-w-min {
+    max-width: -webkit-min-content;
+    max-width: min-content;
+  }
+
+  .\32xl\:max-w-max {
+    max-width: -webkit-max-content;
+    max-width: max-content;
+  }
+
+  .\32xl\:max-w-prose {
+    max-width: 65ch;
+  }
+
+  .\32xl\:max-w-screen-sm {
+    max-width: 640px;
+  }
+
+  .\32xl\:max-w-screen-md {
+    max-width: 768px;
+  }
+
+  .\32xl\:max-w-screen-lg {
+    max-width: 1024px;
+  }
+
+  .\32xl\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+
+  .\32xl\:max-w-screen-2xl {
+    max-width: 1536px;
+  }
+
+  .\32xl\:min-h-0 {
+    min-height: 0px;
+  }
+
+  .\32xl\:min-h-full {
+    min-height: 100%;
+  }
+
+  .\32xl\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .\32xl\:min-w-0 {
+    min-width: 0px;
+  }
+
+  .\32xl\:min-w-full {
+    min-width: 100%;
+  }
+
+  .\32xl\:min-w-min {
+    min-width: -webkit-min-content;
+    min-width: min-content;
+  }
+
+  .\32xl\:min-w-max {
+    min-width: -webkit-max-content;
+    min-width: max-content;
+  }
+
+  .\32xl\:object-contain {
+    object-fit: contain;
+  }
+
+  .\32xl\:object-cover {
+    object-fit: cover;
+  }
+
+  .\32xl\:object-fill {
+    object-fit: fill;
+  }
+
+  .\32xl\:object-none {
+    object-fit: none;
+  }
+
+  .\32xl\:object-scale-down {
+    object-fit: scale-down;
+  }
+
+  .\32xl\:object-bottom {
+    object-position: bottom;
+  }
+
+  .\32xl\:object-center {
+    object-position: center;
+  }
+
+  .\32xl\:object-left {
+    object-position: left;
+  }
+
+  .\32xl\:object-left-bottom {
+    object-position: left bottom;
+  }
+
+  .\32xl\:object-left-top {
+    object-position: left top;
+  }
+
+  .\32xl\:object-right {
+    object-position: right;
+  }
+
+  .\32xl\:object-right-bottom {
+    object-position: right bottom;
+  }
+
+  .\32xl\:object-right-top {
+    object-position: right top;
+  }
+
+  .\32xl\:object-top {
+    object-position: top;
+  }
+
+  .\32xl\:opacity-0 {
+    opacity: 0;
+  }
+
+  .\32xl\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .\32xl\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .\32xl\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .\32xl\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .\32xl\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .\32xl\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .\32xl\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .\32xl\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .\32xl\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .\32xl\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .\32xl\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .\32xl\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .\32xl\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .\32xl\:opacity-100 {
+    opacity: 1;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-0 {
+    opacity: 0;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-5 {
+    opacity: 0.05;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-10 {
+    opacity: 0.1;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-20 {
+    opacity: 0.2;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-30 {
+    opacity: 0.3;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-40 {
+    opacity: 0.4;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-60 {
+    opacity: 0.6;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-70 {
+    opacity: 0.7;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-80 {
+    opacity: 0.8;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-90 {
+    opacity: 0.9;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-95 {
+    opacity: 0.95;
+  }
+
+  .group:hover .\32xl\:group-hover\:opacity-100 {
+    opacity: 1;
+  }
+
+  .\32xl\:focus-within\:opacity-0:focus-within {
+    opacity: 0;
+  }
+
+  .\32xl\:focus-within\:opacity-5:focus-within {
+    opacity: 0.05;
+  }
+
+  .\32xl\:focus-within\:opacity-10:focus-within {
+    opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:opacity-20:focus-within {
+    opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:opacity-25:focus-within {
+    opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:opacity-30:focus-within {
+    opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:opacity-40:focus-within {
+    opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:opacity-50:focus-within {
+    opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:opacity-60:focus-within {
+    opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:opacity-70:focus-within {
+    opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:opacity-75:focus-within {
+    opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:opacity-80:focus-within {
+    opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:opacity-90:focus-within {
+    opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:opacity-95:focus-within {
+    opacity: 0.95;
+  }
+
+  .\32xl\:focus-within\:opacity-100:focus-within {
+    opacity: 1;
+  }
+
+  .\32xl\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .\32xl\:hover\:opacity-5:hover {
+    opacity: 0.05;
+  }
+
+  .\32xl\:hover\:opacity-10:hover {
+    opacity: 0.1;
+  }
+
+  .\32xl\:hover\:opacity-20:hover {
+    opacity: 0.2;
+  }
+
+  .\32xl\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .\32xl\:hover\:opacity-30:hover {
+    opacity: 0.3;
+  }
+
+  .\32xl\:hover\:opacity-40:hover {
+    opacity: 0.4;
+  }
+
+  .\32xl\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .\32xl\:hover\:opacity-60:hover {
+    opacity: 0.6;
+  }
+
+  .\32xl\:hover\:opacity-70:hover {
+    opacity: 0.7;
+  }
+
+  .\32xl\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .\32xl\:hover\:opacity-80:hover {
+    opacity: 0.8;
+  }
+
+  .\32xl\:hover\:opacity-90:hover {
+    opacity: 0.9;
+  }
+
+  .\32xl\:hover\:opacity-95:hover {
+    opacity: 0.95;
+  }
+
+  .\32xl\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .\32xl\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .\32xl\:focus\:opacity-5:focus {
+    opacity: 0.05;
+  }
+
+  .\32xl\:focus\:opacity-10:focus {
+    opacity: 0.1;
+  }
+
+  .\32xl\:focus\:opacity-20:focus {
+    opacity: 0.2;
+  }
+
+  .\32xl\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .\32xl\:focus\:opacity-30:focus {
+    opacity: 0.3;
+  }
+
+  .\32xl\:focus\:opacity-40:focus {
+    opacity: 0.4;
+  }
+
+  .\32xl\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .\32xl\:focus\:opacity-60:focus {
+    opacity: 0.6;
+  }
+
+  .\32xl\:focus\:opacity-70:focus {
+    opacity: 0.7;
+  }
+
+  .\32xl\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .\32xl\:focus\:opacity-80:focus {
+    opacity: 0.8;
+  }
+
+  .\32xl\:focus\:opacity-90:focus {
+    opacity: 0.9;
+  }
+
+  .\32xl\:focus\:opacity-95:focus {
+    opacity: 0.95;
+  }
+
+  .\32xl\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .\32xl\:outline-none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:focus-within\:outline-none:focus-within {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:focus-within\:outline-white:focus-within {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:focus-within\:outline-black:focus-within {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .\32xl\:overflow-auto {
+    overflow: auto;
+  }
+
+  .\32xl\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .\32xl\:overflow-visible {
+    overflow: visible;
+  }
+
+  .\32xl\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .\32xl\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .\32xl\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .\32xl\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .\32xl\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .\32xl\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .\32xl\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .\32xl\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .\32xl\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .\32xl\:overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .\32xl\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .\32xl\:overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .\32xl\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .\32xl\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .\32xl\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .\32xl\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .\32xl\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .\32xl\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .\32xl\:p-0 {
+    padding: 0px;
+  }
+
+  .\32xl\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .\32xl\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .\32xl\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .\32xl\:p-4 {
+    padding: 1rem;
+  }
+
+  .\32xl\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .\32xl\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .\32xl\:p-7 {
+    padding: 1.75rem;
+  }
+
+  .\32xl\:p-8 {
+    padding: 2rem;
+  }
+
+  .\32xl\:p-9 {
+    padding: 2.25rem;
+  }
+
+  .\32xl\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .\32xl\:p-11 {
+    padding: 2.75rem;
+  }
+
+  .\32xl\:p-12 {
+    padding: 3rem;
+  }
+
+  .\32xl\:p-14 {
+    padding: 3.5rem;
+  }
+
+  .\32xl\:p-16 {
+    padding: 4rem;
+  }
+
+  .\32xl\:p-20 {
+    padding: 5rem;
+  }
+
+  .\32xl\:p-24 {
+    padding: 6rem;
+  }
+
+  .\32xl\:p-28 {
+    padding: 7rem;
+  }
+
+  .\32xl\:p-32 {
+    padding: 8rem;
+  }
+
+  .\32xl\:p-36 {
+    padding: 9rem;
+  }
+
+  .\32xl\:p-40 {
+    padding: 10rem;
+  }
+
+  .\32xl\:p-44 {
+    padding: 11rem;
+  }
+
+  .\32xl\:p-48 {
+    padding: 12rem;
+  }
+
+  .\32xl\:p-52 {
+    padding: 13rem;
+  }
+
+  .\32xl\:p-56 {
+    padding: 14rem;
+  }
+
+  .\32xl\:p-60 {
+    padding: 15rem;
+  }
+
+  .\32xl\:p-64 {
+    padding: 16rem;
+  }
+
+  .\32xl\:p-72 {
+    padding: 18rem;
+  }
+
+  .\32xl\:p-80 {
+    padding: 20rem;
+  }
+
+  .\32xl\:p-96 {
+    padding: 24rem;
+  }
+
+  .\32xl\:p-px {
+    padding: 1px;
+  }
+
+  .\32xl\:p-0\.5 {
+    padding: 0.125rem;
+  }
+
+  .\32xl\:p-1\.5 {
+    padding: 0.375rem;
+  }
+
+  .\32xl\:p-2\.5 {
+    padding: 0.625rem;
+  }
+
+  .\32xl\:p-3\.5 {
+    padding: 0.875rem;
+  }
+
+  .\32xl\:py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .\32xl\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .\32xl\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .\32xl\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .\32xl\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .\32xl\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .\32xl\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .\32xl\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .\32xl\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .\32xl\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .\32xl\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .\32xl\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .\32xl\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .\32xl\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .\32xl\:py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
+  .\32xl\:px-7 {
+    padding-left: 1.75rem;
+    padding-right: 1.75rem;
+  }
+
+  .\32xl\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .\32xl\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .\32xl\:py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .\32xl\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .\32xl\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .\32xl\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .\32xl\:py-11 {
+    padding-top: 2.75rem;
+    padding-bottom: 2.75rem;
+  }
+
+  .\32xl\:px-11 {
+    padding-left: 2.75rem;
+    padding-right: 2.75rem;
+  }
+
+  .\32xl\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .\32xl\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .\32xl\:py-14 {
+    padding-top: 3.5rem;
+    padding-bottom: 3.5rem;
+  }
+
+  .\32xl\:px-14 {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+
+  .\32xl\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .\32xl\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
+  .\32xl\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+
+  .\32xl\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
+  .\32xl\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
+
+  .\32xl\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
+
+  .\32xl\:py-28 {
+    padding-top: 7rem;
+    padding-bottom: 7rem;
+  }
+
+  .\32xl\:px-28 {
+    padding-left: 7rem;
+    padding-right: 7rem;
+  }
+
+  .\32xl\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .\32xl\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .\32xl\:py-36 {
+    padding-top: 9rem;
+    padding-bottom: 9rem;
+  }
+
+  .\32xl\:px-36 {
+    padding-left: 9rem;
+    padding-right: 9rem;
+  }
+
+  .\32xl\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .\32xl\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .\32xl\:py-44 {
+    padding-top: 11rem;
+    padding-bottom: 11rem;
+  }
+
+  .\32xl\:px-44 {
+    padding-left: 11rem;
+    padding-right: 11rem;
+  }
+
+  .\32xl\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .\32xl\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .\32xl\:py-52 {
+    padding-top: 13rem;
+    padding-bottom: 13rem;
+  }
+
+  .\32xl\:px-52 {
+    padding-left: 13rem;
+    padding-right: 13rem;
+  }
+
+  .\32xl\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .\32xl\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .\32xl\:py-60 {
+    padding-top: 15rem;
+    padding-bottom: 15rem;
+  }
+
+  .\32xl\:px-60 {
+    padding-left: 15rem;
+    padding-right: 15rem;
+  }
+
+  .\32xl\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .\32xl\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .\32xl\:py-72 {
+    padding-top: 18rem;
+    padding-bottom: 18rem;
+  }
+
+  .\32xl\:px-72 {
+    padding-left: 18rem;
+    padding-right: 18rem;
+  }
+
+  .\32xl\:py-80 {
+    padding-top: 20rem;
+    padding-bottom: 20rem;
+  }
+
+  .\32xl\:px-80 {
+    padding-left: 20rem;
+    padding-right: 20rem;
+  }
+
+  .\32xl\:py-96 {
+    padding-top: 24rem;
+    padding-bottom: 24rem;
+  }
+
+  .\32xl\:px-96 {
+    padding-left: 24rem;
+    padding-right: 24rem;
+  }
+
+  .\32xl\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .\32xl\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .\32xl\:py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+  }
+
+  .\32xl\:px-0\.5 {
+    padding-left: 0.125rem;
+    padding-right: 0.125rem;
+  }
+
+  .\32xl\:py-1\.5 {
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+  }
+
+  .\32xl\:px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+
+  .\32xl\:py-2\.5 {
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .\32xl\:px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+  }
+
+  .\32xl\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .\32xl\:px-3\.5 {
+    padding-left: 0.875rem;
+    padding-right: 0.875rem;
+  }
+
+  .\32xl\:pt-0 {
+    padding-top: 0px;
+  }
+
+  .\32xl\:pr-0 {
+    padding-right: 0px;
+  }
+
+  .\32xl\:pb-0 {
+    padding-bottom: 0px;
+  }
+
+  .\32xl\:pl-0 {
+    padding-left: 0px;
+  }
+
+  .\32xl\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .\32xl\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .\32xl\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .\32xl\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .\32xl\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .\32xl\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .\32xl\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .\32xl\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .\32xl\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .\32xl\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .\32xl\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .\32xl\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .\32xl\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .\32xl\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .\32xl\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .\32xl\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .\32xl\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .\32xl\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .\32xl\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .\32xl\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .\32xl\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .\32xl\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .\32xl\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .\32xl\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .\32xl\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
+  .\32xl\:pr-7 {
+    padding-right: 1.75rem;
+  }
+
+  .\32xl\:pb-7 {
+    padding-bottom: 1.75rem;
+  }
+
+  .\32xl\:pl-7 {
+    padding-left: 1.75rem;
+  }
+
+  .\32xl\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .\32xl\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .\32xl\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .\32xl\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .\32xl\:pt-9 {
+    padding-top: 2.25rem;
+  }
+
+  .\32xl\:pr-9 {
+    padding-right: 2.25rem;
+  }
+
+  .\32xl\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .\32xl\:pl-9 {
+    padding-left: 2.25rem;
+  }
+
+  .\32xl\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .\32xl\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .\32xl\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .\32xl\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .\32xl\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
+  .\32xl\:pr-11 {
+    padding-right: 2.75rem;
+  }
+
+  .\32xl\:pb-11 {
+    padding-bottom: 2.75rem;
+  }
+
+  .\32xl\:pl-11 {
+    padding-left: 2.75rem;
+  }
+
+  .\32xl\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .\32xl\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .\32xl\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .\32xl\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .\32xl\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .\32xl\:pr-14 {
+    padding-right: 3.5rem;
+  }
+
+  .\32xl\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
+  .\32xl\:pl-14 {
+    padding-left: 3.5rem;
+  }
+
+  .\32xl\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .\32xl\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .\32xl\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .\32xl\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .\32xl\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .\32xl\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .\32xl\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .\32xl\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .\32xl\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .\32xl\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .\32xl\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .\32xl\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .\32xl\:pt-28 {
+    padding-top: 7rem;
+  }
+
+  .\32xl\:pr-28 {
+    padding-right: 7rem;
+  }
+
+  .\32xl\:pb-28 {
+    padding-bottom: 7rem;
+  }
+
+  .\32xl\:pl-28 {
+    padding-left: 7rem;
+  }
+
+  .\32xl\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .\32xl\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .\32xl\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .\32xl\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .\32xl\:pt-36 {
+    padding-top: 9rem;
+  }
+
+  .\32xl\:pr-36 {
+    padding-right: 9rem;
+  }
+
+  .\32xl\:pb-36 {
+    padding-bottom: 9rem;
+  }
+
+  .\32xl\:pl-36 {
+    padding-left: 9rem;
+  }
+
+  .\32xl\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .\32xl\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .\32xl\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .\32xl\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .\32xl\:pt-44 {
+    padding-top: 11rem;
+  }
+
+  .\32xl\:pr-44 {
+    padding-right: 11rem;
+  }
+
+  .\32xl\:pb-44 {
+    padding-bottom: 11rem;
+  }
+
+  .\32xl\:pl-44 {
+    padding-left: 11rem;
+  }
+
+  .\32xl\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .\32xl\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .\32xl\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .\32xl\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .\32xl\:pt-52 {
+    padding-top: 13rem;
+  }
+
+  .\32xl\:pr-52 {
+    padding-right: 13rem;
+  }
+
+  .\32xl\:pb-52 {
+    padding-bottom: 13rem;
+  }
+
+  .\32xl\:pl-52 {
+    padding-left: 13rem;
+  }
+
+  .\32xl\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .\32xl\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .\32xl\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .\32xl\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .\32xl\:pt-60 {
+    padding-top: 15rem;
+  }
+
+  .\32xl\:pr-60 {
+    padding-right: 15rem;
+  }
+
+  .\32xl\:pb-60 {
+    padding-bottom: 15rem;
+  }
+
+  .\32xl\:pl-60 {
+    padding-left: 15rem;
+  }
+
+  .\32xl\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .\32xl\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .\32xl\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .\32xl\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .\32xl\:pt-72 {
+    padding-top: 18rem;
+  }
+
+  .\32xl\:pr-72 {
+    padding-right: 18rem;
+  }
+
+  .\32xl\:pb-72 {
+    padding-bottom: 18rem;
+  }
+
+  .\32xl\:pl-72 {
+    padding-left: 18rem;
+  }
+
+  .\32xl\:pt-80 {
+    padding-top: 20rem;
+  }
+
+  .\32xl\:pr-80 {
+    padding-right: 20rem;
+  }
+
+  .\32xl\:pb-80 {
+    padding-bottom: 20rem;
+  }
+
+  .\32xl\:pl-80 {
+    padding-left: 20rem;
+  }
+
+  .\32xl\:pt-96 {
+    padding-top: 24rem;
+  }
+
+  .\32xl\:pr-96 {
+    padding-right: 24rem;
+  }
+
+  .\32xl\:pb-96 {
+    padding-bottom: 24rem;
+  }
+
+  .\32xl\:pl-96 {
+    padding-left: 24rem;
+  }
+
+  .\32xl\:pt-px {
+    padding-top: 1px;
+  }
+
+  .\32xl\:pr-px {
+    padding-right: 1px;
+  }
+
+  .\32xl\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .\32xl\:pl-px {
+    padding-left: 1px;
+  }
+
+  .\32xl\:pt-0\.5 {
+    padding-top: 0.125rem;
+  }
+
+  .\32xl\:pr-0\.5 {
+    padding-right: 0.125rem;
+  }
+
+  .\32xl\:pb-0\.5 {
+    padding-bottom: 0.125rem;
+  }
+
+  .\32xl\:pl-0\.5 {
+    padding-left: 0.125rem;
+  }
+
+  .\32xl\:pt-1\.5 {
+    padding-top: 0.375rem;
+  }
+
+  .\32xl\:pr-1\.5 {
+    padding-right: 0.375rem;
+  }
+
+  .\32xl\:pb-1\.5 {
+    padding-bottom: 0.375rem;
+  }
+
+  .\32xl\:pl-1\.5 {
+    padding-left: 0.375rem;
+  }
+
+  .\32xl\:pt-2\.5 {
+    padding-top: 0.625rem;
+  }
+
+  .\32xl\:pr-2\.5 {
+    padding-right: 0.625rem;
+  }
+
+  .\32xl\:pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+
+  .\32xl\:pl-2\.5 {
+    padding-left: 0.625rem;
+  }
+
+  .\32xl\:pt-3\.5 {
+    padding-top: 0.875rem;
+  }
+
+  .\32xl\:pr-3\.5 {
+    padding-right: 0.875rem;
+  }
+
+  .\32xl\:pb-3\.5 {
+    padding-bottom: 0.875rem;
+  }
+
+  .\32xl\:pl-3\.5 {
+    padding-left: 0.875rem;
+  }
+
+  .\32xl\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .\32xl\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .\32xl\:placeholder-black::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-white::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-red-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-yellow-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-green-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-blue-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-indigo-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-purple-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-100::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-200::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-300::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-500::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-600::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-700::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-800::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-pink-900::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .\32xl\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .\32xl\:focus\:placeholder-black:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-white:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-red-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-yellow-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-green-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-blue-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-indigo-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-purple-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-200:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-300:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-400:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-500:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-600:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-700:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-800:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-pink-900:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-opacity-0::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .\32xl\:placeholder-opacity-5::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .\32xl\:placeholder-opacity-10::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .\32xl\:placeholder-opacity-20::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .\32xl\:placeholder-opacity-25::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .\32xl\:placeholder-opacity-30::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .\32xl\:placeholder-opacity-40::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .\32xl\:placeholder-opacity-50::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .\32xl\:placeholder-opacity-60::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .\32xl\:placeholder-opacity-70::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .\32xl\:placeholder-opacity-75::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .\32xl\:placeholder-opacity-80::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .\32xl\:placeholder-opacity-90::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .\32xl\:placeholder-opacity-95::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .\32xl\:placeholder-opacity-100::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-0:focus::placeholder {
+    --tw-placeholder-opacity: 0;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-5:focus::placeholder {
+    --tw-placeholder-opacity: 0.05;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-10:focus::placeholder {
+    --tw-placeholder-opacity: 0.1;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-20:focus::placeholder {
+    --tw-placeholder-opacity: 0.2;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-25:focus::placeholder {
+    --tw-placeholder-opacity: 0.25;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-30:focus::placeholder {
+    --tw-placeholder-opacity: 0.3;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-40:focus::placeholder {
+    --tw-placeholder-opacity: 0.4;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-50:focus::placeholder {
+    --tw-placeholder-opacity: 0.5;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-60:focus::placeholder {
+    --tw-placeholder-opacity: 0.6;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-70:focus::placeholder {
+    --tw-placeholder-opacity: 0.7;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-75:focus::placeholder {
+    --tw-placeholder-opacity: 0.75;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-80:focus::placeholder {
+    --tw-placeholder-opacity: 0.8;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-90:focus::placeholder {
+    --tw-placeholder-opacity: 0.9;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-95:focus::placeholder {
+    --tw-placeholder-opacity: 0.95;
+  }
+
+  .\32xl\:focus\:placeholder-opacity-100:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+  }
+
+  .\32xl\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .\32xl\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .\32xl\:static {
+    position: static;
+  }
+
+  .\32xl\:fixed {
+    position: fixed;
+  }
+
+  .\32xl\:absolute {
+    position: absolute;
+  }
+
+  .\32xl\:relative {
+    position: relative;
+  }
+
+  .\32xl\:sticky {
+    position: -webkit-sticky;
+    position: sticky;
+  }
+
+  .\32xl\:inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .\32xl\:inset-1 {
+    top: 0.25rem;
+    right: 0.25rem;
+    bottom: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .\32xl\:inset-2 {
+    top: 0.5rem;
+    right: 0.5rem;
+    bottom: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .\32xl\:inset-3 {
+    top: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .\32xl\:inset-4 {
+    top: 1rem;
+    right: 1rem;
+    bottom: 1rem;
+    left: 1rem;
+  }
+
+  .\32xl\:inset-5 {
+    top: 1.25rem;
+    right: 1.25rem;
+    bottom: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .\32xl\:inset-6 {
+    top: 1.5rem;
+    right: 1.5rem;
+    bottom: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .\32xl\:inset-7 {
+    top: 1.75rem;
+    right: 1.75rem;
+    bottom: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .\32xl\:inset-8 {
+    top: 2rem;
+    right: 2rem;
+    bottom: 2rem;
+    left: 2rem;
+  }
+
+  .\32xl\:inset-9 {
+    top: 2.25rem;
+    right: 2.25rem;
+    bottom: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .\32xl\:inset-10 {
+    top: 2.5rem;
+    right: 2.5rem;
+    bottom: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .\32xl\:inset-11 {
+    top: 2.75rem;
+    right: 2.75rem;
+    bottom: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .\32xl\:inset-12 {
+    top: 3rem;
+    right: 3rem;
+    bottom: 3rem;
+    left: 3rem;
+  }
+
+  .\32xl\:inset-14 {
+    top: 3.5rem;
+    right: 3.5rem;
+    bottom: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .\32xl\:inset-16 {
+    top: 4rem;
+    right: 4rem;
+    bottom: 4rem;
+    left: 4rem;
+  }
+
+  .\32xl\:inset-20 {
+    top: 5rem;
+    right: 5rem;
+    bottom: 5rem;
+    left: 5rem;
+  }
+
+  .\32xl\:inset-24 {
+    top: 6rem;
+    right: 6rem;
+    bottom: 6rem;
+    left: 6rem;
+  }
+
+  .\32xl\:inset-28 {
+    top: 7rem;
+    right: 7rem;
+    bottom: 7rem;
+    left: 7rem;
+  }
+
+  .\32xl\:inset-32 {
+    top: 8rem;
+    right: 8rem;
+    bottom: 8rem;
+    left: 8rem;
+  }
+
+  .\32xl\:inset-36 {
+    top: 9rem;
+    right: 9rem;
+    bottom: 9rem;
+    left: 9rem;
+  }
+
+  .\32xl\:inset-40 {
+    top: 10rem;
+    right: 10rem;
+    bottom: 10rem;
+    left: 10rem;
+  }
+
+  .\32xl\:inset-44 {
+    top: 11rem;
+    right: 11rem;
+    bottom: 11rem;
+    left: 11rem;
+  }
+
+  .\32xl\:inset-48 {
+    top: 12rem;
+    right: 12rem;
+    bottom: 12rem;
+    left: 12rem;
+  }
+
+  .\32xl\:inset-52 {
+    top: 13rem;
+    right: 13rem;
+    bottom: 13rem;
+    left: 13rem;
+  }
+
+  .\32xl\:inset-56 {
+    top: 14rem;
+    right: 14rem;
+    bottom: 14rem;
+    left: 14rem;
+  }
+
+  .\32xl\:inset-60 {
+    top: 15rem;
+    right: 15rem;
+    bottom: 15rem;
+    left: 15rem;
+  }
+
+  .\32xl\:inset-64 {
+    top: 16rem;
+    right: 16rem;
+    bottom: 16rem;
+    left: 16rem;
+  }
+
+  .\32xl\:inset-72 {
+    top: 18rem;
+    right: 18rem;
+    bottom: 18rem;
+    left: 18rem;
+  }
+
+  .\32xl\:inset-80 {
+    top: 20rem;
+    right: 20rem;
+    bottom: 20rem;
+    left: 20rem;
+  }
+
+  .\32xl\:inset-96 {
+    top: 24rem;
+    right: 24rem;
+    bottom: 24rem;
+    left: 24rem;
+  }
+
+  .\32xl\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .\32xl\:inset-px {
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    left: 1px;
+  }
+
+  .\32xl\:inset-0\.5 {
+    top: 0.125rem;
+    right: 0.125rem;
+    bottom: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .\32xl\:inset-1\.5 {
+    top: 0.375rem;
+    right: 0.375rem;
+    bottom: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .\32xl\:inset-2\.5 {
+    top: 0.625rem;
+    right: 0.625rem;
+    bottom: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .\32xl\:inset-3\.5 {
+    top: 0.875rem;
+    right: 0.875rem;
+    bottom: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .\32xl\:-inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+  }
+
+  .\32xl\:-inset-1 {
+    top: -0.25rem;
+    right: -0.25rem;
+    bottom: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .\32xl\:-inset-2 {
+    top: -0.5rem;
+    right: -0.5rem;
+    bottom: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .\32xl\:-inset-3 {
+    top: -0.75rem;
+    right: -0.75rem;
+    bottom: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .\32xl\:-inset-4 {
+    top: -1rem;
+    right: -1rem;
+    bottom: -1rem;
+    left: -1rem;
+  }
+
+  .\32xl\:-inset-5 {
+    top: -1.25rem;
+    right: -1.25rem;
+    bottom: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .\32xl\:-inset-6 {
+    top: -1.5rem;
+    right: -1.5rem;
+    bottom: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .\32xl\:-inset-7 {
+    top: -1.75rem;
+    right: -1.75rem;
+    bottom: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .\32xl\:-inset-8 {
+    top: -2rem;
+    right: -2rem;
+    bottom: -2rem;
+    left: -2rem;
+  }
+
+  .\32xl\:-inset-9 {
+    top: -2.25rem;
+    right: -2.25rem;
+    bottom: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .\32xl\:-inset-10 {
+    top: -2.5rem;
+    right: -2.5rem;
+    bottom: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .\32xl\:-inset-11 {
+    top: -2.75rem;
+    right: -2.75rem;
+    bottom: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .\32xl\:-inset-12 {
+    top: -3rem;
+    right: -3rem;
+    bottom: -3rem;
+    left: -3rem;
+  }
+
+  .\32xl\:-inset-14 {
+    top: -3.5rem;
+    right: -3.5rem;
+    bottom: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .\32xl\:-inset-16 {
+    top: -4rem;
+    right: -4rem;
+    bottom: -4rem;
+    left: -4rem;
+  }
+
+  .\32xl\:-inset-20 {
+    top: -5rem;
+    right: -5rem;
+    bottom: -5rem;
+    left: -5rem;
+  }
+
+  .\32xl\:-inset-24 {
+    top: -6rem;
+    right: -6rem;
+    bottom: -6rem;
+    left: -6rem;
+  }
+
+  .\32xl\:-inset-28 {
+    top: -7rem;
+    right: -7rem;
+    bottom: -7rem;
+    left: -7rem;
+  }
+
+  .\32xl\:-inset-32 {
+    top: -8rem;
+    right: -8rem;
+    bottom: -8rem;
+    left: -8rem;
+  }
+
+  .\32xl\:-inset-36 {
+    top: -9rem;
+    right: -9rem;
+    bottom: -9rem;
+    left: -9rem;
+  }
+
+  .\32xl\:-inset-40 {
+    top: -10rem;
+    right: -10rem;
+    bottom: -10rem;
+    left: -10rem;
+  }
+
+  .\32xl\:-inset-44 {
+    top: -11rem;
+    right: -11rem;
+    bottom: -11rem;
+    left: -11rem;
+  }
+
+  .\32xl\:-inset-48 {
+    top: -12rem;
+    right: -12rem;
+    bottom: -12rem;
+    left: -12rem;
+  }
+
+  .\32xl\:-inset-52 {
+    top: -13rem;
+    right: -13rem;
+    bottom: -13rem;
+    left: -13rem;
+  }
+
+  .\32xl\:-inset-56 {
+    top: -14rem;
+    right: -14rem;
+    bottom: -14rem;
+    left: -14rem;
+  }
+
+  .\32xl\:-inset-60 {
+    top: -15rem;
+    right: -15rem;
+    bottom: -15rem;
+    left: -15rem;
+  }
+
+  .\32xl\:-inset-64 {
+    top: -16rem;
+    right: -16rem;
+    bottom: -16rem;
+    left: -16rem;
+  }
+
+  .\32xl\:-inset-72 {
+    top: -18rem;
+    right: -18rem;
+    bottom: -18rem;
+    left: -18rem;
+  }
+
+  .\32xl\:-inset-80 {
+    top: -20rem;
+    right: -20rem;
+    bottom: -20rem;
+    left: -20rem;
+  }
+
+  .\32xl\:-inset-96 {
+    top: -24rem;
+    right: -24rem;
+    bottom: -24rem;
+    left: -24rem;
+  }
+
+  .\32xl\:-inset-px {
+    top: -1px;
+    right: -1px;
+    bottom: -1px;
+    left: -1px;
+  }
+
+  .\32xl\:-inset-0\.5 {
+    top: -0.125rem;
+    right: -0.125rem;
+    bottom: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .\32xl\:-inset-1\.5 {
+    top: -0.375rem;
+    right: -0.375rem;
+    bottom: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .\32xl\:-inset-2\.5 {
+    top: -0.625rem;
+    right: -0.625rem;
+    bottom: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .\32xl\:-inset-3\.5 {
+    top: -0.875rem;
+    right: -0.875rem;
+    bottom: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .\32xl\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .\32xl\:inset-1\/3 {
+    top: 33.333333%;
+    right: 33.333333%;
+    bottom: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .\32xl\:inset-2\/3 {
+    top: 66.666667%;
+    right: 66.666667%;
+    bottom: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .\32xl\:inset-1\/4 {
+    top: 25%;
+    right: 25%;
+    bottom: 25%;
+    left: 25%;
+  }
+
+  .\32xl\:inset-2\/4 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .\32xl\:inset-3\/4 {
+    top: 75%;
+    right: 75%;
+    bottom: 75%;
+    left: 75%;
+  }
+
+  .\32xl\:inset-full {
+    top: 100%;
+    right: 100%;
+    bottom: 100%;
+    left: 100%;
+  }
+
+  .\32xl\:-inset-1\/2 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .\32xl\:-inset-1\/3 {
+    top: -33.333333%;
+    right: -33.333333%;
+    bottom: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .\32xl\:-inset-2\/3 {
+    top: -66.666667%;
+    right: -66.666667%;
+    bottom: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .\32xl\:-inset-1\/4 {
+    top: -25%;
+    right: -25%;
+    bottom: -25%;
+    left: -25%;
+  }
+
+  .\32xl\:-inset-2\/4 {
+    top: -50%;
+    right: -50%;
+    bottom: -50%;
+    left: -50%;
+  }
+
+  .\32xl\:-inset-3\/4 {
+    top: -75%;
+    right: -75%;
+    bottom: -75%;
+    left: -75%;
+  }
+
+  .\32xl\:-inset-full {
+    top: -100%;
+    right: -100%;
+    bottom: -100%;
+    left: -100%;
+  }
+
+  .\32xl\:inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .\32xl\:inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .\32xl\:inset-y-1 {
+    top: 0.25rem;
+    bottom: 0.25rem;
+  }
+
+  .\32xl\:inset-x-1 {
+    right: 0.25rem;
+    left: 0.25rem;
+  }
+
+  .\32xl\:inset-y-2 {
+    top: 0.5rem;
+    bottom: 0.5rem;
+  }
+
+  .\32xl\:inset-x-2 {
+    right: 0.5rem;
+    left: 0.5rem;
+  }
+
+  .\32xl\:inset-y-3 {
+    top: 0.75rem;
+    bottom: 0.75rem;
+  }
+
+  .\32xl\:inset-x-3 {
+    right: 0.75rem;
+    left: 0.75rem;
+  }
+
+  .\32xl\:inset-y-4 {
+    top: 1rem;
+    bottom: 1rem;
+  }
+
+  .\32xl\:inset-x-4 {
+    right: 1rem;
+    left: 1rem;
+  }
+
+  .\32xl\:inset-y-5 {
+    top: 1.25rem;
+    bottom: 1.25rem;
+  }
+
+  .\32xl\:inset-x-5 {
+    right: 1.25rem;
+    left: 1.25rem;
+  }
+
+  .\32xl\:inset-y-6 {
+    top: 1.5rem;
+    bottom: 1.5rem;
+  }
+
+  .\32xl\:inset-x-6 {
+    right: 1.5rem;
+    left: 1.5rem;
+  }
+
+  .\32xl\:inset-y-7 {
+    top: 1.75rem;
+    bottom: 1.75rem;
+  }
+
+  .\32xl\:inset-x-7 {
+    right: 1.75rem;
+    left: 1.75rem;
+  }
+
+  .\32xl\:inset-y-8 {
+    top: 2rem;
+    bottom: 2rem;
+  }
+
+  .\32xl\:inset-x-8 {
+    right: 2rem;
+    left: 2rem;
+  }
+
+  .\32xl\:inset-y-9 {
+    top: 2.25rem;
+    bottom: 2.25rem;
+  }
+
+  .\32xl\:inset-x-9 {
+    right: 2.25rem;
+    left: 2.25rem;
+  }
+
+  .\32xl\:inset-y-10 {
+    top: 2.5rem;
+    bottom: 2.5rem;
+  }
+
+  .\32xl\:inset-x-10 {
+    right: 2.5rem;
+    left: 2.5rem;
+  }
+
+  .\32xl\:inset-y-11 {
+    top: 2.75rem;
+    bottom: 2.75rem;
+  }
+
+  .\32xl\:inset-x-11 {
+    right: 2.75rem;
+    left: 2.75rem;
+  }
+
+  .\32xl\:inset-y-12 {
+    top: 3rem;
+    bottom: 3rem;
+  }
+
+  .\32xl\:inset-x-12 {
+    right: 3rem;
+    left: 3rem;
+  }
+
+  .\32xl\:inset-y-14 {
+    top: 3.5rem;
+    bottom: 3.5rem;
+  }
+
+  .\32xl\:inset-x-14 {
+    right: 3.5rem;
+    left: 3.5rem;
+  }
+
+  .\32xl\:inset-y-16 {
+    top: 4rem;
+    bottom: 4rem;
+  }
+
+  .\32xl\:inset-x-16 {
+    right: 4rem;
+    left: 4rem;
+  }
+
+  .\32xl\:inset-y-20 {
+    top: 5rem;
+    bottom: 5rem;
+  }
+
+  .\32xl\:inset-x-20 {
+    right: 5rem;
+    left: 5rem;
+  }
+
+  .\32xl\:inset-y-24 {
+    top: 6rem;
+    bottom: 6rem;
+  }
+
+  .\32xl\:inset-x-24 {
+    right: 6rem;
+    left: 6rem;
+  }
+
+  .\32xl\:inset-y-28 {
+    top: 7rem;
+    bottom: 7rem;
+  }
+
+  .\32xl\:inset-x-28 {
+    right: 7rem;
+    left: 7rem;
+  }
+
+  .\32xl\:inset-y-32 {
+    top: 8rem;
+    bottom: 8rem;
+  }
+
+  .\32xl\:inset-x-32 {
+    right: 8rem;
+    left: 8rem;
+  }
+
+  .\32xl\:inset-y-36 {
+    top: 9rem;
+    bottom: 9rem;
+  }
+
+  .\32xl\:inset-x-36 {
+    right: 9rem;
+    left: 9rem;
+  }
+
+  .\32xl\:inset-y-40 {
+    top: 10rem;
+    bottom: 10rem;
+  }
+
+  .\32xl\:inset-x-40 {
+    right: 10rem;
+    left: 10rem;
+  }
+
+  .\32xl\:inset-y-44 {
+    top: 11rem;
+    bottom: 11rem;
+  }
+
+  .\32xl\:inset-x-44 {
+    right: 11rem;
+    left: 11rem;
+  }
+
+  .\32xl\:inset-y-48 {
+    top: 12rem;
+    bottom: 12rem;
+  }
+
+  .\32xl\:inset-x-48 {
+    right: 12rem;
+    left: 12rem;
+  }
+
+  .\32xl\:inset-y-52 {
+    top: 13rem;
+    bottom: 13rem;
+  }
+
+  .\32xl\:inset-x-52 {
+    right: 13rem;
+    left: 13rem;
+  }
+
+  .\32xl\:inset-y-56 {
+    top: 14rem;
+    bottom: 14rem;
+  }
+
+  .\32xl\:inset-x-56 {
+    right: 14rem;
+    left: 14rem;
+  }
+
+  .\32xl\:inset-y-60 {
+    top: 15rem;
+    bottom: 15rem;
+  }
+
+  .\32xl\:inset-x-60 {
+    right: 15rem;
+    left: 15rem;
+  }
+
+  .\32xl\:inset-y-64 {
+    top: 16rem;
+    bottom: 16rem;
+  }
+
+  .\32xl\:inset-x-64 {
+    right: 16rem;
+    left: 16rem;
+  }
+
+  .\32xl\:inset-y-72 {
+    top: 18rem;
+    bottom: 18rem;
+  }
+
+  .\32xl\:inset-x-72 {
+    right: 18rem;
+    left: 18rem;
+  }
+
+  .\32xl\:inset-y-80 {
+    top: 20rem;
+    bottom: 20rem;
+  }
+
+  .\32xl\:inset-x-80 {
+    right: 20rem;
+    left: 20rem;
+  }
+
+  .\32xl\:inset-y-96 {
+    top: 24rem;
+    bottom: 24rem;
+  }
+
+  .\32xl\:inset-x-96 {
+    right: 24rem;
+    left: 24rem;
+  }
+
+  .\32xl\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .\32xl\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .\32xl\:inset-y-px {
+    top: 1px;
+    bottom: 1px;
+  }
+
+  .\32xl\:inset-x-px {
+    right: 1px;
+    left: 1px;
+  }
+
+  .\32xl\:inset-y-0\.5 {
+    top: 0.125rem;
+    bottom: 0.125rem;
+  }
+
+  .\32xl\:inset-x-0\.5 {
+    right: 0.125rem;
+    left: 0.125rem;
+  }
+
+  .\32xl\:inset-y-1\.5 {
+    top: 0.375rem;
+    bottom: 0.375rem;
+  }
+
+  .\32xl\:inset-x-1\.5 {
+    right: 0.375rem;
+    left: 0.375rem;
+  }
+
+  .\32xl\:inset-y-2\.5 {
+    top: 0.625rem;
+    bottom: 0.625rem;
+  }
+
+  .\32xl\:inset-x-2\.5 {
+    right: 0.625rem;
+    left: 0.625rem;
+  }
+
+  .\32xl\:inset-y-3\.5 {
+    top: 0.875rem;
+    bottom: 0.875rem;
+  }
+
+  .\32xl\:inset-x-3\.5 {
+    right: 0.875rem;
+    left: 0.875rem;
+  }
+
+  .\32xl\:-inset-y-0 {
+    top: 0px;
+    bottom: 0px;
+  }
+
+  .\32xl\:-inset-x-0 {
+    right: 0px;
+    left: 0px;
+  }
+
+  .\32xl\:-inset-y-1 {
+    top: -0.25rem;
+    bottom: -0.25rem;
+  }
+
+  .\32xl\:-inset-x-1 {
+    right: -0.25rem;
+    left: -0.25rem;
+  }
+
+  .\32xl\:-inset-y-2 {
+    top: -0.5rem;
+    bottom: -0.5rem;
+  }
+
+  .\32xl\:-inset-x-2 {
+    right: -0.5rem;
+    left: -0.5rem;
+  }
+
+  .\32xl\:-inset-y-3 {
+    top: -0.75rem;
+    bottom: -0.75rem;
+  }
+
+  .\32xl\:-inset-x-3 {
+    right: -0.75rem;
+    left: -0.75rem;
+  }
+
+  .\32xl\:-inset-y-4 {
+    top: -1rem;
+    bottom: -1rem;
+  }
+
+  .\32xl\:-inset-x-4 {
+    right: -1rem;
+    left: -1rem;
+  }
+
+  .\32xl\:-inset-y-5 {
+    top: -1.25rem;
+    bottom: -1.25rem;
+  }
+
+  .\32xl\:-inset-x-5 {
+    right: -1.25rem;
+    left: -1.25rem;
+  }
+
+  .\32xl\:-inset-y-6 {
+    top: -1.5rem;
+    bottom: -1.5rem;
+  }
+
+  .\32xl\:-inset-x-6 {
+    right: -1.5rem;
+    left: -1.5rem;
+  }
+
+  .\32xl\:-inset-y-7 {
+    top: -1.75rem;
+    bottom: -1.75rem;
+  }
+
+  .\32xl\:-inset-x-7 {
+    right: -1.75rem;
+    left: -1.75rem;
+  }
+
+  .\32xl\:-inset-y-8 {
+    top: -2rem;
+    bottom: -2rem;
+  }
+
+  .\32xl\:-inset-x-8 {
+    right: -2rem;
+    left: -2rem;
+  }
+
+  .\32xl\:-inset-y-9 {
+    top: -2.25rem;
+    bottom: -2.25rem;
+  }
+
+  .\32xl\:-inset-x-9 {
+    right: -2.25rem;
+    left: -2.25rem;
+  }
+
+  .\32xl\:-inset-y-10 {
+    top: -2.5rem;
+    bottom: -2.5rem;
+  }
+
+  .\32xl\:-inset-x-10 {
+    right: -2.5rem;
+    left: -2.5rem;
+  }
+
+  .\32xl\:-inset-y-11 {
+    top: -2.75rem;
+    bottom: -2.75rem;
+  }
+
+  .\32xl\:-inset-x-11 {
+    right: -2.75rem;
+    left: -2.75rem;
+  }
+
+  .\32xl\:-inset-y-12 {
+    top: -3rem;
+    bottom: -3rem;
+  }
+
+  .\32xl\:-inset-x-12 {
+    right: -3rem;
+    left: -3rem;
+  }
+
+  .\32xl\:-inset-y-14 {
+    top: -3.5rem;
+    bottom: -3.5rem;
+  }
+
+  .\32xl\:-inset-x-14 {
+    right: -3.5rem;
+    left: -3.5rem;
+  }
+
+  .\32xl\:-inset-y-16 {
+    top: -4rem;
+    bottom: -4rem;
+  }
+
+  .\32xl\:-inset-x-16 {
+    right: -4rem;
+    left: -4rem;
+  }
+
+  .\32xl\:-inset-y-20 {
+    top: -5rem;
+    bottom: -5rem;
+  }
+
+  .\32xl\:-inset-x-20 {
+    right: -5rem;
+    left: -5rem;
+  }
+
+  .\32xl\:-inset-y-24 {
+    top: -6rem;
+    bottom: -6rem;
+  }
+
+  .\32xl\:-inset-x-24 {
+    right: -6rem;
+    left: -6rem;
+  }
+
+  .\32xl\:-inset-y-28 {
+    top: -7rem;
+    bottom: -7rem;
+  }
+
+  .\32xl\:-inset-x-28 {
+    right: -7rem;
+    left: -7rem;
+  }
+
+  .\32xl\:-inset-y-32 {
+    top: -8rem;
+    bottom: -8rem;
+  }
+
+  .\32xl\:-inset-x-32 {
+    right: -8rem;
+    left: -8rem;
+  }
+
+  .\32xl\:-inset-y-36 {
+    top: -9rem;
+    bottom: -9rem;
+  }
+
+  .\32xl\:-inset-x-36 {
+    right: -9rem;
+    left: -9rem;
+  }
+
+  .\32xl\:-inset-y-40 {
+    top: -10rem;
+    bottom: -10rem;
+  }
+
+  .\32xl\:-inset-x-40 {
+    right: -10rem;
+    left: -10rem;
+  }
+
+  .\32xl\:-inset-y-44 {
+    top: -11rem;
+    bottom: -11rem;
+  }
+
+  .\32xl\:-inset-x-44 {
+    right: -11rem;
+    left: -11rem;
+  }
+
+  .\32xl\:-inset-y-48 {
+    top: -12rem;
+    bottom: -12rem;
+  }
+
+  .\32xl\:-inset-x-48 {
+    right: -12rem;
+    left: -12rem;
+  }
+
+  .\32xl\:-inset-y-52 {
+    top: -13rem;
+    bottom: -13rem;
+  }
+
+  .\32xl\:-inset-x-52 {
+    right: -13rem;
+    left: -13rem;
+  }
+
+  .\32xl\:-inset-y-56 {
+    top: -14rem;
+    bottom: -14rem;
+  }
+
+  .\32xl\:-inset-x-56 {
+    right: -14rem;
+    left: -14rem;
+  }
+
+  .\32xl\:-inset-y-60 {
+    top: -15rem;
+    bottom: -15rem;
+  }
+
+  .\32xl\:-inset-x-60 {
+    right: -15rem;
+    left: -15rem;
+  }
+
+  .\32xl\:-inset-y-64 {
+    top: -16rem;
+    bottom: -16rem;
+  }
+
+  .\32xl\:-inset-x-64 {
+    right: -16rem;
+    left: -16rem;
+  }
+
+  .\32xl\:-inset-y-72 {
+    top: -18rem;
+    bottom: -18rem;
+  }
+
+  .\32xl\:-inset-x-72 {
+    right: -18rem;
+    left: -18rem;
+  }
+
+  .\32xl\:-inset-y-80 {
+    top: -20rem;
+    bottom: -20rem;
+  }
+
+  .\32xl\:-inset-x-80 {
+    right: -20rem;
+    left: -20rem;
+  }
+
+  .\32xl\:-inset-y-96 {
+    top: -24rem;
+    bottom: -24rem;
+  }
+
+  .\32xl\:-inset-x-96 {
+    right: -24rem;
+    left: -24rem;
+  }
+
+  .\32xl\:-inset-y-px {
+    top: -1px;
+    bottom: -1px;
+  }
+
+  .\32xl\:-inset-x-px {
+    right: -1px;
+    left: -1px;
+  }
+
+  .\32xl\:-inset-y-0\.5 {
+    top: -0.125rem;
+    bottom: -0.125rem;
+  }
+
+  .\32xl\:-inset-x-0\.5 {
+    right: -0.125rem;
+    left: -0.125rem;
+  }
+
+  .\32xl\:-inset-y-1\.5 {
+    top: -0.375rem;
+    bottom: -0.375rem;
+  }
+
+  .\32xl\:-inset-x-1\.5 {
+    right: -0.375rem;
+    left: -0.375rem;
+  }
+
+  .\32xl\:-inset-y-2\.5 {
+    top: -0.625rem;
+    bottom: -0.625rem;
+  }
+
+  .\32xl\:-inset-x-2\.5 {
+    right: -0.625rem;
+    left: -0.625rem;
+  }
+
+  .\32xl\:-inset-y-3\.5 {
+    top: -0.875rem;
+    bottom: -0.875rem;
+  }
+
+  .\32xl\:-inset-x-3\.5 {
+    right: -0.875rem;
+    left: -0.875rem;
+  }
+
+  .\32xl\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .\32xl\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .\32xl\:inset-y-1\/3 {
+    top: 33.333333%;
+    bottom: 33.333333%;
+  }
+
+  .\32xl\:inset-x-1\/3 {
+    right: 33.333333%;
+    left: 33.333333%;
+  }
+
+  .\32xl\:inset-y-2\/3 {
+    top: 66.666667%;
+    bottom: 66.666667%;
+  }
+
+  .\32xl\:inset-x-2\/3 {
+    right: 66.666667%;
+    left: 66.666667%;
+  }
+
+  .\32xl\:inset-y-1\/4 {
+    top: 25%;
+    bottom: 25%;
+  }
+
+  .\32xl\:inset-x-1\/4 {
+    right: 25%;
+    left: 25%;
+  }
+
+  .\32xl\:inset-y-2\/4 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .\32xl\:inset-x-2\/4 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .\32xl\:inset-y-3\/4 {
+    top: 75%;
+    bottom: 75%;
+  }
+
+  .\32xl\:inset-x-3\/4 {
+    right: 75%;
+    left: 75%;
+  }
+
+  .\32xl\:inset-y-full {
+    top: 100%;
+    bottom: 100%;
+  }
+
+  .\32xl\:inset-x-full {
+    right: 100%;
+    left: 100%;
+  }
+
+  .\32xl\:-inset-y-1\/2 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .\32xl\:-inset-x-1\/2 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .\32xl\:-inset-y-1\/3 {
+    top: -33.333333%;
+    bottom: -33.333333%;
+  }
+
+  .\32xl\:-inset-x-1\/3 {
+    right: -33.333333%;
+    left: -33.333333%;
+  }
+
+  .\32xl\:-inset-y-2\/3 {
+    top: -66.666667%;
+    bottom: -66.666667%;
+  }
+
+  .\32xl\:-inset-x-2\/3 {
+    right: -66.666667%;
+    left: -66.666667%;
+  }
+
+  .\32xl\:-inset-y-1\/4 {
+    top: -25%;
+    bottom: -25%;
+  }
+
+  .\32xl\:-inset-x-1\/4 {
+    right: -25%;
+    left: -25%;
+  }
+
+  .\32xl\:-inset-y-2\/4 {
+    top: -50%;
+    bottom: -50%;
+  }
+
+  .\32xl\:-inset-x-2\/4 {
+    right: -50%;
+    left: -50%;
+  }
+
+  .\32xl\:-inset-y-3\/4 {
+    top: -75%;
+    bottom: -75%;
+  }
+
+  .\32xl\:-inset-x-3\/4 {
+    right: -75%;
+    left: -75%;
+  }
+
+  .\32xl\:-inset-y-full {
+    top: -100%;
+    bottom: -100%;
+  }
+
+  .\32xl\:-inset-x-full {
+    right: -100%;
+    left: -100%;
+  }
+
+  .\32xl\:top-0 {
+    top: 0px;
+  }
+
+  .\32xl\:right-0 {
+    right: 0px;
+  }
+
+  .\32xl\:bottom-0 {
+    bottom: 0px;
+  }
+
+  .\32xl\:left-0 {
+    left: 0px;
+  }
+
+  .\32xl\:top-1 {
+    top: 0.25rem;
+  }
+
+  .\32xl\:right-1 {
+    right: 0.25rem;
+  }
+
+  .\32xl\:bottom-1 {
+    bottom: 0.25rem;
+  }
+
+  .\32xl\:left-1 {
+    left: 0.25rem;
+  }
+
+  .\32xl\:top-2 {
+    top: 0.5rem;
+  }
+
+  .\32xl\:right-2 {
+    right: 0.5rem;
+  }
+
+  .\32xl\:bottom-2 {
+    bottom: 0.5rem;
+  }
+
+  .\32xl\:left-2 {
+    left: 0.5rem;
+  }
+
+  .\32xl\:top-3 {
+    top: 0.75rem;
+  }
+
+  .\32xl\:right-3 {
+    right: 0.75rem;
+  }
+
+  .\32xl\:bottom-3 {
+    bottom: 0.75rem;
+  }
+
+  .\32xl\:left-3 {
+    left: 0.75rem;
+  }
+
+  .\32xl\:top-4 {
+    top: 1rem;
+  }
+
+  .\32xl\:right-4 {
+    right: 1rem;
+  }
+
+  .\32xl\:bottom-4 {
+    bottom: 1rem;
+  }
+
+  .\32xl\:left-4 {
+    left: 1rem;
+  }
+
+  .\32xl\:top-5 {
+    top: 1.25rem;
+  }
+
+  .\32xl\:right-5 {
+    right: 1.25rem;
+  }
+
+  .\32xl\:bottom-5 {
+    bottom: 1.25rem;
+  }
+
+  .\32xl\:left-5 {
+    left: 1.25rem;
+  }
+
+  .\32xl\:top-6 {
+    top: 1.5rem;
+  }
+
+  .\32xl\:right-6 {
+    right: 1.5rem;
+  }
+
+  .\32xl\:bottom-6 {
+    bottom: 1.5rem;
+  }
+
+  .\32xl\:left-6 {
+    left: 1.5rem;
+  }
+
+  .\32xl\:top-7 {
+    top: 1.75rem;
+  }
+
+  .\32xl\:right-7 {
+    right: 1.75rem;
+  }
+
+  .\32xl\:bottom-7 {
+    bottom: 1.75rem;
+  }
+
+  .\32xl\:left-7 {
+    left: 1.75rem;
+  }
+
+  .\32xl\:top-8 {
+    top: 2rem;
+  }
+
+  .\32xl\:right-8 {
+    right: 2rem;
+  }
+
+  .\32xl\:bottom-8 {
+    bottom: 2rem;
+  }
+
+  .\32xl\:left-8 {
+    left: 2rem;
+  }
+
+  .\32xl\:top-9 {
+    top: 2.25rem;
+  }
+
+  .\32xl\:right-9 {
+    right: 2.25rem;
+  }
+
+  .\32xl\:bottom-9 {
+    bottom: 2.25rem;
+  }
+
+  .\32xl\:left-9 {
+    left: 2.25rem;
+  }
+
+  .\32xl\:top-10 {
+    top: 2.5rem;
+  }
+
+  .\32xl\:right-10 {
+    right: 2.5rem;
+  }
+
+  .\32xl\:bottom-10 {
+    bottom: 2.5rem;
+  }
+
+  .\32xl\:left-10 {
+    left: 2.5rem;
+  }
+
+  .\32xl\:top-11 {
+    top: 2.75rem;
+  }
+
+  .\32xl\:right-11 {
+    right: 2.75rem;
+  }
+
+  .\32xl\:bottom-11 {
+    bottom: 2.75rem;
+  }
+
+  .\32xl\:left-11 {
+    left: 2.75rem;
+  }
+
+  .\32xl\:top-12 {
+    top: 3rem;
+  }
+
+  .\32xl\:right-12 {
+    right: 3rem;
+  }
+
+  .\32xl\:bottom-12 {
+    bottom: 3rem;
+  }
+
+  .\32xl\:left-12 {
+    left: 3rem;
+  }
+
+  .\32xl\:top-14 {
+    top: 3.5rem;
+  }
+
+  .\32xl\:right-14 {
+    right: 3.5rem;
+  }
+
+  .\32xl\:bottom-14 {
+    bottom: 3.5rem;
+  }
+
+  .\32xl\:left-14 {
+    left: 3.5rem;
+  }
+
+  .\32xl\:top-16 {
+    top: 4rem;
+  }
+
+  .\32xl\:right-16 {
+    right: 4rem;
+  }
+
+  .\32xl\:bottom-16 {
+    bottom: 4rem;
+  }
+
+  .\32xl\:left-16 {
+    left: 4rem;
+  }
+
+  .\32xl\:top-20 {
+    top: 5rem;
+  }
+
+  .\32xl\:right-20 {
+    right: 5rem;
+  }
+
+  .\32xl\:bottom-20 {
+    bottom: 5rem;
+  }
+
+  .\32xl\:left-20 {
+    left: 5rem;
+  }
+
+  .\32xl\:top-24 {
+    top: 6rem;
+  }
+
+  .\32xl\:right-24 {
+    right: 6rem;
+  }
+
+  .\32xl\:bottom-24 {
+    bottom: 6rem;
+  }
+
+  .\32xl\:left-24 {
+    left: 6rem;
+  }
+
+  .\32xl\:top-28 {
+    top: 7rem;
+  }
+
+  .\32xl\:right-28 {
+    right: 7rem;
+  }
+
+  .\32xl\:bottom-28 {
+    bottom: 7rem;
+  }
+
+  .\32xl\:left-28 {
+    left: 7rem;
+  }
+
+  .\32xl\:top-32 {
+    top: 8rem;
+  }
+
+  .\32xl\:right-32 {
+    right: 8rem;
+  }
+
+  .\32xl\:bottom-32 {
+    bottom: 8rem;
+  }
+
+  .\32xl\:left-32 {
+    left: 8rem;
+  }
+
+  .\32xl\:top-36 {
+    top: 9rem;
+  }
+
+  .\32xl\:right-36 {
+    right: 9rem;
+  }
+
+  .\32xl\:bottom-36 {
+    bottom: 9rem;
+  }
+
+  .\32xl\:left-36 {
+    left: 9rem;
+  }
+
+  .\32xl\:top-40 {
+    top: 10rem;
+  }
+
+  .\32xl\:right-40 {
+    right: 10rem;
+  }
+
+  .\32xl\:bottom-40 {
+    bottom: 10rem;
+  }
+
+  .\32xl\:left-40 {
+    left: 10rem;
+  }
+
+  .\32xl\:top-44 {
+    top: 11rem;
+  }
+
+  .\32xl\:right-44 {
+    right: 11rem;
+  }
+
+  .\32xl\:bottom-44 {
+    bottom: 11rem;
+  }
+
+  .\32xl\:left-44 {
+    left: 11rem;
+  }
+
+  .\32xl\:top-48 {
+    top: 12rem;
+  }
+
+  .\32xl\:right-48 {
+    right: 12rem;
+  }
+
+  .\32xl\:bottom-48 {
+    bottom: 12rem;
+  }
+
+  .\32xl\:left-48 {
+    left: 12rem;
+  }
+
+  .\32xl\:top-52 {
+    top: 13rem;
+  }
+
+  .\32xl\:right-52 {
+    right: 13rem;
+  }
+
+  .\32xl\:bottom-52 {
+    bottom: 13rem;
+  }
+
+  .\32xl\:left-52 {
+    left: 13rem;
+  }
+
+  .\32xl\:top-56 {
+    top: 14rem;
+  }
+
+  .\32xl\:right-56 {
+    right: 14rem;
+  }
+
+  .\32xl\:bottom-56 {
+    bottom: 14rem;
+  }
+
+  .\32xl\:left-56 {
+    left: 14rem;
+  }
+
+  .\32xl\:top-60 {
+    top: 15rem;
+  }
+
+  .\32xl\:right-60 {
+    right: 15rem;
+  }
+
+  .\32xl\:bottom-60 {
+    bottom: 15rem;
+  }
+
+  .\32xl\:left-60 {
+    left: 15rem;
+  }
+
+  .\32xl\:top-64 {
+    top: 16rem;
+  }
+
+  .\32xl\:right-64 {
+    right: 16rem;
+  }
+
+  .\32xl\:bottom-64 {
+    bottom: 16rem;
+  }
+
+  .\32xl\:left-64 {
+    left: 16rem;
+  }
+
+  .\32xl\:top-72 {
+    top: 18rem;
+  }
+
+  .\32xl\:right-72 {
+    right: 18rem;
+  }
+
+  .\32xl\:bottom-72 {
+    bottom: 18rem;
+  }
+
+  .\32xl\:left-72 {
+    left: 18rem;
+  }
+
+  .\32xl\:top-80 {
+    top: 20rem;
+  }
+
+  .\32xl\:right-80 {
+    right: 20rem;
+  }
+
+  .\32xl\:bottom-80 {
+    bottom: 20rem;
+  }
+
+  .\32xl\:left-80 {
+    left: 20rem;
+  }
+
+  .\32xl\:top-96 {
+    top: 24rem;
+  }
+
+  .\32xl\:right-96 {
+    right: 24rem;
+  }
+
+  .\32xl\:bottom-96 {
+    bottom: 24rem;
+  }
+
+  .\32xl\:left-96 {
+    left: 24rem;
+  }
+
+  .\32xl\:top-auto {
+    top: auto;
+  }
+
+  .\32xl\:right-auto {
+    right: auto;
+  }
+
+  .\32xl\:bottom-auto {
+    bottom: auto;
+  }
+
+  .\32xl\:left-auto {
+    left: auto;
+  }
+
+  .\32xl\:top-px {
+    top: 1px;
+  }
+
+  .\32xl\:right-px {
+    right: 1px;
+  }
+
+  .\32xl\:bottom-px {
+    bottom: 1px;
+  }
+
+  .\32xl\:left-px {
+    left: 1px;
+  }
+
+  .\32xl\:top-0\.5 {
+    top: 0.125rem;
+  }
+
+  .\32xl\:right-0\.5 {
+    right: 0.125rem;
+  }
+
+  .\32xl\:bottom-0\.5 {
+    bottom: 0.125rem;
+  }
+
+  .\32xl\:left-0\.5 {
+    left: 0.125rem;
+  }
+
+  .\32xl\:top-1\.5 {
+    top: 0.375rem;
+  }
+
+  .\32xl\:right-1\.5 {
+    right: 0.375rem;
+  }
+
+  .\32xl\:bottom-1\.5 {
+    bottom: 0.375rem;
+  }
+
+  .\32xl\:left-1\.5 {
+    left: 0.375rem;
+  }
+
+  .\32xl\:top-2\.5 {
+    top: 0.625rem;
+  }
+
+  .\32xl\:right-2\.5 {
+    right: 0.625rem;
+  }
+
+  .\32xl\:bottom-2\.5 {
+    bottom: 0.625rem;
+  }
+
+  .\32xl\:left-2\.5 {
+    left: 0.625rem;
+  }
+
+  .\32xl\:top-3\.5 {
+    top: 0.875rem;
+  }
+
+  .\32xl\:right-3\.5 {
+    right: 0.875rem;
+  }
+
+  .\32xl\:bottom-3\.5 {
+    bottom: 0.875rem;
+  }
+
+  .\32xl\:left-3\.5 {
+    left: 0.875rem;
+  }
+
+  .\32xl\:-top-0 {
+    top: 0px;
+  }
+
+  .\32xl\:-right-0 {
+    right: 0px;
+  }
+
+  .\32xl\:-bottom-0 {
+    bottom: 0px;
+  }
+
+  .\32xl\:-left-0 {
+    left: 0px;
+  }
+
+  .\32xl\:-top-1 {
+    top: -0.25rem;
+  }
+
+  .\32xl\:-right-1 {
+    right: -0.25rem;
+  }
+
+  .\32xl\:-bottom-1 {
+    bottom: -0.25rem;
+  }
+
+  .\32xl\:-left-1 {
+    left: -0.25rem;
+  }
+
+  .\32xl\:-top-2 {
+    top: -0.5rem;
+  }
+
+  .\32xl\:-right-2 {
+    right: -0.5rem;
+  }
+
+  .\32xl\:-bottom-2 {
+    bottom: -0.5rem;
+  }
+
+  .\32xl\:-left-2 {
+    left: -0.5rem;
+  }
+
+  .\32xl\:-top-3 {
+    top: -0.75rem;
+  }
+
+  .\32xl\:-right-3 {
+    right: -0.75rem;
+  }
+
+  .\32xl\:-bottom-3 {
+    bottom: -0.75rem;
+  }
+
+  .\32xl\:-left-3 {
+    left: -0.75rem;
+  }
+
+  .\32xl\:-top-4 {
+    top: -1rem;
+  }
+
+  .\32xl\:-right-4 {
+    right: -1rem;
+  }
+
+  .\32xl\:-bottom-4 {
+    bottom: -1rem;
+  }
+
+  .\32xl\:-left-4 {
+    left: -1rem;
+  }
+
+  .\32xl\:-top-5 {
+    top: -1.25rem;
+  }
+
+  .\32xl\:-right-5 {
+    right: -1.25rem;
+  }
+
+  .\32xl\:-bottom-5 {
+    bottom: -1.25rem;
+  }
+
+  .\32xl\:-left-5 {
+    left: -1.25rem;
+  }
+
+  .\32xl\:-top-6 {
+    top: -1.5rem;
+  }
+
+  .\32xl\:-right-6 {
+    right: -1.5rem;
+  }
+
+  .\32xl\:-bottom-6 {
+    bottom: -1.5rem;
+  }
+
+  .\32xl\:-left-6 {
+    left: -1.5rem;
+  }
+
+  .\32xl\:-top-7 {
+    top: -1.75rem;
+  }
+
+  .\32xl\:-right-7 {
+    right: -1.75rem;
+  }
+
+  .\32xl\:-bottom-7 {
+    bottom: -1.75rem;
+  }
+
+  .\32xl\:-left-7 {
+    left: -1.75rem;
+  }
+
+  .\32xl\:-top-8 {
+    top: -2rem;
+  }
+
+  .\32xl\:-right-8 {
+    right: -2rem;
+  }
+
+  .\32xl\:-bottom-8 {
+    bottom: -2rem;
+  }
+
+  .\32xl\:-left-8 {
+    left: -2rem;
+  }
+
+  .\32xl\:-top-9 {
+    top: -2.25rem;
+  }
+
+  .\32xl\:-right-9 {
+    right: -2.25rem;
+  }
+
+  .\32xl\:-bottom-9 {
+    bottom: -2.25rem;
+  }
+
+  .\32xl\:-left-9 {
+    left: -2.25rem;
+  }
+
+  .\32xl\:-top-10 {
+    top: -2.5rem;
+  }
+
+  .\32xl\:-right-10 {
+    right: -2.5rem;
+  }
+
+  .\32xl\:-bottom-10 {
+    bottom: -2.5rem;
+  }
+
+  .\32xl\:-left-10 {
+    left: -2.5rem;
+  }
+
+  .\32xl\:-top-11 {
+    top: -2.75rem;
+  }
+
+  .\32xl\:-right-11 {
+    right: -2.75rem;
+  }
+
+  .\32xl\:-bottom-11 {
+    bottom: -2.75rem;
+  }
+
+  .\32xl\:-left-11 {
+    left: -2.75rem;
+  }
+
+  .\32xl\:-top-12 {
+    top: -3rem;
+  }
+
+  .\32xl\:-right-12 {
+    right: -3rem;
+  }
+
+  .\32xl\:-bottom-12 {
+    bottom: -3rem;
+  }
+
+  .\32xl\:-left-12 {
+    left: -3rem;
+  }
+
+  .\32xl\:-top-14 {
+    top: -3.5rem;
+  }
+
+  .\32xl\:-right-14 {
+    right: -3.5rem;
+  }
+
+  .\32xl\:-bottom-14 {
+    bottom: -3.5rem;
+  }
+
+  .\32xl\:-left-14 {
+    left: -3.5rem;
+  }
+
+  .\32xl\:-top-16 {
+    top: -4rem;
+  }
+
+  .\32xl\:-right-16 {
+    right: -4rem;
+  }
+
+  .\32xl\:-bottom-16 {
+    bottom: -4rem;
+  }
+
+  .\32xl\:-left-16 {
+    left: -4rem;
+  }
+
+  .\32xl\:-top-20 {
+    top: -5rem;
+  }
+
+  .\32xl\:-right-20 {
+    right: -5rem;
+  }
+
+  .\32xl\:-bottom-20 {
+    bottom: -5rem;
+  }
+
+  .\32xl\:-left-20 {
+    left: -5rem;
+  }
+
+  .\32xl\:-top-24 {
+    top: -6rem;
+  }
+
+  .\32xl\:-right-24 {
+    right: -6rem;
+  }
+
+  .\32xl\:-bottom-24 {
+    bottom: -6rem;
+  }
+
+  .\32xl\:-left-24 {
+    left: -6rem;
+  }
+
+  .\32xl\:-top-28 {
+    top: -7rem;
+  }
+
+  .\32xl\:-right-28 {
+    right: -7rem;
+  }
+
+  .\32xl\:-bottom-28 {
+    bottom: -7rem;
+  }
+
+  .\32xl\:-left-28 {
+    left: -7rem;
+  }
+
+  .\32xl\:-top-32 {
+    top: -8rem;
+  }
+
+  .\32xl\:-right-32 {
+    right: -8rem;
+  }
+
+  .\32xl\:-bottom-32 {
+    bottom: -8rem;
+  }
+
+  .\32xl\:-left-32 {
+    left: -8rem;
+  }
+
+  .\32xl\:-top-36 {
+    top: -9rem;
+  }
+
+  .\32xl\:-right-36 {
+    right: -9rem;
+  }
+
+  .\32xl\:-bottom-36 {
+    bottom: -9rem;
+  }
+
+  .\32xl\:-left-36 {
+    left: -9rem;
+  }
+
+  .\32xl\:-top-40 {
+    top: -10rem;
+  }
+
+  .\32xl\:-right-40 {
+    right: -10rem;
+  }
+
+  .\32xl\:-bottom-40 {
+    bottom: -10rem;
+  }
+
+  .\32xl\:-left-40 {
+    left: -10rem;
+  }
+
+  .\32xl\:-top-44 {
+    top: -11rem;
+  }
+
+  .\32xl\:-right-44 {
+    right: -11rem;
+  }
+
+  .\32xl\:-bottom-44 {
+    bottom: -11rem;
+  }
+
+  .\32xl\:-left-44 {
+    left: -11rem;
+  }
+
+  .\32xl\:-top-48 {
+    top: -12rem;
+  }
+
+  .\32xl\:-right-48 {
+    right: -12rem;
+  }
+
+  .\32xl\:-bottom-48 {
+    bottom: -12rem;
+  }
+
+  .\32xl\:-left-48 {
+    left: -12rem;
+  }
+
+  .\32xl\:-top-52 {
+    top: -13rem;
+  }
+
+  .\32xl\:-right-52 {
+    right: -13rem;
+  }
+
+  .\32xl\:-bottom-52 {
+    bottom: -13rem;
+  }
+
+  .\32xl\:-left-52 {
+    left: -13rem;
+  }
+
+  .\32xl\:-top-56 {
+    top: -14rem;
+  }
+
+  .\32xl\:-right-56 {
+    right: -14rem;
+  }
+
+  .\32xl\:-bottom-56 {
+    bottom: -14rem;
+  }
+
+  .\32xl\:-left-56 {
+    left: -14rem;
+  }
+
+  .\32xl\:-top-60 {
+    top: -15rem;
+  }
+
+  .\32xl\:-right-60 {
+    right: -15rem;
+  }
+
+  .\32xl\:-bottom-60 {
+    bottom: -15rem;
+  }
+
+  .\32xl\:-left-60 {
+    left: -15rem;
+  }
+
+  .\32xl\:-top-64 {
+    top: -16rem;
+  }
+
+  .\32xl\:-right-64 {
+    right: -16rem;
+  }
+
+  .\32xl\:-bottom-64 {
+    bottom: -16rem;
+  }
+
+  .\32xl\:-left-64 {
+    left: -16rem;
+  }
+
+  .\32xl\:-top-72 {
+    top: -18rem;
+  }
+
+  .\32xl\:-right-72 {
+    right: -18rem;
+  }
+
+  .\32xl\:-bottom-72 {
+    bottom: -18rem;
+  }
+
+  .\32xl\:-left-72 {
+    left: -18rem;
+  }
+
+  .\32xl\:-top-80 {
+    top: -20rem;
+  }
+
+  .\32xl\:-right-80 {
+    right: -20rem;
+  }
+
+  .\32xl\:-bottom-80 {
+    bottom: -20rem;
+  }
+
+  .\32xl\:-left-80 {
+    left: -20rem;
+  }
+
+  .\32xl\:-top-96 {
+    top: -24rem;
+  }
+
+  .\32xl\:-right-96 {
+    right: -24rem;
+  }
+
+  .\32xl\:-bottom-96 {
+    bottom: -24rem;
+  }
+
+  .\32xl\:-left-96 {
+    left: -24rem;
+  }
+
+  .\32xl\:-top-px {
+    top: -1px;
+  }
+
+  .\32xl\:-right-px {
+    right: -1px;
+  }
+
+  .\32xl\:-bottom-px {
+    bottom: -1px;
+  }
+
+  .\32xl\:-left-px {
+    left: -1px;
+  }
+
+  .\32xl\:-top-0\.5 {
+    top: -0.125rem;
+  }
+
+  .\32xl\:-right-0\.5 {
+    right: -0.125rem;
+  }
+
+  .\32xl\:-bottom-0\.5 {
+    bottom: -0.125rem;
+  }
+
+  .\32xl\:-left-0\.5 {
+    left: -0.125rem;
+  }
+
+  .\32xl\:-top-1\.5 {
+    top: -0.375rem;
+  }
+
+  .\32xl\:-right-1\.5 {
+    right: -0.375rem;
+  }
+
+  .\32xl\:-bottom-1\.5 {
+    bottom: -0.375rem;
+  }
+
+  .\32xl\:-left-1\.5 {
+    left: -0.375rem;
+  }
+
+  .\32xl\:-top-2\.5 {
+    top: -0.625rem;
+  }
+
+  .\32xl\:-right-2\.5 {
+    right: -0.625rem;
+  }
+
+  .\32xl\:-bottom-2\.5 {
+    bottom: -0.625rem;
+  }
+
+  .\32xl\:-left-2\.5 {
+    left: -0.625rem;
+  }
+
+  .\32xl\:-top-3\.5 {
+    top: -0.875rem;
+  }
+
+  .\32xl\:-right-3\.5 {
+    right: -0.875rem;
+  }
+
+  .\32xl\:-bottom-3\.5 {
+    bottom: -0.875rem;
+  }
+
+  .\32xl\:-left-3\.5 {
+    left: -0.875rem;
+  }
+
+  .\32xl\:top-1\/2 {
+    top: 50%;
+  }
+
+  .\32xl\:right-1\/2 {
+    right: 50%;
+  }
+
+  .\32xl\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .\32xl\:left-1\/2 {
+    left: 50%;
+  }
+
+  .\32xl\:top-1\/3 {
+    top: 33.333333%;
+  }
+
+  .\32xl\:right-1\/3 {
+    right: 33.333333%;
+  }
+
+  .\32xl\:bottom-1\/3 {
+    bottom: 33.333333%;
+  }
+
+  .\32xl\:left-1\/3 {
+    left: 33.333333%;
+  }
+
+  .\32xl\:top-2\/3 {
+    top: 66.666667%;
+  }
+
+  .\32xl\:right-2\/3 {
+    right: 66.666667%;
+  }
+
+  .\32xl\:bottom-2\/3 {
+    bottom: 66.666667%;
+  }
+
+  .\32xl\:left-2\/3 {
+    left: 66.666667%;
+  }
+
+  .\32xl\:top-1\/4 {
+    top: 25%;
+  }
+
+  .\32xl\:right-1\/4 {
+    right: 25%;
+  }
+
+  .\32xl\:bottom-1\/4 {
+    bottom: 25%;
+  }
+
+  .\32xl\:left-1\/4 {
+    left: 25%;
+  }
+
+  .\32xl\:top-2\/4 {
+    top: 50%;
+  }
+
+  .\32xl\:right-2\/4 {
+    right: 50%;
+  }
+
+  .\32xl\:bottom-2\/4 {
+    bottom: 50%;
+  }
+
+  .\32xl\:left-2\/4 {
+    left: 50%;
+  }
+
+  .\32xl\:top-3\/4 {
+    top: 75%;
+  }
+
+  .\32xl\:right-3\/4 {
+    right: 75%;
+  }
+
+  .\32xl\:bottom-3\/4 {
+    bottom: 75%;
+  }
+
+  .\32xl\:left-3\/4 {
+    left: 75%;
+  }
+
+  .\32xl\:top-full {
+    top: 100%;
+  }
+
+  .\32xl\:right-full {
+    right: 100%;
+  }
+
+  .\32xl\:bottom-full {
+    bottom: 100%;
+  }
+
+  .\32xl\:left-full {
+    left: 100%;
+  }
+
+  .\32xl\:-top-1\/2 {
+    top: -50%;
+  }
+
+  .\32xl\:-right-1\/2 {
+    right: -50%;
+  }
+
+  .\32xl\:-bottom-1\/2 {
+    bottom: -50%;
+  }
+
+  .\32xl\:-left-1\/2 {
+    left: -50%;
+  }
+
+  .\32xl\:-top-1\/3 {
+    top: -33.333333%;
+  }
+
+  .\32xl\:-right-1\/3 {
+    right: -33.333333%;
+  }
+
+  .\32xl\:-bottom-1\/3 {
+    bottom: -33.333333%;
+  }
+
+  .\32xl\:-left-1\/3 {
+    left: -33.333333%;
+  }
+
+  .\32xl\:-top-2\/3 {
+    top: -66.666667%;
+  }
+
+  .\32xl\:-right-2\/3 {
+    right: -66.666667%;
+  }
+
+  .\32xl\:-bottom-2\/3 {
+    bottom: -66.666667%;
+  }
+
+  .\32xl\:-left-2\/3 {
+    left: -66.666667%;
+  }
+
+  .\32xl\:-top-1\/4 {
+    top: -25%;
+  }
+
+  .\32xl\:-right-1\/4 {
+    right: -25%;
+  }
+
+  .\32xl\:-bottom-1\/4 {
+    bottom: -25%;
+  }
+
+  .\32xl\:-left-1\/4 {
+    left: -25%;
+  }
+
+  .\32xl\:-top-2\/4 {
+    top: -50%;
+  }
+
+  .\32xl\:-right-2\/4 {
+    right: -50%;
+  }
+
+  .\32xl\:-bottom-2\/4 {
+    bottom: -50%;
+  }
+
+  .\32xl\:-left-2\/4 {
+    left: -50%;
+  }
+
+  .\32xl\:-top-3\/4 {
+    top: -75%;
+  }
+
+  .\32xl\:-right-3\/4 {
+    right: -75%;
+  }
+
+  .\32xl\:-bottom-3\/4 {
+    bottom: -75%;
+  }
+
+  .\32xl\:-left-3\/4 {
+    left: -75%;
+  }
+
+  .\32xl\:-top-full {
+    top: -100%;
+  }
+
+  .\32xl\:-right-full {
+    right: -100%;
+  }
+
+  .\32xl\:-bottom-full {
+    bottom: -100%;
+  }
+
+  .\32xl\:-left-full {
+    left: -100%;
+  }
+
+  .\32xl\:resize-none {
+    resize: none;
+  }
+
+  .\32xl\:resize-y {
+    resize: vertical;
+  }
+
+  .\32xl\:resize-x {
+    resize: horizontal;
+  }
+
+  .\32xl\:resize {
+    resize: both;
+  }
+
+  .\32xl\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow-md {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow-xl {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .group:hover .\32xl\:group-hover\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow-sm:focus-within {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow:focus-within {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow-md:focus-within {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow-lg:focus-within {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow-xl:focus-within {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow-2xl:focus-within {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow-inner:focus-within {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus-within\:shadow-none:focus-within {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow-sm:hover {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow:hover {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow-md:hover {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow-lg:hover {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow-xl:hover {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow-2xl:hover {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow-inner:hover {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:hover\:shadow-none:hover {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow-sm:focus {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow:focus {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow-md:focus {
+    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow-lg:focus {
+    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow-xl:focus {
+    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow-2xl:focus {
+    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow-inner:focus {
+    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:focus\:shadow-none:focus {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
+  .\32xl\:ring-0 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:ring-1 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:ring-2 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:ring-4 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:ring-8 {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:ring {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:ring-inset {
+    --tw-ring-inset: inset;
+  }
+
+  .\32xl\:focus-within\:ring-0:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus-within\:ring-1:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus-within\:ring-2:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus-within\:ring-4:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus-within\:ring-8:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus-within\:ring:focus-within {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus-within\:ring-inset:focus-within {
+    --tw-ring-inset: inset;
+  }
+
+  .\32xl\:focus\:ring-0:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus\:ring-1:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus\:ring-2:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus\:ring-4:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus\:ring-8:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus\:ring:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  }
+
+  .\32xl\:focus\:ring-inset:focus {
+    --tw-ring-inset: inset;
+  }
+
+  .\32xl\:ring-offset-transparent {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .\32xl\:ring-offset-current {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .\32xl\:ring-offset-black {
+    --tw-ring-offset-color: #000;
+  }
+
+  .\32xl\:ring-offset-white {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .\32xl\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .\32xl\:ring-offset-gray-100 {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .\32xl\:ring-offset-gray-200 {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .\32xl\:ring-offset-gray-300 {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .\32xl\:ring-offset-gray-400 {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .\32xl\:ring-offset-gray-500 {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .\32xl\:ring-offset-gray-600 {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .\32xl\:ring-offset-gray-700 {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .\32xl\:ring-offset-gray-800 {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .\32xl\:ring-offset-gray-900 {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .\32xl\:ring-offset-red-50 {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .\32xl\:ring-offset-red-100 {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .\32xl\:ring-offset-red-200 {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .\32xl\:ring-offset-red-300 {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .\32xl\:ring-offset-red-400 {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .\32xl\:ring-offset-red-500 {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .\32xl\:ring-offset-red-600 {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .\32xl\:ring-offset-red-700 {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .\32xl\:ring-offset-red-800 {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .\32xl\:ring-offset-red-900 {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .\32xl\:ring-offset-yellow-50 {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .\32xl\:ring-offset-yellow-100 {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .\32xl\:ring-offset-yellow-200 {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .\32xl\:ring-offset-yellow-300 {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .\32xl\:ring-offset-yellow-400 {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .\32xl\:ring-offset-yellow-500 {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .\32xl\:ring-offset-yellow-600 {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .\32xl\:ring-offset-yellow-700 {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .\32xl\:ring-offset-yellow-800 {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .\32xl\:ring-offset-yellow-900 {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .\32xl\:ring-offset-green-50 {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .\32xl\:ring-offset-green-100 {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .\32xl\:ring-offset-green-200 {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .\32xl\:ring-offset-green-300 {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .\32xl\:ring-offset-green-400 {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .\32xl\:ring-offset-green-500 {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .\32xl\:ring-offset-green-600 {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .\32xl\:ring-offset-green-700 {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .\32xl\:ring-offset-green-800 {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .\32xl\:ring-offset-green-900 {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .\32xl\:ring-offset-blue-50 {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .\32xl\:ring-offset-blue-100 {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .\32xl\:ring-offset-blue-200 {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .\32xl\:ring-offset-blue-300 {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .\32xl\:ring-offset-blue-400 {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .\32xl\:ring-offset-blue-500 {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .\32xl\:ring-offset-blue-600 {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .\32xl\:ring-offset-blue-700 {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .\32xl\:ring-offset-blue-800 {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .\32xl\:ring-offset-blue-900 {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .\32xl\:ring-offset-indigo-50 {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .\32xl\:ring-offset-indigo-100 {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .\32xl\:ring-offset-indigo-200 {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .\32xl\:ring-offset-indigo-300 {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .\32xl\:ring-offset-indigo-400 {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .\32xl\:ring-offset-indigo-500 {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .\32xl\:ring-offset-indigo-600 {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .\32xl\:ring-offset-indigo-700 {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .\32xl\:ring-offset-indigo-800 {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .\32xl\:ring-offset-indigo-900 {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .\32xl\:ring-offset-purple-50 {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .\32xl\:ring-offset-purple-100 {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .\32xl\:ring-offset-purple-200 {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .\32xl\:ring-offset-purple-300 {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .\32xl\:ring-offset-purple-400 {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .\32xl\:ring-offset-purple-500 {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .\32xl\:ring-offset-purple-600 {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .\32xl\:ring-offset-purple-700 {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .\32xl\:ring-offset-purple-800 {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .\32xl\:ring-offset-purple-900 {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .\32xl\:ring-offset-pink-50 {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .\32xl\:ring-offset-pink-100 {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .\32xl\:ring-offset-pink-200 {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .\32xl\:ring-offset-pink-300 {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .\32xl\:ring-offset-pink-400 {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .\32xl\:ring-offset-pink-500 {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .\32xl\:ring-offset-pink-600 {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .\32xl\:ring-offset-pink-700 {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .\32xl\:ring-offset-pink-800 {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .\32xl\:ring-offset-pink-900 {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .\32xl\:focus-within\:ring-offset-transparent:focus-within {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .\32xl\:focus-within\:ring-offset-current:focus-within {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .\32xl\:focus-within\:ring-offset-black:focus-within {
+    --tw-ring-offset-color: #000;
+  }
+
+  .\32xl\:focus-within\:ring-offset-white:focus-within {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-100:focus-within {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-200:focus-within {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-300:focus-within {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-400:focus-within {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-500:focus-within {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-600:focus-within {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-700:focus-within {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-800:focus-within {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .\32xl\:focus-within\:ring-offset-gray-900:focus-within {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-50:focus-within {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-100:focus-within {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-200:focus-within {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-300:focus-within {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-400:focus-within {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-500:focus-within {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-600:focus-within {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-700:focus-within {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-800:focus-within {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .\32xl\:focus-within\:ring-offset-red-900:focus-within {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-50:focus-within {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-100:focus-within {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-200:focus-within {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-300:focus-within {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-400:focus-within {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-500:focus-within {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-600:focus-within {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-700:focus-within {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-800:focus-within {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .\32xl\:focus-within\:ring-offset-yellow-900:focus-within {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-50:focus-within {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-100:focus-within {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-200:focus-within {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-300:focus-within {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-400:focus-within {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-500:focus-within {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-600:focus-within {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-700:focus-within {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-800:focus-within {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .\32xl\:focus-within\:ring-offset-green-900:focus-within {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-50:focus-within {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-100:focus-within {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-200:focus-within {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-300:focus-within {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-400:focus-within {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-500:focus-within {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-600:focus-within {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-700:focus-within {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-800:focus-within {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .\32xl\:focus-within\:ring-offset-blue-900:focus-within {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-50:focus-within {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-100:focus-within {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-200:focus-within {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-300:focus-within {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-400:focus-within {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-500:focus-within {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-600:focus-within {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-700:focus-within {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-800:focus-within {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .\32xl\:focus-within\:ring-offset-indigo-900:focus-within {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-50:focus-within {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-100:focus-within {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-200:focus-within {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-300:focus-within {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-400:focus-within {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-500:focus-within {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-600:focus-within {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-700:focus-within {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-800:focus-within {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .\32xl\:focus-within\:ring-offset-purple-900:focus-within {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-50:focus-within {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-100:focus-within {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-200:focus-within {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-300:focus-within {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-400:focus-within {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-500:focus-within {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-600:focus-within {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-700:focus-within {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-800:focus-within {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .\32xl\:focus-within\:ring-offset-pink-900:focus-within {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .\32xl\:focus\:ring-offset-transparent:focus {
+    --tw-ring-offset-color: transparent;
+  }
+
+  .\32xl\:focus\:ring-offset-current:focus {
+    --tw-ring-offset-color: currentColor;
+  }
+
+  .\32xl\:focus\:ring-offset-black:focus {
+    --tw-ring-offset-color: #000;
+  }
+
+  .\32xl\:focus\:ring-offset-white:focus {
+    --tw-ring-offset-color: #fff;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #f9fafb;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-100:focus {
+    --tw-ring-offset-color: #f3f4f6;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-200:focus {
+    --tw-ring-offset-color: #e5e7eb;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-300:focus {
+    --tw-ring-offset-color: #d1d5db;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-400:focus {
+    --tw-ring-offset-color: #9ca3af;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-500:focus {
+    --tw-ring-offset-color: #6b7280;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-600:focus {
+    --tw-ring-offset-color: #4b5563;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-700:focus {
+    --tw-ring-offset-color: #374151;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-800:focus {
+    --tw-ring-offset-color: #1f2937;
+  }
+
+  .\32xl\:focus\:ring-offset-gray-900:focus {
+    --tw-ring-offset-color: #111827;
+  }
+
+  .\32xl\:focus\:ring-offset-red-50:focus {
+    --tw-ring-offset-color: #fef2f2;
+  }
+
+  .\32xl\:focus\:ring-offset-red-100:focus {
+    --tw-ring-offset-color: #fee2e2;
+  }
+
+  .\32xl\:focus\:ring-offset-red-200:focus {
+    --tw-ring-offset-color: #fecaca;
+  }
+
+  .\32xl\:focus\:ring-offset-red-300:focus {
+    --tw-ring-offset-color: #fca5a5;
+  }
+
+  .\32xl\:focus\:ring-offset-red-400:focus {
+    --tw-ring-offset-color: #f87171;
+  }
+
+  .\32xl\:focus\:ring-offset-red-500:focus {
+    --tw-ring-offset-color: #ef4444;
+  }
+
+  .\32xl\:focus\:ring-offset-red-600:focus {
+    --tw-ring-offset-color: #dc2626;
+  }
+
+  .\32xl\:focus\:ring-offset-red-700:focus {
+    --tw-ring-offset-color: #b91c1c;
+  }
+
+  .\32xl\:focus\:ring-offset-red-800:focus {
+    --tw-ring-offset-color: #991b1b;
+  }
+
+  .\32xl\:focus\:ring-offset-red-900:focus {
+    --tw-ring-offset-color: #7f1d1d;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-50:focus {
+    --tw-ring-offset-color: #fffbeb;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-100:focus {
+    --tw-ring-offset-color: #fef3c7;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-200:focus {
+    --tw-ring-offset-color: #fde68a;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-300:focus {
+    --tw-ring-offset-color: #fcd34d;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-400:focus {
+    --tw-ring-offset-color: #fbbf24;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-500:focus {
+    --tw-ring-offset-color: #f59e0b;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-600:focus {
+    --tw-ring-offset-color: #d97706;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-700:focus {
+    --tw-ring-offset-color: #b45309;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-800:focus {
+    --tw-ring-offset-color: #92400e;
+  }
+
+  .\32xl\:focus\:ring-offset-yellow-900:focus {
+    --tw-ring-offset-color: #78350f;
+  }
+
+  .\32xl\:focus\:ring-offset-green-50:focus {
+    --tw-ring-offset-color: #ecfdf5;
+  }
+
+  .\32xl\:focus\:ring-offset-green-100:focus {
+    --tw-ring-offset-color: #d1fae5;
+  }
+
+  .\32xl\:focus\:ring-offset-green-200:focus {
+    --tw-ring-offset-color: #a7f3d0;
+  }
+
+  .\32xl\:focus\:ring-offset-green-300:focus {
+    --tw-ring-offset-color: #6ee7b7;
+  }
+
+  .\32xl\:focus\:ring-offset-green-400:focus {
+    --tw-ring-offset-color: #34d399;
+  }
+
+  .\32xl\:focus\:ring-offset-green-500:focus {
+    --tw-ring-offset-color: #10b981;
+  }
+
+  .\32xl\:focus\:ring-offset-green-600:focus {
+    --tw-ring-offset-color: #059669;
+  }
+
+  .\32xl\:focus\:ring-offset-green-700:focus {
+    --tw-ring-offset-color: #047857;
+  }
+
+  .\32xl\:focus\:ring-offset-green-800:focus {
+    --tw-ring-offset-color: #065f46;
+  }
+
+  .\32xl\:focus\:ring-offset-green-900:focus {
+    --tw-ring-offset-color: #064e3b;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-50:focus {
+    --tw-ring-offset-color: #eff6ff;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-100:focus {
+    --tw-ring-offset-color: #dbeafe;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-200:focus {
+    --tw-ring-offset-color: #bfdbfe;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-300:focus {
+    --tw-ring-offset-color: #93c5fd;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-400:focus {
+    --tw-ring-offset-color: #60a5fa;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-500:focus {
+    --tw-ring-offset-color: #3b82f6;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-600:focus {
+    --tw-ring-offset-color: #2563eb;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-700:focus {
+    --tw-ring-offset-color: #1d4ed8;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-800:focus {
+    --tw-ring-offset-color: #1e40af;
+  }
+
+  .\32xl\:focus\:ring-offset-blue-900:focus {
+    --tw-ring-offset-color: #1e3a8a;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-50:focus {
+    --tw-ring-offset-color: #eef2ff;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-100:focus {
+    --tw-ring-offset-color: #e0e7ff;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-200:focus {
+    --tw-ring-offset-color: #c7d2fe;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-300:focus {
+    --tw-ring-offset-color: #a5b4fc;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-400:focus {
+    --tw-ring-offset-color: #818cf8;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-500:focus {
+    --tw-ring-offset-color: #6366f1;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-600:focus {
+    --tw-ring-offset-color: #4f46e5;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-700:focus {
+    --tw-ring-offset-color: #4338ca;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-800:focus {
+    --tw-ring-offset-color: #3730a3;
+  }
+
+  .\32xl\:focus\:ring-offset-indigo-900:focus {
+    --tw-ring-offset-color: #312e81;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-50:focus {
+    --tw-ring-offset-color: #f5f3ff;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-100:focus {
+    --tw-ring-offset-color: #ede9fe;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-200:focus {
+    --tw-ring-offset-color: #ddd6fe;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-300:focus {
+    --tw-ring-offset-color: #c4b5fd;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-400:focus {
+    --tw-ring-offset-color: #a78bfa;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-500:focus {
+    --tw-ring-offset-color: #8b5cf6;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-600:focus {
+    --tw-ring-offset-color: #7c3aed;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-700:focus {
+    --tw-ring-offset-color: #6d28d9;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-800:focus {
+    --tw-ring-offset-color: #5b21b6;
+  }
+
+  .\32xl\:focus\:ring-offset-purple-900:focus {
+    --tw-ring-offset-color: #4c1d95;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-50:focus {
+    --tw-ring-offset-color: #fdf2f8;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-100:focus {
+    --tw-ring-offset-color: #fce7f3;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-200:focus {
+    --tw-ring-offset-color: #fbcfe8;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-300:focus {
+    --tw-ring-offset-color: #f9a8d4;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-400:focus {
+    --tw-ring-offset-color: #f472b6;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-500:focus {
+    --tw-ring-offset-color: #ec4899;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-600:focus {
+    --tw-ring-offset-color: #db2777;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-700:focus {
+    --tw-ring-offset-color: #be185d;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-800:focus {
+    --tw-ring-offset-color: #9d174d;
+  }
+
+  .\32xl\:focus\:ring-offset-pink-900:focus {
+    --tw-ring-offset-color: #831843;
+  }
+
+  .\32xl\:ring-offset-0 {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .\32xl\:ring-offset-1 {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .\32xl\:ring-offset-2 {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .\32xl\:ring-offset-4 {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .\32xl\:ring-offset-8 {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .\32xl\:focus-within\:ring-offset-0:focus-within {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .\32xl\:focus-within\:ring-offset-1:focus-within {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .\32xl\:focus-within\:ring-offset-2:focus-within {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .\32xl\:focus-within\:ring-offset-4:focus-within {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .\32xl\:focus-within\:ring-offset-8:focus-within {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .\32xl\:focus\:ring-offset-0:focus {
+    --tw-ring-offset-width: 0px;
+  }
+
+  .\32xl\:focus\:ring-offset-1:focus {
+    --tw-ring-offset-width: 1px;
+  }
+
+  .\32xl\:focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+  }
+
+  .\32xl\:focus\:ring-offset-4:focus {
+    --tw-ring-offset-width: 4px;
+  }
+
+  .\32xl\:focus\:ring-offset-8:focus {
+    --tw-ring-offset-width: 8px;
+  }
+
+  .\32xl\:ring-transparent {
+    --tw-ring-color: transparent;
+  }
+
+  .\32xl\:ring-current {
+    --tw-ring-color: currentColor;
+  }
+
+  .\32xl\:ring-black {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-white {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-gray-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-red-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-yellow-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-green-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-blue-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-indigo-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-purple-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-100 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-200 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-300 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-400 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-500 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-600 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-700 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-800 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-pink-900 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-transparent:focus-within {
+    --tw-ring-color: transparent;
+  }
+
+  .\32xl\:focus-within\:ring-current:focus-within {
+    --tw-ring-color: currentColor;
+  }
+
+  .\32xl\:focus-within\:ring-black:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-white:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-gray-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-red-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-yellow-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-green-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-blue-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-indigo-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-purple-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-100:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-200:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-300:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-400:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-500:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-600:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-700:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-800:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-pink-900:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-transparent:focus {
+    --tw-ring-color: transparent;
+  }
+
+  .\32xl\:focus\:ring-current:focus {
+    --tw-ring-color: currentColor;
+  }
+
+  .\32xl\:focus\:ring-black:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-white:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 250, 251, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(243, 244, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(75, 85, 99, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 65, 81, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(31, 41, 55, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-gray-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 242, 242, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 226, 226, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 165, 165, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(220, 38, 38, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(185, 28, 28, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(153, 27, 27, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-red-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(127, 29, 29, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-yellow-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 253, 245, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(209, 250, 229, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(4, 120, 87, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 95, 70, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-green-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(6, 78, 59, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(239, 246, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(29, 78, 216, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 64, 175, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-blue-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(30, 58, 138, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(238, 242, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(224, 231, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(79, 70, 229, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(67, 56, 202, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(55, 48, 163, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-indigo-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(245, 243, 255, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(237, 233, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(221, 214, 254, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(196, 181, 253, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(167, 139, 250, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(139, 92, 246, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(109, 40, 217, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(91, 33, 182, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-purple-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(76, 29, 149, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(253, 242, 248, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-100:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(252, 231, 243, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-200:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(251, 207, 232, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-300:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-400:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 114, 182, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-500:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-600:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-700:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(190, 24, 93, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-800:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(157, 23, 77, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-pink-900:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-opacity-0 {
+    --tw-ring-opacity: 0;
+  }
+
+  .\32xl\:ring-opacity-5 {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .\32xl\:ring-opacity-10 {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .\32xl\:ring-opacity-20 {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .\32xl\:ring-opacity-25 {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .\32xl\:ring-opacity-30 {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .\32xl\:ring-opacity-40 {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .\32xl\:ring-opacity-50 {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .\32xl\:ring-opacity-60 {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .\32xl\:ring-opacity-70 {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .\32xl\:ring-opacity-75 {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .\32xl\:ring-opacity-80 {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .\32xl\:ring-opacity-90 {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .\32xl\:ring-opacity-95 {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .\32xl\:ring-opacity-100 {
+    --tw-ring-opacity: 1;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-0:focus-within {
+    --tw-ring-opacity: 0;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-5:focus-within {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-10:focus-within {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-20:focus-within {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-25:focus-within {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-30:focus-within {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-40:focus-within {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-50:focus-within {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-60:focus-within {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-70:focus-within {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-75:focus-within {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-80:focus-within {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-90:focus-within {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-95:focus-within {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .\32xl\:focus-within\:ring-opacity-100:focus-within {
+    --tw-ring-opacity: 1;
+  }
+
+  .\32xl\:focus\:ring-opacity-0:focus {
+    --tw-ring-opacity: 0;
+  }
+
+  .\32xl\:focus\:ring-opacity-5:focus {
+    --tw-ring-opacity: 0.05;
+  }
+
+  .\32xl\:focus\:ring-opacity-10:focus {
+    --tw-ring-opacity: 0.1;
+  }
+
+  .\32xl\:focus\:ring-opacity-20:focus {
+    --tw-ring-opacity: 0.2;
+  }
+
+  .\32xl\:focus\:ring-opacity-25:focus {
+    --tw-ring-opacity: 0.25;
+  }
+
+  .\32xl\:focus\:ring-opacity-30:focus {
+    --tw-ring-opacity: 0.3;
+  }
+
+  .\32xl\:focus\:ring-opacity-40:focus {
+    --tw-ring-opacity: 0.4;
+  }
+
+  .\32xl\:focus\:ring-opacity-50:focus {
+    --tw-ring-opacity: 0.5;
+  }
+
+  .\32xl\:focus\:ring-opacity-60:focus {
+    --tw-ring-opacity: 0.6;
+  }
+
+  .\32xl\:focus\:ring-opacity-70:focus {
+    --tw-ring-opacity: 0.7;
+  }
+
+  .\32xl\:focus\:ring-opacity-75:focus {
+    --tw-ring-opacity: 0.75;
+  }
+
+  .\32xl\:focus\:ring-opacity-80:focus {
+    --tw-ring-opacity: 0.8;
+  }
+
+  .\32xl\:focus\:ring-opacity-90:focus {
+    --tw-ring-opacity: 0.9;
+  }
+
+  .\32xl\:focus\:ring-opacity-95:focus {
+    --tw-ring-opacity: 0.95;
+  }
+
+  .\32xl\:focus\:ring-opacity-100:focus {
+    --tw-ring-opacity: 1;
+  }
+
+  .\32xl\:fill-current {
+    fill: currentColor;
+  }
+
+  .\32xl\:stroke-current {
+    stroke: currentColor;
+  }
+
+  .\32xl\:stroke-0 {
+    stroke-width: 0;
+  }
+
+  .\32xl\:stroke-1 {
+    stroke-width: 1;
+  }
+
+  .\32xl\:stroke-2 {
+    stroke-width: 2;
+  }
+
+  .\32xl\:table-auto {
+    table-layout: auto;
+  }
+
+  .\32xl\:table-fixed {
+    table-layout: fixed;
+  }
+
+  .\32xl\:text-left {
+    text-align: left;
+  }
+
+  .\32xl\:text-center {
+    text-align: center;
+  }
+
+  .\32xl\:text-right {
+    text-align: right;
+  }
+
+  .\32xl\:text-justify {
+    text-align: justify;
+  }
+
+  .\32xl\:text-transparent {
+    color: transparent;
+  }
+
+  .\32xl\:text-current {
+    color: currentColor;
+  }
+
+  .\32xl\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-transparent {
+    color: transparent;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-current {
+    color: currentColor;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-black {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-white {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-100 {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-200 {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-300 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-500 {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-600 {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-700 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-800 {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-gray-900 {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-50 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-200 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-700 {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-800 {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-red-900 {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-50 {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-100 {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-200 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-300 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-400 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-500 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-600 {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-800 {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-yellow-900 {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-50 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-200 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-300 {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-500 {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-600 {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-700 {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-800 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-green-900 {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-50 {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-100 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-300 {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-400 {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-700 {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-800 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-blue-900 {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-50 {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-100 {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-200 {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-300 {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-400 {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-500 {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-600 {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-700 {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-800 {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-indigo-900 {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-50 {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-100 {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-200 {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-300 {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-400 {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-500 {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-600 {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-700 {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-800 {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-purple-900 {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-50 {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-100 {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-200 {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-300 {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-400 {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-500 {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-600 {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-700 {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-800 {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-pink-900 {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-transparent:focus-within {
+    color: transparent;
+  }
+
+  .\32xl\:focus-within\:text-current:focus-within {
+    color: currentColor;
+  }
+
+  .\32xl\:focus-within\:text-black:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-white:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-gray-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-red-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-yellow-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-green-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-blue-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-indigo-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-purple-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-100:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-200:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-300:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-400:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-500:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-600:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-700:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-800:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-pink-900:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .\32xl\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .\32xl\:hover\:text-black:hover {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-white:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-gray-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-red-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-yellow-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-green-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-blue-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-indigo-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-purple-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-100:hover {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-200:hover {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-300:hover {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-400:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-500:hover {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-600:hover {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-700:hover {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-800:hover {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-pink-900:hover {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .\32xl\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
+  .\32xl\:focus\:text-black:focus {
+    --tw-text-opacity: 1;
+    color: rgba(0, 0, 0, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-white:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 250, 251, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(243, 244, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(229, 231, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 213, 219, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(156, 163, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(107, 114, 128, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(75, 85, 99, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 65, 81, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(31, 41, 55, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-gray-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(17, 24, 39, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 242, 242, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 226, 226, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 202, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 165, 165, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(248, 113, 113, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 68, 68, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(220, 38, 38, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(185, 28, 28, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(153, 27, 27, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-red-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(127, 29, 29, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(255, 251, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(254, 243, 199, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 230, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 211, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 191, 36, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 158, 11, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(217, 119, 6, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(180, 83, 9, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(146, 64, 14, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-yellow-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(120, 53, 15, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 253, 245, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(209, 250, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 243, 208, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(110, 231, 183, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(52, 211, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(16, 185, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(5, 150, 105, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(4, 120, 87, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 95, 70, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-green-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(6, 78, 59, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(239, 246, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 234, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(191, 219, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(147, 197, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(96, 165, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(59, 130, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(37, 99, 235, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(29, 78, 216, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 64, 175, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-blue-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(30, 58, 138, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(238, 242, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(224, 231, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(199, 210, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(165, 180, 252, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(129, 140, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(99, 102, 241, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(79, 70, 229, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(67, 56, 202, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(55, 48, 163, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-indigo-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(49, 46, 129, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(245, 243, 255, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(237, 233, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(221, 214, 254, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(196, 181, 253, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(167, 139, 250, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(139, 92, 246, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(124, 58, 237, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(109, 40, 217, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(91, 33, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-purple-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(76, 29, 149, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(253, 242, 248, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-100:focus {
+    --tw-text-opacity: 1;
+    color: rgba(252, 231, 243, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-200:focus {
+    --tw-text-opacity: 1;
+    color: rgba(251, 207, 232, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-300:focus {
+    --tw-text-opacity: 1;
+    color: rgba(249, 168, 212, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-400:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 114, 182, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-500:focus {
+    --tw-text-opacity: 1;
+    color: rgba(236, 72, 153, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-600:focus {
+    --tw-text-opacity: 1;
+    color: rgba(219, 39, 119, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-700:focus {
+    --tw-text-opacity: 1;
+    color: rgba(190, 24, 93, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-800:focus {
+    --tw-text-opacity: 1;
+    color: rgba(157, 23, 77, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-pink-900:focus {
+    --tw-text-opacity: 1;
+    color: rgba(131, 24, 67, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .\32xl\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .\32xl\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .\32xl\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .\32xl\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .\32xl\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .\32xl\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .\32xl\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .\32xl\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .\32xl\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .\32xl\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .\32xl\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .\32xl\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .\32xl\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .\32xl\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-0 {
+    --tw-text-opacity: 0;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-5 {
+    --tw-text-opacity: 0.05;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-10 {
+    --tw-text-opacity: 0.1;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-20 {
+    --tw-text-opacity: 0.2;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-25 {
+    --tw-text-opacity: 0.25;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-30 {
+    --tw-text-opacity: 0.3;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-40 {
+    --tw-text-opacity: 0.4;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-50 {
+    --tw-text-opacity: 0.5;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-60 {
+    --tw-text-opacity: 0.6;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-70 {
+    --tw-text-opacity: 0.7;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-75 {
+    --tw-text-opacity: 0.75;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-80 {
+    --tw-text-opacity: 0.8;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-90 {
+    --tw-text-opacity: 0.9;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-95 {
+    --tw-text-opacity: 0.95;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-opacity-100 {
+    --tw-text-opacity: 1;
+  }
+
+  .\32xl\:focus-within\:text-opacity-0:focus-within {
+    --tw-text-opacity: 0;
+  }
+
+  .\32xl\:focus-within\:text-opacity-5:focus-within {
+    --tw-text-opacity: 0.05;
+  }
+
+  .\32xl\:focus-within\:text-opacity-10:focus-within {
+    --tw-text-opacity: 0.1;
+  }
+
+  .\32xl\:focus-within\:text-opacity-20:focus-within {
+    --tw-text-opacity: 0.2;
+  }
+
+  .\32xl\:focus-within\:text-opacity-25:focus-within {
+    --tw-text-opacity: 0.25;
+  }
+
+  .\32xl\:focus-within\:text-opacity-30:focus-within {
+    --tw-text-opacity: 0.3;
+  }
+
+  .\32xl\:focus-within\:text-opacity-40:focus-within {
+    --tw-text-opacity: 0.4;
+  }
+
+  .\32xl\:focus-within\:text-opacity-50:focus-within {
+    --tw-text-opacity: 0.5;
+  }
+
+  .\32xl\:focus-within\:text-opacity-60:focus-within {
+    --tw-text-opacity: 0.6;
+  }
+
+  .\32xl\:focus-within\:text-opacity-70:focus-within {
+    --tw-text-opacity: 0.7;
+  }
+
+  .\32xl\:focus-within\:text-opacity-75:focus-within {
+    --tw-text-opacity: 0.75;
+  }
+
+  .\32xl\:focus-within\:text-opacity-80:focus-within {
+    --tw-text-opacity: 0.8;
+  }
+
+  .\32xl\:focus-within\:text-opacity-90:focus-within {
+    --tw-text-opacity: 0.9;
+  }
+
+  .\32xl\:focus-within\:text-opacity-95:focus-within {
+    --tw-text-opacity: 0.95;
+  }
+
+  .\32xl\:focus-within\:text-opacity-100:focus-within {
+    --tw-text-opacity: 1;
+  }
+
+  .\32xl\:hover\:text-opacity-0:hover {
+    --tw-text-opacity: 0;
+  }
+
+  .\32xl\:hover\:text-opacity-5:hover {
+    --tw-text-opacity: 0.05;
+  }
+
+  .\32xl\:hover\:text-opacity-10:hover {
+    --tw-text-opacity: 0.1;
+  }
+
+  .\32xl\:hover\:text-opacity-20:hover {
+    --tw-text-opacity: 0.2;
+  }
+
+  .\32xl\:hover\:text-opacity-25:hover {
+    --tw-text-opacity: 0.25;
+  }
+
+  .\32xl\:hover\:text-opacity-30:hover {
+    --tw-text-opacity: 0.3;
+  }
+
+  .\32xl\:hover\:text-opacity-40:hover {
+    --tw-text-opacity: 0.4;
+  }
+
+  .\32xl\:hover\:text-opacity-50:hover {
+    --tw-text-opacity: 0.5;
+  }
+
+  .\32xl\:hover\:text-opacity-60:hover {
+    --tw-text-opacity: 0.6;
+  }
+
+  .\32xl\:hover\:text-opacity-70:hover {
+    --tw-text-opacity: 0.7;
+  }
+
+  .\32xl\:hover\:text-opacity-75:hover {
+    --tw-text-opacity: 0.75;
+  }
+
+  .\32xl\:hover\:text-opacity-80:hover {
+    --tw-text-opacity: 0.8;
+  }
+
+  .\32xl\:hover\:text-opacity-90:hover {
+    --tw-text-opacity: 0.9;
+  }
+
+  .\32xl\:hover\:text-opacity-95:hover {
+    --tw-text-opacity: 0.95;
+  }
+
+  .\32xl\:hover\:text-opacity-100:hover {
+    --tw-text-opacity: 1;
+  }
+
+  .\32xl\:focus\:text-opacity-0:focus {
+    --tw-text-opacity: 0;
+  }
+
+  .\32xl\:focus\:text-opacity-5:focus {
+    --tw-text-opacity: 0.05;
+  }
+
+  .\32xl\:focus\:text-opacity-10:focus {
+    --tw-text-opacity: 0.1;
+  }
+
+  .\32xl\:focus\:text-opacity-20:focus {
+    --tw-text-opacity: 0.2;
+  }
+
+  .\32xl\:focus\:text-opacity-25:focus {
+    --tw-text-opacity: 0.25;
+  }
+
+  .\32xl\:focus\:text-opacity-30:focus {
+    --tw-text-opacity: 0.3;
+  }
+
+  .\32xl\:focus\:text-opacity-40:focus {
+    --tw-text-opacity: 0.4;
+  }
+
+  .\32xl\:focus\:text-opacity-50:focus {
+    --tw-text-opacity: 0.5;
+  }
+
+  .\32xl\:focus\:text-opacity-60:focus {
+    --tw-text-opacity: 0.6;
+  }
+
+  .\32xl\:focus\:text-opacity-70:focus {
+    --tw-text-opacity: 0.7;
+  }
+
+  .\32xl\:focus\:text-opacity-75:focus {
+    --tw-text-opacity: 0.75;
+  }
+
+  .\32xl\:focus\:text-opacity-80:focus {
+    --tw-text-opacity: 0.8;
+  }
+
+  .\32xl\:focus\:text-opacity-90:focus {
+    --tw-text-opacity: 0.9;
+  }
+
+  .\32xl\:focus\:text-opacity-95:focus {
+    --tw-text-opacity: 0.95;
+  }
+
+  .\32xl\:focus\:text-opacity-100:focus {
+    --tw-text-opacity: 1;
+  }
+
+  .\32xl\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .\32xl\:overflow-ellipsis {
+    text-overflow: ellipsis;
+  }
+
+  .\32xl\:overflow-clip {
+    text-overflow: clip;
+  }
+
+  .\32xl\:italic {
+    font-style: italic;
+  }
+
+  .\32xl\:not-italic {
+    font-style: normal;
+  }
+
+  .\32xl\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .\32xl\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .\32xl\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .\32xl\:normal-case {
+    text-transform: none;
+  }
+
+  .\32xl\:underline {
+    text-decoration: underline;
+  }
+
+  .\32xl\:line-through {
+    text-decoration: line-through;
+  }
+
+  .\32xl\:no-underline {
+    text-decoration: none;
+  }
+
+  .group:hover .\32xl\:group-hover\:underline {
+    text-decoration: underline;
+  }
+
+  .group:hover .\32xl\:group-hover\:line-through {
+    text-decoration: line-through;
+  }
+
+  .group:hover .\32xl\:group-hover\:no-underline {
+    text-decoration: none;
+  }
+
+  .\32xl\:focus-within\:underline:focus-within {
+    text-decoration: underline;
+  }
+
+  .\32xl\:focus-within\:line-through:focus-within {
+    text-decoration: line-through;
+  }
+
+  .\32xl\:focus-within\:no-underline:focus-within {
+    text-decoration: none;
+  }
+
+  .\32xl\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .\32xl\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .\32xl\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .\32xl\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .\32xl\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .\32xl\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .\32xl\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .\32xl\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .\32xl\:ordinal, .\32xl\:slashed-zero, .\32xl\:lining-nums, .\32xl\:oldstyle-nums, .\32xl\:proportional-nums, .\32xl\:tabular-nums, .\32xl\:diagonal-fractions, .\32xl\:stacked-fractions {
+    --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
+    --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
+    --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+  }
+
+  .\32xl\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .\32xl\:ordinal {
+    --tw-ordinal: ordinal;
+  }
+
+  .\32xl\:slashed-zero {
+    --tw-slashed-zero: slashed-zero;
+  }
+
+  .\32xl\:lining-nums {
+    --tw-numeric-figure: lining-nums;
+  }
+
+  .\32xl\:oldstyle-nums {
+    --tw-numeric-figure: oldstyle-nums;
+  }
+
+  .\32xl\:proportional-nums {
+    --tw-numeric-spacing: proportional-nums;
+  }
+
+  .\32xl\:tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+  }
+
+  .\32xl\:diagonal-fractions {
+    --tw-numeric-fraction: diagonal-fractions;
+  }
+
+  .\32xl\:stacked-fractions {
+    --tw-numeric-fraction: stacked-fractions;
+  }
+
+  .\32xl\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .\32xl\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .\32xl\:tracking-normal {
+    letter-spacing: 0em;
+  }
+
+  .\32xl\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .\32xl\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .\32xl\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .\32xl\:select-none {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+
+  .\32xl\:select-text {
+    -webkit-user-select: text;
+            user-select: text;
+  }
+
+  .\32xl\:select-all {
+    -webkit-user-select: all;
+            user-select: all;
+  }
+
+  .\32xl\:select-auto {
+    -webkit-user-select: auto;
+            user-select: auto;
+  }
+
+  .\32xl\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .\32xl\:align-top {
+    vertical-align: top;
+  }
+
+  .\32xl\:align-middle {
+    vertical-align: middle;
+  }
+
+  .\32xl\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .\32xl\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .\32xl\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .\32xl\:visible {
+    visibility: visible;
+  }
+
+  .\32xl\:invisible {
+    visibility: hidden;
+  }
+
+  .\32xl\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .\32xl\:whitespace-nowrap {
+    white-space: nowrap;
+  }
+
+  .\32xl\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .\32xl\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .\32xl\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .\32xl\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .\32xl\:break-words {
+    overflow-wrap: break-word;
+  }
+
+  .\32xl\:break-all {
+    word-break: break-all;
+  }
+
+  .\32xl\:w-0 {
+    width: 0px;
+  }
+
+  .\32xl\:w-1 {
+    width: 0.25rem;
+  }
+
+  .\32xl\:w-2 {
+    width: 0.5rem;
+  }
+
+  .\32xl\:w-3 {
+    width: 0.75rem;
+  }
+
+  .\32xl\:w-4 {
+    width: 1rem;
+  }
+
+  .\32xl\:w-5 {
+    width: 1.25rem;
+  }
+
+  .\32xl\:w-6 {
+    width: 1.5rem;
+  }
+
+  .\32xl\:w-7 {
+    width: 1.75rem;
+  }
+
+  .\32xl\:w-8 {
+    width: 2rem;
+  }
+
+  .\32xl\:w-9 {
+    width: 2.25rem;
+  }
+
+  .\32xl\:w-10 {
+    width: 2.5rem;
+  }
+
+  .\32xl\:w-11 {
+    width: 2.75rem;
+  }
+
+  .\32xl\:w-12 {
+    width: 3rem;
+  }
+
+  .\32xl\:w-14 {
+    width: 3.5rem;
+  }
+
+  .\32xl\:w-16 {
+    width: 4rem;
+  }
+
+  .\32xl\:w-20 {
+    width: 5rem;
+  }
+
+  .\32xl\:w-24 {
+    width: 6rem;
+  }
+
+  .\32xl\:w-28 {
+    width: 7rem;
+  }
+
+  .\32xl\:w-32 {
+    width: 8rem;
+  }
+
+  .\32xl\:w-36 {
+    width: 9rem;
+  }
+
+  .\32xl\:w-40 {
+    width: 10rem;
+  }
+
+  .\32xl\:w-44 {
+    width: 11rem;
+  }
+
+  .\32xl\:w-48 {
+    width: 12rem;
+  }
+
+  .\32xl\:w-52 {
+    width: 13rem;
+  }
+
+  .\32xl\:w-56 {
+    width: 14rem;
+  }
+
+  .\32xl\:w-60 {
+    width: 15rem;
+  }
+
+  .\32xl\:w-64 {
+    width: 16rem;
+  }
+
+  .\32xl\:w-72 {
+    width: 18rem;
+  }
+
+  .\32xl\:w-80 {
+    width: 20rem;
+  }
+
+  .\32xl\:w-96 {
+    width: 24rem;
+  }
+
+  .\32xl\:w-auto {
+    width: auto;
+  }
+
+  .\32xl\:w-px {
+    width: 1px;
+  }
+
+  .\32xl\:w-0\.5 {
+    width: 0.125rem;
+  }
+
+  .\32xl\:w-1\.5 {
+    width: 0.375rem;
+  }
+
+  .\32xl\:w-2\.5 {
+    width: 0.625rem;
+  }
+
+  .\32xl\:w-3\.5 {
+    width: 0.875rem;
+  }
+
+  .\32xl\:w-1\/2 {
+    width: 50%;
+  }
+
+  .\32xl\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .\32xl\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .\32xl\:w-1\/4 {
+    width: 25%;
+  }
+
+  .\32xl\:w-2\/4 {
+    width: 50%;
+  }
+
+  .\32xl\:w-3\/4 {
+    width: 75%;
+  }
+
+  .\32xl\:w-1\/5 {
+    width: 20%;
+  }
+
+  .\32xl\:w-2\/5 {
+    width: 40%;
+  }
+
+  .\32xl\:w-3\/5 {
+    width: 60%;
+  }
+
+  .\32xl\:w-4\/5 {
+    width: 80%;
+  }
+
+  .\32xl\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .\32xl\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .\32xl\:w-3\/6 {
+    width: 50%;
+  }
+
+  .\32xl\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .\32xl\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .\32xl\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .\32xl\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .\32xl\:w-3\/12 {
+    width: 25%;
+  }
+
+  .\32xl\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .\32xl\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .\32xl\:w-6\/12 {
+    width: 50%;
+  }
+
+  .\32xl\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .\32xl\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .\32xl\:w-9\/12 {
+    width: 75%;
+  }
+
+  .\32xl\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .\32xl\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .\32xl\:w-full {
+    width: 100%;
+  }
+
+  .\32xl\:w-screen {
+    width: 100vw;
+  }
+
+  .\32xl\:w-min {
+    width: -webkit-min-content;
+    width: min-content;
+  }
+
+  .\32xl\:w-max {
+    width: -webkit-max-content;
+    width: max-content;
+  }
+
+  .\32xl\:z-0 {
+    z-index: 0;
+  }
+
+  .\32xl\:z-10 {
+    z-index: 10;
+  }
+
+  .\32xl\:z-20 {
+    z-index: 20;
+  }
+
+  .\32xl\:z-30 {
+    z-index: 30;
+  }
+
+  .\32xl\:z-40 {
+    z-index: 40;
+  }
+
+  .\32xl\:z-50 {
+    z-index: 50;
+  }
+
+  .\32xl\:z-auto {
+    z-index: auto;
+  }
+
+  .\32xl\:focus-within\:z-0:focus-within {
+    z-index: 0;
+  }
+
+  .\32xl\:focus-within\:z-10:focus-within {
+    z-index: 10;
+  }
+
+  .\32xl\:focus-within\:z-20:focus-within {
+    z-index: 20;
+  }
+
+  .\32xl\:focus-within\:z-30:focus-within {
+    z-index: 30;
+  }
+
+  .\32xl\:focus-within\:z-40:focus-within {
+    z-index: 40;
+  }
+
+  .\32xl\:focus-within\:z-50:focus-within {
+    z-index: 50;
+  }
+
+  .\32xl\:focus-within\:z-auto:focus-within {
+    z-index: auto;
+  }
+
+  .\32xl\:focus\:z-0:focus {
+    z-index: 0;
+  }
+
+  .\32xl\:focus\:z-10:focus {
+    z-index: 10;
+  }
+
+  .\32xl\:focus\:z-20:focus {
+    z-index: 20;
+  }
+
+  .\32xl\:focus\:z-30:focus {
+    z-index: 30;
+  }
+
+  .\32xl\:focus\:z-40:focus {
+    z-index: 40;
+  }
+
+  .\32xl\:focus\:z-50:focus {
+    z-index: 50;
+  }
+
+  .\32xl\:focus\:z-auto:focus {
+    z-index: auto;
+  }
+
+  .\32xl\:gap-0 {
+    gap: 0px;
+  }
+
+  .\32xl\:gap-1 {
+    gap: 0.25rem;
+  }
+
+  .\32xl\:gap-2 {
+    gap: 0.5rem;
+  }
+
+  .\32xl\:gap-3 {
+    gap: 0.75rem;
+  }
+
+  .\32xl\:gap-4 {
+    gap: 1rem;
+  }
+
+  .\32xl\:gap-5 {
+    gap: 1.25rem;
+  }
+
+  .\32xl\:gap-6 {
+    gap: 1.5rem;
+  }
+
+  .\32xl\:gap-7 {
+    gap: 1.75rem;
+  }
+
+  .\32xl\:gap-8 {
+    gap: 2rem;
+  }
+
+  .\32xl\:gap-9 {
+    gap: 2.25rem;
+  }
+
+  .\32xl\:gap-10 {
+    gap: 2.5rem;
+  }
+
+  .\32xl\:gap-11 {
+    gap: 2.75rem;
+  }
+
+  .\32xl\:gap-12 {
+    gap: 3rem;
+  }
+
+  .\32xl\:gap-14 {
+    gap: 3.5rem;
+  }
+
+  .\32xl\:gap-16 {
+    gap: 4rem;
+  }
+
+  .\32xl\:gap-20 {
+    gap: 5rem;
+  }
+
+  .\32xl\:gap-24 {
+    gap: 6rem;
+  }
+
+  .\32xl\:gap-28 {
+    gap: 7rem;
+  }
+
+  .\32xl\:gap-32 {
+    gap: 8rem;
+  }
+
+  .\32xl\:gap-36 {
+    gap: 9rem;
+  }
+
+  .\32xl\:gap-40 {
+    gap: 10rem;
+  }
+
+  .\32xl\:gap-44 {
+    gap: 11rem;
+  }
+
+  .\32xl\:gap-48 {
+    gap: 12rem;
+  }
+
+  .\32xl\:gap-52 {
+    gap: 13rem;
+  }
+
+  .\32xl\:gap-56 {
+    gap: 14rem;
+  }
+
+  .\32xl\:gap-60 {
+    gap: 15rem;
+  }
+
+  .\32xl\:gap-64 {
+    gap: 16rem;
+  }
+
+  .\32xl\:gap-72 {
+    gap: 18rem;
+  }
+
+  .\32xl\:gap-80 {
+    gap: 20rem;
+  }
+
+  .\32xl\:gap-96 {
+    gap: 24rem;
+  }
+
+  .\32xl\:gap-px {
+    gap: 1px;
+  }
+
+  .\32xl\:gap-0\.5 {
+    gap: 0.125rem;
+  }
+
+  .\32xl\:gap-1\.5 {
+    gap: 0.375rem;
+  }
+
+  .\32xl\:gap-2\.5 {
+    gap: 0.625rem;
+  }
+
+  .\32xl\:gap-3\.5 {
+    gap: 0.875rem;
+  }
+
+  .\32xl\:gap-x-0 {
+    column-gap: 0px;
+  }
+
+  .\32xl\:gap-x-1 {
+    column-gap: 0.25rem;
+  }
+
+  .\32xl\:gap-x-2 {
+    column-gap: 0.5rem;
+  }
+
+  .\32xl\:gap-x-3 {
+    column-gap: 0.75rem;
+  }
+
+  .\32xl\:gap-x-4 {
+    column-gap: 1rem;
+  }
+
+  .\32xl\:gap-x-5 {
+    column-gap: 1.25rem;
+  }
+
+  .\32xl\:gap-x-6 {
+    column-gap: 1.5rem;
+  }
+
+  .\32xl\:gap-x-7 {
+    column-gap: 1.75rem;
+  }
+
+  .\32xl\:gap-x-8 {
+    column-gap: 2rem;
+  }
+
+  .\32xl\:gap-x-9 {
+    column-gap: 2.25rem;
+  }
+
+  .\32xl\:gap-x-10 {
+    column-gap: 2.5rem;
+  }
+
+  .\32xl\:gap-x-11 {
+    column-gap: 2.75rem;
+  }
+
+  .\32xl\:gap-x-12 {
+    column-gap: 3rem;
+  }
+
+  .\32xl\:gap-x-14 {
+    column-gap: 3.5rem;
+  }
+
+  .\32xl\:gap-x-16 {
+    column-gap: 4rem;
+  }
+
+  .\32xl\:gap-x-20 {
+    column-gap: 5rem;
+  }
+
+  .\32xl\:gap-x-24 {
+    column-gap: 6rem;
+  }
+
+  .\32xl\:gap-x-28 {
+    column-gap: 7rem;
+  }
+
+  .\32xl\:gap-x-32 {
+    column-gap: 8rem;
+  }
+
+  .\32xl\:gap-x-36 {
+    column-gap: 9rem;
+  }
+
+  .\32xl\:gap-x-40 {
+    column-gap: 10rem;
+  }
+
+  .\32xl\:gap-x-44 {
+    column-gap: 11rem;
+  }
+
+  .\32xl\:gap-x-48 {
+    column-gap: 12rem;
+  }
+
+  .\32xl\:gap-x-52 {
+    column-gap: 13rem;
+  }
+
+  .\32xl\:gap-x-56 {
+    column-gap: 14rem;
+  }
+
+  .\32xl\:gap-x-60 {
+    column-gap: 15rem;
+  }
+
+  .\32xl\:gap-x-64 {
+    column-gap: 16rem;
+  }
+
+  .\32xl\:gap-x-72 {
+    column-gap: 18rem;
+  }
+
+  .\32xl\:gap-x-80 {
+    column-gap: 20rem;
+  }
+
+  .\32xl\:gap-x-96 {
+    column-gap: 24rem;
+  }
+
+  .\32xl\:gap-x-px {
+    column-gap: 1px;
+  }
+
+  .\32xl\:gap-x-0\.5 {
+    column-gap: 0.125rem;
+  }
+
+  .\32xl\:gap-x-1\.5 {
+    column-gap: 0.375rem;
+  }
+
+  .\32xl\:gap-x-2\.5 {
+    column-gap: 0.625rem;
+  }
+
+  .\32xl\:gap-x-3\.5 {
+    column-gap: 0.875rem;
+  }
+
+  .\32xl\:gap-y-0 {
+    row-gap: 0px;
+  }
+
+  .\32xl\:gap-y-1 {
+    row-gap: 0.25rem;
+  }
+
+  .\32xl\:gap-y-2 {
+    row-gap: 0.5rem;
+  }
+
+  .\32xl\:gap-y-3 {
+    row-gap: 0.75rem;
+  }
+
+  .\32xl\:gap-y-4 {
+    row-gap: 1rem;
+  }
+
+  .\32xl\:gap-y-5 {
+    row-gap: 1.25rem;
+  }
+
+  .\32xl\:gap-y-6 {
+    row-gap: 1.5rem;
+  }
+
+  .\32xl\:gap-y-7 {
+    row-gap: 1.75rem;
+  }
+
+  .\32xl\:gap-y-8 {
+    row-gap: 2rem;
+  }
+
+  .\32xl\:gap-y-9 {
+    row-gap: 2.25rem;
+  }
+
+  .\32xl\:gap-y-10 {
+    row-gap: 2.5rem;
+  }
+
+  .\32xl\:gap-y-11 {
+    row-gap: 2.75rem;
+  }
+
+  .\32xl\:gap-y-12 {
+    row-gap: 3rem;
+  }
+
+  .\32xl\:gap-y-14 {
+    row-gap: 3.5rem;
+  }
+
+  .\32xl\:gap-y-16 {
+    row-gap: 4rem;
+  }
+
+  .\32xl\:gap-y-20 {
+    row-gap: 5rem;
+  }
+
+  .\32xl\:gap-y-24 {
+    row-gap: 6rem;
+  }
+
+  .\32xl\:gap-y-28 {
+    row-gap: 7rem;
+  }
+
+  .\32xl\:gap-y-32 {
+    row-gap: 8rem;
+  }
+
+  .\32xl\:gap-y-36 {
+    row-gap: 9rem;
+  }
+
+  .\32xl\:gap-y-40 {
+    row-gap: 10rem;
+  }
+
+  .\32xl\:gap-y-44 {
+    row-gap: 11rem;
+  }
+
+  .\32xl\:gap-y-48 {
+    row-gap: 12rem;
+  }
+
+  .\32xl\:gap-y-52 {
+    row-gap: 13rem;
+  }
+
+  .\32xl\:gap-y-56 {
+    row-gap: 14rem;
+  }
+
+  .\32xl\:gap-y-60 {
+    row-gap: 15rem;
+  }
+
+  .\32xl\:gap-y-64 {
+    row-gap: 16rem;
+  }
+
+  .\32xl\:gap-y-72 {
+    row-gap: 18rem;
+  }
+
+  .\32xl\:gap-y-80 {
+    row-gap: 20rem;
+  }
+
+  .\32xl\:gap-y-96 {
+    row-gap: 24rem;
+  }
+
+  .\32xl\:gap-y-px {
+    row-gap: 1px;
+  }
+
+  .\32xl\:gap-y-0\.5 {
+    row-gap: 0.125rem;
+  }
+
+  .\32xl\:gap-y-1\.5 {
+    row-gap: 0.375rem;
+  }
+
+  .\32xl\:gap-y-2\.5 {
+    row-gap: 0.625rem;
+  }
+
+  .\32xl\:gap-y-3\.5 {
+    row-gap: 0.875rem;
+  }
+
+  .\32xl\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .\32xl\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .\32xl\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .\32xl\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .\32xl\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .\32xl\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .\32xl\:auto-cols-min {
+    grid-auto-columns: -webkit-min-content;
+    grid-auto-columns: min-content;
+  }
+
+  .\32xl\:auto-cols-max {
+    grid-auto-columns: -webkit-max-content;
+    grid-auto-columns: max-content;
+  }
+
+  .\32xl\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .\32xl\:col-auto {
+    grid-column: auto;
+  }
+
+  .\32xl\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .\32xl\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .\32xl\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .\32xl\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .\32xl\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .\32xl\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .\32xl\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .\32xl\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .\32xl\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .\32xl\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .\32xl\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .\32xl\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .\32xl\:col-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .\32xl\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .\32xl\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .\32xl\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .\32xl\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .\32xl\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .\32xl\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .\32xl\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .\32xl\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .\32xl\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .\32xl\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .\32xl\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .\32xl\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .\32xl\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .\32xl\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .\32xl\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .\32xl\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .\32xl\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .\32xl\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .\32xl\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .\32xl\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .\32xl\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .\32xl\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .\32xl\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .\32xl\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .\32xl\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .\32xl\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .\32xl\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .\32xl\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .\32xl\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .\32xl\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .\32xl\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .\32xl\:auto-rows-min {
+    grid-auto-rows: -webkit-min-content;
+    grid-auto-rows: min-content;
+  }
+
+  .\32xl\:auto-rows-max {
+    grid-auto-rows: -webkit-max-content;
+    grid-auto-rows: max-content;
+  }
+
+  .\32xl\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .\32xl\:row-auto {
+    grid-row: auto;
+  }
+
+  .\32xl\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .\32xl\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .\32xl\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .\32xl\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .\32xl\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .\32xl\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .\32xl\:row-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .\32xl\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .\32xl\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .\32xl\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .\32xl\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .\32xl\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .\32xl\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .\32xl\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .\32xl\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .\32xl\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .\32xl\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .\32xl\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .\32xl\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .\32xl\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .\32xl\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .\32xl\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .\32xl\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .\32xl\:transform {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .\32xl\:transform-gpu {
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .\32xl\:transform-none {
+    transform: none;
+  }
+
+  .\32xl\:origin-center {
+    transform-origin: center;
+  }
+
+  .\32xl\:origin-top {
+    transform-origin: top;
+  }
+
+  .\32xl\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .\32xl\:origin-right {
+    transform-origin: right;
+  }
+
+  .\32xl\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .\32xl\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .\32xl\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .\32xl\:origin-left {
+    transform-origin: left;
+  }
+
+  .\32xl\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .\32xl\:scale-0 {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .\32xl\:scale-50 {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .\32xl\:scale-75 {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .\32xl\:scale-90 {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .\32xl\:scale-95 {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .\32xl\:scale-100 {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .\32xl\:scale-105 {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .\32xl\:scale-110 {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .\32xl\:scale-125 {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .\32xl\:scale-150 {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .\32xl\:scale-x-0 {
+    --tw-scale-x: 0;
+  }
+
+  .\32xl\:scale-x-50 {
+    --tw-scale-x: .5;
+  }
+
+  .\32xl\:scale-x-75 {
+    --tw-scale-x: .75;
+  }
+
+  .\32xl\:scale-x-90 {
+    --tw-scale-x: .9;
+  }
+
+  .\32xl\:scale-x-95 {
+    --tw-scale-x: .95;
+  }
+
+  .\32xl\:scale-x-100 {
+    --tw-scale-x: 1;
+  }
+
+  .\32xl\:scale-x-105 {
+    --tw-scale-x: 1.05;
+  }
+
+  .\32xl\:scale-x-110 {
+    --tw-scale-x: 1.1;
+  }
+
+  .\32xl\:scale-x-125 {
+    --tw-scale-x: 1.25;
+  }
+
+  .\32xl\:scale-x-150 {
+    --tw-scale-x: 1.5;
+  }
+
+  .\32xl\:scale-y-0 {
+    --tw-scale-y: 0;
+  }
+
+  .\32xl\:scale-y-50 {
+    --tw-scale-y: .5;
+  }
+
+  .\32xl\:scale-y-75 {
+    --tw-scale-y: .75;
+  }
+
+  .\32xl\:scale-y-90 {
+    --tw-scale-y: .9;
+  }
+
+  .\32xl\:scale-y-95 {
+    --tw-scale-y: .95;
+  }
+
+  .\32xl\:scale-y-100 {
+    --tw-scale-y: 1;
+  }
+
+  .\32xl\:scale-y-105 {
+    --tw-scale-y: 1.05;
+  }
+
+  .\32xl\:scale-y-110 {
+    --tw-scale-y: 1.1;
+  }
+
+  .\32xl\:scale-y-125 {
+    --tw-scale-y: 1.25;
+  }
+
+  .\32xl\:scale-y-150 {
+    --tw-scale-y: 1.5;
+  }
+
+  .\32xl\:hover\:scale-0:hover {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .\32xl\:hover\:scale-50:hover {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .\32xl\:hover\:scale-75:hover {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .\32xl\:hover\:scale-90:hover {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .\32xl\:hover\:scale-95:hover {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .\32xl\:hover\:scale-100:hover {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .\32xl\:hover\:scale-105:hover {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .\32xl\:hover\:scale-110:hover {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .\32xl\:hover\:scale-125:hover {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .\32xl\:hover\:scale-150:hover {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .\32xl\:hover\:scale-x-0:hover {
+    --tw-scale-x: 0;
+  }
+
+  .\32xl\:hover\:scale-x-50:hover {
+    --tw-scale-x: .5;
+  }
+
+  .\32xl\:hover\:scale-x-75:hover {
+    --tw-scale-x: .75;
+  }
+
+  .\32xl\:hover\:scale-x-90:hover {
+    --tw-scale-x: .9;
+  }
+
+  .\32xl\:hover\:scale-x-95:hover {
+    --tw-scale-x: .95;
+  }
+
+  .\32xl\:hover\:scale-x-100:hover {
+    --tw-scale-x: 1;
+  }
+
+  .\32xl\:hover\:scale-x-105:hover {
+    --tw-scale-x: 1.05;
+  }
+
+  .\32xl\:hover\:scale-x-110:hover {
+    --tw-scale-x: 1.1;
+  }
+
+  .\32xl\:hover\:scale-x-125:hover {
+    --tw-scale-x: 1.25;
+  }
+
+  .\32xl\:hover\:scale-x-150:hover {
+    --tw-scale-x: 1.5;
+  }
+
+  .\32xl\:hover\:scale-y-0:hover {
+    --tw-scale-y: 0;
+  }
+
+  .\32xl\:hover\:scale-y-50:hover {
+    --tw-scale-y: .5;
+  }
+
+  .\32xl\:hover\:scale-y-75:hover {
+    --tw-scale-y: .75;
+  }
+
+  .\32xl\:hover\:scale-y-90:hover {
+    --tw-scale-y: .9;
+  }
+
+  .\32xl\:hover\:scale-y-95:hover {
+    --tw-scale-y: .95;
+  }
+
+  .\32xl\:hover\:scale-y-100:hover {
+    --tw-scale-y: 1;
+  }
+
+  .\32xl\:hover\:scale-y-105:hover {
+    --tw-scale-y: 1.05;
+  }
+
+  .\32xl\:hover\:scale-y-110:hover {
+    --tw-scale-y: 1.1;
+  }
+
+  .\32xl\:hover\:scale-y-125:hover {
+    --tw-scale-y: 1.25;
+  }
+
+  .\32xl\:hover\:scale-y-150:hover {
+    --tw-scale-y: 1.5;
+  }
+
+  .\32xl\:focus\:scale-0:focus {
+    --tw-scale-x: 0;
+    --tw-scale-y: 0;
+  }
+
+  .\32xl\:focus\:scale-50:focus {
+    --tw-scale-x: .5;
+    --tw-scale-y: .5;
+  }
+
+  .\32xl\:focus\:scale-75:focus {
+    --tw-scale-x: .75;
+    --tw-scale-y: .75;
+  }
+
+  .\32xl\:focus\:scale-90:focus {
+    --tw-scale-x: .9;
+    --tw-scale-y: .9;
+  }
+
+  .\32xl\:focus\:scale-95:focus {
+    --tw-scale-x: .95;
+    --tw-scale-y: .95;
+  }
+
+  .\32xl\:focus\:scale-100:focus {
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+  }
+
+  .\32xl\:focus\:scale-105:focus {
+    --tw-scale-x: 1.05;
+    --tw-scale-y: 1.05;
+  }
+
+  .\32xl\:focus\:scale-110:focus {
+    --tw-scale-x: 1.1;
+    --tw-scale-y: 1.1;
+  }
+
+  .\32xl\:focus\:scale-125:focus {
+    --tw-scale-x: 1.25;
+    --tw-scale-y: 1.25;
+  }
+
+  .\32xl\:focus\:scale-150:focus {
+    --tw-scale-x: 1.5;
+    --tw-scale-y: 1.5;
+  }
+
+  .\32xl\:focus\:scale-x-0:focus {
+    --tw-scale-x: 0;
+  }
+
+  .\32xl\:focus\:scale-x-50:focus {
+    --tw-scale-x: .5;
+  }
+
+  .\32xl\:focus\:scale-x-75:focus {
+    --tw-scale-x: .75;
+  }
+
+  .\32xl\:focus\:scale-x-90:focus {
+    --tw-scale-x: .9;
+  }
+
+  .\32xl\:focus\:scale-x-95:focus {
+    --tw-scale-x: .95;
+  }
+
+  .\32xl\:focus\:scale-x-100:focus {
+    --tw-scale-x: 1;
+  }
+
+  .\32xl\:focus\:scale-x-105:focus {
+    --tw-scale-x: 1.05;
+  }
+
+  .\32xl\:focus\:scale-x-110:focus {
+    --tw-scale-x: 1.1;
+  }
+
+  .\32xl\:focus\:scale-x-125:focus {
+    --tw-scale-x: 1.25;
+  }
+
+  .\32xl\:focus\:scale-x-150:focus {
+    --tw-scale-x: 1.5;
+  }
+
+  .\32xl\:focus\:scale-y-0:focus {
+    --tw-scale-y: 0;
+  }
+
+  .\32xl\:focus\:scale-y-50:focus {
+    --tw-scale-y: .5;
+  }
+
+  .\32xl\:focus\:scale-y-75:focus {
+    --tw-scale-y: .75;
+  }
+
+  .\32xl\:focus\:scale-y-90:focus {
+    --tw-scale-y: .9;
+  }
+
+  .\32xl\:focus\:scale-y-95:focus {
+    --tw-scale-y: .95;
+  }
+
+  .\32xl\:focus\:scale-y-100:focus {
+    --tw-scale-y: 1;
+  }
+
+  .\32xl\:focus\:scale-y-105:focus {
+    --tw-scale-y: 1.05;
+  }
+
+  .\32xl\:focus\:scale-y-110:focus {
+    --tw-scale-y: 1.1;
+  }
+
+  .\32xl\:focus\:scale-y-125:focus {
+    --tw-scale-y: 1.25;
+  }
+
+  .\32xl\:focus\:scale-y-150:focus {
+    --tw-scale-y: 1.5;
+  }
+
+  .\32xl\:rotate-0 {
+    --tw-rotate: 0deg;
+  }
+
+  .\32xl\:rotate-1 {
+    --tw-rotate: 1deg;
+  }
+
+  .\32xl\:rotate-2 {
+    --tw-rotate: 2deg;
+  }
+
+  .\32xl\:rotate-3 {
+    --tw-rotate: 3deg;
+  }
+
+  .\32xl\:rotate-6 {
+    --tw-rotate: 6deg;
+  }
+
+  .\32xl\:rotate-12 {
+    --tw-rotate: 12deg;
+  }
+
+  .\32xl\:rotate-45 {
+    --tw-rotate: 45deg;
+  }
+
+  .\32xl\:rotate-90 {
+    --tw-rotate: 90deg;
+  }
+
+  .\32xl\:rotate-180 {
+    --tw-rotate: 180deg;
+  }
+
+  .\32xl\:-rotate-180 {
+    --tw-rotate: -180deg;
+  }
+
+  .\32xl\:-rotate-90 {
+    --tw-rotate: -90deg;
+  }
+
+  .\32xl\:-rotate-45 {
+    --tw-rotate: -45deg;
+  }
+
+  .\32xl\:-rotate-12 {
+    --tw-rotate: -12deg;
+  }
+
+  .\32xl\:-rotate-6 {
+    --tw-rotate: -6deg;
+  }
+
+  .\32xl\:-rotate-3 {
+    --tw-rotate: -3deg;
+  }
+
+  .\32xl\:-rotate-2 {
+    --tw-rotate: -2deg;
+  }
+
+  .\32xl\:-rotate-1 {
+    --tw-rotate: -1deg;
+  }
+
+  .\32xl\:hover\:rotate-0:hover {
+    --tw-rotate: 0deg;
+  }
+
+  .\32xl\:hover\:rotate-1:hover {
+    --tw-rotate: 1deg;
+  }
+
+  .\32xl\:hover\:rotate-2:hover {
+    --tw-rotate: 2deg;
+  }
+
+  .\32xl\:hover\:rotate-3:hover {
+    --tw-rotate: 3deg;
+  }
+
+  .\32xl\:hover\:rotate-6:hover {
+    --tw-rotate: 6deg;
+  }
+
+  .\32xl\:hover\:rotate-12:hover {
+    --tw-rotate: 12deg;
+  }
+
+  .\32xl\:hover\:rotate-45:hover {
+    --tw-rotate: 45deg;
+  }
+
+  .\32xl\:hover\:rotate-90:hover {
+    --tw-rotate: 90deg;
+  }
+
+  .\32xl\:hover\:rotate-180:hover {
+    --tw-rotate: 180deg;
+  }
+
+  .\32xl\:hover\:-rotate-180:hover {
+    --tw-rotate: -180deg;
+  }
+
+  .\32xl\:hover\:-rotate-90:hover {
+    --tw-rotate: -90deg;
+  }
+
+  .\32xl\:hover\:-rotate-45:hover {
+    --tw-rotate: -45deg;
+  }
+
+  .\32xl\:hover\:-rotate-12:hover {
+    --tw-rotate: -12deg;
+  }
+
+  .\32xl\:hover\:-rotate-6:hover {
+    --tw-rotate: -6deg;
+  }
+
+  .\32xl\:hover\:-rotate-3:hover {
+    --tw-rotate: -3deg;
+  }
+
+  .\32xl\:hover\:-rotate-2:hover {
+    --tw-rotate: -2deg;
+  }
+
+  .\32xl\:hover\:-rotate-1:hover {
+    --tw-rotate: -1deg;
+  }
+
+  .\32xl\:focus\:rotate-0:focus {
+    --tw-rotate: 0deg;
+  }
+
+  .\32xl\:focus\:rotate-1:focus {
+    --tw-rotate: 1deg;
+  }
+
+  .\32xl\:focus\:rotate-2:focus {
+    --tw-rotate: 2deg;
+  }
+
+  .\32xl\:focus\:rotate-3:focus {
+    --tw-rotate: 3deg;
+  }
+
+  .\32xl\:focus\:rotate-6:focus {
+    --tw-rotate: 6deg;
+  }
+
+  .\32xl\:focus\:rotate-12:focus {
+    --tw-rotate: 12deg;
+  }
+
+  .\32xl\:focus\:rotate-45:focus {
+    --tw-rotate: 45deg;
+  }
+
+  .\32xl\:focus\:rotate-90:focus {
+    --tw-rotate: 90deg;
+  }
+
+  .\32xl\:focus\:rotate-180:focus {
+    --tw-rotate: 180deg;
+  }
+
+  .\32xl\:focus\:-rotate-180:focus {
+    --tw-rotate: -180deg;
+  }
+
+  .\32xl\:focus\:-rotate-90:focus {
+    --tw-rotate: -90deg;
+  }
+
+  .\32xl\:focus\:-rotate-45:focus {
+    --tw-rotate: -45deg;
+  }
+
+  .\32xl\:focus\:-rotate-12:focus {
+    --tw-rotate: -12deg;
+  }
+
+  .\32xl\:focus\:-rotate-6:focus {
+    --tw-rotate: -6deg;
+  }
+
+  .\32xl\:focus\:-rotate-3:focus {
+    --tw-rotate: -3deg;
+  }
+
+  .\32xl\:focus\:-rotate-2:focus {
+    --tw-rotate: -2deg;
+  }
+
+  .\32xl\:focus\:-rotate-1:focus {
+    --tw-rotate: -1deg;
+  }
+
+  .\32xl\:translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .\32xl\:translate-x-1 {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .\32xl\:translate-x-2 {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .\32xl\:translate-x-3 {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .\32xl\:translate-x-4 {
+    --tw-translate-x: 1rem;
+  }
+
+  .\32xl\:translate-x-5 {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .\32xl\:translate-x-6 {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .\32xl\:translate-x-7 {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .\32xl\:translate-x-8 {
+    --tw-translate-x: 2rem;
+  }
+
+  .\32xl\:translate-x-9 {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .\32xl\:translate-x-10 {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .\32xl\:translate-x-11 {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .\32xl\:translate-x-12 {
+    --tw-translate-x: 3rem;
+  }
+
+  .\32xl\:translate-x-14 {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .\32xl\:translate-x-16 {
+    --tw-translate-x: 4rem;
+  }
+
+  .\32xl\:translate-x-20 {
+    --tw-translate-x: 5rem;
+  }
+
+  .\32xl\:translate-x-24 {
+    --tw-translate-x: 6rem;
+  }
+
+  .\32xl\:translate-x-28 {
+    --tw-translate-x: 7rem;
+  }
+
+  .\32xl\:translate-x-32 {
+    --tw-translate-x: 8rem;
+  }
+
+  .\32xl\:translate-x-36 {
+    --tw-translate-x: 9rem;
+  }
+
+  .\32xl\:translate-x-40 {
+    --tw-translate-x: 10rem;
+  }
+
+  .\32xl\:translate-x-44 {
+    --tw-translate-x: 11rem;
+  }
+
+  .\32xl\:translate-x-48 {
+    --tw-translate-x: 12rem;
+  }
+
+  .\32xl\:translate-x-52 {
+    --tw-translate-x: 13rem;
+  }
+
+  .\32xl\:translate-x-56 {
+    --tw-translate-x: 14rem;
+  }
+
+  .\32xl\:translate-x-60 {
+    --tw-translate-x: 15rem;
+  }
+
+  .\32xl\:translate-x-64 {
+    --tw-translate-x: 16rem;
+  }
+
+  .\32xl\:translate-x-72 {
+    --tw-translate-x: 18rem;
+  }
+
+  .\32xl\:translate-x-80 {
+    --tw-translate-x: 20rem;
+  }
+
+  .\32xl\:translate-x-96 {
+    --tw-translate-x: 24rem;
+  }
+
+  .\32xl\:translate-x-px {
+    --tw-translate-x: 1px;
+  }
+
+  .\32xl\:translate-x-0\.5 {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .\32xl\:translate-x-1\.5 {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .\32xl\:translate-x-2\.5 {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .\32xl\:translate-x-3\.5 {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .\32xl\:-translate-x-0 {
+    --tw-translate-x: 0px;
+  }
+
+  .\32xl\:-translate-x-1 {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .\32xl\:-translate-x-2 {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .\32xl\:-translate-x-3 {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .\32xl\:-translate-x-4 {
+    --tw-translate-x: -1rem;
+  }
+
+  .\32xl\:-translate-x-5 {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .\32xl\:-translate-x-6 {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .\32xl\:-translate-x-7 {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .\32xl\:-translate-x-8 {
+    --tw-translate-x: -2rem;
+  }
+
+  .\32xl\:-translate-x-9 {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .\32xl\:-translate-x-10 {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .\32xl\:-translate-x-11 {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .\32xl\:-translate-x-12 {
+    --tw-translate-x: -3rem;
+  }
+
+  .\32xl\:-translate-x-14 {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .\32xl\:-translate-x-16 {
+    --tw-translate-x: -4rem;
+  }
+
+  .\32xl\:-translate-x-20 {
+    --tw-translate-x: -5rem;
+  }
+
+  .\32xl\:-translate-x-24 {
+    --tw-translate-x: -6rem;
+  }
+
+  .\32xl\:-translate-x-28 {
+    --tw-translate-x: -7rem;
+  }
+
+  .\32xl\:-translate-x-32 {
+    --tw-translate-x: -8rem;
+  }
+
+  .\32xl\:-translate-x-36 {
+    --tw-translate-x: -9rem;
+  }
+
+  .\32xl\:-translate-x-40 {
+    --tw-translate-x: -10rem;
+  }
+
+  .\32xl\:-translate-x-44 {
+    --tw-translate-x: -11rem;
+  }
+
+  .\32xl\:-translate-x-48 {
+    --tw-translate-x: -12rem;
+  }
+
+  .\32xl\:-translate-x-52 {
+    --tw-translate-x: -13rem;
+  }
+
+  .\32xl\:-translate-x-56 {
+    --tw-translate-x: -14rem;
+  }
+
+  .\32xl\:-translate-x-60 {
+    --tw-translate-x: -15rem;
+  }
+
+  .\32xl\:-translate-x-64 {
+    --tw-translate-x: -16rem;
+  }
+
+  .\32xl\:-translate-x-72 {
+    --tw-translate-x: -18rem;
+  }
+
+  .\32xl\:-translate-x-80 {
+    --tw-translate-x: -20rem;
+  }
+
+  .\32xl\:-translate-x-96 {
+    --tw-translate-x: -24rem;
+  }
+
+  .\32xl\:-translate-x-px {
+    --tw-translate-x: -1px;
+  }
+
+  .\32xl\:-translate-x-0\.5 {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .\32xl\:-translate-x-1\.5 {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .\32xl\:-translate-x-2\.5 {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .\32xl\:-translate-x-3\.5 {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .\32xl\:translate-x-1\/2 {
+    --tw-translate-x: 50%;
+  }
+
+  .\32xl\:translate-x-1\/3 {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .\32xl\:translate-x-2\/3 {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .\32xl\:translate-x-1\/4 {
+    --tw-translate-x: 25%;
+  }
+
+  .\32xl\:translate-x-2\/4 {
+    --tw-translate-x: 50%;
+  }
+
+  .\32xl\:translate-x-3\/4 {
+    --tw-translate-x: 75%;
+  }
+
+  .\32xl\:translate-x-full {
+    --tw-translate-x: 100%;
+  }
+
+  .\32xl\:-translate-x-1\/2 {
+    --tw-translate-x: -50%;
+  }
+
+  .\32xl\:-translate-x-1\/3 {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .\32xl\:-translate-x-2\/3 {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .\32xl\:-translate-x-1\/4 {
+    --tw-translate-x: -25%;
+  }
+
+  .\32xl\:-translate-x-2\/4 {
+    --tw-translate-x: -50%;
+  }
+
+  .\32xl\:-translate-x-3\/4 {
+    --tw-translate-x: -75%;
+  }
+
+  .\32xl\:-translate-x-full {
+    --tw-translate-x: -100%;
+  }
+
+  .\32xl\:translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .\32xl\:translate-y-1 {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .\32xl\:translate-y-2 {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .\32xl\:translate-y-3 {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .\32xl\:translate-y-4 {
+    --tw-translate-y: 1rem;
+  }
+
+  .\32xl\:translate-y-5 {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .\32xl\:translate-y-6 {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .\32xl\:translate-y-7 {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .\32xl\:translate-y-8 {
+    --tw-translate-y: 2rem;
+  }
+
+  .\32xl\:translate-y-9 {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .\32xl\:translate-y-10 {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .\32xl\:translate-y-11 {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .\32xl\:translate-y-12 {
+    --tw-translate-y: 3rem;
+  }
+
+  .\32xl\:translate-y-14 {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .\32xl\:translate-y-16 {
+    --tw-translate-y: 4rem;
+  }
+
+  .\32xl\:translate-y-20 {
+    --tw-translate-y: 5rem;
+  }
+
+  .\32xl\:translate-y-24 {
+    --tw-translate-y: 6rem;
+  }
+
+  .\32xl\:translate-y-28 {
+    --tw-translate-y: 7rem;
+  }
+
+  .\32xl\:translate-y-32 {
+    --tw-translate-y: 8rem;
+  }
+
+  .\32xl\:translate-y-36 {
+    --tw-translate-y: 9rem;
+  }
+
+  .\32xl\:translate-y-40 {
+    --tw-translate-y: 10rem;
+  }
+
+  .\32xl\:translate-y-44 {
+    --tw-translate-y: 11rem;
+  }
+
+  .\32xl\:translate-y-48 {
+    --tw-translate-y: 12rem;
+  }
+
+  .\32xl\:translate-y-52 {
+    --tw-translate-y: 13rem;
+  }
+
+  .\32xl\:translate-y-56 {
+    --tw-translate-y: 14rem;
+  }
+
+  .\32xl\:translate-y-60 {
+    --tw-translate-y: 15rem;
+  }
+
+  .\32xl\:translate-y-64 {
+    --tw-translate-y: 16rem;
+  }
+
+  .\32xl\:translate-y-72 {
+    --tw-translate-y: 18rem;
+  }
+
+  .\32xl\:translate-y-80 {
+    --tw-translate-y: 20rem;
+  }
+
+  .\32xl\:translate-y-96 {
+    --tw-translate-y: 24rem;
+  }
+
+  .\32xl\:translate-y-px {
+    --tw-translate-y: 1px;
+  }
+
+  .\32xl\:translate-y-0\.5 {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .\32xl\:translate-y-1\.5 {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .\32xl\:translate-y-2\.5 {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .\32xl\:translate-y-3\.5 {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .\32xl\:-translate-y-0 {
+    --tw-translate-y: 0px;
+  }
+
+  .\32xl\:-translate-y-1 {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .\32xl\:-translate-y-2 {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .\32xl\:-translate-y-3 {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .\32xl\:-translate-y-4 {
+    --tw-translate-y: -1rem;
+  }
+
+  .\32xl\:-translate-y-5 {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .\32xl\:-translate-y-6 {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .\32xl\:-translate-y-7 {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .\32xl\:-translate-y-8 {
+    --tw-translate-y: -2rem;
+  }
+
+  .\32xl\:-translate-y-9 {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .\32xl\:-translate-y-10 {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .\32xl\:-translate-y-11 {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .\32xl\:-translate-y-12 {
+    --tw-translate-y: -3rem;
+  }
+
+  .\32xl\:-translate-y-14 {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .\32xl\:-translate-y-16 {
+    --tw-translate-y: -4rem;
+  }
+
+  .\32xl\:-translate-y-20 {
+    --tw-translate-y: -5rem;
+  }
+
+  .\32xl\:-translate-y-24 {
+    --tw-translate-y: -6rem;
+  }
+
+  .\32xl\:-translate-y-28 {
+    --tw-translate-y: -7rem;
+  }
+
+  .\32xl\:-translate-y-32 {
+    --tw-translate-y: -8rem;
+  }
+
+  .\32xl\:-translate-y-36 {
+    --tw-translate-y: -9rem;
+  }
+
+  .\32xl\:-translate-y-40 {
+    --tw-translate-y: -10rem;
+  }
+
+  .\32xl\:-translate-y-44 {
+    --tw-translate-y: -11rem;
+  }
+
+  .\32xl\:-translate-y-48 {
+    --tw-translate-y: -12rem;
+  }
+
+  .\32xl\:-translate-y-52 {
+    --tw-translate-y: -13rem;
+  }
+
+  .\32xl\:-translate-y-56 {
+    --tw-translate-y: -14rem;
+  }
+
+  .\32xl\:-translate-y-60 {
+    --tw-translate-y: -15rem;
+  }
+
+  .\32xl\:-translate-y-64 {
+    --tw-translate-y: -16rem;
+  }
+
+  .\32xl\:-translate-y-72 {
+    --tw-translate-y: -18rem;
+  }
+
+  .\32xl\:-translate-y-80 {
+    --tw-translate-y: -20rem;
+  }
+
+  .\32xl\:-translate-y-96 {
+    --tw-translate-y: -24rem;
+  }
+
+  .\32xl\:-translate-y-px {
+    --tw-translate-y: -1px;
+  }
+
+  .\32xl\:-translate-y-0\.5 {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .\32xl\:-translate-y-1\.5 {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .\32xl\:-translate-y-2\.5 {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .\32xl\:-translate-y-3\.5 {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .\32xl\:translate-y-1\/2 {
+    --tw-translate-y: 50%;
+  }
+
+  .\32xl\:translate-y-1\/3 {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .\32xl\:translate-y-2\/3 {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .\32xl\:translate-y-1\/4 {
+    --tw-translate-y: 25%;
+  }
+
+  .\32xl\:translate-y-2\/4 {
+    --tw-translate-y: 50%;
+  }
+
+  .\32xl\:translate-y-3\/4 {
+    --tw-translate-y: 75%;
+  }
+
+  .\32xl\:translate-y-full {
+    --tw-translate-y: 100%;
+  }
+
+  .\32xl\:-translate-y-1\/2 {
+    --tw-translate-y: -50%;
+  }
+
+  .\32xl\:-translate-y-1\/3 {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .\32xl\:-translate-y-2\/3 {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .\32xl\:-translate-y-1\/4 {
+    --tw-translate-y: -25%;
+  }
+
+  .\32xl\:-translate-y-2\/4 {
+    --tw-translate-y: -50%;
+  }
+
+  .\32xl\:-translate-y-3\/4 {
+    --tw-translate-y: -75%;
+  }
+
+  .\32xl\:-translate-y-full {
+    --tw-translate-y: -100%;
+  }
+
+  .\32xl\:hover\:translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .\32xl\:hover\:translate-x-1:hover {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .\32xl\:hover\:translate-x-2:hover {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .\32xl\:hover\:translate-x-3:hover {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .\32xl\:hover\:translate-x-4:hover {
+    --tw-translate-x: 1rem;
+  }
+
+  .\32xl\:hover\:translate-x-5:hover {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .\32xl\:hover\:translate-x-6:hover {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .\32xl\:hover\:translate-x-7:hover {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .\32xl\:hover\:translate-x-8:hover {
+    --tw-translate-x: 2rem;
+  }
+
+  .\32xl\:hover\:translate-x-9:hover {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .\32xl\:hover\:translate-x-10:hover {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .\32xl\:hover\:translate-x-11:hover {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .\32xl\:hover\:translate-x-12:hover {
+    --tw-translate-x: 3rem;
+  }
+
+  .\32xl\:hover\:translate-x-14:hover {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .\32xl\:hover\:translate-x-16:hover {
+    --tw-translate-x: 4rem;
+  }
+
+  .\32xl\:hover\:translate-x-20:hover {
+    --tw-translate-x: 5rem;
+  }
+
+  .\32xl\:hover\:translate-x-24:hover {
+    --tw-translate-x: 6rem;
+  }
+
+  .\32xl\:hover\:translate-x-28:hover {
+    --tw-translate-x: 7rem;
+  }
+
+  .\32xl\:hover\:translate-x-32:hover {
+    --tw-translate-x: 8rem;
+  }
+
+  .\32xl\:hover\:translate-x-36:hover {
+    --tw-translate-x: 9rem;
+  }
+
+  .\32xl\:hover\:translate-x-40:hover {
+    --tw-translate-x: 10rem;
+  }
+
+  .\32xl\:hover\:translate-x-44:hover {
+    --tw-translate-x: 11rem;
+  }
+
+  .\32xl\:hover\:translate-x-48:hover {
+    --tw-translate-x: 12rem;
+  }
+
+  .\32xl\:hover\:translate-x-52:hover {
+    --tw-translate-x: 13rem;
+  }
+
+  .\32xl\:hover\:translate-x-56:hover {
+    --tw-translate-x: 14rem;
+  }
+
+  .\32xl\:hover\:translate-x-60:hover {
+    --tw-translate-x: 15rem;
+  }
+
+  .\32xl\:hover\:translate-x-64:hover {
+    --tw-translate-x: 16rem;
+  }
+
+  .\32xl\:hover\:translate-x-72:hover {
+    --tw-translate-x: 18rem;
+  }
+
+  .\32xl\:hover\:translate-x-80:hover {
+    --tw-translate-x: 20rem;
+  }
+
+  .\32xl\:hover\:translate-x-96:hover {
+    --tw-translate-x: 24rem;
+  }
+
+  .\32xl\:hover\:translate-x-px:hover {
+    --tw-translate-x: 1px;
+  }
+
+  .\32xl\:hover\:translate-x-0\.5:hover {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .\32xl\:hover\:translate-x-1\.5:hover {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .\32xl\:hover\:translate-x-2\.5:hover {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .\32xl\:hover\:translate-x-3\.5:hover {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .\32xl\:hover\:-translate-x-0:hover {
+    --tw-translate-x: 0px;
+  }
+
+  .\32xl\:hover\:-translate-x-1:hover {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .\32xl\:hover\:-translate-x-2:hover {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .\32xl\:hover\:-translate-x-3:hover {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .\32xl\:hover\:-translate-x-4:hover {
+    --tw-translate-x: -1rem;
+  }
+
+  .\32xl\:hover\:-translate-x-5:hover {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .\32xl\:hover\:-translate-x-6:hover {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .\32xl\:hover\:-translate-x-7:hover {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .\32xl\:hover\:-translate-x-8:hover {
+    --tw-translate-x: -2rem;
+  }
+
+  .\32xl\:hover\:-translate-x-9:hover {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .\32xl\:hover\:-translate-x-10:hover {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .\32xl\:hover\:-translate-x-11:hover {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .\32xl\:hover\:-translate-x-12:hover {
+    --tw-translate-x: -3rem;
+  }
+
+  .\32xl\:hover\:-translate-x-14:hover {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .\32xl\:hover\:-translate-x-16:hover {
+    --tw-translate-x: -4rem;
+  }
+
+  .\32xl\:hover\:-translate-x-20:hover {
+    --tw-translate-x: -5rem;
+  }
+
+  .\32xl\:hover\:-translate-x-24:hover {
+    --tw-translate-x: -6rem;
+  }
+
+  .\32xl\:hover\:-translate-x-28:hover {
+    --tw-translate-x: -7rem;
+  }
+
+  .\32xl\:hover\:-translate-x-32:hover {
+    --tw-translate-x: -8rem;
+  }
+
+  .\32xl\:hover\:-translate-x-36:hover {
+    --tw-translate-x: -9rem;
+  }
+
+  .\32xl\:hover\:-translate-x-40:hover {
+    --tw-translate-x: -10rem;
+  }
+
+  .\32xl\:hover\:-translate-x-44:hover {
+    --tw-translate-x: -11rem;
+  }
+
+  .\32xl\:hover\:-translate-x-48:hover {
+    --tw-translate-x: -12rem;
+  }
+
+  .\32xl\:hover\:-translate-x-52:hover {
+    --tw-translate-x: -13rem;
+  }
+
+  .\32xl\:hover\:-translate-x-56:hover {
+    --tw-translate-x: -14rem;
+  }
+
+  .\32xl\:hover\:-translate-x-60:hover {
+    --tw-translate-x: -15rem;
+  }
+
+  .\32xl\:hover\:-translate-x-64:hover {
+    --tw-translate-x: -16rem;
+  }
+
+  .\32xl\:hover\:-translate-x-72:hover {
+    --tw-translate-x: -18rem;
+  }
+
+  .\32xl\:hover\:-translate-x-80:hover {
+    --tw-translate-x: -20rem;
+  }
+
+  .\32xl\:hover\:-translate-x-96:hover {
+    --tw-translate-x: -24rem;
+  }
+
+  .\32xl\:hover\:-translate-x-px:hover {
+    --tw-translate-x: -1px;
+  }
+
+  .\32xl\:hover\:-translate-x-0\.5:hover {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .\32xl\:hover\:-translate-x-1\.5:hover {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .\32xl\:hover\:-translate-x-2\.5:hover {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .\32xl\:hover\:-translate-x-3\.5:hover {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .\32xl\:hover\:translate-x-1\/2:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .\32xl\:hover\:translate-x-1\/3:hover {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .\32xl\:hover\:translate-x-2\/3:hover {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .\32xl\:hover\:translate-x-1\/4:hover {
+    --tw-translate-x: 25%;
+  }
+
+  .\32xl\:hover\:translate-x-2\/4:hover {
+    --tw-translate-x: 50%;
+  }
+
+  .\32xl\:hover\:translate-x-3\/4:hover {
+    --tw-translate-x: 75%;
+  }
+
+  .\32xl\:hover\:translate-x-full:hover {
+    --tw-translate-x: 100%;
+  }
+
+  .\32xl\:hover\:-translate-x-1\/2:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .\32xl\:hover\:-translate-x-1\/3:hover {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .\32xl\:hover\:-translate-x-2\/3:hover {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .\32xl\:hover\:-translate-x-1\/4:hover {
+    --tw-translate-x: -25%;
+  }
+
+  .\32xl\:hover\:-translate-x-2\/4:hover {
+    --tw-translate-x: -50%;
+  }
+
+  .\32xl\:hover\:-translate-x-3\/4:hover {
+    --tw-translate-x: -75%;
+  }
+
+  .\32xl\:hover\:-translate-x-full:hover {
+    --tw-translate-x: -100%;
+  }
+
+  .\32xl\:hover\:translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .\32xl\:hover\:translate-y-1:hover {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .\32xl\:hover\:translate-y-2:hover {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .\32xl\:hover\:translate-y-3:hover {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .\32xl\:hover\:translate-y-4:hover {
+    --tw-translate-y: 1rem;
+  }
+
+  .\32xl\:hover\:translate-y-5:hover {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .\32xl\:hover\:translate-y-6:hover {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .\32xl\:hover\:translate-y-7:hover {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .\32xl\:hover\:translate-y-8:hover {
+    --tw-translate-y: 2rem;
+  }
+
+  .\32xl\:hover\:translate-y-9:hover {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .\32xl\:hover\:translate-y-10:hover {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .\32xl\:hover\:translate-y-11:hover {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .\32xl\:hover\:translate-y-12:hover {
+    --tw-translate-y: 3rem;
+  }
+
+  .\32xl\:hover\:translate-y-14:hover {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .\32xl\:hover\:translate-y-16:hover {
+    --tw-translate-y: 4rem;
+  }
+
+  .\32xl\:hover\:translate-y-20:hover {
+    --tw-translate-y: 5rem;
+  }
+
+  .\32xl\:hover\:translate-y-24:hover {
+    --tw-translate-y: 6rem;
+  }
+
+  .\32xl\:hover\:translate-y-28:hover {
+    --tw-translate-y: 7rem;
+  }
+
+  .\32xl\:hover\:translate-y-32:hover {
+    --tw-translate-y: 8rem;
+  }
+
+  .\32xl\:hover\:translate-y-36:hover {
+    --tw-translate-y: 9rem;
+  }
+
+  .\32xl\:hover\:translate-y-40:hover {
+    --tw-translate-y: 10rem;
+  }
+
+  .\32xl\:hover\:translate-y-44:hover {
+    --tw-translate-y: 11rem;
+  }
+
+  .\32xl\:hover\:translate-y-48:hover {
+    --tw-translate-y: 12rem;
+  }
+
+  .\32xl\:hover\:translate-y-52:hover {
+    --tw-translate-y: 13rem;
+  }
+
+  .\32xl\:hover\:translate-y-56:hover {
+    --tw-translate-y: 14rem;
+  }
+
+  .\32xl\:hover\:translate-y-60:hover {
+    --tw-translate-y: 15rem;
+  }
+
+  .\32xl\:hover\:translate-y-64:hover {
+    --tw-translate-y: 16rem;
+  }
+
+  .\32xl\:hover\:translate-y-72:hover {
+    --tw-translate-y: 18rem;
+  }
+
+  .\32xl\:hover\:translate-y-80:hover {
+    --tw-translate-y: 20rem;
+  }
+
+  .\32xl\:hover\:translate-y-96:hover {
+    --tw-translate-y: 24rem;
+  }
+
+  .\32xl\:hover\:translate-y-px:hover {
+    --tw-translate-y: 1px;
+  }
+
+  .\32xl\:hover\:translate-y-0\.5:hover {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .\32xl\:hover\:translate-y-1\.5:hover {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .\32xl\:hover\:translate-y-2\.5:hover {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .\32xl\:hover\:translate-y-3\.5:hover {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .\32xl\:hover\:-translate-y-0:hover {
+    --tw-translate-y: 0px;
+  }
+
+  .\32xl\:hover\:-translate-y-1:hover {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .\32xl\:hover\:-translate-y-2:hover {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .\32xl\:hover\:-translate-y-3:hover {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .\32xl\:hover\:-translate-y-4:hover {
+    --tw-translate-y: -1rem;
+  }
+
+  .\32xl\:hover\:-translate-y-5:hover {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .\32xl\:hover\:-translate-y-6:hover {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .\32xl\:hover\:-translate-y-7:hover {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .\32xl\:hover\:-translate-y-8:hover {
+    --tw-translate-y: -2rem;
+  }
+
+  .\32xl\:hover\:-translate-y-9:hover {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .\32xl\:hover\:-translate-y-10:hover {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .\32xl\:hover\:-translate-y-11:hover {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .\32xl\:hover\:-translate-y-12:hover {
+    --tw-translate-y: -3rem;
+  }
+
+  .\32xl\:hover\:-translate-y-14:hover {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .\32xl\:hover\:-translate-y-16:hover {
+    --tw-translate-y: -4rem;
+  }
+
+  .\32xl\:hover\:-translate-y-20:hover {
+    --tw-translate-y: -5rem;
+  }
+
+  .\32xl\:hover\:-translate-y-24:hover {
+    --tw-translate-y: -6rem;
+  }
+
+  .\32xl\:hover\:-translate-y-28:hover {
+    --tw-translate-y: -7rem;
+  }
+
+  .\32xl\:hover\:-translate-y-32:hover {
+    --tw-translate-y: -8rem;
+  }
+
+  .\32xl\:hover\:-translate-y-36:hover {
+    --tw-translate-y: -9rem;
+  }
+
+  .\32xl\:hover\:-translate-y-40:hover {
+    --tw-translate-y: -10rem;
+  }
+
+  .\32xl\:hover\:-translate-y-44:hover {
+    --tw-translate-y: -11rem;
+  }
+
+  .\32xl\:hover\:-translate-y-48:hover {
+    --tw-translate-y: -12rem;
+  }
+
+  .\32xl\:hover\:-translate-y-52:hover {
+    --tw-translate-y: -13rem;
+  }
+
+  .\32xl\:hover\:-translate-y-56:hover {
+    --tw-translate-y: -14rem;
+  }
+
+  .\32xl\:hover\:-translate-y-60:hover {
+    --tw-translate-y: -15rem;
+  }
+
+  .\32xl\:hover\:-translate-y-64:hover {
+    --tw-translate-y: -16rem;
+  }
+
+  .\32xl\:hover\:-translate-y-72:hover {
+    --tw-translate-y: -18rem;
+  }
+
+  .\32xl\:hover\:-translate-y-80:hover {
+    --tw-translate-y: -20rem;
+  }
+
+  .\32xl\:hover\:-translate-y-96:hover {
+    --tw-translate-y: -24rem;
+  }
+
+  .\32xl\:hover\:-translate-y-px:hover {
+    --tw-translate-y: -1px;
+  }
+
+  .\32xl\:hover\:-translate-y-0\.5:hover {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .\32xl\:hover\:-translate-y-1\.5:hover {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .\32xl\:hover\:-translate-y-2\.5:hover {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .\32xl\:hover\:-translate-y-3\.5:hover {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .\32xl\:hover\:translate-y-1\/2:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .\32xl\:hover\:translate-y-1\/3:hover {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .\32xl\:hover\:translate-y-2\/3:hover {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .\32xl\:hover\:translate-y-1\/4:hover {
+    --tw-translate-y: 25%;
+  }
+
+  .\32xl\:hover\:translate-y-2\/4:hover {
+    --tw-translate-y: 50%;
+  }
+
+  .\32xl\:hover\:translate-y-3\/4:hover {
+    --tw-translate-y: 75%;
+  }
+
+  .\32xl\:hover\:translate-y-full:hover {
+    --tw-translate-y: 100%;
+  }
+
+  .\32xl\:hover\:-translate-y-1\/2:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .\32xl\:hover\:-translate-y-1\/3:hover {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .\32xl\:hover\:-translate-y-2\/3:hover {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .\32xl\:hover\:-translate-y-1\/4:hover {
+    --tw-translate-y: -25%;
+  }
+
+  .\32xl\:hover\:-translate-y-2\/4:hover {
+    --tw-translate-y: -50%;
+  }
+
+  .\32xl\:hover\:-translate-y-3\/4:hover {
+    --tw-translate-y: -75%;
+  }
+
+  .\32xl\:hover\:-translate-y-full:hover {
+    --tw-translate-y: -100%;
+  }
+
+  .\32xl\:focus\:translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .\32xl\:focus\:translate-x-1:focus {
+    --tw-translate-x: 0.25rem;
+  }
+
+  .\32xl\:focus\:translate-x-2:focus {
+    --tw-translate-x: 0.5rem;
+  }
+
+  .\32xl\:focus\:translate-x-3:focus {
+    --tw-translate-x: 0.75rem;
+  }
+
+  .\32xl\:focus\:translate-x-4:focus {
+    --tw-translate-x: 1rem;
+  }
+
+  .\32xl\:focus\:translate-x-5:focus {
+    --tw-translate-x: 1.25rem;
+  }
+
+  .\32xl\:focus\:translate-x-6:focus {
+    --tw-translate-x: 1.5rem;
+  }
+
+  .\32xl\:focus\:translate-x-7:focus {
+    --tw-translate-x: 1.75rem;
+  }
+
+  .\32xl\:focus\:translate-x-8:focus {
+    --tw-translate-x: 2rem;
+  }
+
+  .\32xl\:focus\:translate-x-9:focus {
+    --tw-translate-x: 2.25rem;
+  }
+
+  .\32xl\:focus\:translate-x-10:focus {
+    --tw-translate-x: 2.5rem;
+  }
+
+  .\32xl\:focus\:translate-x-11:focus {
+    --tw-translate-x: 2.75rem;
+  }
+
+  .\32xl\:focus\:translate-x-12:focus {
+    --tw-translate-x: 3rem;
+  }
+
+  .\32xl\:focus\:translate-x-14:focus {
+    --tw-translate-x: 3.5rem;
+  }
+
+  .\32xl\:focus\:translate-x-16:focus {
+    --tw-translate-x: 4rem;
+  }
+
+  .\32xl\:focus\:translate-x-20:focus {
+    --tw-translate-x: 5rem;
+  }
+
+  .\32xl\:focus\:translate-x-24:focus {
+    --tw-translate-x: 6rem;
+  }
+
+  .\32xl\:focus\:translate-x-28:focus {
+    --tw-translate-x: 7rem;
+  }
+
+  .\32xl\:focus\:translate-x-32:focus {
+    --tw-translate-x: 8rem;
+  }
+
+  .\32xl\:focus\:translate-x-36:focus {
+    --tw-translate-x: 9rem;
+  }
+
+  .\32xl\:focus\:translate-x-40:focus {
+    --tw-translate-x: 10rem;
+  }
+
+  .\32xl\:focus\:translate-x-44:focus {
+    --tw-translate-x: 11rem;
+  }
+
+  .\32xl\:focus\:translate-x-48:focus {
+    --tw-translate-x: 12rem;
+  }
+
+  .\32xl\:focus\:translate-x-52:focus {
+    --tw-translate-x: 13rem;
+  }
+
+  .\32xl\:focus\:translate-x-56:focus {
+    --tw-translate-x: 14rem;
+  }
+
+  .\32xl\:focus\:translate-x-60:focus {
+    --tw-translate-x: 15rem;
+  }
+
+  .\32xl\:focus\:translate-x-64:focus {
+    --tw-translate-x: 16rem;
+  }
+
+  .\32xl\:focus\:translate-x-72:focus {
+    --tw-translate-x: 18rem;
+  }
+
+  .\32xl\:focus\:translate-x-80:focus {
+    --tw-translate-x: 20rem;
+  }
+
+  .\32xl\:focus\:translate-x-96:focus {
+    --tw-translate-x: 24rem;
+  }
+
+  .\32xl\:focus\:translate-x-px:focus {
+    --tw-translate-x: 1px;
+  }
+
+  .\32xl\:focus\:translate-x-0\.5:focus {
+    --tw-translate-x: 0.125rem;
+  }
+
+  .\32xl\:focus\:translate-x-1\.5:focus {
+    --tw-translate-x: 0.375rem;
+  }
+
+  .\32xl\:focus\:translate-x-2\.5:focus {
+    --tw-translate-x: 0.625rem;
+  }
+
+  .\32xl\:focus\:translate-x-3\.5:focus {
+    --tw-translate-x: 0.875rem;
+  }
+
+  .\32xl\:focus\:-translate-x-0:focus {
+    --tw-translate-x: 0px;
+  }
+
+  .\32xl\:focus\:-translate-x-1:focus {
+    --tw-translate-x: -0.25rem;
+  }
+
+  .\32xl\:focus\:-translate-x-2:focus {
+    --tw-translate-x: -0.5rem;
+  }
+
+  .\32xl\:focus\:-translate-x-3:focus {
+    --tw-translate-x: -0.75rem;
+  }
+
+  .\32xl\:focus\:-translate-x-4:focus {
+    --tw-translate-x: -1rem;
+  }
+
+  .\32xl\:focus\:-translate-x-5:focus {
+    --tw-translate-x: -1.25rem;
+  }
+
+  .\32xl\:focus\:-translate-x-6:focus {
+    --tw-translate-x: -1.5rem;
+  }
+
+  .\32xl\:focus\:-translate-x-7:focus {
+    --tw-translate-x: -1.75rem;
+  }
+
+  .\32xl\:focus\:-translate-x-8:focus {
+    --tw-translate-x: -2rem;
+  }
+
+  .\32xl\:focus\:-translate-x-9:focus {
+    --tw-translate-x: -2.25rem;
+  }
+
+  .\32xl\:focus\:-translate-x-10:focus {
+    --tw-translate-x: -2.5rem;
+  }
+
+  .\32xl\:focus\:-translate-x-11:focus {
+    --tw-translate-x: -2.75rem;
+  }
+
+  .\32xl\:focus\:-translate-x-12:focus {
+    --tw-translate-x: -3rem;
+  }
+
+  .\32xl\:focus\:-translate-x-14:focus {
+    --tw-translate-x: -3.5rem;
+  }
+
+  .\32xl\:focus\:-translate-x-16:focus {
+    --tw-translate-x: -4rem;
+  }
+
+  .\32xl\:focus\:-translate-x-20:focus {
+    --tw-translate-x: -5rem;
+  }
+
+  .\32xl\:focus\:-translate-x-24:focus {
+    --tw-translate-x: -6rem;
+  }
+
+  .\32xl\:focus\:-translate-x-28:focus {
+    --tw-translate-x: -7rem;
+  }
+
+  .\32xl\:focus\:-translate-x-32:focus {
+    --tw-translate-x: -8rem;
+  }
+
+  .\32xl\:focus\:-translate-x-36:focus {
+    --tw-translate-x: -9rem;
+  }
+
+  .\32xl\:focus\:-translate-x-40:focus {
+    --tw-translate-x: -10rem;
+  }
+
+  .\32xl\:focus\:-translate-x-44:focus {
+    --tw-translate-x: -11rem;
+  }
+
+  .\32xl\:focus\:-translate-x-48:focus {
+    --tw-translate-x: -12rem;
+  }
+
+  .\32xl\:focus\:-translate-x-52:focus {
+    --tw-translate-x: -13rem;
+  }
+
+  .\32xl\:focus\:-translate-x-56:focus {
+    --tw-translate-x: -14rem;
+  }
+
+  .\32xl\:focus\:-translate-x-60:focus {
+    --tw-translate-x: -15rem;
+  }
+
+  .\32xl\:focus\:-translate-x-64:focus {
+    --tw-translate-x: -16rem;
+  }
+
+  .\32xl\:focus\:-translate-x-72:focus {
+    --tw-translate-x: -18rem;
+  }
+
+  .\32xl\:focus\:-translate-x-80:focus {
+    --tw-translate-x: -20rem;
+  }
+
+  .\32xl\:focus\:-translate-x-96:focus {
+    --tw-translate-x: -24rem;
+  }
+
+  .\32xl\:focus\:-translate-x-px:focus {
+    --tw-translate-x: -1px;
+  }
+
+  .\32xl\:focus\:-translate-x-0\.5:focus {
+    --tw-translate-x: -0.125rem;
+  }
+
+  .\32xl\:focus\:-translate-x-1\.5:focus {
+    --tw-translate-x: -0.375rem;
+  }
+
+  .\32xl\:focus\:-translate-x-2\.5:focus {
+    --tw-translate-x: -0.625rem;
+  }
+
+  .\32xl\:focus\:-translate-x-3\.5:focus {
+    --tw-translate-x: -0.875rem;
+  }
+
+  .\32xl\:focus\:translate-x-1\/2:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .\32xl\:focus\:translate-x-1\/3:focus {
+    --tw-translate-x: 33.333333%;
+  }
+
+  .\32xl\:focus\:translate-x-2\/3:focus {
+    --tw-translate-x: 66.666667%;
+  }
+
+  .\32xl\:focus\:translate-x-1\/4:focus {
+    --tw-translate-x: 25%;
+  }
+
+  .\32xl\:focus\:translate-x-2\/4:focus {
+    --tw-translate-x: 50%;
+  }
+
+  .\32xl\:focus\:translate-x-3\/4:focus {
+    --tw-translate-x: 75%;
+  }
+
+  .\32xl\:focus\:translate-x-full:focus {
+    --tw-translate-x: 100%;
+  }
+
+  .\32xl\:focus\:-translate-x-1\/2:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .\32xl\:focus\:-translate-x-1\/3:focus {
+    --tw-translate-x: -33.333333%;
+  }
+
+  .\32xl\:focus\:-translate-x-2\/3:focus {
+    --tw-translate-x: -66.666667%;
+  }
+
+  .\32xl\:focus\:-translate-x-1\/4:focus {
+    --tw-translate-x: -25%;
+  }
+
+  .\32xl\:focus\:-translate-x-2\/4:focus {
+    --tw-translate-x: -50%;
+  }
+
+  .\32xl\:focus\:-translate-x-3\/4:focus {
+    --tw-translate-x: -75%;
+  }
+
+  .\32xl\:focus\:-translate-x-full:focus {
+    --tw-translate-x: -100%;
+  }
+
+  .\32xl\:focus\:translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .\32xl\:focus\:translate-y-1:focus {
+    --tw-translate-y: 0.25rem;
+  }
+
+  .\32xl\:focus\:translate-y-2:focus {
+    --tw-translate-y: 0.5rem;
+  }
+
+  .\32xl\:focus\:translate-y-3:focus {
+    --tw-translate-y: 0.75rem;
+  }
+
+  .\32xl\:focus\:translate-y-4:focus {
+    --tw-translate-y: 1rem;
+  }
+
+  .\32xl\:focus\:translate-y-5:focus {
+    --tw-translate-y: 1.25rem;
+  }
+
+  .\32xl\:focus\:translate-y-6:focus {
+    --tw-translate-y: 1.5rem;
+  }
+
+  .\32xl\:focus\:translate-y-7:focus {
+    --tw-translate-y: 1.75rem;
+  }
+
+  .\32xl\:focus\:translate-y-8:focus {
+    --tw-translate-y: 2rem;
+  }
+
+  .\32xl\:focus\:translate-y-9:focus {
+    --tw-translate-y: 2.25rem;
+  }
+
+  .\32xl\:focus\:translate-y-10:focus {
+    --tw-translate-y: 2.5rem;
+  }
+
+  .\32xl\:focus\:translate-y-11:focus {
+    --tw-translate-y: 2.75rem;
+  }
+
+  .\32xl\:focus\:translate-y-12:focus {
+    --tw-translate-y: 3rem;
+  }
+
+  .\32xl\:focus\:translate-y-14:focus {
+    --tw-translate-y: 3.5rem;
+  }
+
+  .\32xl\:focus\:translate-y-16:focus {
+    --tw-translate-y: 4rem;
+  }
+
+  .\32xl\:focus\:translate-y-20:focus {
+    --tw-translate-y: 5rem;
+  }
+
+  .\32xl\:focus\:translate-y-24:focus {
+    --tw-translate-y: 6rem;
+  }
+
+  .\32xl\:focus\:translate-y-28:focus {
+    --tw-translate-y: 7rem;
+  }
+
+  .\32xl\:focus\:translate-y-32:focus {
+    --tw-translate-y: 8rem;
+  }
+
+  .\32xl\:focus\:translate-y-36:focus {
+    --tw-translate-y: 9rem;
+  }
+
+  .\32xl\:focus\:translate-y-40:focus {
+    --tw-translate-y: 10rem;
+  }
+
+  .\32xl\:focus\:translate-y-44:focus {
+    --tw-translate-y: 11rem;
+  }
+
+  .\32xl\:focus\:translate-y-48:focus {
+    --tw-translate-y: 12rem;
+  }
+
+  .\32xl\:focus\:translate-y-52:focus {
+    --tw-translate-y: 13rem;
+  }
+
+  .\32xl\:focus\:translate-y-56:focus {
+    --tw-translate-y: 14rem;
+  }
+
+  .\32xl\:focus\:translate-y-60:focus {
+    --tw-translate-y: 15rem;
+  }
+
+  .\32xl\:focus\:translate-y-64:focus {
+    --tw-translate-y: 16rem;
+  }
+
+  .\32xl\:focus\:translate-y-72:focus {
+    --tw-translate-y: 18rem;
+  }
+
+  .\32xl\:focus\:translate-y-80:focus {
+    --tw-translate-y: 20rem;
+  }
+
+  .\32xl\:focus\:translate-y-96:focus {
+    --tw-translate-y: 24rem;
+  }
+
+  .\32xl\:focus\:translate-y-px:focus {
+    --tw-translate-y: 1px;
+  }
+
+  .\32xl\:focus\:translate-y-0\.5:focus {
+    --tw-translate-y: 0.125rem;
+  }
+
+  .\32xl\:focus\:translate-y-1\.5:focus {
+    --tw-translate-y: 0.375rem;
+  }
+
+  .\32xl\:focus\:translate-y-2\.5:focus {
+    --tw-translate-y: 0.625rem;
+  }
+
+  .\32xl\:focus\:translate-y-3\.5:focus {
+    --tw-translate-y: 0.875rem;
+  }
+
+  .\32xl\:focus\:-translate-y-0:focus {
+    --tw-translate-y: 0px;
+  }
+
+  .\32xl\:focus\:-translate-y-1:focus {
+    --tw-translate-y: -0.25rem;
+  }
+
+  .\32xl\:focus\:-translate-y-2:focus {
+    --tw-translate-y: -0.5rem;
+  }
+
+  .\32xl\:focus\:-translate-y-3:focus {
+    --tw-translate-y: -0.75rem;
+  }
+
+  .\32xl\:focus\:-translate-y-4:focus {
+    --tw-translate-y: -1rem;
+  }
+
+  .\32xl\:focus\:-translate-y-5:focus {
+    --tw-translate-y: -1.25rem;
+  }
+
+  .\32xl\:focus\:-translate-y-6:focus {
+    --tw-translate-y: -1.5rem;
+  }
+
+  .\32xl\:focus\:-translate-y-7:focus {
+    --tw-translate-y: -1.75rem;
+  }
+
+  .\32xl\:focus\:-translate-y-8:focus {
+    --tw-translate-y: -2rem;
+  }
+
+  .\32xl\:focus\:-translate-y-9:focus {
+    --tw-translate-y: -2.25rem;
+  }
+
+  .\32xl\:focus\:-translate-y-10:focus {
+    --tw-translate-y: -2.5rem;
+  }
+
+  .\32xl\:focus\:-translate-y-11:focus {
+    --tw-translate-y: -2.75rem;
+  }
+
+  .\32xl\:focus\:-translate-y-12:focus {
+    --tw-translate-y: -3rem;
+  }
+
+  .\32xl\:focus\:-translate-y-14:focus {
+    --tw-translate-y: -3.5rem;
+  }
+
+  .\32xl\:focus\:-translate-y-16:focus {
+    --tw-translate-y: -4rem;
+  }
+
+  .\32xl\:focus\:-translate-y-20:focus {
+    --tw-translate-y: -5rem;
+  }
+
+  .\32xl\:focus\:-translate-y-24:focus {
+    --tw-translate-y: -6rem;
+  }
+
+  .\32xl\:focus\:-translate-y-28:focus {
+    --tw-translate-y: -7rem;
+  }
+
+  .\32xl\:focus\:-translate-y-32:focus {
+    --tw-translate-y: -8rem;
+  }
+
+  .\32xl\:focus\:-translate-y-36:focus {
+    --tw-translate-y: -9rem;
+  }
+
+  .\32xl\:focus\:-translate-y-40:focus {
+    --tw-translate-y: -10rem;
+  }
+
+  .\32xl\:focus\:-translate-y-44:focus {
+    --tw-translate-y: -11rem;
+  }
+
+  .\32xl\:focus\:-translate-y-48:focus {
+    --tw-translate-y: -12rem;
+  }
+
+  .\32xl\:focus\:-translate-y-52:focus {
+    --tw-translate-y: -13rem;
+  }
+
+  .\32xl\:focus\:-translate-y-56:focus {
+    --tw-translate-y: -14rem;
+  }
+
+  .\32xl\:focus\:-translate-y-60:focus {
+    --tw-translate-y: -15rem;
+  }
+
+  .\32xl\:focus\:-translate-y-64:focus {
+    --tw-translate-y: -16rem;
+  }
+
+  .\32xl\:focus\:-translate-y-72:focus {
+    --tw-translate-y: -18rem;
+  }
+
+  .\32xl\:focus\:-translate-y-80:focus {
+    --tw-translate-y: -20rem;
+  }
+
+  .\32xl\:focus\:-translate-y-96:focus {
+    --tw-translate-y: -24rem;
+  }
+
+  .\32xl\:focus\:-translate-y-px:focus {
+    --tw-translate-y: -1px;
+  }
+
+  .\32xl\:focus\:-translate-y-0\.5:focus {
+    --tw-translate-y: -0.125rem;
+  }
+
+  .\32xl\:focus\:-translate-y-1\.5:focus {
+    --tw-translate-y: -0.375rem;
+  }
+
+  .\32xl\:focus\:-translate-y-2\.5:focus {
+    --tw-translate-y: -0.625rem;
+  }
+
+  .\32xl\:focus\:-translate-y-3\.5:focus {
+    --tw-translate-y: -0.875rem;
+  }
+
+  .\32xl\:focus\:translate-y-1\/2:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .\32xl\:focus\:translate-y-1\/3:focus {
+    --tw-translate-y: 33.333333%;
+  }
+
+  .\32xl\:focus\:translate-y-2\/3:focus {
+    --tw-translate-y: 66.666667%;
+  }
+
+  .\32xl\:focus\:translate-y-1\/4:focus {
+    --tw-translate-y: 25%;
+  }
+
+  .\32xl\:focus\:translate-y-2\/4:focus {
+    --tw-translate-y: 50%;
+  }
+
+  .\32xl\:focus\:translate-y-3\/4:focus {
+    --tw-translate-y: 75%;
+  }
+
+  .\32xl\:focus\:translate-y-full:focus {
+    --tw-translate-y: 100%;
+  }
+
+  .\32xl\:focus\:-translate-y-1\/2:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .\32xl\:focus\:-translate-y-1\/3:focus {
+    --tw-translate-y: -33.333333%;
+  }
+
+  .\32xl\:focus\:-translate-y-2\/3:focus {
+    --tw-translate-y: -66.666667%;
+  }
+
+  .\32xl\:focus\:-translate-y-1\/4:focus {
+    --tw-translate-y: -25%;
+  }
+
+  .\32xl\:focus\:-translate-y-2\/4:focus {
+    --tw-translate-y: -50%;
+  }
+
+  .\32xl\:focus\:-translate-y-3\/4:focus {
+    --tw-translate-y: -75%;
+  }
+
+  .\32xl\:focus\:-translate-y-full:focus {
+    --tw-translate-y: -100%;
+  }
+
+  .\32xl\:skew-x-0 {
+    --tw-skew-x: 0deg;
+  }
+
+  .\32xl\:skew-x-1 {
+    --tw-skew-x: 1deg;
+  }
+
+  .\32xl\:skew-x-2 {
+    --tw-skew-x: 2deg;
+  }
+
+  .\32xl\:skew-x-3 {
+    --tw-skew-x: 3deg;
+  }
+
+  .\32xl\:skew-x-6 {
+    --tw-skew-x: 6deg;
+  }
+
+  .\32xl\:skew-x-12 {
+    --tw-skew-x: 12deg;
+  }
+
+  .\32xl\:-skew-x-12 {
+    --tw-skew-x: -12deg;
+  }
+
+  .\32xl\:-skew-x-6 {
+    --tw-skew-x: -6deg;
+  }
+
+  .\32xl\:-skew-x-3 {
+    --tw-skew-x: -3deg;
+  }
+
+  .\32xl\:-skew-x-2 {
+    --tw-skew-x: -2deg;
+  }
+
+  .\32xl\:-skew-x-1 {
+    --tw-skew-x: -1deg;
+  }
+
+  .\32xl\:skew-y-0 {
+    --tw-skew-y: 0deg;
+  }
+
+  .\32xl\:skew-y-1 {
+    --tw-skew-y: 1deg;
+  }
+
+  .\32xl\:skew-y-2 {
+    --tw-skew-y: 2deg;
+  }
+
+  .\32xl\:skew-y-3 {
+    --tw-skew-y: 3deg;
+  }
+
+  .\32xl\:skew-y-6 {
+    --tw-skew-y: 6deg;
+  }
+
+  .\32xl\:skew-y-12 {
+    --tw-skew-y: 12deg;
+  }
+
+  .\32xl\:-skew-y-12 {
+    --tw-skew-y: -12deg;
+  }
+
+  .\32xl\:-skew-y-6 {
+    --tw-skew-y: -6deg;
+  }
+
+  .\32xl\:-skew-y-3 {
+    --tw-skew-y: -3deg;
+  }
+
+  .\32xl\:-skew-y-2 {
+    --tw-skew-y: -2deg;
+  }
+
+  .\32xl\:-skew-y-1 {
+    --tw-skew-y: -1deg;
+  }
+
+  .\32xl\:hover\:skew-x-0:hover {
+    --tw-skew-x: 0deg;
+  }
+
+  .\32xl\:hover\:skew-x-1:hover {
+    --tw-skew-x: 1deg;
+  }
+
+  .\32xl\:hover\:skew-x-2:hover {
+    --tw-skew-x: 2deg;
+  }
+
+  .\32xl\:hover\:skew-x-3:hover {
+    --tw-skew-x: 3deg;
+  }
+
+  .\32xl\:hover\:skew-x-6:hover {
+    --tw-skew-x: 6deg;
+  }
+
+  .\32xl\:hover\:skew-x-12:hover {
+    --tw-skew-x: 12deg;
+  }
+
+  .\32xl\:hover\:-skew-x-12:hover {
+    --tw-skew-x: -12deg;
+  }
+
+  .\32xl\:hover\:-skew-x-6:hover {
+    --tw-skew-x: -6deg;
+  }
+
+  .\32xl\:hover\:-skew-x-3:hover {
+    --tw-skew-x: -3deg;
+  }
+
+  .\32xl\:hover\:-skew-x-2:hover {
+    --tw-skew-x: -2deg;
+  }
+
+  .\32xl\:hover\:-skew-x-1:hover {
+    --tw-skew-x: -1deg;
+  }
+
+  .\32xl\:hover\:skew-y-0:hover {
+    --tw-skew-y: 0deg;
+  }
+
+  .\32xl\:hover\:skew-y-1:hover {
+    --tw-skew-y: 1deg;
+  }
+
+  .\32xl\:hover\:skew-y-2:hover {
+    --tw-skew-y: 2deg;
+  }
+
+  .\32xl\:hover\:skew-y-3:hover {
+    --tw-skew-y: 3deg;
+  }
+
+  .\32xl\:hover\:skew-y-6:hover {
+    --tw-skew-y: 6deg;
+  }
+
+  .\32xl\:hover\:skew-y-12:hover {
+    --tw-skew-y: 12deg;
+  }
+
+  .\32xl\:hover\:-skew-y-12:hover {
+    --tw-skew-y: -12deg;
+  }
+
+  .\32xl\:hover\:-skew-y-6:hover {
+    --tw-skew-y: -6deg;
+  }
+
+  .\32xl\:hover\:-skew-y-3:hover {
+    --tw-skew-y: -3deg;
+  }
+
+  .\32xl\:hover\:-skew-y-2:hover {
+    --tw-skew-y: -2deg;
+  }
+
+  .\32xl\:hover\:-skew-y-1:hover {
+    --tw-skew-y: -1deg;
+  }
+
+  .\32xl\:focus\:skew-x-0:focus {
+    --tw-skew-x: 0deg;
+  }
+
+  .\32xl\:focus\:skew-x-1:focus {
+    --tw-skew-x: 1deg;
+  }
+
+  .\32xl\:focus\:skew-x-2:focus {
+    --tw-skew-x: 2deg;
+  }
+
+  .\32xl\:focus\:skew-x-3:focus {
+    --tw-skew-x: 3deg;
+  }
+
+  .\32xl\:focus\:skew-x-6:focus {
+    --tw-skew-x: 6deg;
+  }
+
+  .\32xl\:focus\:skew-x-12:focus {
+    --tw-skew-x: 12deg;
+  }
+
+  .\32xl\:focus\:-skew-x-12:focus {
+    --tw-skew-x: -12deg;
+  }
+
+  .\32xl\:focus\:-skew-x-6:focus {
+    --tw-skew-x: -6deg;
+  }
+
+  .\32xl\:focus\:-skew-x-3:focus {
+    --tw-skew-x: -3deg;
+  }
+
+  .\32xl\:focus\:-skew-x-2:focus {
+    --tw-skew-x: -2deg;
+  }
+
+  .\32xl\:focus\:-skew-x-1:focus {
+    --tw-skew-x: -1deg;
+  }
+
+  .\32xl\:focus\:skew-y-0:focus {
+    --tw-skew-y: 0deg;
+  }
+
+  .\32xl\:focus\:skew-y-1:focus {
+    --tw-skew-y: 1deg;
+  }
+
+  .\32xl\:focus\:skew-y-2:focus {
+    --tw-skew-y: 2deg;
+  }
+
+  .\32xl\:focus\:skew-y-3:focus {
+    --tw-skew-y: 3deg;
+  }
+
+  .\32xl\:focus\:skew-y-6:focus {
+    --tw-skew-y: 6deg;
+  }
+
+  .\32xl\:focus\:skew-y-12:focus {
+    --tw-skew-y: 12deg;
+  }
+
+  .\32xl\:focus\:-skew-y-12:focus {
+    --tw-skew-y: -12deg;
+  }
+
+  .\32xl\:focus\:-skew-y-6:focus {
+    --tw-skew-y: -6deg;
+  }
+
+  .\32xl\:focus\:-skew-y-3:focus {
+    --tw-skew-y: -3deg;
+  }
+
+  .\32xl\:focus\:-skew-y-2:focus {
+    --tw-skew-y: -2deg;
+  }
+
+  .\32xl\:focus\:-skew-y-1:focus {
+    --tw-skew-y: -1deg;
+  }
+
+  .\32xl\:transition-none {
+    transition-property: none;
+  }
+
+  .\32xl\:transition-all {
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .\32xl\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .\32xl\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .\32xl\:transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .\32xl\:transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .\32xl\:transition-transform {
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .\32xl\:ease-linear {
+    transition-timing-function: linear;
+  }
+
+  .\32xl\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  .\32xl\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .\32xl\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .\32xl\:duration-75 {
+    transition-duration: 75ms;
+  }
+
+  .\32xl\:duration-100 {
+    transition-duration: 100ms;
+  }
+
+  .\32xl\:duration-150 {
+    transition-duration: 150ms;
+  }
+
+  .\32xl\:duration-200 {
+    transition-duration: 200ms;
+  }
+
+  .\32xl\:duration-300 {
+    transition-duration: 300ms;
+  }
+
+  .\32xl\:duration-500 {
+    transition-duration: 500ms;
+  }
+
+  .\32xl\:duration-700 {
+    transition-duration: 700ms;
+  }
+
+  .\32xl\:duration-1000 {
+    transition-duration: 1000ms;
+  }
+
+  .\32xl\:delay-75 {
+    transition-delay: 75ms;
+  }
+
+  .\32xl\:delay-100 {
+    transition-delay: 100ms;
+  }
+
+  .\32xl\:delay-150 {
+    transition-delay: 150ms;
+  }
+
+  .\32xl\:delay-200 {
+    transition-delay: 200ms;
+  }
+
+  .\32xl\:delay-300 {
+    transition-delay: 300ms;
+  }
+
+  .\32xl\:delay-500 {
+    transition-delay: 500ms;
+  }
+
+  .\32xl\:delay-700 {
+    transition-delay: 700ms;
+  }
+
+  .\32xl\:delay-1000 {
+    transition-delay: 1000ms;
+  }
+
+  .\32xl\:animate-none {
+    animation: none;
+  }
+
+  .\32xl\:animate-spin {
+    animation: spin 1s linear infinite;
+  }
+
+  .\32xl\:animate-ping {
+    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
+
+  .\32xl\:animate-pulse {
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .\32xl\:animate-bounce {
+    animation: bounce 1s infinite;
+  }
+}
diff --git a/test/specs/code/nesting.js b/test/specs/code/nesting.js
index a7fe6381..6c7b18e9 100644
--- a/test/specs/code/nesting.js
+++ b/test/specs/code/nesting.js
@@ -605,7 +605,7 @@ table.colortable td:first-child, table.colortable td:first-child+td {
             }).then(result => expect(result.code).equals(`table.colortable td.c {
  text-transform: uppercase
 }
-table.colortable td:first-child,table.colortable td:first-child+td {
+table.colortable td:is(:first-child,:first-child+td) {
  border: 1px solid #000
 }`));
         });
diff --git a/test/specs/code/validation.js b/test/specs/code/validation.js
index ae347493..f259d14a 100644
--- a/test/specs/code/validation.js
+++ b/test/specs/code/validation.js
@@ -549,6 +549,24 @@ html, body, div, span, applet, object, iframe,
                 resolveImport: true
             }).then(result => expect(result.errors.length).equals(20)).then(() => done(), () => done());
         });
+
+        it('file validation #26', function (done) {
+
+            transform(`@import '${import.meta.dirname ?? dirname(new URL(import.meta.url).pathname)}/../../files/css/tailwind-2.0.4.css';
+`, {
+                validation: true,
+                resolveImport: true
+            }).then(result => expect(result.errors.length).equals(0)).then(() => done(), () => done());
+        });
+
+        it('file validation #27', function (done) {
+
+            transform(`@import '${import.meta.dirname ?? dirname(new URL(import.meta.url).pathname)}/../../files/css/github-markdown.css';
+`, {
+                validation: true,
+                resolveImport: true
+            }).then(result => expect(result.errors.length).equals(1)).then(() => done(), () => done());
+        });
     });
 
 }
\ No newline at end of file
diff --git a/tools/local-patch.json b/tools/local-patch.json
index 4278f92f..71b54fdf 100644
--- a/tools/local-patch.json
+++ b/tools/local-patch.json
@@ -14,10 +14,15 @@
     }
   },
   "types": {
+    "track-breadth": {
+      "comment": "extend track-breadth syntax with -non-standard-size",
+      "syntax": "| <-non-standard-size>"
+    },
     "-non-standard-display": {
       "comment": "extend display syntax with -ms-flexbox",
       "syntax": "| -ms-flexbox"
     },
+
     "-non-standard-text-align": {
       "comment": "extend text-align",
       "syntax": "| -moz-center | -webkit-center | -webkit-match-parent"

From a74085ed9d799fcd939c283b390d933456cbf16a Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Fri, 25 Jul 2025 22:50:06 -0400
Subject: [PATCH 03/11] fix comment #92

---
 dist/index-umd-web.js              | 4 ----
 dist/index.cjs                     | 4 ----
 dist/lib/validation/config.json.js | 4 ----
 3 files changed, 12 deletions(-)

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index e4fc2838..3f654c53 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -10748,11 +10748,7 @@
     		syntax: "cover | contain | entry | exit | entry-crossing | exit-crossing"
     	},
     	"track-breadth": {
-<<<<<<< HEAD
     		syntax: "<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>"
-=======
-    		syntax: "<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>>"
->>>>>>> 061074209f760d5b1b976e09c82ddefc43772d1e
     	},
     	"track-list": {
     		syntax: "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"
diff --git a/dist/index.cjs b/dist/index.cjs
index 8f587fd1..d84adce4 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -10747,11 +10747,7 @@ var syntaxes = {
 		syntax: "cover | contain | entry | exit | entry-crossing | exit-crossing"
 	},
 	"track-breadth": {
-<<<<<<< HEAD
 		syntax: "<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>"
-=======
-		syntax: "<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>>"
->>>>>>> 061074209f760d5b1b976e09c82ddefc43772d1e
 	},
 	"track-list": {
 		syntax: "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"
diff --git a/dist/lib/validation/config.json.js b/dist/lib/validation/config.json.js
index 35554329..79908a82 100644
--- a/dist/lib/validation/config.json.js
+++ b/dist/lib/validation/config.json.js
@@ -3340,11 +3340,7 @@ var syntaxes = {
 		syntax: "cover | contain | entry | exit | entry-crossing | exit-crossing"
 	},
 	"track-breadth": {
-<<<<<<< HEAD
 		syntax: "<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>"
-=======
-		syntax: "<length-percentage> | <flex> | min-content | max-content | auto | <-non-standard-size>>"
->>>>>>> 061074209f760d5b1b976e09c82ddefc43772d1e
 	},
 	"track-list": {
 		syntax: "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"

From 2e93a1c9a6a585cdf92ad81e0f30e6fb27543b86 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Sat, 26 Jul 2025 12:04:50 -0400
Subject: [PATCH 04/11] syntax update #92

---
 dist/index-umd-web.js                         | 490 +++++++++---------
 dist/index.cjs                                | 490 +++++++++---------
 dist/lib/ast/expand.js                        |   2 +-
 dist/lib/ast/features/calc.js                 |   2 +-
 dist/lib/ast/features/inlinecssvariables.js   |   2 +-
 dist/lib/ast/features/prefix.js               |   2 +-
 dist/lib/ast/features/shorthand.js            |   2 +-
 dist/lib/ast/features/transform.js            |   2 +-
 dist/lib/ast/math/expression.js               |   2 +-
 dist/lib/ast/math/math.js                     |   2 +-
 dist/lib/ast/minify.js                        |   2 +-
 dist/lib/ast/transform/compute.js             |   4 +-
 dist/lib/ast/transform/matrix.js              |   4 +-
 dist/lib/parser/declaration/list.js           |   2 +-
 dist/lib/parser/declaration/map.js            |   2 +-
 dist/lib/parser/declaration/set.js            |   2 +-
 dist/lib/parser/parse.js                      |   6 +-
 dist/lib/parser/tokenize.js                   |  27 +-
 dist/lib/parser/utils/declaration.js          |   2 +-
 dist/lib/parser/utils/type.js                 |   2 +-
 dist/lib/renderer/render.js                   |  12 +-
 dist/lib/{renderer => syntax}/color/a98rgb.js |   2 +-
 .../{renderer => syntax}/color/color-mix.js   |   4 +-
 dist/lib/{renderer => syntax}/color/color.js  |   2 +-
 dist/lib/{renderer => syntax}/color/hex.js    |   2 +-
 dist/lib/{renderer => syntax}/color/hsl.js    |   2 +-
 dist/lib/{renderer => syntax}/color/hsv.js    |   0
 dist/lib/{renderer => syntax}/color/hwb.js    |   2 +-
 dist/lib/{renderer => syntax}/color/lab.js    |   2 +-
 dist/lib/{renderer => syntax}/color/lch.js    |   2 +-
 dist/lib/{renderer => syntax}/color/oklab.js  |   2 +-
 dist/lib/{renderer => syntax}/color/oklch.js  |   2 +-
 dist/lib/{renderer => syntax}/color/p3.js     |   2 +-
 .../{renderer => syntax}/color/prophotorgb.js |   0
 .../lib/{renderer => syntax}/color/rec2020.js |   2 +-
 .../color/relativecolor.js                    |  88 ++--
 dist/lib/{renderer => syntax}/color/rgb.js    |   2 +-
 dist/lib/{renderer => syntax}/color/srgb.js   |   2 +-
 .../color/utils/components.js                 |   2 +-
 .../color/utils/constants.js                  |   6 +-
 .../color/utils/matrix.js                     |   0
 dist/lib/{renderer => syntax}/color/xyz.js    |   2 +-
 dist/lib/{renderer => syntax}/color/xyzd50.js |   2 +-
 dist/lib/syntax/syntax.js                     |   2 +-
 dist/lib/validation/at-rules/container.js     |   2 +-
 dist/lib/validation/at-rules/counter-style.js |   2 +-
 dist/lib/validation/at-rules/custom-media.js  |   2 +-
 dist/lib/validation/at-rules/document.js      |   2 +-
 .../at-rules/font-feature-values.js           |   2 +-
 dist/lib/validation/at-rules/import.js        |   2 +-
 dist/lib/validation/at-rules/keyframes.js     |  27 +-
 dist/lib/validation/at-rules/layer.js         |   2 +-
 dist/lib/validation/at-rules/media.js         |   2 +-
 dist/lib/validation/at-rules/namespace.js     |   2 +-
 .../validation/at-rules/page-margin-box.js    |   2 +-
 dist/lib/validation/at-rules/page.js          |   2 +-
 dist/lib/validation/at-rules/supports.js      |   2 +-
 dist/lib/validation/at-rules/when.js          |   2 +-
 dist/lib/validation/atrule.js                 |   4 +-
 dist/lib/validation/config.js                 |   7 +-
 dist/lib/validation/parser/parse.js           |   2 +-
 dist/lib/validation/selector.js               |  17 +-
 dist/lib/validation/syntax.js                 | 228 ++++----
 .../syntaxes/complex-selector-list.js         |  32 +-
 .../validation/syntaxes/complex-selector.js   |   2 +-
 .../validation/syntaxes/compound-selector.js  |   2 +-
 dist/lib/validation/syntaxes/family-name.js   |   2 +-
 .../syntaxes/keyframe-block-list.js           |  28 -
 .../validation/syntaxes/keyframe-selector.js  |   2 +-
 dist/lib/validation/syntaxes/layer-name.js    |   2 +-
 .../syntaxes/relative-selector-list.js        |  52 +-
 .../validation/syntaxes/relative-selector.js  |   2 +-
 dist/lib/validation/syntaxes/url.js           |   2 +-
 dist/lib/validation/utils/list.js             |   2 +-
 dist/lib/validation/utils/whitespace.js       |   2 +-
 dist/node/index.js                            |   2 +-
 dist/web/index.js                             |   2 +-
 jsr.json                                      |   2 +-
 package.json                                  |   6 +-
 src/@types/token.d.ts                         |   2 +-
 src/@types/validation.d.ts                    |   2 +-
 src/lib/ast/features/prefix.ts                |   2 +-
 src/lib/ast/transform/compute.ts              |   2 +-
 src/lib/ast/transform/matrix.ts               |   2 +-
 src/lib/parser/parse.ts                       |  15 +-
 src/lib/parser/tokenize.ts                    |  28 +-
 src/lib/renderer/index.ts                     |   2 +-
 src/lib/renderer/render.ts                    |   4 +-
 src/lib/{renderer => syntax}/color/a98rgb.ts  |   2 +-
 .../{renderer => syntax}/color/color-mix.ts   |   8 +-
 src/lib/{renderer => syntax}/color/color.ts   |   6 +-
 src/lib/{renderer => syntax}/color/hex.ts     |   6 +-
 src/lib/{renderer => syntax}/color/hsl.ts     |   6 +-
 src/lib/{renderer => syntax}/color/hsv.ts     |   0
 src/lib/{renderer => syntax}/color/hwb.ts     |   6 +-
 src/lib/{renderer => syntax}/color/index.ts   |   2 +-
 src/lib/{renderer => syntax}/color/lab.ts     |   6 +-
 src/lib/{renderer => syntax}/color/lch.ts     |   6 +-
 src/lib/{renderer => syntax}/color/oklab.ts   |   6 +-
 src/lib/{renderer => syntax}/color/oklch.ts   |   6 +-
 src/lib/{renderer => syntax}/color/p3.ts      |   2 +-
 .../{renderer => syntax}/color/prophotorgb.ts |   0
 src/lib/{renderer => syntax}/color/rec2020.ts |   2 +-
 .../color/relativecolor.ts                    |  82 +--
 src/lib/{renderer => syntax}/color/rgb.ts     |   4 +-
 src/lib/{renderer => syntax}/color/srgb.ts    |  13 +-
 .../color/utils/components.ts                 |   4 +-
 .../color/utils/constants.ts                  |   6 +-
 .../{renderer => syntax}/color/utils/index.ts |   0
 .../color/utils/matrix.ts                     |   0
 src/lib/{renderer => syntax}/color/xyz.ts     |   2 +-
 src/lib/{renderer => syntax}/color/xyzd50.ts  |   2 +-
 src/lib/syntax/syntax.ts                      |   4 +-
 src/lib/validation/at-rules/keyframes.ts      |  26 +-
 src/lib/validation/at-rules/media.ts          |   2 +-
 src/lib/validation/at-rules/when.ts           |   2 +-
 src/lib/validation/atrule.ts                  |   2 +-
 src/lib/validation/config.ts                  |   8 +-
 src/lib/validation/selector.ts                |  22 +-
 src/lib/validation/syntax.ts                  | 260 +++++-----
 .../syntaxes/complex-selector-list.ts         |  31 +-
 .../syntaxes/relative-selector-list.ts        |  57 +-
 test/specs/code/at-rules.js                   | 262 ++++++++++
 test/specs/code/malformed.js                  |  38 +-
 124 files changed, 1475 insertions(+), 1121 deletions(-)
 rename dist/lib/{renderer => syntax}/color/a98rgb.js (98%)
 rename dist/lib/{renderer => syntax}/color/color-mix.js (99%)
 rename dist/lib/{renderer => syntax}/color/color.js (99%)
 rename dist/lib/{renderer => syntax}/color/hex.js (98%)
 rename dist/lib/{renderer => syntax}/color/hsl.js (98%)
 rename dist/lib/{renderer => syntax}/color/hsv.js (100%)
 rename dist/lib/{renderer => syntax}/color/hwb.js (98%)
 rename dist/lib/{renderer => syntax}/color/lab.js (99%)
 rename dist/lib/{renderer => syntax}/color/lch.js (98%)
 rename dist/lib/{renderer => syntax}/color/oklab.js (98%)
 rename dist/lib/{renderer => syntax}/color/oklch.js (97%)
 rename dist/lib/{renderer => syntax}/color/p3.js (97%)
 rename dist/lib/{renderer => syntax}/color/prophotorgb.js (100%)
 rename dist/lib/{renderer => syntax}/color/rec2020.js (98%)
 rename dist/lib/{renderer => syntax}/color/relativecolor.js (73%)
 rename dist/lib/{renderer => syntax}/color/rgb.js (97%)
 rename dist/lib/{renderer => syntax}/color/srgb.js (99%)
 rename dist/lib/{renderer => syntax}/color/utils/components.js (96%)
 rename dist/lib/{renderer => syntax}/color/utils/constants.js (96%)
 rename dist/lib/{renderer => syntax}/color/utils/matrix.js (100%)
 rename dist/lib/{renderer => syntax}/color/xyz.js (97%)
 rename dist/lib/{renderer => syntax}/color/xyzd50.js (97%)
 delete mode 100644 dist/lib/validation/syntaxes/keyframe-block-list.js
 rename src/lib/{renderer => syntax}/color/a98rgb.ts (98%)
 rename src/lib/{renderer => syntax}/color/color-mix.ts (98%)
 rename src/lib/{renderer => syntax}/color/color.ts (99%)
 rename src/lib/{renderer => syntax}/color/hex.ts (96%)
 rename src/lib/{renderer => syntax}/color/hsl.ts (96%)
 rename src/lib/{renderer => syntax}/color/hsv.ts (100%)
 rename src/lib/{renderer => syntax}/color/hwb.ts (95%)
 rename src/lib/{renderer => syntax}/color/index.ts (88%)
 rename src/lib/{renderer => syntax}/color/lab.ts (97%)
 rename src/lib/{renderer => syntax}/color/lch.ts (96%)
 rename src/lib/{renderer => syntax}/color/oklab.ts (97%)
 rename src/lib/{renderer => syntax}/color/oklch.ts (95%)
 rename src/lib/{renderer => syntax}/color/p3.ts (97%)
 rename src/lib/{renderer => syntax}/color/prophotorgb.ts (100%)
 rename src/lib/{renderer => syntax}/color/rec2020.ts (98%)
 rename src/lib/{renderer => syntax}/color/relativecolor.ts (82%)
 rename src/lib/{renderer => syntax}/color/rgb.ts (93%)
 rename src/lib/{renderer => syntax}/color/srgb.ts (97%)
 rename src/lib/{renderer => syntax}/color/utils/components.ts (94%)
 rename src/lib/{renderer => syntax}/color/utils/constants.ts (96%)
 rename src/lib/{renderer => syntax}/color/utils/index.ts (100%)
 rename src/lib/{renderer => syntax}/color/utils/matrix.ts (100%)
 rename src/lib/{renderer => syntax}/color/xyz.ts (97%)
 rename src/lib/{renderer => syntax}/color/xyzd50.ts (96%)

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 3f654c53..4c9fea02 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -248,7 +248,9 @@
         ColorKind[ColorKind["LIGHT_DARK"] = 24] = "LIGHT_DARK";
         ColorKind[ColorKind["COLOR_MIX"] = 25] = "COLOR_MIX";
     })(ColorKind || (ColorKind = {}));
+    const timelineFunc = ['view', 'scroll'];
     const generalEnclosedFunc = ['selector', 'font-tech', 'font-format', 'media', 'supports'];
+    const timingFunc = ['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear', 'step-start', 'step-end', 'steps', 'cubic-bezier'];
     const funcLike = [
         exports.EnumToken.ParensTokenType,
         exports.EnumToken.FunctionTokenType,
@@ -3320,9 +3322,10 @@
         // colorFuncColorSpace x,y,z or r,g,b
         const names = relativeKeys.startsWith('xyz') ? 'xyz' : relativeKeys.slice(-3);
         const converted = convert(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_')]);
-        if (converted == null) {
-            return null;
-        }
+        // if (converted == null) {
+        //
+        //     return null;
+        // }
         const children = converted.chi.filter(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.LiteralTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
         [r, g, b, alpha] = converted.kin == ColorKind.COLOR ? children.slice(1) : children;
         values = {
@@ -3357,9 +3360,10 @@
         return computeComponentValue(keys, converted, values);
     }
     function getValue(t, converted, component) {
-        if (t == null) {
-            return t;
-        }
+        // if (t == null) {
+        //
+        //     return t;
+        // }
         if (t.typ == exports.EnumToken.PercentageTokenType) {
             let value = getNumber(t);
             let colorSpace = ColorKind[converted.kin].toLowerCase().replaceAll('-', '_');
@@ -3389,44 +3393,55 @@
             }
         }
         for (const [key, exp] of Object.entries(expr)) {
+            /*
             if (exp == null) {
+
                 if (key in values) {
-                    if (typeof values[key] == 'number') {
-                        expr[key] = {
-                            typ: exports.EnumToken.NumberTokenType,
-                            val: reduceNumber(values[key])
+
+                    if (typeof values[<RelativeColorTypes>key] == 'number') {
+
+                        expr[<RelativeColorTypes>key] = {
+                            typ: EnumToken.NumberTokenType,
+                            val: reduceNumber(<number>values[<RelativeColorTypes>key])
                         };
-                    }
-                    else {
-                        expr[key] = values[key];
+                    } else {
+
+                        expr[<RelativeColorTypes>key] = <Token>values[<RelativeColorTypes>key];
                     }
                 }
-            }
-            else if ([exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.LengthTokenType].includes(exp.typ)) ;
+
+            } else
+                */
+            if ([exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.LengthTokenType].includes(exp.typ)) ;
             else if (exp.typ == exports.EnumToken.IdenTokenType && exp.val in values) {
-                if (typeof values[exp.val] == 'number') {
-                    expr[key] = {
-                        typ: exports.EnumToken.NumberTokenType,
-                        val: reduceNumber(values[exp.val])
-                    };
-                }
-                else {
-                    expr[key] = values[exp.val];
-                }
+                // if (typeof values[<RelativeColorTypes>exp.val] == 'number') {
+                //
+                //     expr[<RelativeColorTypes>key] = {
+                //         typ: EnumToken.NumberTokenType,
+                //         val: reduceNumber(<number>values[<RelativeColorTypes>exp.val])
+                //     };
+                // } else {
+                expr[key] = values[exp.val];
+                // }
             }
             else if (exp.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(exp.val)) {
                 for (let { value, parent } of walkValues(exp.chi, exp)) {
-                    if (parent == null) {
-                        parent = exp;
-                    }
-                    if (value.typ == exports.EnumToken.PercentageTokenType) {
-                        replaceValue(parent, value, getValue(value, converted, key));
-                    }
-                    else if (value.typ == exports.EnumToken.IdenTokenType) {
+                    // if (parent == null) {
+                    //
+                    //     parent = exp;
+                    // }
+                    /*
+                    if (value.typ == EnumToken.PercentageTokenType) {
+
+                        replaceValue(parent as BinaryExpressionToken | FunctionToken | ParensToken, value, getValue(value, converted, <RelativeColorTypes>key));
+                    } else
+                        */
+                    if (value.typ == exports.EnumToken.IdenTokenType) {
                         // @ts-ignore
-                        if (!(value.val in values || typeof Math[value.val.toUpperCase()] == 'number')) {
-                            return null;
-                        }
+                        // if (!(value.val in values || typeof Math[(value as IdentToken).val.toUpperCase()] == 'number')) {
+                        //
+                        //     return null;
+                        // }
                         // @ts-ignore
                         replaceValue(parent, value, values[value.val] ?? {
                             typ: exports.EnumToken.NumberTokenType,
@@ -3440,9 +3455,10 @@
                 if (result.length == 1 && result[0].typ != exports.EnumToken.BinaryExpressionTokenType) {
                     expr[key] = result[0];
                 }
-                else {
-                    return null;
-                }
+                // else {
+                //
+                //     return null;
+                // }
             }
         }
         return expr;
@@ -6847,11 +6863,12 @@
                     }
                     break;
                 }
-                if (i == 1) {
-                    buffer += value + sequence[i];
-                    next(parseInfo, 2);
-                    continue;
-                }
+                // if (i == 1) {
+                //
+                //     buffer += value + sequence[i];
+                //     next(parseInfo, 2);
+                //     continue;
+                // }
                 if (escapeSequence.trimEnd().length > 0) {
                     const codepoint = parseInt(escapeSequence, 16);
                     if (codepoint == 0 ||
@@ -6916,15 +6933,17 @@
     function next(parseInfo, count = 1) {
         let char = '';
         let chr = '';
-        if (count < 0) {
-            return '';
-        }
+        // if (count < 0) {
+        //
+        //     return '';
+        // }
         while (count-- && (chr = parseInfo.stream.charAt(parseInfo.currentPosition.ind + 1))) {
             char += chr;
             const codepoint = parseInfo.stream.charCodeAt(++parseInfo.currentPosition.ind);
-            if (isNaN(codepoint)) {
-                return char;
-            }
+            // if (isNaN(codepoint)) {
+            //
+            //     return char;
+            // }
             if (isNewLine(codepoint)) {
                 parseInfo.currentPosition.lin++;
                 parseInfo.currentPosition.col = 0;
@@ -12720,9 +12739,10 @@
                         key = matches[1] + matches[3];
                     }
                 }
-                if (!(key in obj)) {
-                    return null;
-                }
+                // if (!(key in obj)) {
+                //
+                //     return null;
+                // }
             }
             // @ts-ignore
             obj = obj[key];
@@ -13206,31 +13226,33 @@
     function validateRelativeSelectorList(tokens, root, options) {
         tokens = tokens.slice();
         consumeWhitespace(tokens);
-        if (tokens.length == 0) {
-            return {
-                valid: SyntaxValidationResult.Drop,
-                matches: [],
-                // @ts-ignore
-                node: root,
-                // @ts-ignore
-                syntax: null,
-                error: 'expecting relative selector list',
-                tokens
-            };
-        }
+        // if (tokens.length == 0) {
+        //
+        //     return {
+        //         valid: SyntaxValidationResult.Drop,
+        //         matches: [],
+        //         // @ts-ignore
+        //         node: root,
+        //         // @ts-ignore
+        //         syntax: null,
+        //         error: 'expecting relative selector list',
+        //         tokens
+        //     }
+        // }
         for (const t of splitTokenList(tokens)) {
-            if (t.length == 0) {
-                return {
-                    valid: SyntaxValidationResult.Drop,
-                    matches: [],
-                    // @ts-ignore
-                    node: root,
-                    // @ts-ignore
-                    syntax: null,
-                    error: 'unexpected comma',
-                    tokens
-                };
-            }
+            // if (t.length == 0) {
+            //
+            //     return {
+            //         valid: SyntaxValidationResult.Drop,
+            //         matches: [],
+            //         // @ts-ignore
+            //         node: root,
+            //         // @ts-ignore
+            //         syntax: null,
+            //         error: 'unexpected comma',
+            //         tokens
+            //     }
+            // }
             const result = validateRelativeSelector(t, root, options);
             if (result.valid == SyntaxValidationResult.Drop) {
                 return result;
@@ -13251,16 +13273,17 @@
     function validateComplexSelectorList(tokens, root, options) {
         tokens = tokens.slice();
         consumeWhitespace(tokens);
-        if (tokens.length == 0) {
-            return {
-                valid: SyntaxValidationResult.Drop,
-                context: [],
-                // @ts-ignore
-                node: root,
-                syntax: null,
-                error: 'expecting complex selector list'
-            };
-        }
+        // if (tokens.length == 0) {
+        //
+        //     return {
+        //         valid: SyntaxValidationResult.Drop,
+        //         context: [],
+        //         // @ts-ignore
+        //         node: root,
+        //         syntax: null,
+        //         error: 'expecting complex selector list'
+        //     }
+        // }
         let result = null;
         for (const t of splitTokenList(tokens)) {
             result = validateSelector$1(t, root, options);
@@ -13269,14 +13292,7 @@
             }
         }
         // @ts-ignore
-        return result ?? {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            // @ts-ignore
-            node: root,
-            syntax: null,
-            error: 'expecting complex selector list'
-        };
+        return result;
     }
 
     function validateKeyframeSelector(tokens, options) {
@@ -13322,32 +13338,12 @@
         };
     }
 
-    function validateKeyframeBlockList(tokens, atRule, options) {
-        let i = 0;
-        let j = 0;
-        let result = null;
-        while (i + 1 < tokens.length) {
-            if (tokens[++i].typ == exports.EnumToken.CommaTokenType) {
-                result = validateKeyframeSelector(tokens.slice(j, i));
-                if (result.valid == SyntaxValidationResult.Drop) {
-                    return result;
-                }
-                j = i + 1;
-                i = j;
-            }
-        }
-        return validateKeyframeSelector(i == j ? tokens.slice(i) : tokens.slice(j, i + 1));
-    }
-
     const config$2 = getSyntaxConfig();
     // @ts-ignore
     const allValues = getSyntaxConfig()["declarations" /* ValidationSyntaxGroupEnum.Declarations */].all.syntax.trim().split(/[\s|]+/g);
     function createContext(input) {
         const values = input.slice();
         const result = values.filter(token => token.typ != exports.EnumToken.CommentTokenType).slice();
-        if (result.at(-1)?.typ == exports.EnumToken.WhitespaceTokenType) {
-            result.pop();
-        }
         return {
             index: -1,
             peek() {
@@ -13369,15 +13365,15 @@
             },
             consume(token, howMany) {
                 let newIndex = result.indexOf(token, this.index + 1);
-                if (newIndex == -1 || newIndex < this.index) {
-                    return false;
-                }
+                // if (newIndex == -1 || newIndex < this.index) {
+                //     return false;
+                // }
                 howMany ??= 0;
                 let splice = 1;
-                if (result[newIndex - 1]?.typ == exports.EnumToken.WhitespaceTokenType) {
-                    splice++;
-                    newIndex--;
-                }
+                // if (result[newIndex - 1]?.typ == EnumToken.WhitespaceTokenType) {
+                //     splice++;
+                //     newIndex--;
+                // }
                 result.splice(this.index + 1, 0, ...result.splice(newIndex, splice + howMany));
                 this.index += howMany + splice;
                 return true;
@@ -13399,9 +13395,10 @@
                 this.index = index;
                 return result[this.index] ?? null;
             },
-            tokens() {
-                return result;
-            },
+            // tokens<Token>(): Token[] {
+            //
+            //     return result as Token[];
+            // },
             slice() {
                 return result.slice(this.index + 1);
             },
@@ -13411,13 +13408,14 @@
                 return context;
             },
             // @ts-ignore
-            toJSON() {
-                return {
-                    index: this.index,
-                    slice: this.slice(),
-                    tokens: this.tokens()
-                };
-            }
+            // toJSON(): object {
+            //
+            //     return {
+            //         index: this.index,
+            //         slice: this.slice(),
+            //         tokens: this.tokens()
+            //     }
+            // }
         };
     }
     function evaluateSyntax(node, options) {
@@ -13450,10 +13448,11 @@
                     result = doEvaluateSyntax(ast, createContext(values), { ...options, visited: new WeakMap() });
                     if (result.valid == SyntaxValidationResult.Valid && !result.context.done()) {
                         let token = null;
-                        while ((token = result.context.next()) != null) {
-                            if (token.typ == exports.EnumToken.WhitespaceTokenType || token.typ == exports.EnumToken.CommentTokenType) {
-                                continue;
-                            }
+                        if ((token = result.context.next()) != null) {
+                            // if (token.typ == EnumToken.WhitespaceTokenType || token.typ == EnumToken.CommentTokenType) {
+                            //
+                            //     continue;
+                            // }
                             return {
                                 ...result,
                                 valid: SyntaxValidationResult.Drop,
@@ -13469,10 +13468,10 @@
                     };
                 }
                 break;
-            case exports.EnumToken.RuleNodeType:
-            case exports.EnumToken.AtRuleNodeType:
-            case exports.EnumToken.KeyframeAtRuleNodeType:
-            case exports.EnumToken.KeyFrameRuleNodeType:
+            // case EnumToken.RuleNodeType:
+            // case EnumToken.AtRuleNodeType:
+            // case EnumToken.KeyframeAtRuleNodeType:
+            // case EnumToken.KeyFrameRuleNodeType:
             // default:
             //
             //     throw new Error(`Not implemented: ${node.typ}`);
@@ -13613,15 +13612,16 @@
             while (!con.done() && con.peek()?.typ != exports.EnumToken.CommaTokenType) {
                 tokens.push(con.next());
             }
-            if (tokens.length == 0) {
-                return {
-                    valid: SyntaxValidationResult.Drop,
-                    node: context.peek(),
-                    syntax,
-                    error: `could not match syntax: ${renderSyntax(syntax)}`,
-                    context
-                };
-            }
+            // if (tokens.length == 0) {
+            //
+            //     return {
+            //         valid: SyntaxValidationResult.Drop,
+            //         node: context.peek(),
+            //         syntax,
+            //         error: `could not match syntax: ${renderSyntax(syntax)}`,
+            //         context
+            //     }
+            // }
             result = doEvaluateSyntax([syntax], createContext(tokens), {
                 ...options,
                 isList: false,
@@ -13642,12 +13642,15 @@
             }
         }
         success = count > 0;
-        if (count && syntax.occurence != null) {
-            success = count >= syntax.occurence.min;
-            if (success && syntax.occurence.max != null) {
-                success = count <= syntax.occurence.max;
-            }
-        }
+        // if (count && syntax.occurence != null) {
+        //
+        //     success = count >= syntax.occurence.min;
+        //
+        //     if (success && syntax.occurence.max != null) {
+        //
+        //         success = count <= syntax.occurence.max;
+        //     }
+        // }
         return {
             valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
             node: context.peek(),
@@ -13706,19 +13709,22 @@
                 };
             }
         }
-        if (token.typ == exports.EnumToken.WhitespaceTokenType) {
-            context.next();
-            // @ts-ignore
-            if (syntax?.typ == ValidationTokenEnum.Whitespace) {
-                return {
-                    valid: SyntaxValidationResult.Valid,
-                    node: null,
-                    syntax,
-                    error: '',
-                    context
-                };
-            }
-        }
+        // if (token.typ == EnumToken.WhitespaceTokenType) {
+        //
+        //     context.next();
+        //
+        //     // @ts-ignore
+        //     if (syntax?.typ == ValidationTokenEnum.Whitespace) {
+        //
+        //         return {
+        //             valid: SyntaxValidationResult.Valid,
+        //             node: null,
+        //             syntax,
+        //             error: '',
+        //             context
+        //         }
+        //     }
+        // }
         if (syntax.typ != ValidationTokenEnum.PropertyType && (token?.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val))) {
             const result = doEvaluateSyntax(getParsedSyntax("functions" /* ValidationSyntaxGroupEnum.Functions */, token.val)?.[0]?.chi ?? [], createContext(token.chi), {
                 ...options,
@@ -13754,7 +13760,7 @@
                 return matchPropertyType(syntax, context, options);
             case ValidationTokenEnum.ValidationFunctionDefinition:
                 token = context.peek();
-                if (token.typ == exports.EnumToken.ParensTokenType || !funcLike.concat(exports.EnumToken.ColorTokenType) || (!('chi' in token))) {
+                if (token.typ == exports.EnumToken.ParensTokenType || !funcLike.concat(exports.EnumToken.ColorTokenType).includes(token.typ) || (!('chi' in token))) {
                     return {
                         valid: SyntaxValidationResult.Drop,
                         node: context.next(),
@@ -13778,37 +13784,49 @@
                     occurence: null,
                     atLeastOnce: null
                 });
-            case ValidationTokenEnum.Parens:
-                token = context.peek();
-                if (token.typ != exports.EnumToken.ParensTokenType) {
-                    break;
-                }
-                success = doEvaluateSyntax(syntax.chi, createContext(token.chi), {
-                    ...options,
-                    isRepeatable: null,
-                    isList: null,
-                    occurence: null,
-                    atLeastOnce: null
-                }).valid == SyntaxValidationResult.Valid;
-                break;
+            // case ValidationTokenEnum.Parens:
+            //
+            //     token = context.peek() as Token;
+            //     if (token.typ != EnumToken.ParensTokenType) {
+            //
+            //         break;
+            //     }
+            //
+            //     success = doEvaluateSyntax((syntax as ValidationParensToken).chi as ValidationToken[], createContext((token as ParensToken).chi), {
+            //         ...options,
+            //         isRepeatable: null,
+            //         isList: null,
+            //         occurence: null,
+            //         atLeastOnce: null
+            //     } as ValidationOptions).valid == SyntaxValidationResult.Valid;
+            //     break;
             case ValidationTokenEnum.Comma:
                 success = context.peek()?.typ == exports.EnumToken.CommaTokenType;
                 if (success) {
                     context.next();
                 }
                 break;
-            case ValidationTokenEnum.Number:
-                success = context.peek()?.typ == exports.EnumToken.NumberTokenType;
-                if (success) {
-                    context.next();
-                }
-                break;
-            case ValidationTokenEnum.Whitespace:
-                success = context.peek()?.typ == exports.EnumToken.WhitespaceTokenType;
-                if (success) {
-                    context.next();
-                }
-                break;
+            // case ValidationTokenEnum.Number:
+            //
+            //     success = context.peek<Token>()?.typ == EnumToken.NumberTokenType;
+            //
+            //     if (success) {
+            //
+            //         context.next();
+            //     }
+            //
+            //     break;
+            //
+            // case ValidationTokenEnum.Whitespace:
+            //
+            //     success = context.peek<Token>()?.typ == EnumToken.WhitespaceTokenType;
+            //
+            //     if (success) {
+            //
+            //         context.next();
+            //     }
+            //
+            //     break;
             case ValidationTokenEnum.Separator:
                 {
                     const token = context.peek();
@@ -13836,19 +13854,22 @@
                     }
                     break;
                 }
-                if (syntax.typ == ValidationTokenEnum.Function) {
-                    success = funcLike.includes(token.typ) && doEvaluateSyntax(getParsedSyntax("syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */, syntax.val + '()')?.[0]?.chi, createContext(token.chi), {
-                        ...options,
-                        isRepeatable: null,
-                        isList: null,
-                        occurence: null,
-                        atLeastOnce: null
-                    }).valid == SyntaxValidationResult.Valid;
-                    if (success) {
-                        context.next();
-                    }
-                    break;
-                }
+            // if (syntax.typ == ValidationTokenEnum.Function) {
+            //
+            //     success = funcLike.includes(token.typ) && doEvaluateSyntax((getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, (syntax as ValidationFunctionToken).val + '()')?.[0] as ValidationFunctionToken)?.chi as ValidationToken[], createContext((token as FunctionToken).chi), {
+            //         ...options,
+            //         isRepeatable: null,
+            //         isList: null,
+            //         occurence: null,
+            //         atLeastOnce: null
+            //     } as ValidationOptions).valid == SyntaxValidationResult.Valid;
+            //
+            //     if (success) {
+            //
+            //         context.next();
+            //     }
+            //     break;
+            // }
             // throw new Error(`Not implemented: ${ValidationTokenEnum[syntax.typ] ?? syntax.typ} : ${renderSyntax(syntax)} : ${renderToken(context.peek() as Token)} : ${JSON.stringify(syntax, null, 1)} | ${JSON.stringify(context.peek(), null, 1)}`);
         }
         if (!success && token.typ == exports.EnumToken.IdenTokenType && allValues.includes(token.val.toLowerCase())) {
@@ -14140,9 +14161,10 @@
         let success = false;
         const matched = [];
         for (i = 0; i < syntaxes.length; i++) {
-            if (context.peek()?.typ == exports.EnumToken.WhitespaceTokenType) {
-                context.next();
-            }
+            // if (context.peek<Token>()?.typ == EnumToken.WhitespaceTokenType) {
+            //
+            //     context.next();
+            // }
             result = doEvaluateSyntax(syntaxes[i], context.clone(), options);
             if (result.valid == SyntaxValidationResult.Valid) {
                 success = true;
@@ -14211,9 +14233,10 @@
         for (i = 0; i < slice.length; i++) {
             if (slice[i].typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(slice[i].val.toLowerCase())) {
                 vars.push(slice[i]);
-                if (slice[i + 1]?.typ == exports.EnumToken.WhitespaceTokenType) {
-                    vars.push(slice[++i]);
-                }
+                // if (slice[i + 1]?.typ == EnumToken.WhitespaceTokenType) {
+                //
+                //     vars.push(slice[++i]);
+                // }
                 continue;
             }
             if (slice[i].typ == exports.EnumToken.CommaTokenType || (slice[i].typ == exports.EnumToken.LiteralTokenType && slice[i].val == '/')) {
@@ -14360,13 +14383,15 @@
     const validateSelectorList = validateComplexSelectorList;
 
     function validateSelector(selector, options, root) {
-        if (root == null) {
-            return validateSelectorList(selector, root, options);
-        }
+        // if (root == null) {
+        //
+        //     return validateSelectorList(selector, root, options);
+        // }
         // @ts-ignore
-        if (root.typ == exports.EnumToken.AtRuleNodeType && root.nam.match(/^(-[a-z]+-)?keyframes$/)) {
-            return validateKeyframeBlockList(selector);
-        }
+        // if (root.typ == EnumToken.AtRuleNodeType && root.nam.match(/^(-[a-z]+-)?keyframes$/)) {
+        //
+        //     return validateKeyframeBlockList(selector, root as AstAtRule, options);
+        // }
         let isNested = root.typ == exports.EnumToken.RuleNodeType ? 1 : 0;
         let currentRoot = root.parent;
         while (currentRoot != null && isNested == 0) {
@@ -15423,19 +15448,20 @@
                 error: 'expecting at-rule prelude'
             };
         }
-        const tokens = atRule.tokens.slice();
+        const tokens = atRule.tokens.filter((t) => t.typ != exports.EnumToken.CommentTokenType).slice();
         consumeWhitespace(tokens);
-        if (tokens.length == 0) {
-            // @ts-ignore
-            return {
-                valid: SyntaxValidationResult.Drop,
-                context: [],
-                node: atRule,
-                syntax: '@keyframes',
-                error: 'expecting at-rule prelude'
-            };
-        }
-        if (![exports.EnumToken.StringTokenType, exports.EnumToken.IdenTokenType].includes(tokens[0].typ)) {
+        // if (tokens.length == 0) {
+        //
+        //     // @ts-ignore
+        //     return {
+        //         valid: SyntaxValidationResult.Drop,
+        //         context: [],
+        //         node: atRule,
+        //         syntax: '@keyframes',
+        //         error: 'expecting at-rule prelude'
+        //     } as ValidationSyntaxResult;
+        // }
+        if (tokens.length == 0 || ![exports.EnumToken.StringTokenType, exports.EnumToken.IdenTokenType].includes(tokens[0].typ)) {
             // @ts-ignore
             return {
                 valid: SyntaxValidationResult.Drop,
@@ -16041,7 +16067,7 @@
             return validateAtRuleCustomMedia(atRule);
         }
         if (['position-try', 'property', 'font-palette-values'].includes(atRule.nam)) {
-            if (!('tokens' in atRule)) {
+            if (!Array.isArray(atRule.tokens) || atRule.tokens.length == 0) {
                 return {
                     valid: SyntaxValidationResult.Drop,
                     node: atRule,
@@ -17341,14 +17367,14 @@
                     chi: []
                 };
             }
-            if (['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear', 'step-start', 'step-end', 'steps', 'cubic-bezier'].includes(val)) {
+            if (timingFunc.includes(val.toLowerCase())) {
                 return {
                     typ: exports.EnumToken.TimingFunctionTokenType,
                     val,
                     chi: []
                 };
             }
-            if (['view', 'scroll'].includes(val)) {
+            if (timelineFunc.includes(val)) {
                 return {
                     typ: exports.EnumToken.TimelineFunctionTokenType,
                     val,
diff --git a/dist/index.cjs b/dist/index.cjs
index d84adce4..c89446c3 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -247,7 +247,9 @@ var ColorKind;
     ColorKind[ColorKind["LIGHT_DARK"] = 24] = "LIGHT_DARK";
     ColorKind[ColorKind["COLOR_MIX"] = 25] = "COLOR_MIX";
 })(ColorKind || (ColorKind = {}));
+const timelineFunc = ['view', 'scroll'];
 const generalEnclosedFunc = ['selector', 'font-tech', 'font-format', 'media', 'supports'];
+const timingFunc = ['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear', 'step-start', 'step-end', 'steps', 'cubic-bezier'];
 const funcLike = [
     exports.EnumToken.ParensTokenType,
     exports.EnumToken.FunctionTokenType,
@@ -3319,9 +3321,10 @@ function parseRelativeColor(relativeKeys, original, rExp, gExp, bExp, aExp) {
     // colorFuncColorSpace x,y,z or r,g,b
     const names = relativeKeys.startsWith('xyz') ? 'xyz' : relativeKeys.slice(-3);
     const converted = convert(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_')]);
-    if (converted == null) {
-        return null;
-    }
+    // if (converted == null) {
+    //
+    //     return null;
+    // }
     const children = converted.chi.filter(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.LiteralTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
     [r, g, b, alpha] = converted.kin == ColorKind.COLOR ? children.slice(1) : children;
     values = {
@@ -3356,9 +3359,10 @@ function parseRelativeColor(relativeKeys, original, rExp, gExp, bExp, aExp) {
     return computeComponentValue(keys, converted, values);
 }
 function getValue(t, converted, component) {
-    if (t == null) {
-        return t;
-    }
+    // if (t == null) {
+    //
+    //     return t;
+    // }
     if (t.typ == exports.EnumToken.PercentageTokenType) {
         let value = getNumber(t);
         let colorSpace = ColorKind[converted.kin].toLowerCase().replaceAll('-', '_');
@@ -3388,44 +3392,55 @@ function computeComponentValue(expr, converted, values) {
         }
     }
     for (const [key, exp] of Object.entries(expr)) {
+        /*
         if (exp == null) {
+
             if (key in values) {
-                if (typeof values[key] == 'number') {
-                    expr[key] = {
-                        typ: exports.EnumToken.NumberTokenType,
-                        val: reduceNumber(values[key])
+
+                if (typeof values[<RelativeColorTypes>key] == 'number') {
+
+                    expr[<RelativeColorTypes>key] = {
+                        typ: EnumToken.NumberTokenType,
+                        val: reduceNumber(<number>values[<RelativeColorTypes>key])
                     };
-                }
-                else {
-                    expr[key] = values[key];
+                } else {
+
+                    expr[<RelativeColorTypes>key] = <Token>values[<RelativeColorTypes>key];
                 }
             }
-        }
-        else if ([exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.LengthTokenType].includes(exp.typ)) ;
+
+        } else
+            */
+        if ([exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.LengthTokenType].includes(exp.typ)) ;
         else if (exp.typ == exports.EnumToken.IdenTokenType && exp.val in values) {
-            if (typeof values[exp.val] == 'number') {
-                expr[key] = {
-                    typ: exports.EnumToken.NumberTokenType,
-                    val: reduceNumber(values[exp.val])
-                };
-            }
-            else {
-                expr[key] = values[exp.val];
-            }
+            // if (typeof values[<RelativeColorTypes>exp.val] == 'number') {
+            //
+            //     expr[<RelativeColorTypes>key] = {
+            //         typ: EnumToken.NumberTokenType,
+            //         val: reduceNumber(<number>values[<RelativeColorTypes>exp.val])
+            //     };
+            // } else {
+            expr[key] = values[exp.val];
+            // }
         }
         else if (exp.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(exp.val)) {
             for (let { value, parent } of walkValues(exp.chi, exp)) {
-                if (parent == null) {
-                    parent = exp;
-                }
-                if (value.typ == exports.EnumToken.PercentageTokenType) {
-                    replaceValue(parent, value, getValue(value, converted, key));
-                }
-                else if (value.typ == exports.EnumToken.IdenTokenType) {
+                // if (parent == null) {
+                //
+                //     parent = exp;
+                // }
+                /*
+                if (value.typ == EnumToken.PercentageTokenType) {
+
+                    replaceValue(parent as BinaryExpressionToken | FunctionToken | ParensToken, value, getValue(value, converted, <RelativeColorTypes>key));
+                } else
+                    */
+                if (value.typ == exports.EnumToken.IdenTokenType) {
                     // @ts-ignore
-                    if (!(value.val in values || typeof Math[value.val.toUpperCase()] == 'number')) {
-                        return null;
-                    }
+                    // if (!(value.val in values || typeof Math[(value as IdentToken).val.toUpperCase()] == 'number')) {
+                    //
+                    //     return null;
+                    // }
                     // @ts-ignore
                     replaceValue(parent, value, values[value.val] ?? {
                         typ: exports.EnumToken.NumberTokenType,
@@ -3439,9 +3454,10 @@ function computeComponentValue(expr, converted, values) {
             if (result.length == 1 && result[0].typ != exports.EnumToken.BinaryExpressionTokenType) {
                 expr[key] = result[0];
             }
-            else {
-                return null;
-            }
+            // else {
+            //
+            //     return null;
+            // }
         }
     }
     return expr;
@@ -6846,11 +6862,12 @@ function* consumeString(quoteStr, buffer, parseInfo) {
                 }
                 break;
             }
-            if (i == 1) {
-                buffer += value + sequence[i];
-                next(parseInfo, 2);
-                continue;
-            }
+            // if (i == 1) {
+            //
+            //     buffer += value + sequence[i];
+            //     next(parseInfo, 2);
+            //     continue;
+            // }
             if (escapeSequence.trimEnd().length > 0) {
                 const codepoint = parseInt(escapeSequence, 16);
                 if (codepoint == 0 ||
@@ -6915,15 +6932,17 @@ function prev(parseInfo, count = 1) {
 function next(parseInfo, count = 1) {
     let char = '';
     let chr = '';
-    if (count < 0) {
-        return '';
-    }
+    // if (count < 0) {
+    //
+    //     return '';
+    // }
     while (count-- && (chr = parseInfo.stream.charAt(parseInfo.currentPosition.ind + 1))) {
         char += chr;
         const codepoint = parseInfo.stream.charCodeAt(++parseInfo.currentPosition.ind);
-        if (isNaN(codepoint)) {
-            return char;
-        }
+        // if (isNaN(codepoint)) {
+        //
+        //     return char;
+        // }
         if (isNewLine(codepoint)) {
             parseInfo.currentPosition.lin++;
             parseInfo.currentPosition.col = 0;
@@ -12719,9 +12738,10 @@ function getSyntax(group, key) {
                     key = matches[1] + matches[3];
                 }
             }
-            if (!(key in obj)) {
-                return null;
-            }
+            // if (!(key in obj)) {
+            //
+            //     return null;
+            // }
         }
         // @ts-ignore
         obj = obj[key];
@@ -13205,31 +13225,33 @@ function validateRelativeSelector(tokens, root, options) {
 function validateRelativeSelectorList(tokens, root, options) {
     tokens = tokens.slice();
     consumeWhitespace(tokens);
-    if (tokens.length == 0) {
-        return {
-            valid: SyntaxValidationResult.Drop,
-            matches: [],
-            // @ts-ignore
-            node: root,
-            // @ts-ignore
-            syntax: null,
-            error: 'expecting relative selector list',
-            tokens
-        };
-    }
+    // if (tokens.length == 0) {
+    //
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         matches: [],
+    //         // @ts-ignore
+    //         node: root,
+    //         // @ts-ignore
+    //         syntax: null,
+    //         error: 'expecting relative selector list',
+    //         tokens
+    //     }
+    // }
     for (const t of splitTokenList(tokens)) {
-        if (t.length == 0) {
-            return {
-                valid: SyntaxValidationResult.Drop,
-                matches: [],
-                // @ts-ignore
-                node: root,
-                // @ts-ignore
-                syntax: null,
-                error: 'unexpected comma',
-                tokens
-            };
-        }
+        // if (t.length == 0) {
+        //
+        //     return {
+        //         valid: SyntaxValidationResult.Drop,
+        //         matches: [],
+        //         // @ts-ignore
+        //         node: root,
+        //         // @ts-ignore
+        //         syntax: null,
+        //         error: 'unexpected comma',
+        //         tokens
+        //     }
+        // }
         const result = validateRelativeSelector(t, root, options);
         if (result.valid == SyntaxValidationResult.Drop) {
             return result;
@@ -13250,16 +13272,17 @@ function validateRelativeSelectorList(tokens, root, options) {
 function validateComplexSelectorList(tokens, root, options) {
     tokens = tokens.slice();
     consumeWhitespace(tokens);
-    if (tokens.length == 0) {
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            // @ts-ignore
-            node: root,
-            syntax: null,
-            error: 'expecting complex selector list'
-        };
-    }
+    // if (tokens.length == 0) {
+    //
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         context: [],
+    //         // @ts-ignore
+    //         node: root,
+    //         syntax: null,
+    //         error: 'expecting complex selector list'
+    //     }
+    // }
     let result = null;
     for (const t of splitTokenList(tokens)) {
         result = validateSelector$1(t, root, options);
@@ -13268,14 +13291,7 @@ function validateComplexSelectorList(tokens, root, options) {
         }
     }
     // @ts-ignore
-    return result ?? {
-        valid: SyntaxValidationResult.Drop,
-        context: [],
-        // @ts-ignore
-        node: root,
-        syntax: null,
-        error: 'expecting complex selector list'
-    };
+    return result;
 }
 
 function validateKeyframeSelector(tokens, options) {
@@ -13321,23 +13337,6 @@ function validateKeyframeSelector(tokens, options) {
     };
 }
 
-function validateKeyframeBlockList(tokens, atRule, options) {
-    let i = 0;
-    let j = 0;
-    let result = null;
-    while (i + 1 < tokens.length) {
-        if (tokens[++i].typ == exports.EnumToken.CommaTokenType) {
-            result = validateKeyframeSelector(tokens.slice(j, i));
-            if (result.valid == SyntaxValidationResult.Drop) {
-                return result;
-            }
-            j = i + 1;
-            i = j;
-        }
-    }
-    return validateKeyframeSelector(i == j ? tokens.slice(i) : tokens.slice(j, i + 1));
-}
-
 const matchUrl = /^(https?:)?\/\//;
 /**
  * return the directory name of a path
@@ -13454,9 +13453,6 @@ const allValues = getSyntaxConfig()["declarations" /* ValidationSyntaxGroupEnum.
 function createContext(input) {
     const values = input.slice();
     const result = values.filter(token => token.typ != exports.EnumToken.CommentTokenType).slice();
-    if (result.at(-1)?.typ == exports.EnumToken.WhitespaceTokenType) {
-        result.pop();
-    }
     return {
         index: -1,
         peek() {
@@ -13478,15 +13474,15 @@ function createContext(input) {
         },
         consume(token, howMany) {
             let newIndex = result.indexOf(token, this.index + 1);
-            if (newIndex == -1 || newIndex < this.index) {
-                return false;
-            }
+            // if (newIndex == -1 || newIndex < this.index) {
+            //     return false;
+            // }
             howMany ??= 0;
             let splice = 1;
-            if (result[newIndex - 1]?.typ == exports.EnumToken.WhitespaceTokenType) {
-                splice++;
-                newIndex--;
-            }
+            // if (result[newIndex - 1]?.typ == EnumToken.WhitespaceTokenType) {
+            //     splice++;
+            //     newIndex--;
+            // }
             result.splice(this.index + 1, 0, ...result.splice(newIndex, splice + howMany));
             this.index += howMany + splice;
             return true;
@@ -13508,9 +13504,10 @@ function createContext(input) {
             this.index = index;
             return result[this.index] ?? null;
         },
-        tokens() {
-            return result;
-        },
+        // tokens<Token>(): Token[] {
+        //
+        //     return result as Token[];
+        // },
         slice() {
             return result.slice(this.index + 1);
         },
@@ -13520,13 +13517,14 @@ function createContext(input) {
             return context;
         },
         // @ts-ignore
-        toJSON() {
-            return {
-                index: this.index,
-                slice: this.slice(),
-                tokens: this.tokens()
-            };
-        }
+        // toJSON(): object {
+        //
+        //     return {
+        //         index: this.index,
+        //         slice: this.slice(),
+        //         tokens: this.tokens()
+        //     }
+        // }
     };
 }
 function evaluateSyntax(node, options) {
@@ -13559,10 +13557,11 @@ function evaluateSyntax(node, options) {
                 result = doEvaluateSyntax(ast, createContext(values), { ...options, visited: new WeakMap() });
                 if (result.valid == SyntaxValidationResult.Valid && !result.context.done()) {
                     let token = null;
-                    while ((token = result.context.next()) != null) {
-                        if (token.typ == exports.EnumToken.WhitespaceTokenType || token.typ == exports.EnumToken.CommentTokenType) {
-                            continue;
-                        }
+                    if ((token = result.context.next()) != null) {
+                        // if (token.typ == EnumToken.WhitespaceTokenType || token.typ == EnumToken.CommentTokenType) {
+                        //
+                        //     continue;
+                        // }
                         return {
                             ...result,
                             valid: SyntaxValidationResult.Drop,
@@ -13578,10 +13577,10 @@ function evaluateSyntax(node, options) {
                 };
             }
             break;
-        case exports.EnumToken.RuleNodeType:
-        case exports.EnumToken.AtRuleNodeType:
-        case exports.EnumToken.KeyframeAtRuleNodeType:
-        case exports.EnumToken.KeyFrameRuleNodeType:
+        // case EnumToken.RuleNodeType:
+        // case EnumToken.AtRuleNodeType:
+        // case EnumToken.KeyframeAtRuleNodeType:
+        // case EnumToken.KeyFrameRuleNodeType:
         // default:
         //
         //     throw new Error(`Not implemented: ${node.typ}`);
@@ -13722,15 +13721,16 @@ function matchList(syntax, context, options) {
         while (!con.done() && con.peek()?.typ != exports.EnumToken.CommaTokenType) {
             tokens.push(con.next());
         }
-        if (tokens.length == 0) {
-            return {
-                valid: SyntaxValidationResult.Drop,
-                node: context.peek(),
-                syntax,
-                error: `could not match syntax: ${renderSyntax(syntax)}`,
-                context
-            };
-        }
+        // if (tokens.length == 0) {
+        //
+        //     return {
+        //         valid: SyntaxValidationResult.Drop,
+        //         node: context.peek(),
+        //         syntax,
+        //         error: `could not match syntax: ${renderSyntax(syntax)}`,
+        //         context
+        //     }
+        // }
         result = doEvaluateSyntax([syntax], createContext(tokens), {
             ...options,
             isList: false,
@@ -13751,12 +13751,15 @@ function matchList(syntax, context, options) {
         }
     }
     success = count > 0;
-    if (count && syntax.occurence != null) {
-        success = count >= syntax.occurence.min;
-        if (success && syntax.occurence.max != null) {
-            success = count <= syntax.occurence.max;
-        }
-    }
+    // if (count && syntax.occurence != null) {
+    //
+    //     success = count >= syntax.occurence.min;
+    //
+    //     if (success && syntax.occurence.max != null) {
+    //
+    //         success = count <= syntax.occurence.max;
+    //     }
+    // }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
         node: context.peek(),
@@ -13815,19 +13818,22 @@ function match(syntax, context, options) {
             };
         }
     }
-    if (token.typ == exports.EnumToken.WhitespaceTokenType) {
-        context.next();
-        // @ts-ignore
-        if (syntax?.typ == ValidationTokenEnum.Whitespace) {
-            return {
-                valid: SyntaxValidationResult.Valid,
-                node: null,
-                syntax,
-                error: '',
-                context
-            };
-        }
-    }
+    // if (token.typ == EnumToken.WhitespaceTokenType) {
+    //
+    //     context.next();
+    //
+    //     // @ts-ignore
+    //     if (syntax?.typ == ValidationTokenEnum.Whitespace) {
+    //
+    //         return {
+    //             valid: SyntaxValidationResult.Valid,
+    //             node: null,
+    //             syntax,
+    //             error: '',
+    //             context
+    //         }
+    //     }
+    // }
     if (syntax.typ != ValidationTokenEnum.PropertyType && (token?.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val))) {
         const result = doEvaluateSyntax(getParsedSyntax("functions" /* ValidationSyntaxGroupEnum.Functions */, token.val)?.[0]?.chi ?? [], createContext(token.chi), {
             ...options,
@@ -13863,7 +13869,7 @@ function match(syntax, context, options) {
             return matchPropertyType(syntax, context, options);
         case ValidationTokenEnum.ValidationFunctionDefinition:
             token = context.peek();
-            if (token.typ == exports.EnumToken.ParensTokenType || !funcLike.concat(exports.EnumToken.ColorTokenType) || (!('chi' in token))) {
+            if (token.typ == exports.EnumToken.ParensTokenType || !funcLike.concat(exports.EnumToken.ColorTokenType).includes(token.typ) || (!('chi' in token))) {
                 return {
                     valid: SyntaxValidationResult.Drop,
                     node: context.next(),
@@ -13887,37 +13893,49 @@ function match(syntax, context, options) {
                 occurence: null,
                 atLeastOnce: null
             });
-        case ValidationTokenEnum.Parens:
-            token = context.peek();
-            if (token.typ != exports.EnumToken.ParensTokenType) {
-                break;
-            }
-            success = doEvaluateSyntax(syntax.chi, createContext(token.chi), {
-                ...options,
-                isRepeatable: null,
-                isList: null,
-                occurence: null,
-                atLeastOnce: null
-            }).valid == SyntaxValidationResult.Valid;
-            break;
+        // case ValidationTokenEnum.Parens:
+        //
+        //     token = context.peek() as Token;
+        //     if (token.typ != EnumToken.ParensTokenType) {
+        //
+        //         break;
+        //     }
+        //
+        //     success = doEvaluateSyntax((syntax as ValidationParensToken).chi as ValidationToken[], createContext((token as ParensToken).chi), {
+        //         ...options,
+        //         isRepeatable: null,
+        //         isList: null,
+        //         occurence: null,
+        //         atLeastOnce: null
+        //     } as ValidationOptions).valid == SyntaxValidationResult.Valid;
+        //     break;
         case ValidationTokenEnum.Comma:
             success = context.peek()?.typ == exports.EnumToken.CommaTokenType;
             if (success) {
                 context.next();
             }
             break;
-        case ValidationTokenEnum.Number:
-            success = context.peek()?.typ == exports.EnumToken.NumberTokenType;
-            if (success) {
-                context.next();
-            }
-            break;
-        case ValidationTokenEnum.Whitespace:
-            success = context.peek()?.typ == exports.EnumToken.WhitespaceTokenType;
-            if (success) {
-                context.next();
-            }
-            break;
+        // case ValidationTokenEnum.Number:
+        //
+        //     success = context.peek<Token>()?.typ == EnumToken.NumberTokenType;
+        //
+        //     if (success) {
+        //
+        //         context.next();
+        //     }
+        //
+        //     break;
+        //
+        // case ValidationTokenEnum.Whitespace:
+        //
+        //     success = context.peek<Token>()?.typ == EnumToken.WhitespaceTokenType;
+        //
+        //     if (success) {
+        //
+        //         context.next();
+        //     }
+        //
+        //     break;
         case ValidationTokenEnum.Separator:
             {
                 const token = context.peek();
@@ -13945,19 +13963,22 @@ function match(syntax, context, options) {
                 }
                 break;
             }
-            if (syntax.typ == ValidationTokenEnum.Function) {
-                success = funcLike.includes(token.typ) && doEvaluateSyntax(getParsedSyntax("syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */, syntax.val + '()')?.[0]?.chi, createContext(token.chi), {
-                    ...options,
-                    isRepeatable: null,
-                    isList: null,
-                    occurence: null,
-                    atLeastOnce: null
-                }).valid == SyntaxValidationResult.Valid;
-                if (success) {
-                    context.next();
-                }
-                break;
-            }
+        // if (syntax.typ == ValidationTokenEnum.Function) {
+        //
+        //     success = funcLike.includes(token.typ) && doEvaluateSyntax((getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, (syntax as ValidationFunctionToken).val + '()')?.[0] as ValidationFunctionToken)?.chi as ValidationToken[], createContext((token as FunctionToken).chi), {
+        //         ...options,
+        //         isRepeatable: null,
+        //         isList: null,
+        //         occurence: null,
+        //         atLeastOnce: null
+        //     } as ValidationOptions).valid == SyntaxValidationResult.Valid;
+        //
+        //     if (success) {
+        //
+        //         context.next();
+        //     }
+        //     break;
+        // }
         // throw new Error(`Not implemented: ${ValidationTokenEnum[syntax.typ] ?? syntax.typ} : ${renderSyntax(syntax)} : ${renderToken(context.peek() as Token)} : ${JSON.stringify(syntax, null, 1)} | ${JSON.stringify(context.peek(), null, 1)}`);
     }
     if (!success && token.typ == exports.EnumToken.IdenTokenType && allValues.includes(token.val.toLowerCase())) {
@@ -14249,9 +14270,10 @@ function someOf(syntaxes, context, options) {
     let success = false;
     const matched = [];
     for (i = 0; i < syntaxes.length; i++) {
-        if (context.peek()?.typ == exports.EnumToken.WhitespaceTokenType) {
-            context.next();
-        }
+        // if (context.peek<Token>()?.typ == EnumToken.WhitespaceTokenType) {
+        //
+        //     context.next();
+        // }
         result = doEvaluateSyntax(syntaxes[i], context.clone(), options);
         if (result.valid == SyntaxValidationResult.Valid) {
             success = true;
@@ -14320,9 +14342,10 @@ function allOf(syntax, context, options) {
     for (i = 0; i < slice.length; i++) {
         if (slice[i].typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(slice[i].val.toLowerCase())) {
             vars.push(slice[i]);
-            if (slice[i + 1]?.typ == exports.EnumToken.WhitespaceTokenType) {
-                vars.push(slice[++i]);
-            }
+            // if (slice[i + 1]?.typ == EnumToken.WhitespaceTokenType) {
+            //
+            //     vars.push(slice[++i]);
+            // }
             continue;
         }
         if (slice[i].typ == exports.EnumToken.CommaTokenType || (slice[i].typ == exports.EnumToken.LiteralTokenType && slice[i].val == '/')) {
@@ -14469,13 +14492,15 @@ function validateURL(token) {
 const validateSelectorList = validateComplexSelectorList;
 
 function validateSelector(selector, options, root) {
-    if (root == null) {
-        return validateSelectorList(selector, root, options);
-    }
+    // if (root == null) {
+    //
+    //     return validateSelectorList(selector, root, options);
+    // }
     // @ts-ignore
-    if (root.typ == exports.EnumToken.AtRuleNodeType && root.nam.match(/^(-[a-z]+-)?keyframes$/)) {
-        return validateKeyframeBlockList(selector);
-    }
+    // if (root.typ == EnumToken.AtRuleNodeType && root.nam.match(/^(-[a-z]+-)?keyframes$/)) {
+    //
+    //     return validateKeyframeBlockList(selector, root as AstAtRule, options);
+    // }
     let isNested = root.typ == exports.EnumToken.RuleNodeType ? 1 : 0;
     let currentRoot = root.parent;
     while (currentRoot != null && isNested == 0) {
@@ -15532,19 +15557,20 @@ function validateAtRuleKeyframes(atRule, options, root) {
             error: 'expecting at-rule prelude'
         };
     }
-    const tokens = atRule.tokens.slice();
+    const tokens = atRule.tokens.filter((t) => t.typ != exports.EnumToken.CommentTokenType).slice();
     consumeWhitespace(tokens);
-    if (tokens.length == 0) {
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            node: atRule,
-            syntax: '@keyframes',
-            error: 'expecting at-rule prelude'
-        };
-    }
-    if (![exports.EnumToken.StringTokenType, exports.EnumToken.IdenTokenType].includes(tokens[0].typ)) {
+    // if (tokens.length == 0) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         context: [],
+    //         node: atRule,
+    //         syntax: '@keyframes',
+    //         error: 'expecting at-rule prelude'
+    //     } as ValidationSyntaxResult;
+    // }
+    if (tokens.length == 0 || ![exports.EnumToken.StringTokenType, exports.EnumToken.IdenTokenType].includes(tokens[0].typ)) {
         // @ts-ignore
         return {
             valid: SyntaxValidationResult.Drop,
@@ -16150,7 +16176,7 @@ function validateAtRule(atRule, options, root) {
         return validateAtRuleCustomMedia(atRule);
     }
     if (['position-try', 'property', 'font-palette-values'].includes(atRule.nam)) {
-        if (!('tokens' in atRule)) {
+        if (!Array.isArray(atRule.tokens) || atRule.tokens.length == 0) {
             return {
                 valid: SyntaxValidationResult.Drop,
                 node: atRule,
@@ -17450,14 +17476,14 @@ function getTokenType(val, hint) {
                 chi: []
             };
         }
-        if (['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear', 'step-start', 'step-end', 'steps', 'cubic-bezier'].includes(val)) {
+        if (timingFunc.includes(val.toLowerCase())) {
             return {
                 typ: exports.EnumToken.TimingFunctionTokenType,
                 val,
                 chi: []
             };
         }
-        if (['view', 'scroll'].includes(val)) {
+        if (timelineFunc.includes(val)) {
             return {
                 typ: exports.EnumToken.TimelineFunctionTokenType,
                 val,
diff --git a/dist/lib/ast/expand.js b/dist/lib/ast/expand.js
index b19272e9..45b2b3bb 100644
--- a/dist/lib/ast/expand.js
+++ b/dist/lib/ast/expand.js
@@ -5,7 +5,7 @@ import '../parser/utils/config.js';
 import { EnumToken } from './types.js';
 import { walkValues } from './walk.js';
 import { renderToken } from '../renderer/render.js';
-import '../renderer/color/utils/constants.js';
+import '../syntax/color/utils/constants.js';
 
 /**
  * expand nested css ast
diff --git a/dist/lib/ast/features/calc.js b/dist/lib/ast/features/calc.js
index a1c9363e..51b704fc 100644
--- a/dist/lib/ast/features/calc.js
+++ b/dist/lib/ast/features/calc.js
@@ -2,7 +2,7 @@ import { EnumToken } from '../types.js';
 import { walkValues, WalkerValueEvent, WalkerOptionEnum } from '../walk.js';
 import { evaluate } from '../math/expression.js';
 import { renderToken } from '../../renderer/render.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../minify.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
diff --git a/dist/lib/ast/features/inlinecssvariables.js b/dist/lib/ast/features/inlinecssvariables.js
index ab0d0a40..840a3cd4 100644
--- a/dist/lib/ast/features/inlinecssvariables.js
+++ b/dist/lib/ast/features/inlinecssvariables.js
@@ -1,7 +1,7 @@
 import { EnumToken } from '../types.js';
 import { walkValues } from '../walk.js';
 import { renderToken } from '../../renderer/render.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import { splitRule } from '../minify.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
diff --git a/dist/lib/ast/features/prefix.js b/dist/lib/ast/features/prefix.js
index 12cc5627..3f90a945 100644
--- a/dist/lib/ast/features/prefix.js
+++ b/dist/lib/ast/features/prefix.js
@@ -9,7 +9,7 @@ import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { pseudoAliasMap } from '../../syntax/syntax.js';
 import { renderToken } from '../../renderer/render.js';
-import { funcLike } from '../../renderer/color/utils/constants.js';
+import { funcLike } from '../../syntax/color/utils/constants.js';
 import '../../validation/syntaxes/complex-selector.js';
 import { evaluateSyntax } from '../../validation/syntax.js';
 
diff --git a/dist/lib/ast/features/shorthand.js b/dist/lib/ast/features/shorthand.js
index 6efc671e..766540c2 100644
--- a/dist/lib/ast/features/shorthand.js
+++ b/dist/lib/ast/features/shorthand.js
@@ -5,7 +5,7 @@ import '../walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 class ComputeShorthandFeature {
diff --git a/dist/lib/ast/features/transform.js b/dist/lib/ast/features/transform.js
index 655e236d..78d6e62c 100644
--- a/dist/lib/ast/features/transform.js
+++ b/dist/lib/ast/features/transform.js
@@ -6,7 +6,7 @@ import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { filterValues, renderToken } from '../../renderer/render.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import { compute } from '../transform/compute.js';
 import { eqMatrix } from '../transform/minify.js';
 
diff --git a/dist/lib/ast/math/expression.js b/dist/lib/ast/math/expression.js
index e5c0589c..8440c429 100644
--- a/dist/lib/ast/math/expression.js
+++ b/dist/lib/ast/math/expression.js
@@ -1,7 +1,7 @@
 import { EnumToken } from '../types.js';
 import { rem, compute } from './math.js';
 import { reduceNumber } from '../../renderer/render.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../minify.js';
 import '../walk.js';
 import '../../parser/parse.js';
diff --git a/dist/lib/ast/math/math.js b/dist/lib/ast/math/math.js
index d68670f5..143fbdef 100644
--- a/dist/lib/ast/math/math.js
+++ b/dist/lib/ast/math/math.js
@@ -1,6 +1,6 @@
 import { EnumToken } from '../types.js';
 import { reduceNumber } from '../../renderer/render.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../minify.js';
 import '../walk.js';
 import '../../parser/parse.js';
diff --git a/dist/lib/ast/minify.js b/dist/lib/ast/minify.js
index 8f96e317..b6cf8013 100644
--- a/dist/lib/ast/minify.js
+++ b/dist/lib/ast/minify.js
@@ -7,7 +7,7 @@ import { replaceCompound } from './expand.js';
 import { isWhiteSpace, isIdent, isFunction, isIdentStart } from '../syntax/syntax.js';
 import { eq } from '../parser/utils/eq.js';
 import { doRender, renderToken } from '../renderer/render.js';
-import '../renderer/color/utils/constants.js';
+import '../syntax/color/utils/constants.js';
 import * as index from './features/index.js';
 import { FeatureWalkMode } from './features/type.js';
 
diff --git a/dist/lib/ast/transform/compute.js b/dist/lib/ast/transform/compute.js
index 62468a9c..932dd0cd 100644
--- a/dist/lib/ast/transform/compute.js
+++ b/dist/lib/ast/transform/compute.js
@@ -7,8 +7,8 @@ import '../walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { getNumber, getAngle } from '../../renderer/color/color.js';
-import '../../renderer/color/utils/constants.js';
+import { getNumber, getAngle } from '../../syntax/color/color.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { stripCommaToken } from '../../validation/utils/list.js';
 import { translateX, translateY, translateZ, translate, translate3d } from './translate.js';
diff --git a/dist/lib/ast/transform/matrix.js b/dist/lib/ast/transform/matrix.js
index 1573b675..a3723dfd 100644
--- a/dist/lib/ast/transform/matrix.js
+++ b/dist/lib/ast/transform/matrix.js
@@ -2,8 +2,8 @@ import { toZero, is2DMatrix, identity } from './utils.js';
 import { EnumToken } from '../types.js';
 import { reduceNumber } from '../../renderer/render.js';
 import { eq } from '../../parser/utils/eq.js';
-import { getNumber } from '../../renderer/color/color.js';
-import '../../renderer/color/utils/constants.js';
+import { getNumber } from '../../syntax/color/color.js';
+import '../../syntax/color/utils/constants.js';
 import '../minify.js';
 import '../walk.js';
 import '../../parser/parse.js';
diff --git a/dist/lib/parser/declaration/list.js b/dist/lib/parser/declaration/list.js
index 2d187cde..c48d36e8 100644
--- a/dist/lib/parser/declaration/list.js
+++ b/dist/lib/parser/declaration/list.js
@@ -5,7 +5,7 @@ import '../../ast/minify.js';
 import '../../ast/walk.js';
 import { parseString } from '../parse.js';
 import '../tokenize.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { PropertyMap } from './map.js';
 
diff --git a/dist/lib/parser/declaration/map.js b/dist/lib/parser/declaration/map.js
index 10d657e5..f307bc82 100644
--- a/dist/lib/parser/declaration/map.js
+++ b/dist/lib/parser/declaration/map.js
@@ -7,7 +7,7 @@ import '../../ast/walk.js';
 import { parseString } from '../parse.js';
 import '../tokenize.js';
 import { renderToken } from '../../renderer/render.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import { PropertySet } from './set.js';
 
 const propertiesConfig = getConfig();
diff --git a/dist/lib/parser/declaration/set.js b/dist/lib/parser/declaration/set.js
index 4dd1afd0..bfd83cc8 100644
--- a/dist/lib/parser/declaration/set.js
+++ b/dist/lib/parser/declaration/set.js
@@ -6,7 +6,7 @@ import '../parse.js';
 import '../tokenize.js';
 import '../utils/config.js';
 import { isLength } from '../../syntax/syntax.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function dedup(values) {
diff --git a/dist/lib/parser/parse.js b/dist/lib/parser/parse.js
index 09285428..6f003a50 100644
--- a/dist/lib/parser/parse.js
+++ b/dist/lib/parser/parse.js
@@ -6,7 +6,7 @@ import { walkValues, walk, WalkerOptionEnum } from '../ast/walk.js';
 import { expand } from '../ast/expand.js';
 import { parseDeclarationNode } from './utils/declaration.js';
 import { renderToken } from '../renderer/render.js';
-import { funcLike, ColorKind, COLORS_NAMES, systemColors, deprecatedSystemColors, colorsFunc } from '../renderer/color/utils/constants.js';
+import { funcLike, ColorKind, timingFunc, timelineFunc, COLORS_NAMES, systemColors, deprecatedSystemColors, colorsFunc } from '../syntax/color/utils/constants.js';
 import { buildExpression } from '../ast/math/expression.js';
 import { tokenize } from './tokenize.js';
 import '../validation/config.js';
@@ -1216,14 +1216,14 @@ function getTokenType(val, hint) {
                 chi: []
             };
         }
-        if (['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear', 'step-start', 'step-end', 'steps', 'cubic-bezier'].includes(val)) {
+        if (timingFunc.includes(val.toLowerCase())) {
             return {
                 typ: EnumToken.TimingFunctionTokenType,
                 val,
                 chi: []
             };
         }
-        if (['view', 'scroll'].includes(val)) {
+        if (timelineFunc.includes(val)) {
             return {
                 typ: EnumToken.TimelineFunctionTokenType,
                 val,
diff --git a/dist/lib/parser/tokenize.js b/dist/lib/parser/tokenize.js
index 1888e2d1..b5c16ae4 100644
--- a/dist/lib/parser/tokenize.js
+++ b/dist/lib/parser/tokenize.js
@@ -4,7 +4,7 @@ import '../ast/walk.js';
 import './parse.js';
 import './utils/config.js';
 import { isWhiteSpace, isIdentStart, isIdent, isNewLine, isDigit, isNonPrintable } from '../syntax/syntax.js';
-import '../renderer/color/utils/constants.js';
+import '../syntax/color/utils/constants.js';
 import '../renderer/sourcemap/lib/encode.js';
 
 var TokenMap;
@@ -92,11 +92,12 @@ function* consumeString(quoteStr, buffer, parseInfo) {
                 }
                 break;
             }
-            if (i == 1) {
-                buffer += value + sequence[i];
-                next(parseInfo, 2);
-                continue;
-            }
+            // if (i == 1) {
+            //
+            //     buffer += value + sequence[i];
+            //     next(parseInfo, 2);
+            //     continue;
+            // }
             if (escapeSequence.trimEnd().length > 0) {
                 const codepoint = parseInt(escapeSequence, 16);
                 if (codepoint == 0 ||
@@ -161,15 +162,17 @@ function prev(parseInfo, count = 1) {
 function next(parseInfo, count = 1) {
     let char = '';
     let chr = '';
-    if (count < 0) {
-        return '';
-    }
+    // if (count < 0) {
+    //
+    //     return '';
+    // }
     while (count-- && (chr = parseInfo.stream.charAt(parseInfo.currentPosition.ind + 1))) {
         char += chr;
         const codepoint = parseInfo.stream.charCodeAt(++parseInfo.currentPosition.ind);
-        if (isNaN(codepoint)) {
-            return char;
-        }
+        // if (isNaN(codepoint)) {
+        //
+        //     return char;
+        // }
         if (isNewLine(codepoint)) {
             parseInfo.currentPosition.lin++;
             parseInfo.currentPosition.col = 0;
diff --git a/dist/lib/parser/utils/declaration.js b/dist/lib/parser/utils/declaration.js
index bdcb8a00..745c50bb 100644
--- a/dist/lib/parser/utils/declaration.js
+++ b/dist/lib/parser/utils/declaration.js
@@ -5,7 +5,7 @@ import '../parse.js';
 import '../tokenize.js';
 import './config.js';
 import { isWhiteSpace } from '../../syntax/syntax.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function parseDeclarationNode(node, errors, location) {
diff --git a/dist/lib/parser/utils/type.js b/dist/lib/parser/utils/type.js
index 87bcf602..675b03d2 100644
--- a/dist/lib/parser/utils/type.js
+++ b/dist/lib/parser/utils/type.js
@@ -5,7 +5,7 @@ import '../parse.js';
 import '../tokenize.js';
 import './config.js';
 import { mathFuncs } from '../../syntax/syntax.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function matchType(val, properties) {
diff --git a/dist/lib/renderer/render.js b/dist/lib/renderer/render.js
index 9c95be1e..1e6e3163 100644
--- a/dist/lib/renderer/render.js
+++ b/dist/lib/renderer/render.js
@@ -1,13 +1,13 @@
-import { getAngle, color2srgbvalues, clamp } from './color/color.js';
-import { colorsFunc, ColorKind, colorFuncColorSpace, COLORS_NAMES, funcLike } from './color/utils/constants.js';
-import { getComponents } from './color/utils/components.js';
-import { reduceHexValue, srgb2hexvalues, rgb2hex, hsl2hex, hwb2hex, cmyk2hex, oklab2hex, oklch2hex, lab2hex, lch2hex } from './color/hex.js';
+import { getAngle, color2srgbvalues, clamp } from '../syntax/color/color.js';
+import { colorsFunc, ColorKind, colorFuncColorSpace, COLORS_NAMES, funcLike } from '../syntax/color/utils/constants.js';
+import { getComponents } from '../syntax/color/utils/components.js';
+import { reduceHexValue, srgb2hexvalues, rgb2hex, hsl2hex, hwb2hex, cmyk2hex, oklab2hex, oklch2hex, lab2hex, lch2hex } from '../syntax/color/hex.js';
 import { EnumToken } from '../ast/types.js';
 import '../ast/minify.js';
 import '../ast/walk.js';
 import { expand } from '../ast/expand.js';
-import { colorMix } from './color/color-mix.js';
-import { parseRelativeColor } from './color/relativecolor.js';
+import { colorMix } from '../syntax/color/color-mix.js';
+import { parseRelativeColor } from '../syntax/color/relativecolor.js';
 import { SourceMap } from './sourcemap/sourcemap.js';
 import { isColor, pseudoElements, mathFuncs, isNewLine } from '../syntax/syntax.js';
 
diff --git a/dist/lib/renderer/color/a98rgb.js b/dist/lib/syntax/color/a98rgb.js
similarity index 98%
rename from dist/lib/renderer/color/a98rgb.js
rename to dist/lib/syntax/color/a98rgb.js
index 43c101f6..35ce6400 100644
--- a/dist/lib/renderer/color/a98rgb.js
+++ b/dist/lib/syntax/color/a98rgb.js
@@ -8,7 +8,7 @@ import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { srgb2xyz } from './xyz.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function a98rgb2srgbvalues(r, g, b, a = null) {
     //  @ts-ignore
diff --git a/dist/lib/renderer/color/color-mix.js b/dist/lib/syntax/color/color-mix.js
similarity index 99%
rename from dist/lib/renderer/color/color-mix.js
rename to dist/lib/syntax/color/color-mix.js
index b2f0a4d5..d1e7113d 100644
--- a/dist/lib/renderer/color/color-mix.js
+++ b/dist/lib/syntax/color/color-mix.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { isRectangularOrthogonalColorspace, isPolarColorspace } from '../../syntax/syntax.js';
+import { isRectangularOrthogonalColorspace, isPolarColorspace } from '../syntax.js';
 import { getNumber } from './color.js';
 import { srgb2rgb } from './rgb.js';
 import { ColorKind } from './utils/constants.js';
@@ -22,7 +22,7 @@ import { srgb2prophotorgbvalues } from './prophotorgb.js';
 import { srgb2xyz } from './xyz.js';
 import { XYZ_D65_to_D50, xyzd502lch } from './xyzd50.js';
 import { srgb2rec2020values } from './rec2020.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function interpolateHue(interpolationMethod, h1, h2) {
     switch (interpolationMethod.val) {
diff --git a/dist/lib/renderer/color/color.js b/dist/lib/syntax/color/color.js
similarity index 99%
rename from dist/lib/renderer/color/color.js
rename to dist/lib/syntax/color/color.js
index 61f613eb..5769acd1 100644
--- a/dist/lib/renderer/color/color.js
+++ b/dist/lib/syntax/color/color.js
@@ -20,7 +20,7 @@ import { rec20202srgb, srgb2rec2020values } from './rec2020.js';
 import { srgb2xyz } from './xyz.js';
 import { p32srgbvalues, srgb2p3values } from './p3.js';
 import { xyzd502srgb, XYZ_D65_to_D50 } from './xyzd50.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function convert(token, to) {
     if (token.kin == to) {
diff --git a/dist/lib/renderer/color/hex.js b/dist/lib/syntax/color/hex.js
similarity index 98%
rename from dist/lib/renderer/color/hex.js
rename to dist/lib/syntax/color/hex.js
index ae068cd3..f6b18048 100644
--- a/dist/lib/renderer/color/hex.js
+++ b/dist/lib/syntax/color/hex.js
@@ -8,7 +8,7 @@ import { minmax, getNumber } from './color.js';
 import { hsl2rgb, hwb2rgb, cmyk2rgb, oklab2rgb, oklch2rgb, lab2rgb, lch2rgb } from './rgb.js';
 import { NAMES_COLORS } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function toHexString(acc, value) {
     return acc + value.toString(16).padStart(2, '0');
diff --git a/dist/lib/renderer/color/hsl.js b/dist/lib/syntax/color/hsl.js
similarity index 98%
rename from dist/lib/renderer/color/hsl.js
rename to dist/lib/syntax/color/hsl.js
index 25f764f4..d774a84b 100644
--- a/dist/lib/renderer/color/hsl.js
+++ b/dist/lib/syntax/color/hsl.js
@@ -10,7 +10,7 @@ import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { hslvalues } from './srgb.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function hex2hsl(token) {
     // @ts-ignore
diff --git a/dist/lib/renderer/color/hsv.js b/dist/lib/syntax/color/hsv.js
similarity index 100%
rename from dist/lib/renderer/color/hsv.js
rename to dist/lib/syntax/color/hsv.js
diff --git a/dist/lib/renderer/color/hwb.js b/dist/lib/syntax/color/hwb.js
similarity index 98%
rename from dist/lib/renderer/color/hwb.js
rename to dist/lib/syntax/color/hwb.js
index ab50bbbf..2f38531c 100644
--- a/dist/lib/renderer/color/hwb.js
+++ b/dist/lib/syntax/color/hwb.js
@@ -9,7 +9,7 @@ import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { lch2srgb, lab2srgb, oklch2srgb, oklab2srgb } from './srgb.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function rgb2hwb(token) {
     // @ts-ignore
diff --git a/dist/lib/renderer/color/lab.js b/dist/lib/syntax/color/lab.js
similarity index 99%
rename from dist/lib/renderer/color/lab.js
rename to dist/lib/syntax/color/lab.js
index 288c3ee4..14120a14 100644
--- a/dist/lib/renderer/color/lab.js
+++ b/dist/lib/syntax/color/lab.js
@@ -12,7 +12,7 @@ import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { xyzd502srgb } from './xyzd50.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 // L: 0% = 0.0, 100% = 100.0
 // for a and b: -100% = -125, 100% = 125
diff --git a/dist/lib/renderer/color/lch.js b/dist/lib/syntax/color/lch.js
similarity index 98%
rename from dist/lib/renderer/color/lch.js
rename to dist/lib/syntax/color/lch.js
index 198f9b65..aa270b35 100644
--- a/dist/lib/renderer/color/lch.js
+++ b/dist/lib/syntax/color/lch.js
@@ -8,7 +8,7 @@ import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { srgb2lab, xyz2lab, oklch2lab, oklab2lab, getLABComponents, hwb2lab, hsl2lab, rgb2lab, hex2lab } from './lab.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function hex2lch(token) {
     // @ts-ignore
diff --git a/dist/lib/renderer/color/oklab.js b/dist/lib/syntax/color/oklab.js
similarity index 98%
rename from dist/lib/renderer/color/oklab.js
rename to dist/lib/syntax/color/oklab.js
index 14bdd542..58f668c0 100644
--- a/dist/lib/renderer/color/oklab.js
+++ b/dist/lib/syntax/color/oklab.js
@@ -11,7 +11,7 @@ import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { lch2labvalues } from './lab.js';
 import { getOKLCHComponents } from './oklch.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function hex2oklab(token) {
     // @ts-ignore
diff --git a/dist/lib/renderer/color/oklch.js b/dist/lib/syntax/color/oklch.js
similarity index 97%
rename from dist/lib/renderer/color/oklch.js
rename to dist/lib/syntax/color/oklch.js
index f6dd8b0e..7a7aa8f9 100644
--- a/dist/lib/renderer/color/oklch.js
+++ b/dist/lib/syntax/color/oklch.js
@@ -9,7 +9,7 @@ import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { lab2lchvalues } from './lch.js';
 import { srgb2oklab, lch2oklab, getOKLABComponents, lab2oklab, hwb2oklab, hsl2oklab, rgb2oklab, hex2oklab } from './oklab.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function hex2oklch(token) {
     // @ts-ignore
diff --git a/dist/lib/renderer/color/p3.js b/dist/lib/syntax/color/p3.js
similarity index 97%
rename from dist/lib/renderer/color/p3.js
rename to dist/lib/syntax/color/p3.js
index 05d29d2f..a2d18ccb 100644
--- a/dist/lib/renderer/color/p3.js
+++ b/dist/lib/syntax/color/p3.js
@@ -8,7 +8,7 @@ import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { srgb2xyz } from './xyz.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function p32srgbvalues(r, g, b, alpha) {
     // @ts-ignore
diff --git a/dist/lib/renderer/color/prophotorgb.js b/dist/lib/syntax/color/prophotorgb.js
similarity index 100%
rename from dist/lib/renderer/color/prophotorgb.js
rename to dist/lib/syntax/color/prophotorgb.js
diff --git a/dist/lib/renderer/color/rec2020.js b/dist/lib/syntax/color/rec2020.js
similarity index 98%
rename from dist/lib/renderer/color/rec2020.js
rename to dist/lib/syntax/color/rec2020.js
index 81e24357..1aebb40d 100644
--- a/dist/lib/renderer/color/rec2020.js
+++ b/dist/lib/syntax/color/rec2020.js
@@ -8,7 +8,7 @@ import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { srgb2xyz } from './xyz.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function rec20202srgb(r, g, b, a) {
     // @ts-ignore
diff --git a/dist/lib/renderer/color/relativecolor.js b/dist/lib/syntax/color/relativecolor.js
similarity index 73%
rename from dist/lib/renderer/color/relativecolor.js
rename to dist/lib/syntax/color/relativecolor.js
index c6bf264c..9d23ccb6 100644
--- a/dist/lib/renderer/color/relativecolor.js
+++ b/dist/lib/syntax/color/relativecolor.js
@@ -5,10 +5,10 @@ import { walkValues } from '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { mathFuncs } from '../../syntax/syntax.js';
-import { reduceNumber } from '../render.js';
+import { mathFuncs } from '../syntax.js';
 import { ColorKind, colorRange } from './utils/constants.js';
 import { evaluateFunc, evaluate } from '../../ast/math/expression.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function parseRelativeColor(relativeKeys, original, rExp, gExp, bExp, aExp) {
     let r;
@@ -20,9 +20,10 @@ function parseRelativeColor(relativeKeys, original, rExp, gExp, bExp, aExp) {
     // colorFuncColorSpace x,y,z or r,g,b
     const names = relativeKeys.startsWith('xyz') ? 'xyz' : relativeKeys.slice(-3);
     const converted = convert(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_')]);
-    if (converted == null) {
-        return null;
-    }
+    // if (converted == null) {
+    //
+    //     return null;
+    // }
     const children = converted.chi.filter(t => ![EnumToken.WhitespaceTokenType, EnumToken.LiteralTokenType, EnumToken.CommentTokenType].includes(t.typ));
     [r, g, b, alpha] = converted.kin == ColorKind.COLOR ? children.slice(1) : children;
     values = {
@@ -57,9 +58,10 @@ function parseRelativeColor(relativeKeys, original, rExp, gExp, bExp, aExp) {
     return computeComponentValue(keys, converted, values);
 }
 function getValue(t, converted, component) {
-    if (t == null) {
-        return t;
-    }
+    // if (t == null) {
+    //
+    //     return t;
+    // }
     if (t.typ == EnumToken.PercentageTokenType) {
         let value = getNumber(t);
         let colorSpace = ColorKind[converted.kin].toLowerCase().replaceAll('-', '_');
@@ -89,44 +91,55 @@ function computeComponentValue(expr, converted, values) {
         }
     }
     for (const [key, exp] of Object.entries(expr)) {
+        /*
         if (exp == null) {
+
             if (key in values) {
-                if (typeof values[key] == 'number') {
-                    expr[key] = {
+
+                if (typeof values[<RelativeColorTypes>key] == 'number') {
+
+                    expr[<RelativeColorTypes>key] = {
                         typ: EnumToken.NumberTokenType,
-                        val: reduceNumber(values[key])
+                        val: reduceNumber(<number>values[<RelativeColorTypes>key])
                     };
-                }
-                else {
-                    expr[key] = values[key];
+                } else {
+
+                    expr[<RelativeColorTypes>key] = <Token>values[<RelativeColorTypes>key];
                 }
             }
-        }
-        else if ([EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.LengthTokenType].includes(exp.typ)) ;
+
+        } else
+            */
+        if ([EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.LengthTokenType].includes(exp.typ)) ;
         else if (exp.typ == EnumToken.IdenTokenType && exp.val in values) {
-            if (typeof values[exp.val] == 'number') {
-                expr[key] = {
-                    typ: EnumToken.NumberTokenType,
-                    val: reduceNumber(values[exp.val])
-                };
-            }
-            else {
-                expr[key] = values[exp.val];
-            }
+            // if (typeof values[<RelativeColorTypes>exp.val] == 'number') {
+            //
+            //     expr[<RelativeColorTypes>key] = {
+            //         typ: EnumToken.NumberTokenType,
+            //         val: reduceNumber(<number>values[<RelativeColorTypes>exp.val])
+            //     };
+            // } else {
+            expr[key] = values[exp.val];
+            // }
         }
         else if (exp.typ == EnumToken.FunctionTokenType && mathFuncs.includes(exp.val)) {
             for (let { value, parent } of walkValues(exp.chi, exp)) {
-                if (parent == null) {
-                    parent = exp;
-                }
+                // if (parent == null) {
+                //
+                //     parent = exp;
+                // }
+                /*
                 if (value.typ == EnumToken.PercentageTokenType) {
-                    replaceValue(parent, value, getValue(value, converted, key));
-                }
-                else if (value.typ == EnumToken.IdenTokenType) {
+
+                    replaceValue(parent as BinaryExpressionToken | FunctionToken | ParensToken, value, getValue(value, converted, <RelativeColorTypes>key));
+                } else
+                    */
+                if (value.typ == EnumToken.IdenTokenType) {
                     // @ts-ignore
-                    if (!(value.val in values || typeof Math[value.val.toUpperCase()] == 'number')) {
-                        return null;
-                    }
+                    // if (!(value.val in values || typeof Math[(value as IdentToken).val.toUpperCase()] == 'number')) {
+                    //
+                    //     return null;
+                    // }
                     // @ts-ignore
                     replaceValue(parent, value, values[value.val] ?? {
                         typ: EnumToken.NumberTokenType,
@@ -140,9 +153,10 @@ function computeComponentValue(expr, converted, values) {
             if (result.length == 1 && result[0].typ != EnumToken.BinaryExpressionTokenType) {
                 expr[key] = result[0];
             }
-            else {
-                return null;
-            }
+            // else {
+            //
+            //     return null;
+            // }
         }
     }
     return expr;
diff --git a/dist/lib/renderer/color/rgb.js b/dist/lib/syntax/color/rgb.js
similarity index 97%
rename from dist/lib/renderer/color/rgb.js
rename to dist/lib/syntax/color/rgb.js
index fe04cafe..d586fe05 100644
--- a/dist/lib/renderer/color/rgb.js
+++ b/dist/lib/syntax/color/rgb.js
@@ -8,7 +8,7 @@ import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { expandHexValue } from './hex.js';
 import { hslvalues, hsl2srgbvalues, hwb2srgb, cmyk2srgb, oklab2srgb, oklch2srgb, lab2srgb, lch2srgb } from './srgb.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function srgb2rgb(value) {
     return minmax(Math.round(value * 255), 0, 255);
diff --git a/dist/lib/renderer/color/srgb.js b/dist/lib/syntax/color/srgb.js
similarity index 99%
rename from dist/lib/renderer/color/srgb.js
rename to dist/lib/syntax/color/srgb.js
index 05be1554..5ba83ec5 100644
--- a/dist/lib/renderer/color/srgb.js
+++ b/dist/lib/syntax/color/srgb.js
@@ -13,7 +13,7 @@ import { OKLab_to_sRGB, getOKLABComponents } from './oklab.js';
 import { getLCHComponents } from './lch.js';
 import { getOKLCHComponents } from './oklch.js';
 import { XYZ_to_lin_sRGB } from './xyz.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 // from https://www.w3.org/TR/css-color-4/#color-conversion-code
 // srgb-linear -> srgb
diff --git a/dist/lib/renderer/color/utils/components.js b/dist/lib/syntax/color/utils/components.js
similarity index 96%
rename from dist/lib/renderer/color/utils/components.js
rename to dist/lib/syntax/color/utils/components.js
index bbd66ec7..27dde577 100644
--- a/dist/lib/renderer/color/utils/components.js
+++ b/dist/lib/syntax/color/utils/components.js
@@ -6,7 +6,7 @@ import '../../../parser/tokenize.js';
 import '../../../parser/utils/config.js';
 import { ColorKind, COLORS_NAMES } from './constants.js';
 import { expandHexValue } from '../hex.js';
-import '../../sourcemap/lib/encode.js';
+import '../../../renderer/sourcemap/lib/encode.js';
 
 function getComponents(token) {
     if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
diff --git a/dist/lib/renderer/color/utils/constants.js b/dist/lib/syntax/color/utils/constants.js
similarity index 96%
rename from dist/lib/renderer/color/utils/constants.js
rename to dist/lib/syntax/color/utils/constants.js
index ed9329cf..ebbf10e8 100644
--- a/dist/lib/renderer/color/utils/constants.js
+++ b/dist/lib/syntax/color/utils/constants.js
@@ -4,7 +4,7 @@ import '../../../ast/walk.js';
 import '../../../parser/parse.js';
 import '../../../parser/tokenize.js';
 import '../../../parser/utils/config.js';
-import '../../sourcemap/lib/encode.js';
+import '../../../renderer/sourcemap/lib/encode.js';
 
 const colorRange = {
     lab: {
@@ -59,7 +59,9 @@ var ColorKind;
     ColorKind[ColorKind["LIGHT_DARK"] = 24] = "LIGHT_DARK";
     ColorKind[ColorKind["COLOR_MIX"] = 25] = "COLOR_MIX";
 })(ColorKind || (ColorKind = {}));
+const timelineFunc = ['view', 'scroll'];
 const generalEnclosedFunc = ['selector', 'font-tech', 'font-format', 'media', 'supports'];
+const timingFunc = ['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear', 'step-start', 'step-end', 'steps', 'cubic-bezier'];
 const funcLike = [
     EnumToken.ParensTokenType,
     EnumToken.FunctionTokenType,
@@ -238,4 +240,4 @@ const NAMES_COLORS = Object.seal(Object.entries(COLORS_NAMES).reduce((acc, [key,
     return acc;
 }, Object.create(null)));
 
-export { COLORS_NAMES, ColorKind, D50, NAMES_COLORS, colorFuncColorSpace, colorRange, colorsFunc, deprecatedSystemColors, e, funcLike, generalEnclosedFunc, k, systemColors };
+export { COLORS_NAMES, ColorKind, D50, NAMES_COLORS, colorFuncColorSpace, colorRange, colorsFunc, deprecatedSystemColors, e, funcLike, generalEnclosedFunc, k, systemColors, timelineFunc, timingFunc };
diff --git a/dist/lib/renderer/color/utils/matrix.js b/dist/lib/syntax/color/utils/matrix.js
similarity index 100%
rename from dist/lib/renderer/color/utils/matrix.js
rename to dist/lib/syntax/color/utils/matrix.js
diff --git a/dist/lib/renderer/color/xyz.js b/dist/lib/syntax/color/xyz.js
similarity index 97%
rename from dist/lib/renderer/color/xyz.js
rename to dist/lib/syntax/color/xyz.js
index ca8cd1ac..ea64118d 100644
--- a/dist/lib/renderer/color/xyz.js
+++ b/dist/lib/syntax/color/xyz.js
@@ -7,7 +7,7 @@ import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { srgb2lsrgbvalues } from './srgb.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 function XYZ_to_lin_sRGB(x, y, z) {
     // convert XYZ to linear-light sRGB
diff --git a/dist/lib/renderer/color/xyzd50.js b/dist/lib/syntax/color/xyzd50.js
similarity index 97%
rename from dist/lib/renderer/color/xyzd50.js
rename to dist/lib/syntax/color/xyzd50.js
index 3f771625..4abdcbaf 100644
--- a/dist/lib/renderer/color/xyzd50.js
+++ b/dist/lib/syntax/color/xyzd50.js
@@ -10,7 +10,7 @@ import '../../parser/utils/config.js';
 import { xyz2lab } from './lab.js';
 import { lab2lchvalues } from './lch.js';
 import { XYZ_D50_to_D65 } from './xyz.js';
-import '../sourcemap/lib/encode.js';
+import '../../renderer/sourcemap/lib/encode.js';
 
 /*
 */
diff --git a/dist/lib/syntax/syntax.js b/dist/lib/syntax/syntax.js
index 538665f6..b9a7f726 100644
--- a/dist/lib/syntax/syntax.js
+++ b/dist/lib/syntax/syntax.js
@@ -4,7 +4,7 @@ import { walkValues, WalkerOptionEnum } from '../ast/walk.js';
 import '../parser/parse.js';
 import '../parser/tokenize.js';
 import '../parser/utils/config.js';
-import { COLORS_NAMES, colorsFunc, funcLike, ColorKind } from '../renderer/color/utils/constants.js';
+import { COLORS_NAMES, colorsFunc, funcLike, ColorKind } from './color/utils/constants.js';
 import { buildExpression } from '../ast/math/expression.js';
 import '../renderer/sourcemap/lib/encode.js';
 
diff --git a/dist/lib/validation/at-rules/container.js b/dist/lib/validation/at-rules/container.js
index f0de8bd1..00221445 100644
--- a/dist/lib/validation/at-rules/container.js
+++ b/dist/lib/validation/at-rules/container.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
 import { splitTokenList } from '../utils/list.js';
diff --git a/dist/lib/validation/at-rules/counter-style.js b/dist/lib/validation/at-rules/counter-style.js
index 2dc54739..49b0d336 100644
--- a/dist/lib/validation/at-rules/counter-style.js
+++ b/dist/lib/validation/at-rules/counter-style.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function validateAtRuleCounterStyle(atRule, options, root) {
diff --git a/dist/lib/validation/at-rules/custom-media.js b/dist/lib/validation/at-rules/custom-media.js
index 7a924be2..8f4b99ab 100644
--- a/dist/lib/validation/at-rules/custom-media.js
+++ b/dist/lib/validation/at-rules/custom-media.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
 import { validateAtRuleMediaQueryList } from './media.js';
diff --git a/dist/lib/validation/at-rules/document.js b/dist/lib/validation/at-rules/document.js
index e3a85824..e35473da 100644
--- a/dist/lib/validation/at-rules/document.js
+++ b/dist/lib/validation/at-rules/document.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
 import { splitTokenList } from '../utils/list.js';
diff --git a/dist/lib/validation/at-rules/font-feature-values.js b/dist/lib/validation/at-rules/font-feature-values.js
index 784dcec1..2ab0a0b4 100644
--- a/dist/lib/validation/at-rules/font-feature-values.js
+++ b/dist/lib/validation/at-rules/font-feature-values.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { validateFamilyName } from '../syntaxes/family-name.js';
 import '../syntaxes/complex-selector.js';
diff --git a/dist/lib/validation/at-rules/import.js b/dist/lib/validation/at-rules/import.js
index 448f472d..edb462a1 100644
--- a/dist/lib/validation/at-rules/import.js
+++ b/dist/lib/validation/at-rules/import.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { validateAtRuleMediaQueryList } from './media.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
diff --git a/dist/lib/validation/at-rules/keyframes.js b/dist/lib/validation/at-rules/keyframes.js
index ab4992bd..75a4df84 100644
--- a/dist/lib/validation/at-rules/keyframes.js
+++ b/dist/lib/validation/at-rules/keyframes.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
 
@@ -19,19 +19,20 @@ function validateAtRuleKeyframes(atRule, options, root) {
             error: 'expecting at-rule prelude'
         };
     }
-    const tokens = atRule.tokens.slice();
+    const tokens = atRule.tokens.filter((t) => t.typ != EnumToken.CommentTokenType).slice();
     consumeWhitespace(tokens);
-    if (tokens.length == 0) {
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            node: atRule,
-            syntax: '@keyframes',
-            error: 'expecting at-rule prelude'
-        };
-    }
-    if (![EnumToken.StringTokenType, EnumToken.IdenTokenType].includes(tokens[0].typ)) {
+    // if (tokens.length == 0) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         context: [],
+    //         node: atRule,
+    //         syntax: '@keyframes',
+    //         error: 'expecting at-rule prelude'
+    //     } as ValidationSyntaxResult;
+    // }
+    if (tokens.length == 0 || ![EnumToken.StringTokenType, EnumToken.IdenTokenType].includes(tokens[0].typ)) {
         // @ts-ignore
         return {
             valid: SyntaxValidationResult.Drop,
diff --git a/dist/lib/validation/at-rules/layer.js b/dist/lib/validation/at-rules/layer.js
index 40929dc4..9a2f0cf1 100644
--- a/dist/lib/validation/at-rules/layer.js
+++ b/dist/lib/validation/at-rules/layer.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { validateLayerName } from '../syntaxes/layer-name.js';
 import '../syntaxes/complex-selector.js';
diff --git a/dist/lib/validation/at-rules/media.js b/dist/lib/validation/at-rules/media.js
index 3fccf936..495afc06 100644
--- a/dist/lib/validation/at-rules/media.js
+++ b/dist/lib/validation/at-rules/media.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { generalEnclosedFunc } from '../../renderer/color/utils/constants.js';
+import { generalEnclosedFunc } from '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
 import { splitTokenList } from '../utils/list.js';
diff --git a/dist/lib/validation/at-rules/namespace.js b/dist/lib/validation/at-rules/namespace.js
index 878cb065..3d5936ee 100644
--- a/dist/lib/validation/at-rules/namespace.js
+++ b/dist/lib/validation/at-rules/namespace.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
 import { validateURL } from '../syntaxes/url.js';
diff --git a/dist/lib/validation/at-rules/page-margin-box.js b/dist/lib/validation/at-rules/page-margin-box.js
index 7bf4b658..a2202f89 100644
--- a/dist/lib/validation/at-rules/page-margin-box.js
+++ b/dist/lib/validation/at-rules/page-margin-box.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function validateAtRulePageMarginBox(atRule, options, root) {
diff --git a/dist/lib/validation/at-rules/page.js b/dist/lib/validation/at-rules/page.js
index eec1ed5f..1d973bdf 100644
--- a/dist/lib/validation/at-rules/page.js
+++ b/dist/lib/validation/at-rules/page.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { splitTokenList } from '../utils/list.js';
 
diff --git a/dist/lib/validation/at-rules/supports.js b/dist/lib/validation/at-rules/supports.js
index a11165c7..b8c0991a 100644
--- a/dist/lib/validation/at-rules/supports.js
+++ b/dist/lib/validation/at-rules/supports.js
@@ -5,7 +5,7 @@ import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { colorFontTech, fontFeaturesTech, fontFormat } from '../../syntax/syntax.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
 import { splitTokenList } from '../utils/list.js';
diff --git a/dist/lib/validation/at-rules/when.js b/dist/lib/validation/at-rules/when.js
index 07ddf67a..9ec386f5 100644
--- a/dist/lib/validation/at-rules/when.js
+++ b/dist/lib/validation/at-rules/when.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { generalEnclosedFunc } from '../../renderer/color/utils/constants.js';
+import { generalEnclosedFunc } from '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
 import { splitTokenList } from '../utils/list.js';
diff --git a/dist/lib/validation/atrule.js b/dist/lib/validation/atrule.js
index 83ac2fa5..b2c0b429 100644
--- a/dist/lib/validation/atrule.js
+++ b/dist/lib/validation/atrule.js
@@ -4,7 +4,7 @@ import '../ast/walk.js';
 import '../parser/parse.js';
 import '../parser/tokenize.js';
 import '../parser/utils/config.js';
-import '../renderer/color/utils/constants.js';
+import '../syntax/color/utils/constants.js';
 import '../renderer/sourcemap/lib/encode.js';
 import { getSyntaxConfig, getParsedSyntax } from './config.js';
 import { validateAtRuleMedia } from './at-rules/media.js';
@@ -77,7 +77,7 @@ function validateAtRule(atRule, options, root) {
         return validateAtRuleCustomMedia(atRule);
     }
     if (['position-try', 'property', 'font-palette-values'].includes(atRule.nam)) {
-        if (!('tokens' in atRule)) {
+        if (!Array.isArray(atRule.tokens) || atRule.tokens.length == 0) {
             return {
                 valid: SyntaxValidationResult.Drop,
                 node: atRule,
diff --git a/dist/lib/validation/config.js b/dist/lib/validation/config.js
index b4125264..54a37ec2 100644
--- a/dist/lib/validation/config.js
+++ b/dist/lib/validation/config.js
@@ -21,9 +21,10 @@ function getSyntax(group, key) {
                     key = matches[1] + matches[3];
                 }
             }
-            if (!(key in obj)) {
-                return null;
-            }
+            // if (!(key in obj)) {
+            //
+            //     return null;
+            // }
         }
         // @ts-ignore
         obj = obj[key];
diff --git a/dist/lib/validation/parser/parse.js b/dist/lib/validation/parser/parse.js
index 4ebd5aec..6a815e65 100644
--- a/dist/lib/validation/parser/parse.js
+++ b/dist/lib/validation/parser/parse.js
@@ -6,7 +6,7 @@ import '../../parser/utils/config.js';
 import { EnumToken } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 const skipped = [
diff --git a/dist/lib/validation/selector.js b/dist/lib/validation/selector.js
index 8b527f28..22478968 100644
--- a/dist/lib/validation/selector.js
+++ b/dist/lib/validation/selector.js
@@ -4,23 +4,24 @@ import '../ast/walk.js';
 import '../parser/parse.js';
 import '../parser/tokenize.js';
 import '../parser/utils/config.js';
-import '../renderer/color/utils/constants.js';
+import '../syntax/color/utils/constants.js';
 import '../renderer/sourcemap/lib/encode.js';
 import { validateRelativeSelectorList } from './syntaxes/relative-selector-list.js';
 import './syntaxes/complex-selector.js';
-import { validateKeyframeBlockList } from './syntaxes/keyframe-block-list.js';
 import './syntax.js';
 import './config.js';
 import { validateSelectorList } from './syntaxes/selector-list.js';
 
 function validateSelector(selector, options, root) {
-    if (root == null) {
-        return validateSelectorList(selector, root, options);
-    }
+    // if (root == null) {
+    //
+    //     return validateSelectorList(selector, root, options);
+    // }
     // @ts-ignore
-    if (root.typ == EnumToken.AtRuleNodeType && root.nam.match(/^(-[a-z]+-)?keyframes$/)) {
-        return validateKeyframeBlockList(selector);
-    }
+    // if (root.typ == EnumToken.AtRuleNodeType && root.nam.match(/^(-[a-z]+-)?keyframes$/)) {
+    //
+    //     return validateKeyframeBlockList(selector, root as AstAtRule, options);
+    // }
     let isNested = root.typ == EnumToken.RuleNodeType ? 1 : 0;
     let currentRoot = root.parent;
     while (currentRoot != null && isNested == 0) {
diff --git a/dist/lib/validation/syntax.js b/dist/lib/validation/syntax.js
index 86647f72..75030d78 100644
--- a/dist/lib/validation/syntax.js
+++ b/dist/lib/validation/syntax.js
@@ -8,7 +8,7 @@ import '../parser/tokenize.js';
 import '../parser/utils/config.js';
 import { wildCardFuncs, isIdentColor, mathFuncs } from '../syntax/syntax.js';
 import { renderToken } from '../renderer/render.js';
-import { funcLike, ColorKind, colorsFunc } from '../renderer/color/utils/constants.js';
+import { funcLike, ColorKind, colorsFunc } from '../syntax/color/utils/constants.js';
 import { getSyntaxConfig, getParsedSyntax, getSyntax } from './config.js';
 import './syntaxes/complex-selector.js';
 
@@ -18,9 +18,6 @@ const allValues = getSyntaxConfig()["declarations" /* ValidationSyntaxGroupEnum.
 function createContext(input) {
     const values = input.slice();
     const result = values.filter(token => token.typ != EnumToken.CommentTokenType).slice();
-    if (result.at(-1)?.typ == EnumToken.WhitespaceTokenType) {
-        result.pop();
-    }
     return {
         index: -1,
         peek() {
@@ -42,15 +39,15 @@ function createContext(input) {
         },
         consume(token, howMany) {
             let newIndex = result.indexOf(token, this.index + 1);
-            if (newIndex == -1 || newIndex < this.index) {
-                return false;
-            }
+            // if (newIndex == -1 || newIndex < this.index) {
+            //     return false;
+            // }
             howMany ??= 0;
             let splice = 1;
-            if (result[newIndex - 1]?.typ == EnumToken.WhitespaceTokenType) {
-                splice++;
-                newIndex--;
-            }
+            // if (result[newIndex - 1]?.typ == EnumToken.WhitespaceTokenType) {
+            //     splice++;
+            //     newIndex--;
+            // }
             result.splice(this.index + 1, 0, ...result.splice(newIndex, splice + howMany));
             this.index += howMany + splice;
             return true;
@@ -72,9 +69,10 @@ function createContext(input) {
             this.index = index;
             return result[this.index] ?? null;
         },
-        tokens() {
-            return result;
-        },
+        // tokens<Token>(): Token[] {
+        //
+        //     return result as Token[];
+        // },
         slice() {
             return result.slice(this.index + 1);
         },
@@ -84,13 +82,14 @@ function createContext(input) {
             return context;
         },
         // @ts-ignore
-        toJSON() {
-            return {
-                index: this.index,
-                slice: this.slice(),
-                tokens: this.tokens()
-            };
-        }
+        // toJSON(): object {
+        //
+        //     return {
+        //         index: this.index,
+        //         slice: this.slice(),
+        //         tokens: this.tokens()
+        //     }
+        // }
     };
 }
 function evaluateSyntax(node, options) {
@@ -123,10 +122,11 @@ function evaluateSyntax(node, options) {
                 result = doEvaluateSyntax(ast, createContext(values), { ...options, visited: new WeakMap() });
                 if (result.valid == SyntaxValidationResult.Valid && !result.context.done()) {
                     let token = null;
-                    while ((token = result.context.next()) != null) {
-                        if (token.typ == EnumToken.WhitespaceTokenType || token.typ == EnumToken.CommentTokenType) {
-                            continue;
-                        }
+                    if ((token = result.context.next()) != null) {
+                        // if (token.typ == EnumToken.WhitespaceTokenType || token.typ == EnumToken.CommentTokenType) {
+                        //
+                        //     continue;
+                        // }
                         return {
                             ...result,
                             valid: SyntaxValidationResult.Drop,
@@ -142,10 +142,10 @@ function evaluateSyntax(node, options) {
                 };
             }
             break;
-        case EnumToken.RuleNodeType:
-        case EnumToken.AtRuleNodeType:
-        case EnumToken.KeyframeAtRuleNodeType:
-        case EnumToken.KeyFrameRuleNodeType:
+        // case EnumToken.RuleNodeType:
+        // case EnumToken.AtRuleNodeType:
+        // case EnumToken.KeyframeAtRuleNodeType:
+        // case EnumToken.KeyFrameRuleNodeType:
         // default:
         //
         //     throw new Error(`Not implemented: ${node.typ}`);
@@ -286,15 +286,16 @@ function matchList(syntax, context, options) {
         while (!con.done() && con.peek()?.typ != EnumToken.CommaTokenType) {
             tokens.push(con.next());
         }
-        if (tokens.length == 0) {
-            return {
-                valid: SyntaxValidationResult.Drop,
-                node: context.peek(),
-                syntax,
-                error: `could not match syntax: ${renderSyntax(syntax)}`,
-                context
-            };
-        }
+        // if (tokens.length == 0) {
+        //
+        //     return {
+        //         valid: SyntaxValidationResult.Drop,
+        //         node: context.peek(),
+        //         syntax,
+        //         error: `could not match syntax: ${renderSyntax(syntax)}`,
+        //         context
+        //     }
+        // }
         result = doEvaluateSyntax([syntax], createContext(tokens), {
             ...options,
             isList: false,
@@ -315,12 +316,15 @@ function matchList(syntax, context, options) {
         }
     }
     success = count > 0;
-    if (count && syntax.occurence != null) {
-        success = count >= syntax.occurence.min;
-        if (success && syntax.occurence.max != null) {
-            success = count <= syntax.occurence.max;
-        }
-    }
+    // if (count && syntax.occurence != null) {
+    //
+    //     success = count >= syntax.occurence.min;
+    //
+    //     if (success && syntax.occurence.max != null) {
+    //
+    //         success = count <= syntax.occurence.max;
+    //     }
+    // }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
         node: context.peek(),
@@ -379,19 +383,22 @@ function match(syntax, context, options) {
             };
         }
     }
-    if (token.typ == EnumToken.WhitespaceTokenType) {
-        context.next();
-        // @ts-ignore
-        if (syntax?.typ == ValidationTokenEnum.Whitespace) {
-            return {
-                valid: SyntaxValidationResult.Valid,
-                node: null,
-                syntax,
-                error: '',
-                context
-            };
-        }
-    }
+    // if (token.typ == EnumToken.WhitespaceTokenType) {
+    //
+    //     context.next();
+    //
+    //     // @ts-ignore
+    //     if (syntax?.typ == ValidationTokenEnum.Whitespace) {
+    //
+    //         return {
+    //             valid: SyntaxValidationResult.Valid,
+    //             node: null,
+    //             syntax,
+    //             error: '',
+    //             context
+    //         }
+    //     }
+    // }
     if (syntax.typ != ValidationTokenEnum.PropertyType && (token?.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val))) {
         const result = doEvaluateSyntax(getParsedSyntax("functions" /* ValidationSyntaxGroupEnum.Functions */, token.val)?.[0]?.chi ?? [], createContext(token.chi), {
             ...options,
@@ -427,7 +434,7 @@ function match(syntax, context, options) {
             return matchPropertyType(syntax, context, options);
         case ValidationTokenEnum.ValidationFunctionDefinition:
             token = context.peek();
-            if (token.typ == EnumToken.ParensTokenType || !funcLike.concat(EnumToken.ColorTokenType) || (!('chi' in token))) {
+            if (token.typ == EnumToken.ParensTokenType || !funcLike.concat(EnumToken.ColorTokenType).includes(token.typ) || (!('chi' in token))) {
                 return {
                     valid: SyntaxValidationResult.Drop,
                     node: context.next(),
@@ -451,37 +458,49 @@ function match(syntax, context, options) {
                 occurence: null,
                 atLeastOnce: null
             });
-        case ValidationTokenEnum.Parens:
-            token = context.peek();
-            if (token.typ != EnumToken.ParensTokenType) {
-                break;
-            }
-            success = doEvaluateSyntax(syntax.chi, createContext(token.chi), {
-                ...options,
-                isRepeatable: null,
-                isList: null,
-                occurence: null,
-                atLeastOnce: null
-            }).valid == SyntaxValidationResult.Valid;
-            break;
+        // case ValidationTokenEnum.Parens:
+        //
+        //     token = context.peek() as Token;
+        //     if (token.typ != EnumToken.ParensTokenType) {
+        //
+        //         break;
+        //     }
+        //
+        //     success = doEvaluateSyntax((syntax as ValidationParensToken).chi as ValidationToken[], createContext((token as ParensToken).chi), {
+        //         ...options,
+        //         isRepeatable: null,
+        //         isList: null,
+        //         occurence: null,
+        //         atLeastOnce: null
+        //     } as ValidationOptions).valid == SyntaxValidationResult.Valid;
+        //     break;
         case ValidationTokenEnum.Comma:
             success = context.peek()?.typ == EnumToken.CommaTokenType;
             if (success) {
                 context.next();
             }
             break;
-        case ValidationTokenEnum.Number:
-            success = context.peek()?.typ == EnumToken.NumberTokenType;
-            if (success) {
-                context.next();
-            }
-            break;
-        case ValidationTokenEnum.Whitespace:
-            success = context.peek()?.typ == EnumToken.WhitespaceTokenType;
-            if (success) {
-                context.next();
-            }
-            break;
+        // case ValidationTokenEnum.Number:
+        //
+        //     success = context.peek<Token>()?.typ == EnumToken.NumberTokenType;
+        //
+        //     if (success) {
+        //
+        //         context.next();
+        //     }
+        //
+        //     break;
+        //
+        // case ValidationTokenEnum.Whitespace:
+        //
+        //     success = context.peek<Token>()?.typ == EnumToken.WhitespaceTokenType;
+        //
+        //     if (success) {
+        //
+        //         context.next();
+        //     }
+        //
+        //     break;
         case ValidationTokenEnum.Separator:
             {
                 const token = context.peek();
@@ -509,19 +528,22 @@ function match(syntax, context, options) {
                 }
                 break;
             }
-            if (syntax.typ == ValidationTokenEnum.Function) {
-                success = funcLike.includes(token.typ) && doEvaluateSyntax(getParsedSyntax("syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */, syntax.val + '()')?.[0]?.chi, createContext(token.chi), {
-                    ...options,
-                    isRepeatable: null,
-                    isList: null,
-                    occurence: null,
-                    atLeastOnce: null
-                }).valid == SyntaxValidationResult.Valid;
-                if (success) {
-                    context.next();
-                }
-                break;
-            }
+        // if (syntax.typ == ValidationTokenEnum.Function) {
+        //
+        //     success = funcLike.includes(token.typ) && doEvaluateSyntax((getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, (syntax as ValidationFunctionToken).val + '()')?.[0] as ValidationFunctionToken)?.chi as ValidationToken[], createContext((token as FunctionToken).chi), {
+        //         ...options,
+        //         isRepeatable: null,
+        //         isList: null,
+        //         occurence: null,
+        //         atLeastOnce: null
+        //     } as ValidationOptions).valid == SyntaxValidationResult.Valid;
+        //
+        //     if (success) {
+        //
+        //         context.next();
+        //     }
+        //     break;
+        // }
         // throw new Error(`Not implemented: ${ValidationTokenEnum[syntax.typ] ?? syntax.typ} : ${renderSyntax(syntax)} : ${renderToken(context.peek() as Token)} : ${JSON.stringify(syntax, null, 1)} | ${JSON.stringify(context.peek(), null, 1)}`);
     }
     if (!success && token.typ == EnumToken.IdenTokenType && allValues.includes(token.val.toLowerCase())) {
@@ -813,9 +835,10 @@ function someOf(syntaxes, context, options) {
     let success = false;
     const matched = [];
     for (i = 0; i < syntaxes.length; i++) {
-        if (context.peek()?.typ == EnumToken.WhitespaceTokenType) {
-            context.next();
-        }
+        // if (context.peek<Token>()?.typ == EnumToken.WhitespaceTokenType) {
+        //
+        //     context.next();
+        // }
         result = doEvaluateSyntax(syntaxes[i], context.clone(), options);
         if (result.valid == SyntaxValidationResult.Valid) {
             success = true;
@@ -884,9 +907,10 @@ function allOf(syntax, context, options) {
     for (i = 0; i < slice.length; i++) {
         if (slice[i].typ == EnumToken.FunctionTokenType && wildCardFuncs.includes(slice[i].val.toLowerCase())) {
             vars.push(slice[i]);
-            if (slice[i + 1]?.typ == EnumToken.WhitespaceTokenType) {
-                vars.push(slice[++i]);
-            }
+            // if (slice[i + 1]?.typ == EnumToken.WhitespaceTokenType) {
+            //
+            //     vars.push(slice[++i]);
+            // }
             continue;
         }
         if (slice[i].typ == EnumToken.CommaTokenType || (slice[i].typ == EnumToken.LiteralTokenType && slice[i].val == '/')) {
diff --git a/dist/lib/validation/syntaxes/complex-selector-list.js b/dist/lib/validation/syntaxes/complex-selector-list.js
index ce8a1d83..1df5157d 100644
--- a/dist/lib/validation/syntaxes/complex-selector-list.js
+++ b/dist/lib/validation/syntaxes/complex-selector-list.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { validateSelector } from './selector.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
@@ -13,16 +13,17 @@ import { splitTokenList } from '../utils/list.js';
 function validateComplexSelectorList(tokens, root, options) {
     tokens = tokens.slice();
     consumeWhitespace(tokens);
-    if (tokens.length == 0) {
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            // @ts-ignore
-            node: root,
-            syntax: null,
-            error: 'expecting complex selector list'
-        };
-    }
+    // if (tokens.length == 0) {
+    //
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         context: [],
+    //         // @ts-ignore
+    //         node: root,
+    //         syntax: null,
+    //         error: 'expecting complex selector list'
+    //     }
+    // }
     let result = null;
     for (const t of splitTokenList(tokens)) {
         result = validateSelector(t, root, options);
@@ -31,14 +32,7 @@ function validateComplexSelectorList(tokens, root, options) {
         }
     }
     // @ts-ignore
-    return result ?? {
-        valid: SyntaxValidationResult.Drop,
-        context: [],
-        // @ts-ignore
-        node: root,
-        syntax: null,
-        error: 'expecting complex selector list'
-    };
+    return result;
 }
 
 export { validateComplexSelectorList };
diff --git a/dist/lib/validation/syntaxes/complex-selector.js b/dist/lib/validation/syntaxes/complex-selector.js
index 0cf829b9..3b11c026 100644
--- a/dist/lib/validation/syntaxes/complex-selector.js
+++ b/dist/lib/validation/syntaxes/complex-selector.js
@@ -6,7 +6,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { validateCompoundSelector } from './compound-selector.js';
 
diff --git a/dist/lib/validation/syntaxes/compound-selector.js b/dist/lib/validation/syntaxes/compound-selector.js
index 06844059..168d9d6d 100644
--- a/dist/lib/validation/syntaxes/compound-selector.js
+++ b/dist/lib/validation/syntaxes/compound-selector.js
@@ -5,7 +5,7 @@ import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { mozExtensions, webkitExtensions } from '../../syntax/syntax.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
 import { getSyntaxConfig } from '../config.js';
diff --git a/dist/lib/validation/syntaxes/family-name.js b/dist/lib/validation/syntaxes/family-name.js
index 8e6dad68..52e9da1e 100644
--- a/dist/lib/validation/syntaxes/family-name.js
+++ b/dist/lib/validation/syntaxes/family-name.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
 
diff --git a/dist/lib/validation/syntaxes/keyframe-block-list.js b/dist/lib/validation/syntaxes/keyframe-block-list.js
deleted file mode 100644
index 43fc2bbb..00000000
--- a/dist/lib/validation/syntaxes/keyframe-block-list.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import { EnumToken, SyntaxValidationResult } from '../../ast/types.js';
-import '../../ast/minify.js';
-import '../../ast/walk.js';
-import '../../parser/parse.js';
-import '../../parser/tokenize.js';
-import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
-import '../../renderer/sourcemap/lib/encode.js';
-import { validateKeyframeSelector } from './keyframe-selector.js';
-
-function validateKeyframeBlockList(tokens, atRule, options) {
-    let i = 0;
-    let j = 0;
-    let result = null;
-    while (i + 1 < tokens.length) {
-        if (tokens[++i].typ == EnumToken.CommaTokenType) {
-            result = validateKeyframeSelector(tokens.slice(j, i));
-            if (result.valid == SyntaxValidationResult.Drop) {
-                return result;
-            }
-            j = i + 1;
-            i = j;
-        }
-    }
-    return validateKeyframeSelector(i == j ? tokens.slice(i) : tokens.slice(j, i + 1));
-}
-
-export { validateKeyframeBlockList };
diff --git a/dist/lib/validation/syntaxes/keyframe-selector.js b/dist/lib/validation/syntaxes/keyframe-selector.js
index 11c84c58..a0eba4da 100644
--- a/dist/lib/validation/syntaxes/keyframe-selector.js
+++ b/dist/lib/validation/syntaxes/keyframe-selector.js
@@ -6,7 +6,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function validateKeyframeSelector(tokens, options) {
diff --git a/dist/lib/validation/syntaxes/layer-name.js b/dist/lib/validation/syntaxes/layer-name.js
index fc18f21b..2eaab6b0 100644
--- a/dist/lib/validation/syntaxes/layer-name.js
+++ b/dist/lib/validation/syntaxes/layer-name.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function validateLayerName(tokens) {
diff --git a/dist/lib/validation/syntaxes/relative-selector-list.js b/dist/lib/validation/syntaxes/relative-selector-list.js
index a598f1ad..c04860a9 100644
--- a/dist/lib/validation/syntaxes/relative-selector-list.js
+++ b/dist/lib/validation/syntaxes/relative-selector-list.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { validateRelativeSelector } from './relative-selector.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
@@ -13,31 +13,33 @@ import { splitTokenList } from '../utils/list.js';
 function validateRelativeSelectorList(tokens, root, options) {
     tokens = tokens.slice();
     consumeWhitespace(tokens);
-    if (tokens.length == 0) {
-        return {
-            valid: SyntaxValidationResult.Drop,
-            matches: [],
-            // @ts-ignore
-            node: root,
-            // @ts-ignore
-            syntax: null,
-            error: 'expecting relative selector list',
-            tokens
-        };
-    }
+    // if (tokens.length == 0) {
+    //
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         matches: [],
+    //         // @ts-ignore
+    //         node: root,
+    //         // @ts-ignore
+    //         syntax: null,
+    //         error: 'expecting relative selector list',
+    //         tokens
+    //     }
+    // }
     for (const t of splitTokenList(tokens)) {
-        if (t.length == 0) {
-            return {
-                valid: SyntaxValidationResult.Drop,
-                matches: [],
-                // @ts-ignore
-                node: root,
-                // @ts-ignore
-                syntax: null,
-                error: 'unexpected comma',
-                tokens
-            };
-        }
+        // if (t.length == 0) {
+        //
+        //     return {
+        //         valid: SyntaxValidationResult.Drop,
+        //         matches: [],
+        //         // @ts-ignore
+        //         node: root,
+        //         // @ts-ignore
+        //         syntax: null,
+        //         error: 'unexpected comma',
+        //         tokens
+        //     }
+        // }
         const result = validateRelativeSelector(t, root, options);
         if (result.valid == SyntaxValidationResult.Drop) {
             return result;
diff --git a/dist/lib/validation/syntaxes/relative-selector.js b/dist/lib/validation/syntaxes/relative-selector.js
index 6e9f9510..80652117 100644
--- a/dist/lib/validation/syntaxes/relative-selector.js
+++ b/dist/lib/validation/syntaxes/relative-selector.js
@@ -5,7 +5,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { validateSelector } from './selector.js';
 import { combinatorsTokens } from './complex-selector.js';
diff --git a/dist/lib/validation/syntaxes/url.js b/dist/lib/validation/syntaxes/url.js
index bc13f864..ecaee5a0 100644
--- a/dist/lib/validation/syntaxes/url.js
+++ b/dist/lib/validation/syntaxes/url.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
 
diff --git a/dist/lib/validation/utils/list.js b/dist/lib/validation/utils/list.js
index 62926ba5..d5267b28 100644
--- a/dist/lib/validation/utils/list.js
+++ b/dist/lib/validation/utils/list.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function stripCommaToken(tokenList) {
diff --git a/dist/lib/validation/utils/whitespace.js b/dist/lib/validation/utils/whitespace.js
index 193299af..e86dfc13 100644
--- a/dist/lib/validation/utils/whitespace.js
+++ b/dist/lib/validation/utils/whitespace.js
@@ -4,7 +4,7 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import '../../renderer/color/utils/constants.js';
+import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function consumeWhitespace(tokens) {
diff --git a/dist/node/index.js b/dist/node/index.js
index 42634fd4..570fe18c 100644
--- a/dist/node/index.js
+++ b/dist/node/index.js
@@ -5,7 +5,7 @@ export { walk, walkValues } from '../lib/ast/walk.js';
 export { expand } from '../lib/ast/expand.js';
 import { doRender } from '../lib/renderer/render.js';
 export { renderToken } from '../lib/renderer/render.js';
-import '../lib/renderer/color/utils/constants.js';
+import '../lib/syntax/color/utils/constants.js';
 import { doParse } from '../lib/parser/parse.js';
 export { parseString, parseTokens } from '../lib/parser/parse.js';
 import '../lib/parser/tokenize.js';
diff --git a/dist/web/index.js b/dist/web/index.js
index 89bcd24e..d13d2a20 100644
--- a/dist/web/index.js
+++ b/dist/web/index.js
@@ -4,7 +4,7 @@ export { walk, walkValues } from '../lib/ast/walk.js';
 export { expand } from '../lib/ast/expand.js';
 import { doRender } from '../lib/renderer/render.js';
 export { renderToken } from '../lib/renderer/render.js';
-import '../lib/renderer/color/utils/constants.js';
+import '../lib/syntax/color/utils/constants.js';
 import { doParse } from '../lib/parser/parse.js';
 export { parseString, parseTokens } from '../lib/parser/parse.js';
 import '../lib/parser/tokenize.js';
diff --git a/jsr.json b/jsr.json
index 561af13f..e5ff87d5 100644
--- a/jsr.json
+++ b/jsr.json
@@ -1,6 +1,6 @@
 {
   "name": "@tbela99/css-parser",
-  "version": "1.1.2",
+  "version": "1.2.0-alpha1",
   "publish": {
     "include": [
       "src",
diff --git a/package.json b/package.json
index 4d3db820..c2ea7293 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@tbela99/css-parser",
   "description": "CSS parser for node and the browser",
-  "version": "v1.1.2",
+  "version": "v1.2.0-alpha1",
   "exports": {
     ".": "./dist/node/index.js",
     "./node": "./dist/node/index.js",
@@ -19,8 +19,8 @@
     "test": "web-test-runner \"test/**/web.spec.js\" --node-resolve --playwright --browsers chromium firefox webkit --root-dir=.; mocha --reporter-options='maxDiffSize=1801920' --timeout=10000 \"test/**/node.spec.js\"",
     "test:web": "web-test-runner \"test/**/web.spec.js\" --node-resolve --playwright --browsers chromium firefox webkit --root-dir=.",
     "test:node": "mocha --reporter-options='maxDiffSize=1801920' \"test/**/node.spec.js\"",
-    "test:cov": "c8 -x 'test/specs/**/*.js' -x dist/lib/validation/syntax.js -x 'dist/lib/validation/parser/*.js' --reporter=html --reporter=text --reporter=json-summary mocha --reporter-options='maxDiffSize=1801920' --timeout=10000 \"test/**/node.spec.js\"",
-    "test:web-cov": "web-test-runner -x 'test/specs/**/*.js' -x dist/lib/validation/syntax.js,dist/lib/validation/parser \"test/**/web.spec.js\" --node-resolve --playwright --browsers chromium firefox webkit --root-dir=. --coverage",
+    "test:cov": "c8 -x 'test/specs/**/*.js' --reporter=html --reporter=text --reporter=json-summary mocha --reporter-options='maxDiffSize=1801920' --timeout=10000 \"test/**/node.spec.js\"",
+    "test:web-cov": "web-test-runner -x 'test/specs/**/*.js' \"test/**/web.spec.js\" --node-resolve --playwright --browsers chromium firefox webkit --root-dir=. --coverage",
     "profile": "node --enable-source-maps --inspect-brk test/inspect.js",
     "syntax-update": "esno tools/validation.ts",
     "debug": "web-test-runner \"test/**/web.spec.js\" --manual --open --node-resolve --root-dir=."
diff --git a/src/@types/token.d.ts b/src/@types/token.d.ts
index cdaf89ed..4329e16e 100644
--- a/src/@types/token.d.ts
+++ b/src/@types/token.d.ts
@@ -1,6 +1,6 @@
 import type {AstDeclaration, BaseToken} from "./ast.d.ts";
 import {EnumToken} from "../lib/index.ts";
-import {ColorKind} from "../lib/renderer/color/utils/index.ts";
+import {ColorKind} from "../lib/syntax/color/utils/index.ts";
 
 export declare interface LiteralToken extends BaseToken {
 
diff --git a/src/@types/validation.d.ts b/src/@types/validation.d.ts
index 0caec221..3457156f 100644
--- a/src/@types/validation.d.ts
+++ b/src/@types/validation.d.ts
@@ -55,7 +55,7 @@ export interface Context<Type> {
 
     next<Type>(): Type | null;
 
-    tokens<Type>(): Type[];
+    // tokens<Type>(): Type[];
 
     consume<Type>(token: Type, howMany?: number): boolean;
 
diff --git a/src/lib/ast/features/prefix.ts b/src/lib/ast/features/prefix.ts
index 9f08dc8b..0936998a 100644
--- a/src/lib/ast/features/prefix.ts
+++ b/src/lib/ast/features/prefix.ts
@@ -27,7 +27,7 @@ import {definedPropertySettings, splitRule} from "../minify.ts";
 import type {ValidationConfiguration} from "../../../@types/validation.d.ts";
 import {renderToken} from "../../renderer/index.ts";
 import {parseAtRulePrelude, parseString} from "../../parser/index.ts";
-import {funcLike} from "../../renderer/color/utils/index.ts";
+import {funcLike} from "../../syntax/color/utils/index.ts";
 import {evaluateSyntax} from "../../validation/syntax.ts";
 
 const config: ValidationConfiguration = getSyntaxConfig();
diff --git a/src/lib/ast/transform/compute.ts b/src/lib/ast/transform/compute.ts
index ae52361f..8184c53a 100644
--- a/src/lib/ast/transform/compute.ts
+++ b/src/lib/ast/transform/compute.ts
@@ -5,7 +5,7 @@ import {length2Px} from "./convert.ts";
 import {transformFunctions} from "../../syntax/index.ts";
 import {stripCommaToken} from "../../validation/utils/index.ts";
 import {translate, translate3d, translateX, translateY, translateZ} from "./translate.ts";
-import {getAngle, getNumber} from "../../renderer/color/index.ts";
+import {getAngle, getNumber} from "../../syntax/color/index.ts";
 import {rotate, rotate3D} from "./rotate.ts";
 import {scale, scale3d, scaleX, scaleY, scaleZ} from "./scale.ts";
 import {minify} from "./minify.ts";
diff --git a/src/lib/ast/transform/matrix.ts b/src/lib/ast/transform/matrix.ts
index e908c10a..c48b67c6 100644
--- a/src/lib/ast/transform/matrix.ts
+++ b/src/lib/ast/transform/matrix.ts
@@ -3,7 +3,7 @@ import {EnumToken} from "../types.ts";
 import type {FunctionToken, IdentToken, Token} from "../../../@types/index.d.ts";
 import {reduceNumber} from "../../renderer/render.ts";
 import {eq} from "../../parser/utils/eq.ts";
-import {getNumber} from "../../renderer/color/index.ts";
+import {getNumber} from "../../syntax/color/index.ts";
 import {NumberToken} from "../../validation/index.ts";
 
 export function parseMatrix(mat: FunctionToken | IdentToken): Matrix | null {
diff --git a/src/lib/parser/parse.ts b/src/lib/parser/parse.ts
index 580074ec..11019b17 100644
--- a/src/lib/parser/parse.ts
+++ b/src/lib/parser/parse.ts
@@ -20,7 +20,7 @@ import {
 } from "../syntax/index.ts";
 import {parseDeclarationNode} from './utils/index.ts';
 import {colorsFunc, renderToken} from "../renderer/index.ts";
-import {COLORS_NAMES} from "../renderer/color/index.ts";
+import {COLORS_NAMES} from "../syntax/color/index.ts";
 import {
     combinators,
     definedPropertySettings,
@@ -108,7 +108,14 @@ import type {
     UrlToken,
     WhitespaceToken
 } from "../../@types/index.d.ts";
-import {ColorKind, deprecatedSystemColors, funcLike, systemColors} from "../renderer/color/utils/index.ts";
+import {
+    ColorKind,
+    deprecatedSystemColors,
+    funcLike,
+    systemColors,
+    timelineFunc,
+    timingFunc
+} from "../syntax/color/utils/index.ts";
 import {validateAtRule, validateSelector} from "../validation/index.ts";
 import type {ValidationResult, ValidationSyntaxResult} from "../../@types/validation.d.ts";
 import {validateAtRuleKeyframes} from "../validation/at-rules/index.ts";
@@ -1776,7 +1783,7 @@ export function getTokenType(val: string, hint?: EnumToken): Token {
             };
         }
 
-        if (['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear', 'step-start', 'step-end', 'steps', 'cubic-bezier'].includes(val)) {
+        if (timingFunc.includes(val.toLowerCase())) {
             return <TimingFunctionToken>{
                 typ: EnumToken.TimingFunctionTokenType,
                 val,
@@ -1784,7 +1791,7 @@ export function getTokenType(val: string, hint?: EnumToken): Token {
             };
         }
 
-        if (['view', 'scroll'].includes(val)) {
+        if (timelineFunc.includes(val)) {
             return <TimelineFunctionToken>{
                 typ: EnumToken.TimelineFunctionTokenType,
                 val,
diff --git a/src/lib/parser/tokenize.ts b/src/lib/parser/tokenize.ts
index b973b856..e3f6e467 100644
--- a/src/lib/parser/tokenize.ts
+++ b/src/lib/parser/tokenize.ts
@@ -123,12 +123,12 @@ function* consumeString(quoteStr: '"' | "'", buffer: string, parseInfo: ParseInf
                 break;
             }
 
-            if (i == 1) {
-
-                buffer += value + sequence[i];
-                next(parseInfo, 2);
-                continue;
-            }
+            // if (i == 1) {
+            //
+            //     buffer += value + sequence[i];
+            //     next(parseInfo, 2);
+            //     continue;
+            // }
 
             if (escapeSequence.trimEnd().length > 0) {
 
@@ -220,20 +220,20 @@ function next(parseInfo: ParseInfo, count: number = 1): string {
     let char: string = '';
     let chr: string = '';
 
-    if (count < 0) {
-
-        return '';
-    }
+    // if (count < 0) {
+    //
+    //     return '';
+    // }
 
     while (count-- && (chr = parseInfo.stream.charAt(parseInfo.currentPosition.ind + 1))) {
 
         char += chr;
         const codepoint: number = parseInfo.stream.charCodeAt(++parseInfo.currentPosition.ind);
 
-        if (isNaN(codepoint)) {
-
-            return char;
-        }
+        // if (isNaN(codepoint)) {
+        //
+        //     return char;
+        // }
 
         if (isNewLine(codepoint)) {
 
diff --git a/src/lib/renderer/index.ts b/src/lib/renderer/index.ts
index dc45605e..2d00a1f9 100644
--- a/src/lib/renderer/index.ts
+++ b/src/lib/renderer/index.ts
@@ -1,3 +1,3 @@
 
 export * from './render.ts';
-export {colorsFunc} from "./color/utils";
\ No newline at end of file
+export {colorsFunc} from "../syntax/color/utils";
\ No newline at end of file
diff --git a/src/lib/renderer/render.ts b/src/lib/renderer/render.ts
index 45097ccc..be99125d 100644
--- a/src/lib/renderer/render.ts
+++ b/src/lib/renderer/render.ts
@@ -61,10 +61,10 @@ import {
     RelativeColorTypes,
     rgb2hex,
     srgb2hexvalues
-} from "./color/index.ts";
+} from "../syntax/color/index.ts";
 import {EnumToken, expand} from "../ast/index.ts";
 import {SourceMap} from "./sourcemap/index.ts";
-import {colorFuncColorSpace, ColorKind, colorsFunc, funcLike, getComponents} from "./color/utils/index.ts";
+import {colorFuncColorSpace, ColorKind, colorsFunc, funcLike, getComponents} from "../syntax/color/utils/index.ts";
 import {isColor, isNewLine, mathFuncs, pseudoElements} from "../syntax/index.ts";
 
 export function reduceNumber(val: string | number): string {
diff --git a/src/lib/renderer/color/a98rgb.ts b/src/lib/syntax/color/a98rgb.ts
similarity index 98%
rename from src/lib/renderer/color/a98rgb.ts
rename to src/lib/syntax/color/a98rgb.ts
index 15cd3351..7c50ba40 100644
--- a/src/lib/renderer/color/a98rgb.ts
+++ b/src/lib/syntax/color/a98rgb.ts
@@ -1,5 +1,5 @@
 import {xyz2srgb} from "./srgb.ts";
-import {multiplyMatrices} from "./utils/index.ts";
+import {multiplyMatrices} from "./utils";
 import {srgb2xyz} from "./xyz.ts";
 
 export function a98rgb2srgbvalues(r: number, g: number, b: number, a: number | null = null): number[] {
diff --git a/src/lib/renderer/color/color-mix.ts b/src/lib/syntax/color/color-mix.ts
similarity index 98%
rename from src/lib/renderer/color/color-mix.ts
rename to src/lib/syntax/color/color-mix.ts
index 4b4184e4..8aea6a2d 100644
--- a/src/lib/renderer/color/color-mix.ts
+++ b/src/lib/syntax/color/color-mix.ts
@@ -1,5 +1,5 @@
-import type {ColorToken, IdentToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {EnumToken} from "../../ast/index.ts";
+import type {ColorToken, IdentToken, PercentageToken, Token} from "../../../@types";
+import {EnumToken} from "../../ast";
 import {getNumber} from "./color.ts";
 import {srgb2lsrgbvalues, srgbvalues} from "./srgb.ts";
 import {srgb2lch, xyz2lchvalues} from "./lch.ts";
@@ -8,7 +8,7 @@ import {srgb2hsl} from "./hsl.ts";
 import {srgb2hwb} from "./hwb.ts";
 import {srgb2lab} from "./lab.ts";
 import {srgb2p3values} from "./p3.ts";
-import {ColorKind, getComponents} from "./utils/index.ts";
+import {ColorKind, getComponents} from "./utils";
 import {srgb2oklch} from "./oklch.ts";
 import {srgb2oklab} from "./oklab.ts";
 import {srgb2a98values} from "./a98rgb.ts";
@@ -16,7 +16,7 @@ import {srgb2prophotorgbvalues} from "./prophotorgb.ts";
 import {srgb2xyz} from "./xyz.ts";
 import {XYZ_D65_to_D50, xyzd502lch} from "./xyzd50.ts";
 import {srgb2rec2020values} from "./rec2020.ts";
-import {isPolarColorspace, isRectangularOrthogonalColorspace} from "../../syntax/index.ts";
+import {isPolarColorspace, isRectangularOrthogonalColorspace} from "../index.ts";
 
 function interpolateHue(interpolationMethod: IdentToken, h1: number, h2: number): number[] {
 
diff --git a/src/lib/renderer/color/color.ts b/src/lib/syntax/color/color.ts
similarity index 99%
rename from src/lib/renderer/color/color.ts
rename to src/lib/syntax/color/color.ts
index 79589036..ab5cebe1 100644
--- a/src/lib/renderer/color/color.ts
+++ b/src/lib/syntax/color/color.ts
@@ -1,5 +1,5 @@
-import type {AngleToken, ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {EnumToken} from "../../ast/index.ts";
+import type {AngleToken, ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types";
+import {EnumToken} from "../../ast";
 import {hex2rgb, hsl2rgb, hwb2rgb, lab2rgb, lch2rgb, oklab2rgb, oklch2rgb, srgb2rgb} from "./rgb.ts";
 import {hex2hsl, hwb2hsl, lab2hsl, lch2hsl, oklab2hsl, oklch2hsl, rgb2hsl, srgb2hsl} from "./hsl.ts";
 import {hsl2hwb, lab2hwb, lch2hwb, oklab2hwb, oklch2hwb, rgb2hwb} from "./hwb.ts";
@@ -7,7 +7,7 @@ import {hex2lab, hsl2lab, hwb2lab, lch2lab, oklab2lab, oklch2lab, rgb2lab, srgb2
 import {hex2lch, hsl2lch, hwb2lch, lab2lch, oklab2lch, oklch2lch, rgb2lch, srgb2lch} from "./lch.ts";
 import {hex2oklab, hsl2oklab, hwb2oklab, lab2oklab, lch2oklab, oklch2oklab, rgb2oklab, srgb2oklab} from "./oklab.ts";
 import {hex2oklch, hsl2oklch, hwb2oklch, lab2oklch, lch2oklch, oklab2oklch, rgb2oklch, srgb2oklch,} from "./oklch.ts";
-import {colorFuncColorSpace, ColorKind, getComponents} from "./utils/index.ts";
+import {colorFuncColorSpace, ColorKind, getComponents} from "./utils";
 import {
     hex2srgb,
     hsl2srgb,
diff --git a/src/lib/renderer/color/hex.ts b/src/lib/syntax/color/hex.ts
similarity index 96%
rename from src/lib/renderer/color/hex.ts
rename to src/lib/syntax/color/hex.ts
index d0ddf568..f5279636 100644
--- a/src/lib/renderer/color/hex.ts
+++ b/src/lib/syntax/color/hex.ts
@@ -1,8 +1,8 @@
-import type {ColorToken, IdentToken, NumberToken, PercentageToken} from "../../../@types/index.d.ts";
-import {EnumToken} from "../../ast/index.ts";
+import type {ColorToken, IdentToken, NumberToken, PercentageToken} from "../../../@types";
+import {EnumToken} from "../../ast";
 import {getNumber, minmax} from "./color.ts";
 import {cmyk2rgb, hsl2rgb, hwb2rgb, lab2rgb, lch2rgb, oklab2rgb, oklch2rgb} from "./rgb.ts";
-import {getComponents, NAMES_COLORS} from "./utils/index.ts";
+import {getComponents, NAMES_COLORS} from "./utils";
 
 function toHexString(acc: string, value: number): string {
 
diff --git a/src/lib/renderer/color/hsl.ts b/src/lib/syntax/color/hsl.ts
similarity index 96%
rename from src/lib/renderer/color/hsl.ts
rename to src/lib/syntax/color/hsl.ts
index bc13c8b7..8fbd4e04 100644
--- a/src/lib/renderer/color/hsl.ts
+++ b/src/lib/syntax/color/hsl.ts
@@ -1,9 +1,9 @@
 import {hwb2hsv} from "./hsv.ts";
-import type {ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
+import type {ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types";
 import {getNumber} from "./color.ts";
 import {hex2rgb, lab2rgb, lch2rgb, oklab2rgb, oklch2rgb} from "./rgb.ts";
-import {getComponents} from "./utils/index.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {getComponents} from "./utils";
+import {EnumToken} from "../../ast";
 import {hslvalues} from './srgb.ts';
 
 export function hex2hsl(token: ColorToken): number[] {
diff --git a/src/lib/renderer/color/hsv.ts b/src/lib/syntax/color/hsv.ts
similarity index 100%
rename from src/lib/renderer/color/hsv.ts
rename to src/lib/syntax/color/hsv.ts
diff --git a/src/lib/renderer/color/hwb.ts b/src/lib/syntax/color/hwb.ts
similarity index 95%
rename from src/lib/renderer/color/hwb.ts
rename to src/lib/syntax/color/hwb.ts
index 75452d54..39411e85 100644
--- a/src/lib/renderer/color/hwb.ts
+++ b/src/lib/syntax/color/hwb.ts
@@ -1,8 +1,8 @@
 import {hsl2hsv} from "./hsv.ts";
-import type {AngleToken, ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {getComponents} from "./utils/index.ts";
+import type {AngleToken, ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types";
+import {getComponents} from "./utils";
 import {getAngle, getNumber} from "./color.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {EnumToken} from "../../ast";
 import {lab2srgb, lch2srgb, oklab2srgb, oklch2srgb} from "./srgb.ts";
 
 export function rgb2hwb(token: ColorToken): number[] {
diff --git a/src/lib/renderer/color/index.ts b/src/lib/syntax/color/index.ts
similarity index 88%
rename from src/lib/renderer/color/index.ts
rename to src/lib/syntax/color/index.ts
index 12434ced..03b15ed0 100644
--- a/src/lib/renderer/color/index.ts
+++ b/src/lib/syntax/color/index.ts
@@ -15,4 +15,4 @@ export * from './xyzd50.ts';
 export * from './prophotorgb.ts';
 export * from './a98rgb.ts';
 export * from './rec2020.ts';
-export {NAMES_COLORS, COLORS_NAMES} from "./utils/index.ts";
\ No newline at end of file
+export {NAMES_COLORS, COLORS_NAMES} from "./utils";
\ No newline at end of file
diff --git a/src/lib/renderer/color/lab.ts b/src/lib/syntax/color/lab.ts
similarity index 97%
rename from src/lib/renderer/color/lab.ts
rename to src/lib/syntax/color/lab.ts
index 79c167aa..c7c4f0cd 100644
--- a/src/lib/renderer/color/lab.ts
+++ b/src/lib/syntax/color/lab.ts
@@ -1,11 +1,11 @@
-import {D50, e, getComponents, k} from "./utils/index.ts";
+import {D50, e, getComponents, k} from "./utils";
 import {srgb2xyz} from "./xyz.ts";
-import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
+import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types";
 import {hex2srgb, hsl2srgb, hwb2srgb, oklch2srgb, rgb2srgb} from "./srgb.ts";
 import {getLCHComponents} from "./lch.ts";
 import {getOKLABComponents, OKLab_to_XYZ} from "./oklab.ts";
 import {getNumber} from "./color.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {EnumToken} from "../../ast";
 import {xyzd502srgb} from "./xyzd50.ts";
 
 // L: 0% = 0.0, 100% = 100.0
diff --git a/src/lib/renderer/color/lch.ts b/src/lib/syntax/color/lch.ts
similarity index 96%
rename from src/lib/renderer/color/lch.ts
rename to src/lib/syntax/color/lch.ts
index a1cd5515..d4394ca8 100644
--- a/src/lib/renderer/color/lch.ts
+++ b/src/lib/syntax/color/lch.ts
@@ -1,7 +1,7 @@
-import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {getComponents} from "./utils/index.ts";
+import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types";
+import {getComponents} from "./utils";
 import {getAngle, getNumber} from "./color.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {EnumToken} from "../../ast";
 import {getLABComponents, hex2lab, hsl2lab, hwb2lab, oklab2lab, oklch2lab, rgb2lab, srgb2lab, xyz2lab} from "./lab.ts";
 
 export function hex2lch(token: ColorToken): number[] {
diff --git a/src/lib/renderer/color/oklab.ts b/src/lib/syntax/color/oklab.ts
similarity index 97%
rename from src/lib/renderer/color/oklab.ts
rename to src/lib/syntax/color/oklab.ts
index 11126c6a..8dbf819b 100644
--- a/src/lib/renderer/color/oklab.ts
+++ b/src/lib/syntax/color/oklab.ts
@@ -1,4 +1,4 @@
-import {getComponents, multiplyMatrices} from "./utils/index.ts";
+import {getComponents, multiplyMatrices} from "./utils";
 import {
     hex2srgb,
     hsl2srgb,
@@ -9,9 +9,9 @@ import {
     rgb2srgb,
     srgb2lsrgbvalues
 } from "./srgb.ts";
-import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
+import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types";
 import {getNumber} from "./color.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {EnumToken} from "../../ast";
 import {getOKLCHComponents} from "./oklch.ts";
 import {lch2labvalues} from "./lab.ts";
 
diff --git a/src/lib/renderer/color/oklch.ts b/src/lib/syntax/color/oklch.ts
similarity index 95%
rename from src/lib/renderer/color/oklch.ts
rename to src/lib/syntax/color/oklch.ts
index 56e383e9..0b446800 100644
--- a/src/lib/renderer/color/oklch.ts
+++ b/src/lib/syntax/color/oklch.ts
@@ -1,7 +1,7 @@
-import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {getComponents} from "./utils/index.ts";
+import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types";
+import {getComponents} from "./utils";
 import {getAngle, getNumber} from "./color.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {EnumToken} from "../../ast";
 import {lab2lchvalues} from "./lch.ts";
 import {
     getOKLABComponents,
diff --git a/src/lib/renderer/color/p3.ts b/src/lib/syntax/color/p3.ts
similarity index 97%
rename from src/lib/renderer/color/p3.ts
rename to src/lib/syntax/color/p3.ts
index 80be39ed..b40c7fd5 100644
--- a/src/lib/renderer/color/p3.ts
+++ b/src/lib/syntax/color/p3.ts
@@ -1,5 +1,5 @@
 import {lsrgb2srgbvalues, srgb2lsrgbvalues, xyz2srgb} from "./srgb.ts";
-import {multiplyMatrices} from "./utils/index.ts";
+import {multiplyMatrices} from "./utils";
 import {srgb2xyz} from "./xyz.ts";
 
 export function p32srgbvalues(r: number, g: number, b: number, alpha?: number) {
diff --git a/src/lib/renderer/color/prophotorgb.ts b/src/lib/syntax/color/prophotorgb.ts
similarity index 100%
rename from src/lib/renderer/color/prophotorgb.ts
rename to src/lib/syntax/color/prophotorgb.ts
diff --git a/src/lib/renderer/color/rec2020.ts b/src/lib/syntax/color/rec2020.ts
similarity index 98%
rename from src/lib/renderer/color/rec2020.ts
rename to src/lib/syntax/color/rec2020.ts
index cfdb7739..283e0df3 100644
--- a/src/lib/renderer/color/rec2020.ts
+++ b/src/lib/syntax/color/rec2020.ts
@@ -1,5 +1,5 @@
 import {xyz2srgb} from "./srgb.ts";
-import {multiplyMatrices} from "./utils/index.ts";
+import {multiplyMatrices} from "./utils";
 import {srgb2xyz} from "./xyz.ts";
 
 export function rec20202srgb(r: number, g: number, b: number, a?: number): number[] {
diff --git a/src/lib/renderer/color/relativecolor.ts b/src/lib/syntax/color/relativecolor.ts
similarity index 82%
rename from src/lib/renderer/color/relativecolor.ts
rename to src/lib/syntax/color/relativecolor.ts
index 422f0a85..bcb333bf 100644
--- a/src/lib/renderer/color/relativecolor.ts
+++ b/src/lib/syntax/color/relativecolor.ts
@@ -6,13 +6,12 @@ import type {
     ParensToken,
     PercentageToken,
     Token
-} from "../../../@types/index.d.ts";
+} from "../../../@types";
 import {convert, getNumber} from "./color.ts";
-import {EnumToken, walkValues} from "../../ast/index.ts";
-import {reduceNumber} from "../render.ts";
-import {evaluate, evaluateFunc} from "../../ast/math/index.ts";
-import {ColorKind, colorRange} from "./utils/index.ts";
-import {mathFuncs} from "../../syntax/index.ts";
+import {EnumToken, walkValues} from "../../ast";
+import {evaluate, evaluateFunc} from "../../ast/math";
+import {ColorKind, colorRange} from "./utils";
+import {mathFuncs} from "../index.ts";
 
 type RGBKeyType = 'r' | 'g' | 'b' | 'alpha';
 type HSLKeyType = 'h' | 's' | 'l' | 'alpha';
@@ -47,10 +46,10 @@ export function parseRelativeColor(relativeKeys: string, original: ColorToken, r
     const names: string = relativeKeys.startsWith('xyz') ? 'xyz' : relativeKeys.slice(-3);
     const converted: ColorToken = <ColorToken>convert(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_') as keyof typeof ColorKind]);
 
-    if (converted == null) {
-
-        return null;
-    }
+    // if (converted == null) {
+    //
+    //     return null;
+    // }
 
     const children: Token[] = (<Token[]>converted.chi).filter(t => ![EnumToken.WhitespaceTokenType, EnumToken.LiteralTokenType, EnumToken.CommentTokenType].includes(t.typ));
     [r, g, b, alpha] = converted.kin == ColorKind.COLOR ? children.slice(1) : children;
@@ -60,7 +59,7 @@ export function parseRelativeColor(relativeKeys: string, original: ColorToken, r
         [names[1]]: getValue(g, converted, names[1]), // string,
         [names[2]]: getValue(b, converted, names[2]),
         // @ts-ignore
-        alpha: alpha == null ?  {
+        alpha: alpha == null ? {
             typ: EnumToken.NumberTokenType,
             val: '1'
         } : (alpha.typ == EnumToken.IdenTokenType && alpha.val == 'none') ? {
@@ -77,7 +76,7 @@ export function parseRelativeColor(relativeKeys: string, original: ColorToken, r
         [names[1]]: getValue(gExp, converted, names[1]),
         [names[2]]: getValue(bExp, converted, names[2]),
         // @ts-ignore
-        alpha: getValue(aExp == null ?  {
+        alpha: getValue(aExp == null ? {
             typ: EnumToken.NumberTokenType,
             val: '1'
         } : (aExp.typ == EnumToken.IdenTokenType && aExp.val == 'none') ? {
@@ -91,10 +90,10 @@ export function parseRelativeColor(relativeKeys: string, original: ColorToken, r
 
 function getValue(t: Token, converted: ColorToken, component: string): Token {
 
-    if (t == null) {
-
-        return t;
-    }
+    // if (t == null) {
+    //
+    //     return t;
+    // }
 
     if (t.typ == EnumToken.PercentageTokenType) {
 
@@ -138,6 +137,7 @@ function computeComponentValue(expr: Record<RelativeColorTypes, Token>, converte
 
     for (const [key, exp] of Object.entries(expr)) {
 
+        /*
         if (exp == null) {
 
             if (key in values) {
@@ -154,40 +154,46 @@ function computeComponentValue(expr: Record<RelativeColorTypes, Token>, converte
                 }
             }
 
-        } else if ([EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.LengthTokenType].includes(exp.typ)) {
+        } else
+            */
+        if ([EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.LengthTokenType].includes(exp.typ)) {
 
         } else if (exp.typ == EnumToken.IdenTokenType && exp.val in values) {
 
-            if (typeof values[<RelativeColorTypes>exp.val] == 'number') {
-
-                expr[<RelativeColorTypes>key] = {
-                    typ: EnumToken.NumberTokenType,
-                    val: reduceNumber(<number>values[<RelativeColorTypes>exp.val])
-                };
-            } else {
+            // if (typeof values[<RelativeColorTypes>exp.val] == 'number') {
+            //
+            //     expr[<RelativeColorTypes>key] = {
+            //         typ: EnumToken.NumberTokenType,
+            //         val: reduceNumber(<number>values[<RelativeColorTypes>exp.val])
+            //     };
+            // } else {
 
                 expr[<RelativeColorTypes>key] = <Token>values[<RelativeColorTypes>exp.val];
-            }
+            // }
 
         } else if (exp.typ == EnumToken.FunctionTokenType && mathFuncs.includes((exp as FunctionToken).val)) {
 
             for (let {value, parent} of walkValues((exp as FunctionToken).chi, exp)) {
 
-                if (parent == null) {
-
-                    parent = exp;
-                }
+                // if (parent == null) {
+                //
+                //     parent = exp;
+                // }
 
+                /*
                 if (value.typ == EnumToken.PercentageTokenType) {
 
                     replaceValue(parent as BinaryExpressionToken | FunctionToken | ParensToken, value, getValue(value, converted, <RelativeColorTypes>key));
-                } else if (value.typ == EnumToken.IdenTokenType) {
+                } else
+                    */
 
-                    // @ts-ignore
-                    if (!(value.val in values || typeof Math[(value as IdentToken).val.toUpperCase()] == 'number')) {
+                    if (value.typ == EnumToken.IdenTokenType) {
 
-                        return null;
-                    }
+                    // @ts-ignore
+                    // if (!(value.val in values || typeof Math[(value as IdentToken).val.toUpperCase()] == 'number')) {
+                    //
+                    //     return null;
+                    // }
 
                     // @ts-ignore
                     replaceValue(parent as BinaryExpressionToken | FunctionToken | ParensToken, value, values[value.val] ?? {
@@ -204,10 +210,12 @@ function computeComponentValue(expr: Record<RelativeColorTypes, Token>, converte
             if (result.length == 1 && result[0].typ != EnumToken.BinaryExpressionTokenType) {
 
                 expr[<RelativeColorTypes>key] = result[0];
-            } else {
-
-                return null;
             }
+
+            // else {
+            //
+            //     return null;
+            // }
         }
     }
 
diff --git a/src/lib/renderer/color/rgb.ts b/src/lib/syntax/color/rgb.ts
similarity index 93%
rename from src/lib/renderer/color/rgb.ts
rename to src/lib/syntax/color/rgb.ts
index 4f8b42de..6bd230c7 100644
--- a/src/lib/renderer/color/rgb.ts
+++ b/src/lib/syntax/color/rgb.ts
@@ -1,6 +1,6 @@
-import type {ColorToken} from "../../../@types/index.d.ts";
+import type {ColorToken} from "../../../@types";
 import {minmax} from "./color.ts";
-import {ColorKind, COLORS_NAMES} from "./utils/index.ts";
+import {ColorKind, COLORS_NAMES} from "./utils";
 import {expandHexValue} from "./hex.ts";
 import {cmyk2srgb, hsl2srgbvalues, hslvalues, hwb2srgb, lab2srgb, lch2srgb, oklab2srgb, oklch2srgb} from "./srgb.ts";
 
diff --git a/src/lib/renderer/color/srgb.ts b/src/lib/syntax/color/srgb.ts
similarity index 97%
rename from src/lib/renderer/color/srgb.ts
rename to src/lib/syntax/color/srgb.ts
index a0ce2069..ff6bcfbb 100644
--- a/src/lib/renderer/color/srgb.ts
+++ b/src/lib/syntax/color/srgb.ts
@@ -1,17 +1,10 @@
 // from https://www.w3.org/TR/css-color-4/#color-conversion-code
 // srgb-linear -> srgb
 // 0 <= r, g, b <= 1
-import {ColorKind, COLORS_NAMES, getComponents} from "./utils/index.ts";
-import type {
-    ColorToken,
-    DimensionToken,
-    IdentToken,
-    NumberToken,
-    PercentageToken,
-    Token
-} from "../../../@types/index.d.ts";
+import {ColorKind, COLORS_NAMES, getComponents} from "./utils";
+import type {ColorToken, DimensionToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types";
 import {color2srgbvalues, getAngle, getNumber} from "./color.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {EnumToken} from "../../ast";
 import {getLABComponents, Lab_to_sRGB, lch2labvalues} from "./lab.ts";
 import {expandHexValue} from "./hex.ts";
 import {getOKLABComponents, OKLab_to_sRGB} from "./oklab.ts";
diff --git a/src/lib/renderer/color/utils/components.ts b/src/lib/syntax/color/utils/components.ts
similarity index 94%
rename from src/lib/renderer/color/utils/components.ts
rename to src/lib/syntax/color/utils/components.ts
index 7fb312f4..0913c3f0 100644
--- a/src/lib/renderer/color/utils/components.ts
+++ b/src/lib/syntax/color/utils/components.ts
@@ -1,5 +1,5 @@
-import type {ColorToken, NumberToken, Token} from "../../../../@types/index.d.ts";
-import {EnumToken} from "../../../ast/index.ts";
+import type {ColorToken, NumberToken, Token} from "../../../../@types";
+import {EnumToken} from "../../../ast";
 import {ColorKind, COLORS_NAMES} from "./constants.ts";
 import {expandHexValue} from "../hex.ts";
 
diff --git a/src/lib/renderer/color/utils/constants.ts b/src/lib/syntax/color/utils/constants.ts
similarity index 96%
rename from src/lib/renderer/color/utils/constants.ts
rename to src/lib/syntax/color/utils/constants.ts
index d2a7a472..41f19fa5 100644
--- a/src/lib/renderer/color/utils/constants.ts
+++ b/src/lib/syntax/color/utils/constants.ts
@@ -1,4 +1,4 @@
-import {EnumToken} from "../../../ast/index.ts";
+import {EnumToken} from "../../../ast";
 
 export const colorRange = {
 
@@ -60,7 +60,9 @@ export enum ColorKind {
     COLOR_MIX
 }
 
-export const generalEnclosedFunc: string[] = ['selector', 'font-tech', 'font-format', 'media', 'supports']
+export const timelineFunc: string[] = ['view', 'scroll'];
+export const generalEnclosedFunc: string[] = ['selector', 'font-tech', 'font-format', 'media', 'supports'];
+export const timingFunc: string[] = ['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear', 'step-start', 'step-end', 'steps', 'cubic-bezier'];
 export const funcLike: EnumToken[] = [
     EnumToken.ParensTokenType,
     EnumToken.FunctionTokenType,
diff --git a/src/lib/renderer/color/utils/index.ts b/src/lib/syntax/color/utils/index.ts
similarity index 100%
rename from src/lib/renderer/color/utils/index.ts
rename to src/lib/syntax/color/utils/index.ts
diff --git a/src/lib/renderer/color/utils/matrix.ts b/src/lib/syntax/color/utils/matrix.ts
similarity index 100%
rename from src/lib/renderer/color/utils/matrix.ts
rename to src/lib/syntax/color/utils/matrix.ts
diff --git a/src/lib/renderer/color/xyz.ts b/src/lib/syntax/color/xyz.ts
similarity index 97%
rename from src/lib/renderer/color/xyz.ts
rename to src/lib/syntax/color/xyz.ts
index 9898961c..01c3baaa 100644
--- a/src/lib/renderer/color/xyz.ts
+++ b/src/lib/syntax/color/xyz.ts
@@ -1,4 +1,4 @@
-import {multiplyMatrices} from "./utils/index.ts";
+import {multiplyMatrices} from "./utils";
 import {srgb2lsrgbvalues} from "./srgb.ts";
 import {Lab_to_XYZ} from "./lab.ts";
 
diff --git a/src/lib/renderer/color/xyzd50.ts b/src/lib/syntax/color/xyzd50.ts
similarity index 96%
rename from src/lib/renderer/color/xyzd50.ts
rename to src/lib/syntax/color/xyzd50.ts
index a3e5d16f..ad83627e 100644
--- a/src/lib/renderer/color/xyzd50.ts
+++ b/src/lib/syntax/color/xyzd50.ts
@@ -1,5 +1,5 @@
 import {lsrgb2srgbvalues} from "./srgb.ts";
-import {multiplyMatrices} from "./utils/index.ts";
+import {multiplyMatrices} from "./utils";
 import {xyz2lab} from "./lab.ts";
 import {XYZ_D50_to_D65} from "./xyz.ts";
 import {lab2lchvalues} from "./lch.ts";
diff --git a/src/lib/syntax/syntax.ts b/src/lib/syntax/syntax.ts
index b93b4a37..bb06026d 100644
--- a/src/lib/syntax/syntax.ts
+++ b/src/lib/syntax/syntax.ts
@@ -2,7 +2,7 @@
 // https://www.w3.org/TR/2021/CRD-css-syntax-3-20211224/#typedef-ident-token
 
 import {colorsFunc} from "../renderer/index.ts";
-import {COLORS_NAMES} from "../renderer/color/index.ts";
+import {COLORS_NAMES} from "./color/index.ts";
 import type {
     AngleToken,
     BinaryExpressionToken,
@@ -16,7 +16,7 @@ import type {
     Token
 } from "../../@types/index.d.ts";
 import {EnumToken, WalkerOptionEnum, walkValues} from "../ast/index.ts";
-import {ColorKind, funcLike} from "../renderer/color/utils";
+import {ColorKind, funcLike} from "./color/utils";
 import {buildExpression} from "../ast/math/index.ts";
 
 // '\\'
diff --git a/src/lib/validation/at-rules/keyframes.ts b/src/lib/validation/at-rules/keyframes.ts
index 3cff15e6..7fe015ff 100644
--- a/src/lib/validation/at-rules/keyframes.ts
+++ b/src/lib/validation/at-rules/keyframes.ts
@@ -17,23 +17,23 @@ export function validateAtRuleKeyframes(atRule: AstKeyframAtRule, options: Valid
         } as ValidationSyntaxResult;
     }
 
-    const tokens: Token[] = atRule.tokens.slice() as Token[];
+    const tokens: Token[] = atRule.tokens.filter((t: Token): boolean => t.typ != EnumToken.CommentTokenType).slice() as Token[];
 
     consumeWhitespace(tokens);
 
-    if (tokens.length == 0) {
+    // if (tokens.length == 0) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         context: [],
+    //         node: atRule,
+    //         syntax: '@keyframes',
+    //         error: 'expecting at-rule prelude'
+    //     } as ValidationSyntaxResult;
+    // }
 
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            node: atRule,
-            syntax: '@keyframes',
-            error: 'expecting at-rule prelude'
-        } as ValidationSyntaxResult;
-    }
-
-    if (![EnumToken.StringTokenType, EnumToken.IdenTokenType].includes(tokens[0].typ)) {
+    if (tokens.length == 0 || ![EnumToken.StringTokenType, EnumToken.IdenTokenType].includes(tokens[0].typ)) {
 
         // @ts-ignore
         return {
diff --git a/src/lib/validation/at-rules/media.ts b/src/lib/validation/at-rules/media.ts
index cb430ecf..ee4e2982 100644
--- a/src/lib/validation/at-rules/media.ts
+++ b/src/lib/validation/at-rules/media.ts
@@ -13,7 +13,7 @@ import type {
 import type {ValidationSyntaxResult} from "../../../@types/validation.d.ts";
 import {EnumToken, SyntaxValidationResult} from "../../ast/index.ts";
 import {consumeWhitespace, splitTokenList} from "../utils/index.ts";
-import {generalEnclosedFunc} from "../../renderer/color/utils";
+import {generalEnclosedFunc} from "../../syntax/color/utils";
 
 export function validateAtRuleMedia(atRule: AstAtRule, options: ValidationOptions, root?: AstNode): ValidationSyntaxResult {
 
diff --git a/src/lib/validation/at-rules/when.ts b/src/lib/validation/at-rules/when.ts
index 327d02a1..11f44a8b 100644
--- a/src/lib/validation/at-rules/when.ts
+++ b/src/lib/validation/at-rules/when.ts
@@ -4,7 +4,7 @@ import {EnumToken, SyntaxValidationResult} from "../../ast/index.ts";
 import {consumeWhitespace, splitTokenList} from "../utils/index.ts";
 import {validateMediaCondition, validateMediaFeature} from "./media.ts";
 import {validateSupportCondition} from "./supports.ts";
-import {generalEnclosedFunc} from "../../renderer/color/utils";
+import {generalEnclosedFunc} from "../../syntax/color/utils";
 
 export function validateAtRuleWhen(atRule: AstAtRule, options: ValidationOptions, root?: AstNode): ValidationSyntaxResult {
 
diff --git a/src/lib/validation/atrule.ts b/src/lib/validation/atrule.ts
index 56daa3c1..7574fdc6 100644
--- a/src/lib/validation/atrule.ts
+++ b/src/lib/validation/atrule.ts
@@ -107,7 +107,7 @@ export function validateAtRule(atRule: AstAtRule, options: ValidationOptions, ro
 
     if (['position-try', 'property', 'font-palette-values'].includes(atRule.nam)) {
 
-        if (!('tokens' in atRule)) {
+        if (!Array.isArray(atRule.tokens) || atRule!.tokens!.length == 0) {
 
             return {
                 valid: SyntaxValidationResult.Drop,
diff --git a/src/lib/validation/config.ts b/src/lib/validation/config.ts
index 6e2cd2e3..4bc52ebc 100644
--- a/src/lib/validation/config.ts
+++ b/src/lib/validation/config.ts
@@ -34,10 +34,10 @@ export function getSyntax(group: ValidationSyntaxGroupEnum, key: string | string
                 }
             }
 
-            if (!(key in obj)) {
-
-                return null;
-            }
+            // if (!(key in obj)) {
+            //
+            //     return null;
+            // }
         }
 
         // @ts-ignore
diff --git a/src/lib/validation/selector.ts b/src/lib/validation/selector.ts
index 24dedec2..aa0006e7 100644
--- a/src/lib/validation/selector.ts
+++ b/src/lib/validation/selector.ts
@@ -1,21 +1,21 @@
-import type {AstAtRule, AstNode, AstRule, Token, ValidationOptions} from "../../@types/index.d.ts";
+import type {AstNode, AstRule, Token, ValidationOptions} from "../../@types/index.d.ts";
 import {EnumToken} from "../ast/index.ts";
-import {validateKeyframeBlockList, validateRelativeSelectorList} from "./syntaxes/index.ts";
+import {validateRelativeSelectorList} from "./syntaxes/index.ts";
 import type {ValidationResult} from "../../@types/validation.d.ts";
 import {validateSelectorList} from "./syntaxes/selector-list.ts";
 
-export function validateSelector(selector: Token[], options: ValidationOptions, root?: AstNode): ValidationResult {
+export function validateSelector(selector: Token[], options: ValidationOptions, root: AstNode): ValidationResult {
 
-    if (root == null) {
-
-        return validateSelectorList(selector, root, options);
-    }
+    // if (root == null) {
+    //
+    //     return validateSelectorList(selector, root, options);
+    // }
 
     // @ts-ignore
-    if (root.typ == EnumToken.AtRuleNodeType && root.nam.match(/^(-[a-z]+-)?keyframes$/)) {
-
-        return validateKeyframeBlockList(selector, root as AstAtRule, options);
-    }
+    // if (root.typ == EnumToken.AtRuleNodeType && root.nam.match(/^(-[a-z]+-)?keyframes$/)) {
+    //
+    //     return validateKeyframeBlockList(selector, root as AstAtRule, options);
+    // }
 
     let isNested: number = root.typ == EnumToken.RuleNodeType ? 1 : 0;
     let currentRoot = root.parent;
diff --git a/src/lib/validation/syntax.ts b/src/lib/validation/syntax.ts
index 6f104874..068e480d 100644
--- a/src/lib/validation/syntax.ts
+++ b/src/lib/validation/syntax.ts
@@ -7,7 +7,6 @@ import {
     ValidationFunctionDefinitionToken,
     ValidationFunctionToken,
     ValidationKeywordToken,
-    ValidationParensToken,
     ValidationPipeToken,
     ValidationPropertyToken,
     ValidationSyntaxGroupEnum,
@@ -23,7 +22,6 @@ import type {
     IdentToken,
     LiteralToken,
     NumberToken,
-    ParensToken,
     PseudoClassFunctionToken,
     PseudoClassToken,
     Token,
@@ -33,7 +31,7 @@ import type {Context, ValidationConfiguration, ValidationSyntaxResult} from "../
 import {EnumToken, SyntaxValidationResult} from "../ast/index.ts";
 import {getParsedSyntax, getSyntax, getSyntaxConfig} from "./config.ts";
 import {renderToken} from "../../web/index.ts";
-import {ColorKind, colorsFunc, funcLike} from "../renderer/color/utils/index.ts";
+import {ColorKind, colorsFunc, funcLike} from "../syntax/color/utils/index.ts";
 import {isIdentColor, mathFuncs, wildCardFuncs} from "../syntax/index.ts";
 
 const config: ValidationConfiguration = getSyntaxConfig();
@@ -46,11 +44,6 @@ export function createContext(input: Token[]): Context<Token> {
     const values: Token[] = input.slice();
     const result: Token[] = values.filter(token => token.typ != EnumToken.CommentTokenType).slice();
 
-    if (result.at(-1)?.typ == EnumToken.WhitespaceTokenType) {
-
-        result.pop();
-    }
-
     return {
 
         index: -1,
@@ -83,18 +76,18 @@ export function createContext(input: Token[]): Context<Token> {
         consume<Type>(token: Type, howMany?: number): boolean {
 
             let newIndex: number = result.indexOf(token as Token, this.index + 1);
-            if (newIndex == -1 || newIndex < this.index) {
-                return false;
-            }
+            // if (newIndex == -1 || newIndex < this.index) {
+            //     return false;
+            // }
 
             howMany ??= 0;
 
             let splice: number = 1;
 
-            if (result[newIndex - 1]?.typ == EnumToken.WhitespaceTokenType) {
-                splice++;
-                newIndex--;
-            }
+            // if (result[newIndex - 1]?.typ == EnumToken.WhitespaceTokenType) {
+            //     splice++;
+            //     newIndex--;
+            // }
 
             result.splice(this.index + 1, 0, ...result.splice(newIndex, splice + howMany));
             this.index += howMany + splice;
@@ -125,10 +118,10 @@ export function createContext(input: Token[]): Context<Token> {
             this.index = index;
             return result[this.index] as Token ?? null;
         },
-        tokens<Token>(): Token[] {
-
-            return result as Token[];
-        },
+        // tokens<Token>(): Token[] {
+        //
+        //     return result as Token[];
+        // },
         slice<Token>(): Token[] {
 
             return result.slice(this.index + 1) as Token[];
@@ -141,14 +134,14 @@ export function createContext(input: Token[]): Context<Token> {
             return context;
         },
         // @ts-ignore
-        toJSON(): object {
-
-            return {
-                index: this.index,
-                slice: this.slice(),
-                tokens: this.tokens()
-            }
-        }
+        // toJSON(): object {
+        //
+        //     return {
+        //         index: this.index,
+        //         slice: this.slice(),
+        //         tokens: this.tokens()
+        //     }
+        // }
     }
 }
 
@@ -202,12 +195,13 @@ export function evaluateSyntax(node: AstNode, options: ValidationOptions): Valid
                 if (result.valid == SyntaxValidationResult.Valid && !(result.context as Context<Token>).done()) {
 
                     let token: Token | null = null;
-                    while ((token = (result.context as Context<Token>).next()) != null) {
 
-                        if (token.typ == EnumToken.WhitespaceTokenType || token.typ == EnumToken.CommentTokenType) {
+                    if ((token = (result.context as Context<Token>).next()) != null) {
 
-                            continue;
-                        }
+                        // if (token.typ == EnumToken.WhitespaceTokenType || token.typ == EnumToken.CommentTokenType) {
+                        //
+                        //     continue;
+                        // }
 
                         return {
                             ...result,
@@ -227,10 +221,10 @@ export function evaluateSyntax(node: AstNode, options: ValidationOptions): Valid
 
             break;
 
-        case EnumToken.RuleNodeType:
-        case EnumToken.AtRuleNodeType:
-        case EnumToken.KeyframeAtRuleNodeType:
-        case EnumToken.KeyFrameRuleNodeType:
+        // case EnumToken.RuleNodeType:
+        // case EnumToken.AtRuleNodeType:
+        // case EnumToken.KeyframeAtRuleNodeType:
+        // case EnumToken.KeyFrameRuleNodeType:
 
         // default:
         //
@@ -432,16 +426,16 @@ function matchList(syntax: ValidationToken, context: Context<Token>, options: Va
             tokens.push(con.next() as Token);
         }
 
-        if (tokens.length == 0) {
-
-            return {
-                valid: SyntaxValidationResult.Drop,
-                node: context.peek(),
-                syntax,
-                error: `could not match syntax: ${renderSyntax(syntax)}`,
-                context
-            }
-        }
+        // if (tokens.length == 0) {
+        //
+        //     return {
+        //         valid: SyntaxValidationResult.Drop,
+        //         node: context.peek(),
+        //         syntax,
+        //         error: `could not match syntax: ${renderSyntax(syntax)}`,
+        //         context
+        //     }
+        // }
 
         result = doEvaluateSyntax([syntax], createContext(tokens), {
             ...options,
@@ -471,15 +465,15 @@ function matchList(syntax: ValidationToken, context: Context<Token>, options: Va
 
     success = count > 0;
 
-    if (count && syntax.occurence != null) {
-
-        success = count >= syntax.occurence.min;
-
-        if (success && syntax.occurence.max != null) {
-
-            success = count <= syntax.occurence.max;
-        }
-    }
+    // if (count && syntax.occurence != null) {
+    //
+    //     success = count >= syntax.occurence.min;
+    //
+    //     if (success && syntax.occurence.max != null) {
+    //
+    //         success = count <= syntax.occurence.max;
+    //     }
+    // }
 
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
@@ -568,22 +562,22 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
         }
     }
 
-    if (token.typ == EnumToken.WhitespaceTokenType) {
-
-        context.next();
-
-        // @ts-ignore
-        if (syntax?.typ == ValidationTokenEnum.Whitespace) {
-
-            return {
-                valid: SyntaxValidationResult.Valid,
-                node: null,
-                syntax,
-                error: '',
-                context
-            }
-        }
-    }
+    // if (token.typ == EnumToken.WhitespaceTokenType) {
+    //
+    //     context.next();
+    //
+    //     // @ts-ignore
+    //     if (syntax?.typ == ValidationTokenEnum.Whitespace) {
+    //
+    //         return {
+    //             valid: SyntaxValidationResult.Valid,
+    //             node: null,
+    //             syntax,
+    //             error: '',
+    //             context
+    //         }
+    //     }
+    // }
 
     if (syntax.typ != ValidationTokenEnum.PropertyType && (token?.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes((token as FunctionToken).val))) {
 
@@ -636,7 +630,7 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
 
             token = context.peek() as Token;
 
-            if (token.typ == EnumToken.ParensTokenType || !funcLike.concat(EnumToken.ColorTokenType) || (!('chi' in token))) {
+            if (token.typ == EnumToken.ParensTokenType || !funcLike.concat(EnumToken.ColorTokenType).includes(token.typ) || (!('chi' in token))) {
 
                 return {
                     valid: SyntaxValidationResult.Drop,
@@ -669,23 +663,22 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
                 atLeastOnce: null
             } as ValidationOptions);
 
-        case ValidationTokenEnum.Parens:
-
-            token = context.peek() as Token;
-            if (token.typ != EnumToken.ParensTokenType) {
-
-                break;
-            }
-
-            success = doEvaluateSyntax((syntax as ValidationParensToken).chi as ValidationToken[], createContext((token as ParensToken).chi), {
-                ...options,
-                isRepeatable: null,
-                isList: null,
-                occurence: null,
-                atLeastOnce: null
-            } as ValidationOptions).valid == SyntaxValidationResult.Valid;
-            break;
-
+        // case ValidationTokenEnum.Parens:
+        //
+        //     token = context.peek() as Token;
+        //     if (token.typ != EnumToken.ParensTokenType) {
+        //
+        //         break;
+        //     }
+        //
+        //     success = doEvaluateSyntax((syntax as ValidationParensToken).chi as ValidationToken[], createContext((token as ParensToken).chi), {
+        //         ...options,
+        //         isRepeatable: null,
+        //         isList: null,
+        //         occurence: null,
+        //         atLeastOnce: null
+        //     } as ValidationOptions).valid == SyntaxValidationResult.Valid;
+        //     break;
 
         case ValidationTokenEnum.Comma:
 
@@ -698,27 +691,27 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
 
             break;
 
-        case ValidationTokenEnum.Number:
-
-            success = context.peek<Token>()?.typ == EnumToken.NumberTokenType;
-
-            if (success) {
-
-                context.next();
-            }
-
-            break;
-
-        case ValidationTokenEnum.Whitespace:
-
-            success = context.peek<Token>()?.typ == EnumToken.WhitespaceTokenType;
-
-            if (success) {
-
-                context.next();
-            }
-
-            break;
+        // case ValidationTokenEnum.Number:
+        //
+        //     success = context.peek<Token>()?.typ == EnumToken.NumberTokenType;
+        //
+        //     if (success) {
+        //
+        //         context.next();
+        //     }
+        //
+        //     break;
+        //
+        // case ValidationTokenEnum.Whitespace:
+        //
+        //     success = context.peek<Token>()?.typ == EnumToken.WhitespaceTokenType;
+        //
+        //     if (success) {
+        //
+        //         context.next();
+        //     }
+        //
+        //     break;
 
         case ValidationTokenEnum.Separator: {
 
@@ -758,22 +751,22 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
                 break;
             }
 
-            if (syntax.typ == ValidationTokenEnum.Function) {
-
-                success = funcLike.includes(token.typ) && doEvaluateSyntax((getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, (syntax as ValidationFunctionToken).val + '()')?.[0] as ValidationFunctionToken)?.chi as ValidationToken[], createContext((token as FunctionToken).chi), {
-                    ...options,
-                    isRepeatable: null,
-                    isList: null,
-                    occurence: null,
-                    atLeastOnce: null
-                } as ValidationOptions).valid == SyntaxValidationResult.Valid;
-
-                if (success) {
-
-                    context.next();
-                }
-                break;
-            }
+            // if (syntax.typ == ValidationTokenEnum.Function) {
+            //
+            //     success = funcLike.includes(token.typ) && doEvaluateSyntax((getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, (syntax as ValidationFunctionToken).val + '()')?.[0] as ValidationFunctionToken)?.chi as ValidationToken[], createContext((token as FunctionToken).chi), {
+            //         ...options,
+            //         isRepeatable: null,
+            //         isList: null,
+            //         occurence: null,
+            //         atLeastOnce: null
+            //     } as ValidationOptions).valid == SyntaxValidationResult.Valid;
+            //
+            //     if (success) {
+            //
+            //         context.next();
+            //     }
+            //     break;
+            // }
 
         // throw new Error(`Not implemented: ${ValidationTokenEnum[syntax.typ] ?? syntax.typ} : ${renderSyntax(syntax)} : ${renderToken(context.peek() as Token)} : ${JSON.stringify(syntax, null, 1)} | ${JSON.stringify(context.peek(), null, 1)}`);
     }
@@ -1188,10 +1181,10 @@ function someOf(syntaxes: ValidationToken[][], context: Context<Token>, options:
 
     for (i = 0; i < syntaxes.length; i++) {
 
-        if (context.peek<Token>()?.typ == EnumToken.WhitespaceTokenType) {
-
-            context.next();
-        }
+        // if (context.peek<Token>()?.typ == EnumToken.WhitespaceTokenType) {
+        //
+        //     context.next();
+        // }
 
         result = doEvaluateSyntax(syntaxes[i], context.clone(), options);
 
@@ -1228,7 +1221,6 @@ function anyOf(syntaxes: ValidationToken[][], context: Context<Token>, options:
     let result: ValidationSyntaxResult;
     let i: number;
     let success: boolean = false;
-    let isOptional: boolean;
 
     for (i = 0; i < syntaxes.length; i++) {
 
@@ -1293,10 +1285,10 @@ function allOf(syntax: ValidationToken[][], context: Context<Token>, options: Va
 
             vars.push(slice[i]);
 
-            if (slice[i + 1]?.typ == EnumToken.WhitespaceTokenType) {
-
-                vars.push(slice[++i]);
-            }
+            // if (slice[i + 1]?.typ == EnumToken.WhitespaceTokenType) {
+            //
+            //     vars.push(slice[++i]);
+            // }
 
             continue;
         }
diff --git a/src/lib/validation/syntaxes/complex-selector-list.ts b/src/lib/validation/syntaxes/complex-selector-list.ts
index a5c4a25b..cca7933d 100644
--- a/src/lib/validation/syntaxes/complex-selector-list.ts
+++ b/src/lib/validation/syntaxes/complex-selector-list.ts
@@ -11,17 +11,17 @@ export function validateComplexSelectorList(tokens: Token[], root?: AstAtRule |
 
     consumeWhitespace(tokens);
 
-    if (tokens.length == 0) {
-
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            // @ts-ignore
-            node: root,
-            syntax: null,
-            error: 'expecting complex selector list'
-        }
-    }
+    // if (tokens.length == 0) {
+    //
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         context: [],
+    //         // @ts-ignore
+    //         node: root,
+    //         syntax: null,
+    //         error: 'expecting complex selector list'
+    //     }
+    // }
 
     let result: ValidationSyntaxResult | null = null;
 
@@ -36,12 +36,5 @@ export function validateComplexSelectorList(tokens: Token[], root?: AstAtRule |
     }
 
     // @ts-ignore
-    return result ?? {
-        valid: SyntaxValidationResult.Drop,
-        context: [],
-        // @ts-ignore
-        node: root,
-        syntax: null,
-        error: 'expecting complex selector list'
-    };
+    return result;
 }
\ No newline at end of file
diff --git a/src/lib/validation/syntaxes/relative-selector-list.ts b/src/lib/validation/syntaxes/relative-selector-list.ts
index 0e0a753a..7d28220b 100644
--- a/src/lib/validation/syntaxes/relative-selector-list.ts
+++ b/src/lib/validation/syntaxes/relative-selector-list.ts
@@ -5,44 +5,39 @@ import {validateRelativeSelector} from "./relative-selector.ts";
 import {consumeWhitespace, splitTokenList} from "../utils/index.ts";
 
 export function validateRelativeSelectorList(tokens: Token[], root?: AstAtRule | AstRule, options?: ValidationSelectorOptions): ValidationSyntaxResult {
-
-    let i: number = -1;
-    let j: number = 0;
-    let result: ValidationSyntaxResult | null = null;
-
     tokens = tokens.slice();
 
     consumeWhitespace(tokens);
 
-    if (tokens.length == 0) {
-
-        return {
-            valid: SyntaxValidationResult.Drop,
-            matches: [],
-            // @ts-ignore
-            node: root,
-            // @ts-ignore
-            syntax: null,
-            error: 'expecting relative selector list',
-            tokens
-        }
-    }
+    // if (tokens.length == 0) {
+    //
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         matches: [],
+    //         // @ts-ignore
+    //         node: root,
+    //         // @ts-ignore
+    //         syntax: null,
+    //         error: 'expecting relative selector list',
+    //         tokens
+    //     }
+    // }
 
     for (const t of splitTokenList(tokens)) {
 
-        if (t.length == 0) {
-
-            return {
-                valid: SyntaxValidationResult.Drop,
-                matches: [],
-                // @ts-ignore
-                node: root,
-                // @ts-ignore
-                syntax: null,
-                error: 'unexpected comma',
-                tokens
-            }
-        }
+        // if (t.length == 0) {
+        //
+        //     return {
+        //         valid: SyntaxValidationResult.Drop,
+        //         matches: [],
+        //         // @ts-ignore
+        //         node: root,
+        //         // @ts-ignore
+        //         syntax: null,
+        //         error: 'unexpected comma',
+        //         tokens
+        //     }
+        // }
 
         const result: ValidationSyntaxResult = validateRelativeSelector(t, root, options);
 
diff --git a/test/specs/code/at-rules.js b/test/specs/code/at-rules.js
index ab487c49..690d4db3 100644
--- a/test/specs/code/at-rules.js
+++ b/test/specs/code/at-rules.js
@@ -671,4 +671,266 @@ supports((selector(h2 > p)) and (font-tech(color-COLRv1))) {
 }`));
         });
     });
+
+
+    describe('other', function () {
+        it('font-palette-values #33', function () {
+            return transform(`
+@font-palette-values --identifier {
+  font-family: Bixa;
+}
+.my-class {
+  font-palette: --identifier;
+}
+`, {beautify: true}).then((result) => expect(result.code).equals(`@font-palette-values --identifier {
+ font-family: Bixa
+}
+.my-class {
+ font-palette: --identifier
+}`));
+        });
+
+        it('font-palette-values #34', function () {
+            return transform(`
+@font-palette-values identifier {
+  font-family: Bixa;
+}
+.my-class {
+  font-palette: --identifier;
+}
+`, {beautify: true}).then((result) => expect(result.code).equals(`.my-class {
+ font-palette: --identifier
+}`));
+        });
+
+        it('font-palette-values #35', function () {
+            return transform(`
+@font-palette-values identifier unexpected {
+  font-family: Bixa;
+}
+.my-class {
+  font-palette: --identifier;
+}
+`, {beautify: true}).then((result) => expect(result.code).equals(`.my-class {
+ font-palette: --identifier
+}`));
+        });
+
+        it('font-palette-values #36', function () {
+            return transform(`
+@font-palette-values identifier;
+.my-class {
+  font-palette: --identifier;
+}
+`, {beautify: true}).then((result) => expect(result.code).equals(`.my-class {
+ font-palette: --identifier
+}`));
+        });
+
+        it('font-palette-values #37', function () {
+            return transform(`
+@font-palette-values {
+
+  font-family: Bixa;
+}
+.my-class {
+  font-palette: --identifier;
+}
+`, {beautify: true}).then((result) => expect(result.code).equals(`.my-class {
+ font-palette: --identifier
+}`));
+        });
+
+        it('font-palette-values #38', function () {
+            return transform(`
+@font-feature-values Font Name {
+  font-display: swap;
+  @styleset {
+    nice-style: 12;
+  }
+  @swash {
+    fancy: 2;
+  }
+}
+
+`, {beautify: true}).then((result) => expect(result.code).equals(`@font-feature-values Font Name {
+ font-display: swap;
+ @styleset {
+  nice-style: 12
+ }
+ @swash {
+  fancy: 2
+ }
+}`));
+        });
+
+        it('font-palette-values #39', function () {
+            return transform(`
+/* Targets all the pages */
+@page {
+  size: 8.5in 9in;
+  margin-top: 4in;
+}
+
+/* Targets all even-numbered pages */
+@page :left {
+  margin-top: 4in;
+}
+
+/* Targets all odd-numbered pages */
+@page :right {
+  size: 11in;
+  margin-top: 4in;
+}
+
+/* Targets all selectors with \`page: wide;\` set */
+@page wide {
+  size: a4 landscape;
+}
+
+@page {
+  /* margin box at top right showing page number */
+  @top-right {
+    content: "Page " counter(pageNumber);
+  }
+}
+
+
+`, {beautify: true}).then((result) => expect(result.code).equals(`@page {
+ size: 8.5in 9in;
+ margin-top: 4in
+}
+@page :left {
+ margin-top: 4in
+}
+@page :right {
+ size: 11in;
+ margin-top: 4in
+}
+@page wide {
+ size: a4 landscape
+}
+@page {
+ @top-right {
+  content: "Page " counter(pageNumber)
+ }
+}`));
+        });
+
+        it('font-palette-values #40', function () {
+            return transform(`
+  /* margin box at top right showing page number */
+  @top-right {
+    content: "Page " counter(pageNumber);
+  }
+}
+
+
+`, {beautify: true}).then((result) => expect(result.code).equals(``));
+        });
+
+        it('font-palette-values #41', function () {
+            return transform(`
+  /* margin box at top right showing page number */
+  @top-right no;
 }
+
+
+`, {beautify: true}).then((result) => expect(result.code).equals(``));
+        });
+
+        it('font-palette-values #40', function () {
+            return transform(`
+  /* margin box at top right showing page number */
+  @top-right {
+    content: "Page " counter(pageNumber);
+  }
+}
+
+
+`, {beautify: true}).then((result) => expect(result.code).equals(``));
+        });
+
+        it('keyframes #42', function () {
+            return transform(`
+
+    @keyframes {
+
+            from {
+                margin-left: 0px;
+            }
+
+            50% {
+                margin-left: 110px;
+            opacity: 1;
+        }
+
+            50% {
+                opacity: 0.9;
+            }
+
+            to {
+                margin-left: 200px;
+            }
+
+        }
+
+`, {beautify: true}).then((result) => expect(result.code).equals(``));
+        });
+
+        it('keyframes #43', function () {
+            return transform(`
+
+    @keyframes /* 1 */ {
+
+            from {
+                margin-left: 0px;
+            }
+
+            50% {
+                margin-left: 110px;
+            opacity: 1;
+        }
+
+            50% {
+                opacity: 0.9;
+            }
+
+            to {
+                margin-left: 200px;
+            }
+
+        }
+
+`, {beautify: true}).then((result) => expect(result.code).equals(``));
+        });
+
+        it('keyframes #44', function () {
+            return transform(`
+
+    @keyframes /* 1 */ test test1 {
+
+            from {
+                margin-left: 0px;
+            }
+
+            50% {
+                margin-left: 110px;
+            opacity: 1;
+        }
+
+            50% {
+                opacity: 0.9;
+            }
+
+            to {
+                margin-left: 200px;
+            }
+
+        }
+
+`, {beautify: true}).then((result) => expect(result.code).equals(``));
+        });
+
+    });
+    }
diff --git a/test/specs/code/malformed.js b/test/specs/code/malformed.js
index 281e2e8c..686a6edc 100644
--- a/test/specs/code/malformed.js
+++ b/test/specs/code/malformed.js
@@ -167,7 +167,7 @@ color:
 `;
 
             return transform(css, {minify: transform,
-                    computeTransform: true, resolveImport: true}).then(result => expect(render(result.ast, {
+                computeTransform: true, resolveImport: true}).then(result => expect(render(result.ast, {
                 minify: false,
                 removeComments: false,
                 preserveLicense: true
@@ -176,6 +176,42 @@ color:
  transform: rotate(180deg)
 }`));
         });
+
+        it('bad selector #12', async function () {
+            const css = `
+      
+ {
+color: hwb(3.1416rad 0% 0% / 100%);
+transform: rotate(3.1416rad);
+color: 
+;
+`;
+
+            return transform(css, {minify: transform,
+                computeTransform: true, resolveImport: true}).then(result => expect(render(result.ast, {
+                minify: false,
+                removeComments: false,
+                preserveLicense: true
+            }).code).equals(``));
+        });
+
+        it('bad selector #12', async function () {
+            const css = `
+      
+a, {
+color: hwb(3.1416rad 0% 0% / 100%);
+transform: rotate(3.1416rad);
+color: 
+;
+`;
+
+            return transform(css, {minify: transform,
+                computeTransform: true, resolveImport: true}).then(result => expect(render(result.ast, {
+                minify: false,
+                removeComments: false,
+                preserveLicense: true
+            }).code).equals(``));
+        });
     });
 
 }
\ No newline at end of file

From c9a3c95ad1e6cb4e5c757a554debcd327bf6b716 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Mon, 28 Jul 2025 21:50:11 -0400
Subject: [PATCH 05/11] remove dead code #93

---
 .npmignore                                  |    3 +-
 dist/index-umd-web.js                       | 1978 ++++++++++---------
 dist/index.cjs                              | 1978 ++++++++++---------
 dist/index.d.ts                             |    1 +
 dist/lib/ast/expand.js                      |  144 +-
 dist/lib/ast/features/calc.js               |   70 +-
 dist/lib/ast/features/inlinecssvariables.js |   38 +-
 dist/lib/ast/features/prefix.js             |   39 +-
 dist/lib/ast/features/transform.js          |   17 +-
 dist/lib/ast/math/expression.js             |  343 ++--
 dist/lib/ast/math/math.js                   |   42 +-
 dist/lib/ast/minify.js                      |  418 ++--
 dist/lib/ast/transform/compute.js           |   82 +-
 dist/lib/ast/transform/convert.js           |   33 -
 dist/lib/ast/transform/matrix.js            |    7 +-
 dist/lib/ast/transform/minify.js            |   65 +-
 dist/lib/ast/transform/utils.js             |   92 +-
 dist/lib/parser/parse.js                    |    6 +-
 dist/lib/renderer/render.js                 |   38 +-
 dist/lib/validation/parser/parse.js         |   17 +-
 dist/lib/validation/syntax.js               |   94 +-
 jsr.json                                    |    2 +-
 package.json                                |    2 +-
 src/@types/index.d.ts                       |    1 +
 src/@types/validation.d.ts                  |   10 +-
 src/lib/ast/expand.ts                       |  164 +-
 src/lib/ast/features/calc.ts                |   41 +-
 src/lib/ast/features/inlinecssvariables.ts  |   46 +-
 src/lib/ast/features/prefix.ts              |   43 +-
 src/lib/ast/features/transform.ts           |   30 +-
 src/lib/ast/math/expression.ts              |  270 +--
 src/lib/ast/math/math.ts                    |   43 +-
 src/lib/ast/minify.ts                       |  510 ++---
 src/lib/ast/transform/compute.ts            |   93 +-
 src/lib/ast/transform/convert.ts            |   36 -
 src/lib/ast/transform/matrix.ts             |    6 +-
 src/lib/ast/transform/minify.ts             |   68 +-
 src/lib/ast/transform/utils.ts              |   82 +-
 src/lib/ast/utils/index.ts                  |    0
 src/lib/ast/utils/utils.ts                  |    0
 src/lib/renderer/render.ts                  |   52 +-
 src/lib/syntax/color/color-mix.ts           |    4 +-
 src/lib/syntax/color/color.ts               |    6 +-
 src/lib/syntax/color/hex.ts                 |    6 +-
 src/lib/syntax/color/hsl.ts                 |    6 +-
 src/lib/syntax/color/hwb.ts                 |    4 +-
 src/lib/syntax/color/lab.ts                 |    6 +-
 src/lib/syntax/color/lch.ts                 |    6 +-
 src/lib/syntax/color/oklab.ts               |    4 +-
 src/lib/syntax/color/oklch.ts               |    6 +-
 src/lib/syntax/color/relativecolor.ts       |    8 +-
 src/lib/syntax/color/rgb.ts                 |    2 +-
 src/lib/syntax/color/srgb.ts                |   13 +-
 src/lib/syntax/color/utils/components.ts    |    4 +-
 src/lib/syntax/color/utils/constants.ts     |    2 +-
 src/lib/syntax/index.ts                     |    3 +-
 src/lib/syntax/utils.ts                     |   80 +
 src/lib/validation/parser/parse.ts          |   16 +-
 src/lib/validation/syntax.ts                |  120 +-
 test/allFiles.js                            |   33 +-
 test/specs/code/block.js                    |   16 +
 test/specs/code/calc.js                     |   96 +-
 test/specs/code/prefix.js                   |   34 +
 test/specs/code/transform.js                |  163 ++
 test/specs/code/validation.js               |    2 +-
 tools/validation.ts                         |   12 +-
 66 files changed, 4327 insertions(+), 3329 deletions(-)
 delete mode 100644 dist/lib/ast/transform/convert.js
 delete mode 100644 src/lib/ast/utils/index.ts
 delete mode 100644 src/lib/ast/utils/utils.ts
 create mode 100644 src/lib/syntax/utils.ts

diff --git a/.npmignore b/.npmignore
index 53db093b..d224aa8d 100644
--- a/.npmignore
+++ b/.npmignore
@@ -18,4 +18,5 @@
 /Writerside
 /validator
 /sw.js
-/jsr.json
\ No newline at end of file
+/jsr.json
+/.editorconfig
\ No newline at end of file
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 4c9fea02..13e8983e 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -2696,16 +2696,17 @@
             return x;
         }
         let t;
-        if (x == 0) {
-            return y;
-        }
-        if (y == 0) {
-            return x;
-        }
+        // if (x == 0) {
+        //
+        //     return y;
+        // }
+        //
+        // if (y == 0) {
+        //
+        //     return x;
+        // }
         if (y > x) {
-            t = x;
-            x = y;
-            y = t;
+            [x, y] = [y, x];
         }
         while (y) {
             t = y;
@@ -2729,22 +2730,22 @@
                         return r[0];
                     }
                     const result = a / b;
-                    const r2 = reduceNumber(r[0]) + '/' + reduceNumber(r[1]);
-                    return reduceNumber(result).length <= r2.length ? result : {
+                    const r2 = minifyNumber(r[0]) + '/' + minifyNumber(r[1]);
+                    return minifyNumber(result).length < r2.length ? result : {
                         typ: exports.EnumToken.FractionTokenType,
-                        l: { typ: exports.EnumToken.NumberTokenType, val: reduceNumber(r[0]) },
-                        r: { typ: exports.EnumToken.NumberTokenType, val: reduceNumber(r[1]) }
+                        l: { typ: exports.EnumToken.NumberTokenType, val: minifyNumber(r[0]) },
+                        r: { typ: exports.EnumToken.NumberTokenType, val: minifyNumber(r[1]) }
                     };
             }
         }
         let l1 = typeof a == 'number' ? {
             typ: exports.EnumToken.FractionTokenType,
-            l: { typ: exports.EnumToken.NumberTokenType, val: reduceNumber(a) },
+            l: { typ: exports.EnumToken.NumberTokenType, val: minifyNumber(a) },
             r: { typ: exports.EnumToken.NumberTokenType, val: '1' }
         } : a;
         let r1 = typeof b == 'number' ? {
             typ: exports.EnumToken.FractionTokenType,
-            l: { typ: exports.EnumToken.NumberTokenType, val: reduceNumber(b) },
+            l: { typ: exports.EnumToken.NumberTokenType, val: minifyNumber(b) },
             r: { typ: exports.EnumToken.NumberTokenType, val: '1' }
         } : b;
         let l2;
@@ -2781,10 +2782,10 @@
             return a2[0];
         }
         const result = a2[0] / a2[1];
-        return reduceNumber(result).length <= reduceNumber(a2[0]).length + 1 + reduceNumber(a2[1]).length ? result : {
+        return minifyNumber(result).length <= minifyNumber(a2[0]).length + 1 + minifyNumber(a2[1]).length ? result : {
             typ: exports.EnumToken.FractionTokenType,
-            l: { typ: exports.EnumToken.NumberTokenType, val: reduceNumber(a2[0]) },
-            r: { typ: exports.EnumToken.NumberTokenType, val: reduceNumber(a2[1]) }
+            l: { typ: exports.EnumToken.NumberTokenType, val: minifyNumber(a2[0]) },
+            r: { typ: exports.EnumToken.NumberTokenType, val: minifyNumber(a2[1]) }
         };
     }
     function rem(...a) {
@@ -2827,12 +2828,12 @@
             });
             return evaluateFunc(tokens[0]);
         }
-        try {
-            nodes = inlineExpression$1(evaluateExpression(buildExpression(tokens)));
-        }
-        catch (e) {
-            return tokens;
-        }
+        // try {
+        nodes = inlineExpression$1(evaluateExpression(buildExpression(tokens)));
+        // } catch (e) {
+        //
+        //     return tokens;
+        // }
         if (nodes.length <= 1) {
             if (nodes.length == 1) {
                 if (nodes[0].typ == exports.EnumToken.BinaryExpressionTokenType) {
@@ -2905,48 +2906,59 @@
         if (!isScalarToken(l) || !isScalarToken(r) || (l.typ == r.typ && 'unit' in l && 'unit' in r && l.unit != r.unit)) {
             return defaultReturn;
         }
-        if (l.typ == exports.EnumToken.FunctionTokenType) {
-            const val = evaluateFunc(l);
-            if (val.length == 1) {
-                l = val[0];
-            }
-            else {
-                return defaultReturn;
-            }
-        }
+        // if (l.typ == EnumToken.FunctionTokenType) {
+        //
+        //     const val: Token[] = evaluateFunc(l as FunctionToken);
+        //
+        //     if (val.length == 1) {
+        //
+        //         l = val[0];
+        //     } else {
+        //
+        //         return defaultReturn;
+        //     }
+        // }
         if (r.typ == exports.EnumToken.FunctionTokenType) {
             const val = evaluateFunc(r);
             if (val.length == 1) {
                 r = val[0];
             }
-            else {
-                return defaultReturn;
-            }
-        }
-        if (l.typ == exports.EnumToken.FunctionTokenType) {
-            const val = evaluateFunc(l);
-            if (val.length == 1) {
-                l = val[0];
-            }
+            // else {
+            //
+            //     return defaultReturn;
+            // }
         }
+        // if (l.typ == EnumToken.FunctionTokenType) {
+        //
+        //     const val = evaluateFunc(l as FunctionToken);
+        //
+        //     if (val.length == 1) {
+        //
+        //         l = val[0];
+        //     }
+        // }
         if ((op == exports.EnumToken.Add || op == exports.EnumToken.Sub)) {
             // @ts-ignore
             if (l.typ != r.typ) {
                 return defaultReturn;
             }
         }
-        else if (op == exports.EnumToken.Mul &&
-            ![exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType].includes(l.typ) &&
-            ![exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType].includes(r.typ)) {
-            return defaultReturn;
-        }
+        // else if (
+        //     op == EnumToken.Mul &&
+        //     ![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(l.typ) &&
+        //     ![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(r.typ)) {
+        //
+        //     return defaultReturn;
+        // }
         let typ = l.typ == exports.EnumToken.NumberTokenType ? r.typ : (r.typ == exports.EnumToken.NumberTokenType ? l.typ : (l.typ == exports.EnumToken.PercentageTokenType ? r.typ : l.typ));
         // @ts-ignore
-        let v1 = getValue$1(l);
-        let v2 = getValue$1(r);
-        if (v1 == null || v2 == null) {
-            return defaultReturn;
-        }
+        let v1 = l.val?.typ == exports.EnumToken.FractionTokenType ? l.val : getValue$1(l);
+        // @ts-ignore
+        let v2 = r.val?.typ == exports.EnumToken.FractionTokenType ? r.val : getValue$1(r);
+        // if (v1 == null || v2 == null) {
+        //
+        //     return defaultReturn;
+        // }
         if (op == exports.EnumToken.Mul) {
             if (l.typ != exports.EnumToken.NumberTokenType && r.typ != exports.EnumToken.NumberTokenType) {
                 if (typeof v1 == 'number' && l.typ == exports.EnumToken.PercentageTokenType) {
@@ -2970,7 +2982,7 @@
         const token = {
             ...(l.typ == exports.EnumToken.NumberTokenType ? r : l),
             typ,
-            val: typeof val == 'number' ? reduceNumber(val) : val
+            val: typeof val == 'number' ? minifyNumber(val) : val
         };
         if (token.typ == exports.EnumToken.IdenTokenType) {
             // @ts-ignore
@@ -2979,22 +2991,26 @@
         return token;
     }
     function getValue$1(t) {
-        let v1;
-        if (t.typ == exports.EnumToken.FunctionTokenType) {
-            v1 = evaluateFunc(t);
-            if (v1.length != 1 || v1[0].typ == exports.EnumToken.BinaryExpressionTokenType) {
-                return null;
-            }
-            t = v1[0];
-        }
+        // if (t.typ == EnumToken.FunctionTokenType) {
+        //
+        //     v1 = evaluateFunc(t as FunctionToken);
+        //
+        //     if (v1.length != 1 || v1[0].typ == EnumToken.BinaryExpressionTokenType) {
+        //
+        //         return null;
+        //     }
+        //
+        //     t = v1[0] as NumberToken | IdentToken;
+        // }
         if (t.typ == exports.EnumToken.IdenTokenType) {
             // @ts-ignore
             return Math[t.val.toUpperCase()];
         }
-        if (t.val.typ == exports.EnumToken.FractionTokenType) {
-            // @ts-ignore
-            return t.val.l.val / t.val.r.val;
-        }
+        // if ((t.val as FractionToken).typ == EnumToken.FractionTokenType) {
+        //
+        //     // @ts-ignore
+        //     return (t.val as FractionToken).l.val / (t.val as FractionToken).r.val;
+        // }
         // @ts-ignore
         return t.typ == exports.EnumToken.FractionTokenType ? t.l.val / t.r.val : +t.val;
     }
@@ -3012,9 +3028,10 @@
             case 'sqrt':
             case 'exp': {
                 const value = evaluate(values);
-                if (value.length != 1 || (value[0].typ != exports.EnumToken.NumberTokenType && value[0].typ != exports.EnumToken.FractionTokenType) || (value[0].typ == exports.EnumToken.FractionTokenType && (+value[0].r.val == 0 || !Number.isFinite(+value[0].l.val) || !Number.isFinite(+value[0].r.val)))) {
-                    return value;
-                }
+                // if (value.length != 1 || (value[0].typ != EnumToken.NumberTokenType && value[0].typ != EnumToken.FractionTokenType) || (value[0].typ == EnumToken.FractionTokenType && (+(value[0] as FractionToken).r.val == 0 || !Number.isFinite(+(value[0] as FractionToken).l.val) || !Number.isFinite(+(value[0] as FractionToken).r.val)))) {
+                //
+                //     return value;
+                // }
                 // @ts-ignore
                 let val = value[0].typ == exports.EnumToken.NumberTokenType ? +value[0].val : value[0].l.val / value[0].r.val;
                 return [{
@@ -3027,19 +3044,22 @@
                 let all = [];
                 let ref = chi[0];
                 let value = 0;
-                if (![exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType].includes(ref.typ) && !('unit' in ref)) {
-                    return [token];
-                }
+                // if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(ref.typ) && !('unit' in ref)) {
+                //
+                //     return [token];
+                // }
                 for (let i = 0; i < chi.length; i++) {
                     // @ts-ignore
-                    if (chi[i].typ != ref.typ || ('unit' in chi[i] && 'unit' in ref && chi[i].unit != ref.unit)) {
-                        return [token];
-                    }
+                    // if (chi[i].typ != ref.typ || ('unit' in chi[i] && 'unit' in ref && chi[i].unit != ref.unit)) {
+                    //
+                    //     return [token];
+                    // }
                     // @ts-ignore
                     const val = getValue$1(chi[i]);
-                    if (val == null) {
-                        return [token];
-                    }
+                    // if (val == null) {
+                    //
+                    //     return [token];
+                    // }
                     all.push(val);
                     value += val * val;
                 }
@@ -3055,35 +3075,44 @@
             case 'rem':
             case 'mod': {
                 const chi = values.filter(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
-                if (chi.length != 3 || chi[1].typ != exports.EnumToken.CommaTokenType) {
-                    return [token];
-                }
-                if (token.val == 'pow' && (chi[0].typ != exports.EnumToken.NumberTokenType || chi[2].typ != exports.EnumToken.NumberTokenType)) {
-                    return [token];
-                }
-                if (['rem', 'mod'].includes(token.val) &&
-                    (chi[0].typ != chi[2].typ) || ('unit' in chi[0] && 'unit' in chi[2] &&
-                    chi[0].unit != chi[2].unit)) {
-                    return [token];
-                }
+                // if (chi.length != 3 || chi[1].typ != EnumToken.CommaTokenType) {
+                //
+                //     return [token];
+                // }
+                // if (token.val == 'pow' && (chi[0].typ != EnumToken.NumberTokenType || chi[2].typ != EnumToken.NumberTokenType)) {
+                //
+                //     return [token];
+                // }
+                // if (['rem', 'mod'].includes(token.val) &&
+                //     (
+                //         chi[0].typ != chi[2].typ) || (
+                //         'unit' in chi[0] && 'unit' in chi[2] &&
+                //         chi[0].unit != chi[2].unit
+                //     )) {
+                //
+                //     return [token];
+                // }
                 // https://developer.mozilla.org/en-US/docs/Web/CSS/mod
                 const v1 = evaluate([chi[0]]);
                 const v2 = evaluate([chi[2]]);
-                const types = [exports.EnumToken.PercentageTokenType, exports.EnumToken.DimensionTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.NumberTokenType, exports.EnumToken.LengthTokenType, exports.EnumToken.TimeTokenType, exports.EnumToken.FrequencyTokenType, exports.EnumToken.ResolutionTokenType];
-                if (v1.length != 1 || v2.length != 1 || !types.includes(v1[0].typ) || !types.includes(v2[0].typ) || v1[0].unit != v2[0].unit) {
-                    return [token];
-                }
+                [exports.EnumToken.PercentageTokenType, exports.EnumToken.DimensionTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.NumberTokenType, exports.EnumToken.LengthTokenType, exports.EnumToken.TimeTokenType, exports.EnumToken.FrequencyTokenType, exports.EnumToken.ResolutionTokenType];
+                // if (v1.length != 1 || v2.length != 1 || !types.includes(v1[0].typ) || !types.includes(v2[0].typ) || (v1[0] as DimensionToken).unit != (v2[0] as DimensionToken).unit) {
+                //
+                //     return [token];
+                // }
                 // @ts-ignore
                 const val1 = getValue$1(v1[0]);
                 // @ts-ignore
                 const val2 = getValue$1(v2[0]);
-                if (val1 == null || val2 == null || (v1[0].typ != v2[0].typ && val1 != 0 && val2 != 0)) {
-                    return [token];
-                }
+                // if (val1 == null || val2 == null || (v1[0].typ != v2[0].typ && val1 != 0 && val2 != 0)) {
+                //
+                //     return [token];
+                // }
                 if (token.val == 'rem') {
-                    if (val2 == 0) {
-                        return [token];
-                    }
+                    // if (val2 == 0) {
+                    //
+                    //     return [token];
+                    // }
                     return [
                         {
                             ...v1[0],
@@ -3120,82 +3149,84 @@
             case 'log':
             case 'round':
             case 'min':
-            case 'max':
-                {
-                    const strategy = token.val == 'round' && values[0]?.typ == exports.EnumToken.IdenTokenType ? values.shift().val : null;
-                    const valuesMap = new Map;
-                    for (const curr of values) {
-                        if (curr.typ == exports.EnumToken.CommaTokenType || curr.typ == exports.EnumToken.WhitespaceTokenType || curr.typ == exports.EnumToken.CommentTokenType) {
-                            continue;
-                        }
-                        const result = evaluate([curr]);
-                        if (result.length != 1 || result[0].typ == exports.EnumToken.FunctionTokenType) {
-                            return [token];
-                        }
-                        const key = result[0].typ + ('unit' in result[0] ? result[0].unit : '');
-                        if (!valuesMap.has(key)) {
-                            valuesMap.set(key, []);
-                        }
-                        valuesMap.get(key).push(result[0]);
+            case 'max': {
+                const strategy = token.val == 'round' && values[0]?.typ == exports.EnumToken.IdenTokenType ? values.shift().val : null;
+                const valuesMap = new Map;
+                for (const curr of values) {
+                    if (curr.typ == exports.EnumToken.CommaTokenType || curr.typ == exports.EnumToken.WhitespaceTokenType || curr.typ == exports.EnumToken.CommentTokenType) {
+                        continue;
+                    }
+                    const result = evaluate([curr]);
+                    // if (result.length != 1 || result[0].typ == EnumToken.FunctionTokenType) {
+                    //
+                    //     return [token];
+                    // }
+                    const key = result[0].typ + ('unit' in result[0] ? result[0].unit : '');
+                    if (!valuesMap.has(key)) {
+                        valuesMap.set(key, []);
                     }
-                    if (valuesMap.size == 1) {
-                        const values = valuesMap.values().next().value;
-                        if (token.val == 'log') {
-                            if (values[0].typ != exports.EnumToken.NumberTokenType || values.length > 2) {
-                                return [token];
+                    valuesMap.get(key).push(result[0]);
+                }
+                if (valuesMap.size == 1) {
+                    const values = valuesMap.values().next().value;
+                    if (token.val == 'log') {
+                        // if (values[0].typ != EnumToken.NumberTokenType || values.length > 2) {
+                        //
+                        //     return [token];
+                        // }
+                        const val1 = getValue$1(values[0]);
+                        const val2 = values.length == 2 ? getValue$1(values[1]) : null;
+                        // if (values.length == 1) {
+                        //
+                        //     return [
+                        //         {
+                        //             ...values[0],
+                        //             val: String(Math.log(val1))
+                        //         } as DimensionToken | AngleToken | NumberToken | LengthToken | TimeToken | FrequencyToken | ResolutionToken];
+                        // }
+                        return [
+                            {
+                                ...values[0],
+                                val: String(Math.log(val1) / Math.log(val2))
                             }
-                            const val1 = getValue$1(values[0]);
-                            const val2 = values.length == 2 ? getValue$1(values[1]) : null;
-                            if (values.length == 1) {
-                                return [
-                                    {
-                                        ...values[0],
-                                        val: String(Math.log(val1))
-                                    }
-                                ];
+                        ];
+                    }
+                    if (token.val == 'min' || token.val == 'max') {
+                        let val = getValue$1(values[0]);
+                        let val2 = val;
+                        let ret = values[0];
+                        for (const curr of values.slice(1)) {
+                            val2 = getValue$1(curr);
+                            if (val2 < val && token.val == 'min') {
+                                val = val2;
+                                ret = curr;
                             }
-                            return [
-                                {
-                                    ...values[0],
-                                    val: String(Math.log(val1) / Math.log(val2))
-                                }
-                            ];
-                        }
-                        if (token.val == 'min' || token.val == 'max') {
-                            let val = getValue$1(values[0]);
-                            let val2 = val;
-                            let ret = values[0];
-                            for (const curr of values.slice(1)) {
-                                val2 = getValue$1(curr);
-                                if (val2 < val && token.val == 'min') {
-                                    val = val2;
-                                    ret = curr;
-                                }
-                                else if (val2 > val && token.val == 'max') {
-                                    val = val2;
-                                    ret = curr;
-                                }
+                            else if (val2 > val && token.val == 'max') {
+                                val = val2;
+                                ret = curr;
                             }
-                            return [ret];
                         }
-                        if (token.val == 'round') {
-                            let val = getValue$1(values[0]);
-                            let val2 = getValue$1(values[1]);
-                            if (Number.isNaN(val) || Number.isNaN(val2)) {
-                                return [token];
-                            }
-                            if (strategy == null || strategy == 'down') {
-                                val = val - (val % val2);
-                            }
-                            else {
-                                val = strategy == 'to-zero' ? Math.trunc(val / val2) * val2 : (strategy == 'nearest' ? Math.round(val / val2) * val2 : Math.ceil(val / val2) * val2);
-                            }
-                            // @ts-ignore
-                            return [{ ...values[0], val: String(val) }];
+                        return [ret];
+                    }
+                    if (token.val == 'round') {
+                        let val = getValue$1(values[0]);
+                        let val2 = getValue$1(values[1]);
+                        // if (Number.isNaN(val) || Number.isNaN(val2)) {
+                        //
+                        //     return [token];
+                        // }
+                        if (strategy == null || strategy == 'down') {
+                            val = val - (val % val2);
+                        }
+                        else {
+                            val = strategy == 'to-zero' ? Math.trunc(val / val2) * val2 : (strategy == 'nearest' ? Math.round(val / val2) * val2 : Math.ceil(val / val2) * val2);
                         }
+                        // @ts-ignore
+                        return [{ ...values[0], val: String(val) }];
                     }
                 }
-                return [token];
+            }
+            // return [token];
         }
         return [token];
     }
@@ -3205,10 +3236,11 @@
      */
     function inlineExpression$1(token) {
         const result = [];
-        if (token.typ == exports.EnumToken.ParensTokenType && token.chi.length == 1) {
-            result.push(token.chi[0]);
-        }
-        else if (token.typ == exports.EnumToken.BinaryExpressionTokenType) {
+        // if (token.typ == EnumToken.ParensTokenType && (token as ParensToken).chi.length == 1) {
+        //
+        //     result.push((token as ParensToken).chi[0]);
+        // } else
+        if (token.typ == exports.EnumToken.BinaryExpressionTokenType) {
             if ([exports.EnumToken.Mul, exports.EnumToken.Div].includes(token.op)) {
                 result.push(token);
             }
@@ -3572,23 +3604,6 @@
         }
     }
 
-    function reduceNumber(val) {
-        val = String(+val);
-        if (val === '0') {
-            return '0';
-        }
-        const chr = val.charAt(0);
-        if (chr == '-') {
-            const slice = val.slice(0, 2);
-            if (slice == '-0') {
-                return val.length == 2 ? '0' : '-' + val.slice(2);
-            }
-        }
-        if (chr == '0') {
-            return val.slice(1);
-        }
-        return val;
-    }
     function update(position, str) {
         let i = 0;
         for (; i < str.length; i++) {
@@ -3876,7 +3891,7 @@
             case exports.EnumToken.FractionTokenType:
                 const fraction = renderToken(token.l) + '/' + renderToken(token.r);
                 if (+token.r.val != 0) {
-                    const value = reduceNumber(+token.l.val / +token.r.val);
+                    const value = minifyNumber(+token.l.val / +token.r.val);
                     if (value.length <= fraction.length) {
                         return value;
                     }
@@ -4115,7 +4130,7 @@
             case exports.EnumToken.DimensionTokenType:
             case exports.EnumToken.FrequencyTokenType:
             case exports.EnumToken.ResolutionTokenType:
-                let val = token.val.typ == exports.EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : reduceNumber(token.val);
+                let val = token.val.typ == exports.EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : minifyNumber(token.val);
                 let unit = token.unit;
                 if (token.typ == exports.EnumToken.AngleTokenType && !val.includes('/')) {
                     const angle = getAngle(token);
@@ -4127,7 +4142,7 @@
                         }
                         switch (u) {
                             case 'turn':
-                                v = reduceNumber(angle);
+                                v = minifyNumber(angle);
                                 if (v.length + 4 < value.length) {
                                     val = v;
                                     unit = u;
@@ -4135,7 +4150,7 @@
                                 }
                                 break;
                             case 'deg':
-                                v = reduceNumber(angle * 360);
+                                v = minifyNumber(angle * 360);
                                 if (v.length + 3 < value.length) {
                                     val = v;
                                     unit = u;
@@ -4143,7 +4158,7 @@
                                 }
                                 break;
                             case 'rad':
-                                v = reduceNumber(angle * (2 * Math.PI));
+                                v = minifyNumber(angle * (2 * Math.PI));
                                 if (v.length + 3 < value.length) {
                                     val = v;
                                     unit = u;
@@ -4151,7 +4166,7 @@
                                 }
                                 break;
                             case 'grad':
-                                v = reduceNumber(angle * 400);
+                                v = minifyNumber(angle * 400);
                                 if (v.length + 4 < value.length) {
                                     val = v;
                                     unit = u;
@@ -4177,7 +4192,7 @@
                 if (token.typ == exports.EnumToken.TimeTokenType) {
                     if (unit == 'ms') {
                         // @ts-ignore
-                        const v = reduceNumber(val / 1000);
+                        const v = minifyNumber(val / 1000);
                         if (v.length + 1 <= val.length) {
                             return v + 's';
                         }
@@ -4192,10 +4207,10 @@
             case exports.EnumToken.FlexTokenType:
             case exports.EnumToken.PercentageTokenType:
                 const uni = token.typ == exports.EnumToken.PercentageTokenType ? '%' : 'fr';
-                const perc = token.val.typ == exports.EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : reduceNumber(token.val);
+                const perc = token.val.typ == exports.EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : minifyNumber(token.val);
                 return options.minify && perc == '0' ? '0' : (perc.includes('/') ? perc.replace('/', uni + '/') : perc + uni);
             case exports.EnumToken.NumberTokenType:
-                return token.val.typ == exports.EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : reduceNumber(token.val);
+                return token.val.typ == exports.EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : minifyNumber(token.val);
             case exports.EnumToken.CommentTokenType:
                 if (options.removeComments && (!options.preserveLicense || !token.val.startsWith('/*!'))) {
                     return '';
@@ -5218,6 +5233,66 @@
             codepoint == 0xa || codepoint == 0xc || codepoint == 0xd;
     }
 
+    function length2Px(value) {
+        let result = null;
+        if (value.typ == exports.EnumToken.NumberTokenType) {
+            result = +value.val;
+        }
+        else {
+            switch (value.unit) {
+                case 'cm':
+                    // @ts-ignore
+                    result = value.val * 37.8;
+                    break;
+                case 'mm':
+                    // @ts-ignore
+                    result = value.val * 3.78;
+                    break;
+                case 'Q':
+                    // @ts-ignore
+                    result = value.val * 37.8 / 40;
+                    break;
+                case 'in':
+                    // @ts-ignore
+                    result = value.val / 96;
+                    break;
+                case 'pc':
+                    // @ts-ignore
+                    result = value.val / 16;
+                    break;
+                case 'pt':
+                    // @ts-ignore
+                    result = value.val * 4 / 3;
+                    break;
+                case 'px':
+                    result = +value.val;
+                    break;
+            }
+        }
+        return isNaN(result) ? null : result;
+    }
+    /**
+     * minify number
+     * @param val
+     */
+    function minifyNumber(val) {
+        val = String(+val);
+        if (val === '0') {
+            return '0';
+        }
+        const chr = val.charAt(0);
+        if (chr == '-') {
+            const slice = val.slice(0, 2);
+            if (slice == '-0') {
+                return val.length == 2 ? '0' : '-' + val.slice(2);
+            }
+        }
+        if (chr == '0') {
+            return val.slice(1);
+        }
+        return val;
+    }
+
     var properties = {
     	gap: {
     		shorthand: "gap",
@@ -12028,9 +12103,10 @@
                     token.typ = ValidationTokenEnum.AtRule;
                     break;
                 }
-                if (item.value.typ != ValidationTokenEnum.Whitespace) {
-                    console.error('unexpected token', item.value);
-                }
+                // if (item.value.typ != ValidationTokenEnum.Whitespace) {
+                //
+                //     console.error('unexpected token', item.value);
+                // }
                 item = iterator.next();
                 if (item.done) {
                     break;
@@ -12342,6 +12418,10 @@
                             }
                         }
                     }
+                    if ('occurence' in item.value) {
+                        // @ts-ignore
+                        items[i].occurence = { ...item.value.occurence };
+                    }
                     break;
                 case ValidationTokenEnum.Pipe:
                     item.value.chi = item.value.chi.map((t) => parseSyntaxTokens(syntax, t[Symbol.iterator]()));
@@ -13346,6 +13426,9 @@
         const result = values.filter(token => token.typ != exports.EnumToken.CommentTokenType).slice();
         return {
             index: -1,
+            get length() {
+                return this.index < 0 ? result.length : this.index > result.length ? 0 : result.length - this.index;
+            },
             peek() {
                 let index = this.index + 1;
                 if (index >= result.length) {
@@ -13504,7 +13587,20 @@
         let syntax;
         let i = 0;
         let result;
+        let tmpResult;
         let token = null;
+        if (context.done()) {
+            const success = syntaxes.some(s => s.isOptional || s.isRepeatable || s.isRepeatableGroup);
+            return {
+                valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
+                node: null,
+                syntax: null,
+                error: '',
+                context
+            };
+        }
+        // console.error(`>> ${syntaxes.reduce((acc, curr) => acc + renderSyntax(curr), '')}\n>> ${context.slice<Token>().reduce((acc, curr) => acc + renderToken(curr), '')}`);
+        // console.error(new Error('doEvaluateSyntax'));
         for (; i < syntaxes.length; i++) {
             syntax = syntaxes[i];
             if (context.done()) {
@@ -13514,6 +13610,10 @@
                 break;
             }
             token = context.peek();
+            // if var() is the last token, then match the remaining syntax and return
+            if (context.length == 1 && token.typ == exports.EnumToken.FunctionTokenType && 'var'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0) {
+                return doEvaluateSyntax(getParsedSyntax("functions" /* ValidationSyntaxGroupEnum.Functions */, 'var')?.[0]?.chi ?? [], createContext(token.chi), options);
+            }
             if (syntax.typ == ValidationTokenEnum.Whitespace) {
                 if (context.peek()?.typ == exports.EnumToken.WhitespaceTokenType) {
                     context.next();
@@ -13524,7 +13624,13 @@
                 result = matchList(syntax, context, options);
             }
             else if (options.isRepeatable !== false && syntax.isRepeatable) {
-                result = matchRepeatable(syntax, context, options);
+                tmpResult = matchRepeatable(syntax, context, options);
+                if (tmpResult.valid == SyntaxValidationResult.Valid) {
+                    result = tmpResult;
+                }
+                else {
+                    continue;
+                }
             }
             else if (options.occurence !== false && syntax.occurence != null) {
                 result = matchOccurence(syntax, context, options);
@@ -13603,7 +13709,7 @@
         };
     }
     function matchList(syntax, context, options) {
-        let success = false;
+        let success;
         let result;
         let count = 0;
         let con = context.clone();
@@ -13642,15 +13748,12 @@
             }
         }
         success = count > 0;
-        // if (count && syntax.occurence != null) {
-        //
-        //     success = count >= syntax.occurence.min;
-        //
-        //     if (success && syntax.occurence.max != null) {
-        //
-        //         success = count <= syntax.occurence.max;
-        //     }
-        // }
+        if (success && syntax.occurence != null) {
+            success = count >= syntax.occurence.min;
+            if (success && syntax.occurence.max != null) {
+                success = count <= syntax.occurence.max;
+            }
+        }
         return {
             valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
             node: context.peek(),
@@ -13770,6 +13873,7 @@
                     };
                 }
                 result = match(getParsedSyntax("syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */, syntax.val + '()')?.[0], context, options);
+                // console.error(`>>[]
                 if (result.valid == SyntaxValidationResult.Valid) {
                     context.next();
                     result.context = context;
@@ -13841,6 +13945,20 @@
                 if (!wildCardFuncs.includes(syntax.val) && syntax.val != token.val) {
                     break;
                 }
+                if (syntax.typ == ValidationTokenEnum.Function) {
+                    success = funcLike.includes(token.typ) && syntax.val.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0 && doEvaluateSyntax(syntax.chi, createContext(token.chi), options).valid == SyntaxValidationResult.Valid;
+                    // console.error(`>> match: ${JSON.stringify({
+                    //     syntax,
+                    //     token,
+                    //     // result,
+                    //     tr2: syntax,
+                    //     success
+                    // }, null, 1)}`);
+                    if (success) {
+                        context.next();
+                    }
+                    break;
+                }
                 if (token.typ != exports.EnumToken.ParensTokenType && funcLike.includes(token.typ)) {
                     success = doEvaluateSyntax(syntax.chi, createContext(token.chi), {
                         ...options,
@@ -13854,22 +13972,6 @@
                     }
                     break;
                 }
-            // if (syntax.typ == ValidationTokenEnum.Function) {
-            //
-            //     success = funcLike.includes(token.typ) && doEvaluateSyntax((getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, (syntax as ValidationFunctionToken).val + '()')?.[0] as ValidationFunctionToken)?.chi as ValidationToken[], createContext((token as FunctionToken).chi), {
-            //         ...options,
-            //         isRepeatable: null,
-            //         isList: null,
-            //         occurence: null,
-            //         atLeastOnce: null
-            //     } as ValidationOptions).valid == SyntaxValidationResult.Valid;
-            //
-            //     if (success) {
-            //
-            //         context.next();
-            //     }
-            //     break;
-            // }
             // throw new Error(`Not implemented: ${ValidationTokenEnum[syntax.typ] ?? syntax.typ} : ${renderSyntax(syntax)} : ${renderToken(context.peek() as Token)} : ${JSON.stringify(syntax, null, 1)} | ${JSON.stringify(context.peek(), null, 1)}`);
         }
         if (!success && token.typ == exports.EnumToken.IdenTokenType && allValues.includes(token.val.toLowerCase())) {
@@ -13887,7 +13989,9 @@
     function matchPropertyType(syntax, context, options) {
         if (![
             'bg-position',
-            'length-percentage', 'flex', 'calc-sum', 'color', 'color-base', 'system-color', 'deprecated-system-color',
+            'integer',
+            'length-percentage', 'flex', 'calc-sum', 'color',
+            'color-base', 'system-color', 'deprecated-system-color',
             'pseudo-class-selector', 'pseudo-element-selector'
         ].includes(syntax.val)) {
             if (syntax.val in config$2["syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */]) {
@@ -14053,7 +14157,7 @@
                 success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == ColorKind.HEX) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
                 break;
             case 'integer':
-                success = (token.typ == exports.EnumToken.NumberTokenType && Number.isInteger(+(token.val))) || (token.typ == exports.EnumToken.FunctionTokenType && token.val == 'calc');
+                success = (token.typ == exports.EnumToken.NumberTokenType && Number.isInteger(+(token.val))) || (token.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(token.val.toLowerCase()) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val)));
                 if ('range' in syntax) {
                     success = success && +token.val >= +syntax.range[0] && +token.val <= +syntax.range[1];
                 }
@@ -14166,6 +14270,7 @@
             //     context.next();
             // }
             result = doEvaluateSyntax(syntaxes[i], context.clone(), options);
+            // console.error(`>> someOf: ${JSON.stringify({result}, null, 1)}`);
             if (result.valid == SyntaxValidationResult.Valid) {
                 success = true;
                 if (result.context.done()) {
@@ -14178,6 +14283,8 @@
             // pick the best match
             matched.sort((a, b) => a.context.done() ? -1 : b.context.done() ? 1 : b.context.index - a.context.index);
         }
+        // console.error(JSON.stringify({matched}, null, 1));
+        // console.error(new Error('someOf'));
         return matched[0] ?? {
             valid: SyntaxValidationResult.Drop,
             node: context.peek(),
@@ -14253,18 +14360,17 @@
         let j;
         for (i = 0; i < syntax.length; i++) {
             if (syntax[i].length == 1 && syntax[i][0].isOptional) {
-                syntax[i][0].isOptional = false;
                 j = 0;
                 cp = con.clone();
                 slice = cp.slice();
                 if (cp.done()) {
-                    syntax[i][0].isOptional = true;
                     syntax.splice(i, 1);
                     i = -1;
                     continue;
                 }
                 while (!cp.done()) {
-                    result = doEvaluateSyntax(syntax[i], cp.clone(), options);
+                    result = doEvaluateSyntax(syntax[i], cp.clone(), { ...options, isOptional: false });
+                    // console.error(`>> allOf: syntaxes[${i}]: ${syntax[i].length} ${syntax[i].reduce((acc, curr) => acc + renderSyntax(curr), '')}\n>> ${cp.slice<Token>().reduce((acc, curr) => acc + renderToken(curr), '')}\n>> ${JSON.stringify({result}, null, 1)}`);
                     if (result.valid == SyntaxValidationResult.Valid) {
                         let end = slice.indexOf(cp.current());
                         if (end == -1) {
@@ -14279,9 +14385,8 @@
                     cp.next();
                     j++;
                 }
-                syntax[i][0].isOptional = true;
                 // @ts-ignore
-                if (result?.valid == SyntaxValidationResult.Valid) {
+                if (result?.valid == SyntaxValidationResult.Valid || (syntax[i].length == 1 && syntax[i][0].isOptional)) {
                     syntax.splice(i, 1);
                     i = -1;
                 }
@@ -14294,6 +14399,7 @@
                 i = -1;
             }
         }
+        // console.error()
         const success = syntax.length == 0;
         return {
             valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
@@ -17981,273 +18087,6 @@
         }
     }
 
-    /**
-     * expand nested css ast
-     * @param ast
-     */
-    function expand(ast) {
-        //
-        if (![exports.EnumToken.RuleNodeType, exports.EnumToken.StyleSheetNodeType, exports.EnumToken.AtRuleNodeType].includes(ast.typ)) {
-            return ast;
-        }
-        if (exports.EnumToken.RuleNodeType == ast.typ) {
-            return {
-                typ: exports.EnumToken.StyleSheetNodeType,
-                chi: expandRule(ast)
-            };
-        }
-        if (!('chi' in ast)) {
-            return ast;
-        }
-        const result = { ...ast, chi: [] };
-        // @ts-ignore
-        for (let i = 0; i < ast.chi.length; i++) {
-            // @ts-ignore
-            const node = ast.chi[i];
-            if (node.typ == exports.EnumToken.RuleNodeType) {
-                // @ts-ignore
-                result.chi.push(...expandRule(node));
-                // i += expanded.length - 1;
-            }
-            else if (node.typ == exports.EnumToken.AtRuleNodeType && 'chi' in node) {
-                let hasRule = false;
-                let j = node.chi.length;
-                while (j--) {
-                    // @ts-ignore
-                    if (node.chi[j].typ == exports.EnumToken.RuleNodeType || node.chi[j].typ == exports.EnumToken.AtRuleNodeType) {
-                        hasRule = true;
-                        break;
-                    }
-                }
-                // @ts-ignore
-                result.chi.push({ ...(hasRule ? expand(node) : node) });
-            }
-            else {
-                // @ts-ignore
-                result.chi.push(node);
-            }
-        }
-        return result;
-    }
-    function expandRule(node) {
-        const ast = { ...node, chi: node.chi.slice() };
-        const result = [];
-        if (ast.typ == exports.EnumToken.RuleNodeType) {
-            let i = 0;
-            for (; i < ast.chi.length; i++) {
-                if (ast.chi[i].typ == exports.EnumToken.RuleNodeType) {
-                    const rule = ast.chi[i];
-                    if (!rule.sel.includes('&')) {
-                        const selRule = splitRule(rule.sel);
-                        if (selRule.length > 1) {
-                            const r = ':is(' + selRule.map(a => a.join('')).join(',') + ')';
-                            rule.sel = splitRule(ast.sel).reduce((a, b) => a.concat([b.join('') + r]), []).join(',');
-                        }
-                        else {
-                            // selRule = splitRule(selRule.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.join(''), ''));
-                            const arSelf = splitRule(ast.sel).filter((r) => r.every((t) => t != ':before' && t != ':after' && !t.startsWith('::'))).reduce((acc, curr) => acc.concat([curr.join('')]), []).join(',');
-                            if (arSelf.length == 0) {
-                                ast.chi.splice(i--, 1);
-                                continue;
-                            }
-                            //
-                            selRule.forEach(arr => combinators.includes(arr[0].charAt(0)) ? arr.unshift(arSelf) : arr.unshift(arSelf, ' '));
-                            rule.sel = selRule.reduce((acc, curr) => {
-                                acc.push(curr.join(''));
-                                return acc;
-                            }, []).join(',');
-                        }
-                    }
-                    else {
-                        let childSelectorCompound = [];
-                        let withCompound = [];
-                        let withoutCompound = [];
-                        // pseudo elements cannot be used with '&'
-                        // https://www.w3.org/TR/css-nesting-1/#example-7145ff1e
-                        const rules = splitRule(ast.sel).filter((r) => r.every((t) => t != ':before' && t != ':after' && !t.startsWith('::')));
-                        const parentSelector = !node.sel.includes('&');
-                        if (rules.length == 0) {
-                            ast.chi.splice(i--, 1);
-                            continue;
-                        }
-                        for (const sel of (rule.raw ?? splitRule(rule.sel))) {
-                            const s = sel.join('');
-                            if (s.includes('&') || parentSelector) {
-                                if (s.indexOf('&', 1) == -1) {
-                                    if (s.at(0) == '&') {
-                                        if (s.at(1) == ' ') {
-                                            childSelectorCompound.push(s.slice(2));
-                                        }
-                                        else {
-                                            if (s == '&' || parentSelector) {
-                                                withCompound.push(s);
-                                            }
-                                            else {
-                                                withoutCompound.push(s.slice(1));
-                                            }
-                                        }
-                                    }
-                                    else {
-                                        withoutCompound.push(s);
-                                    }
-                                }
-                                else {
-                                    withCompound.push(s);
-                                }
-                            }
-                            else {
-                                withoutCompound.push(s);
-                            }
-                        }
-                        const selectors = [];
-                        const selector = rules.length > 1 ? ':is(' + rules.map(a => a.join('')).join(',') + ')' : rules[0].join('');
-                        if (childSelectorCompound.length > 0) {
-                            if (childSelectorCompound.length == 1) {
-                                selectors.push(replaceCompound('& ' + childSelectorCompound[0].trim(), selector));
-                            }
-                            else {
-                                selectors.push(replaceCompound('& :is(' + childSelectorCompound.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.trim(), '') + ')', selector));
-                            }
-                        }
-                        if (withCompound.length > 0) {
-                            if (withCompound.every((t) => t[0] == '&' && t.indexOf('&', 1) == -1)) {
-                                withoutCompound.push(...withCompound.map(t => t.slice(1)));
-                                withCompound.length = 0;
-                            }
-                        }
-                        if (withoutCompound.length > 0) {
-                            if (withoutCompound.length == 1) {
-                                const useIs = rules.length == 1 && selector.match(/^[a-zA-Z.:]/) != null && selector.includes(' ') && withoutCompound.length == 1 && withoutCompound[0].match(/^[a-zA-Z]+$/) != null;
-                                const compound = useIs ? ':is(&)' : '&';
-                                selectors.push(replaceCompound(rules.length == 1 ? (useIs ? withoutCompound[0] + ':is(&)' : (selector.match(/^[.:]/) && withoutCompound[0].match(/^[a-zA-Z]+$/) ? withoutCompound[0] + compound : compound + withoutCompound[0])) : (withoutCompound[0].match(/^[a-zA-Z:]+$/) ? withoutCompound[0].trim() + compound : '&' + (withoutCompound[0].match(/^\S+$/) ? withoutCompound[0].trim() : ':is(' + withoutCompound[0].trim() + ')')), selector));
-                            }
-                            else {
-                                selectors.push(replaceCompound('&:is(' + withoutCompound.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.trim(), '') + ')', selector));
-                            }
-                        }
-                        if (withCompound.length > 0) {
-                            if (withCompound.length == 1) {
-                                selectors.push(replaceCompound(withCompound[0], selector));
-                            }
-                            else {
-                                for (const w of withCompound) {
-                                    selectors.push(replaceCompound(w, selector));
-                                }
-                            }
-                        }
-                        rule.sel = selectors.reduce((acc, curr) => curr.length == 0 ? acc : acc + (acc.length > 0 ? ',' : '') + curr, '');
-                    }
-                    ast.chi.splice(i--, 1);
-                    result.push(...expandRule(rule));
-                }
-                else if (ast.chi[i].typ == exports.EnumToken.AtRuleNodeType) {
-                    let astAtRule = ast.chi[i];
-                    const values = [];
-                    if (astAtRule.nam == 'scope') {
-                        if (astAtRule.val.includes('&')) {
-                            astAtRule.val = replaceCompound(astAtRule.val, ast.sel);
-                        }
-                        const slice = astAtRule.chi.slice().filter(t => t.typ == exports.EnumToken.RuleNodeType && t.sel.includes('&'));
-                        if (slice.length > 0) {
-                            expandRule({ ...node, chi: astAtRule.chi.slice() });
-                        }
-                    }
-                    else {
-                        // @ts-ignore
-                        const clone = { ...ast, chi: astAtRule.chi.slice() };
-                        // @ts-ignore
-                        astAtRule.chi.length = 0;
-                        for (const r of expandRule(clone)) {
-                            if (r.typ == exports.EnumToken.AtRuleNodeType && 'chi' in r) {
-                                if (astAtRule.val !== '' && r.val !== '') {
-                                    if (astAtRule.nam == 'media' && r.nam == 'media') {
-                                        r.val = astAtRule.val + ' and ' + r.val;
-                                    }
-                                    else if (astAtRule.nam == 'layer' && r.nam == 'layer') {
-                                        r.val = astAtRule.val + '.' + r.val;
-                                    }
-                                }
-                                // @ts-ignore
-                                values.push(r);
-                            }
-                            else if (r.typ == exports.EnumToken.RuleNodeType) {
-                                // @ts-ignore
-                                astAtRule.chi.push(...expandRule(r));
-                            }
-                            else {
-                                // @ts-ignore
-                                astAtRule.chi.push(r);
-                            }
-                        }
-                    }
-                    // @ts-ignore
-                    result.push(...(astAtRule.chi.length > 0 ? [astAtRule].concat(values) : values));
-                    ast.chi.splice(i--, 1);
-                }
-            }
-        }
-        // @ts-ignore
-        return ast.chi.length > 0 ? [ast].concat(result) : result;
-    }
-    /**
-     * replace compound selector
-     * @param input
-     * @param replace
-     */
-    function replaceCompound(input, replace) {
-        const tokens = parseString(input);
-        let replacement = null;
-        for (const t of walkValues(tokens)) {
-            if (t.value.typ == exports.EnumToken.LiteralTokenType) {
-                if (t.value.val == '&') {
-                    if (tokens.length == 2) {
-                        if (replacement == null) {
-                            replacement = parseString(replace);
-                        }
-                        if (tokens[1].typ == exports.EnumToken.IdenTokenType) {
-                            t.value.val = replacement.length == 1 || (!replace.includes(' ') && replace.charAt(0).match(/[:.]/)) ? tokens[1].val + replace : replaceCompoundLiteral(tokens[1].val + '&', replace);
-                            tokens.splice(1, 1);
-                        }
-                        else {
-                            t.value.val = replaceCompoundLiteral(t.value.val, replace);
-                        }
-                        continue;
-                    }
-                    const rule = splitRule(replace);
-                    t.value.val = rule.length > 1 ? ':is(' + replace + ')' : replace;
-                }
-                else if (t.value.val.length > 1 && t.value.val.charAt(0) == '&') {
-                    t.value.val = replaceCompoundLiteral(t.value.val, replace);
-                }
-            }
-        }
-        return tokens.reduce((acc, curr) => acc + renderToken(curr), '');
-    }
-    function replaceCompoundLiteral(selector, replace) {
-        const tokens = [''];
-        let i = 0;
-        for (; i < selector.length; i++) {
-            if (selector.charAt(i) == '&') {
-                tokens.push('&');
-                tokens.push('');
-            }
-            else {
-                tokens[tokens.length - 1] += selector.charAt(i);
-            }
-        }
-        return tokens.sort((a, b) => {
-            if (a == '&') {
-                return 1;
-            }
-            return b == '&' ? -1 : 0;
-        }).reduce((acc, curr) => {
-            if (acc.length > 0 && curr == '&' && (replace.charAt(0) != '.' || replace.includes(' '))) {
-                return acc + ':is(' + replace + ')';
-            }
-            return acc + (curr == '&' ? replace : curr);
-        }, '');
-    }
-
     const config$1 = getSyntaxConfig();
     function replacePseudo(tokens) {
         return tokens.map((raw) => raw.map(r => {
@@ -18308,12 +18147,15 @@
         run(node) {
             if (node.typ == exports.EnumToken.RuleNodeType) {
                 node.sel = replacePseudo(splitRule(node.sel)).reduce((acc, curr, index) => acc + (index > 0 ? ',' : '') + curr.join(''), '');
-                if (node.raw != null) {
-                    node.raw = replacePseudo(node.raw);
-                }
-                if (node.optimized != null) {
-                    node.optimized.selector = replacePseudo(node.optimized.selector);
-                }
+                // if ((node as AstRule).raw != null) {
+                //
+                //     (node as AstRule).raw = replacePseudo((node as AstRule).raw as string[][]);
+                // }
+                //
+                // if ((node as AstRule).optimized != null) {
+                //
+                //     (node as AstRule).optimized!.selector = replacePseudo((node as AstRule).optimized!.selector as string[][]);
+                // }
                 if (node.tokens != null) {
                     replaceAstNodes(node.tokens);
                 }
@@ -18349,10 +18191,9 @@
                     for (const { value } of walkValues(nodes)) {
                         if ((value.typ == exports.EnumToken.IdenTokenType || funcLike.includes(value.typ))) {
                             const match = value.val.match(/^-([^-]+)-(.+)$/);
-                            if (match == null) {
-                                continue;
+                            if (match != null) {
+                                value.val = match[2];
                             }
-                            value.val = match[2];
                         }
                     }
                     if (SyntaxValidationResult.Valid == evaluateSyntax({ ...node, val: nodes }, {}).valid) {
@@ -18368,13 +18209,14 @@
                     }
                 }
                 if (node.typ == exports.EnumToken.AtRuleNodeType && node.val !== '') {
-                    if (node.tokens == null) {
-                        Object.defineProperty(node, 'tokens', {
-                            // @ts-ignore
-                            ...definedPropertySettings,
-                            value: parseAtRulePrelude(parseString(node.val), node),
-                        });
-                    }
+                    // if ((node as AstAtRule).tokens == null) {
+                    //
+                    //     Object.defineProperty(node, 'tokens', {
+                    //         // @ts-ignore
+                    //         ...definedPropertySettings,
+                    //         value: parseAtRulePrelude(parseString((node as AstAtRule).val), node as AstAtRule),
+                    //     })
+                    // }
                     if (replaceAstNodes(node.tokens)) {
                         node.val = node.tokens.reduce((acc, curr) => acc + renderToken(curr), '');
                     }
@@ -18482,18 +18324,25 @@
                             replace(node, variableScope);
                         }
                     }
-                    else {
-                        const info = variableScope.get(node.nam);
-                        info.globalScope = isRoot;
-                        if (!isRoot) {
-                            ++info.declarationCount;
-                        }
-                        if (info.replaceable) {
-                            info.replaceable = isRoot && info.declarationCount == 1;
-                        }
-                        info.parent.add(ast);
-                        info.node = node;
-                    }
+                    // else {
+                    //
+                    //     const info: VariableScopeInfo = <VariableScopeInfo>variableScope.get((<AstDeclaration>node).nam);
+                    //
+                    //     info.globalScope = isRoot;
+                    //
+                    //     if (!isRoot) {
+                    //
+                    //         ++info.declarationCount;
+                    //     }
+                    //
+                    //     if (info.replaceable) {
+                    //
+                    //         info.replaceable = isRoot && info.declarationCount == 1;
+                    //     }
+                    //
+                    //     info.parent.add(ast);
+                    //     info.node = (<AstDeclaration>node);
+                    // }
                 }
                 else {
                     replace(node, variableScope);
@@ -18502,9 +18351,10 @@
         }
         cleanup(ast, options = {}, context) {
             const variableScope = context.variableScope;
-            if (variableScope == null) {
-                return;
-            }
+            // if (variableScope == null) {
+            //
+            //     return;
+            // }
             for (const info of variableScope.values()) {
                 if (info.replaceable) {
                     let i;
@@ -19524,7 +19374,7 @@
                         if (slice != null && node.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(node.val)) {
                             // @ts-ignore
                             const cp = (node.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(node.val) && node.val != 'calc' ? [node] : (node.typ == exports.EnumToken.DeclarationNodeType ? node.val : node.chi)).slice();
-                            const values = evaluate(cp);
+                            evaluate(cp);
                             const key = 'chi' in node ? 'chi' : 'val';
                             const str1 = renderToken({ ...node, [key]: slice });
                             const str2 = renderToken(node); // values.reduce((acc: string, curr: Token): string => acc + renderToken(curr), '');
@@ -19532,10 +19382,11 @@
                                 // @ts-ignore
                                 node[key] = slice;
                             }
-                            else {
-                                // @ts-ignore
-                                node[key] = values;
-                            }
+                            // else {
+                            //
+                            //     // @ts-ignore
+                            //     node[key] = values;
+                            // }
                             return WalkerOptionEnum.Ignore;
                         }
                         return null;
@@ -19551,42 +19402,43 @@
                                 // @ts-ignore
                                 const children = parent.typ == exports.EnumToken.DeclarationNodeType ? parent.val : parent.chi;
                                 if (values.length == 1 && values[0].typ != exports.EnumToken.BinaryExpressionTokenType) {
-                                    if (parent.typ == exports.EnumToken.BinaryExpressionTokenType) {
-                                        if (parent.l == value) {
-                                            parent.l = values[0];
+                                    // if (parent.typ == EnumToken.BinaryExpressionTokenType) {
+                                    //
+                                    //     if ((parent as BinaryExpressionToken).l == value) {
+                                    //
+                                    //         (parent as BinaryExpressionToken).l = values[0];
+                                    //     } else {
+                                    //
+                                    //         (parent as BinaryExpressionToken).r = values[0];
+                                    //     }
+                                    // } else {
+                                    for (let i = 0; i < children.length; i++) {
+                                        if (children[i] == value) {
+                                            // @ts-ignore
+                                            children.splice(i, 1, !(parent.typ == exports.EnumToken.FunctionTokenType && parent.val == 'calc') && typeof values[0].val != 'string' ? {
+                                                typ: exports.EnumToken.FunctionTokenType,
+                                                val: 'calc',
+                                                chi: values
+                                            } : values[0]);
+                                            break;
                                         }
-                                        else {
-                                            parent.r = values[0];
-                                        }
-                                    }
-                                    else {
-                                        for (let i = 0; i < children.length; i++) {
-                                            if (children[i] == value) {
-                                                // @ts-ignore
-                                                children.splice(i, 1, !(parent.typ == exports.EnumToken.FunctionTokenType && parent.val == 'calc') && typeof values[0].val != 'string' ? {
-                                                    typ: exports.EnumToken.FunctionTokenType,
-                                                    val: 'calc',
-                                                    chi: values
-                                                } : values[0]);
-                                                break;
-                                            }
-                                        }
-                                    }
-                                }
-                                else {
-                                    for (let i = 0; i < children.length; i++) {
-                                        if (children[i] == value) {
-                                            if (parent.typ == exports.EnumToken.FunctionTokenType && parent.val == 'calc') {
-                                                children.splice(i, 1, ...values);
-                                            }
-                                            else {
-                                                children.splice(i, 1, {
-                                                    typ: exports.EnumToken.FunctionTokenType,
-                                                    val: 'calc',
-                                                    chi: values
-                                                });
-                                            }
-                                            break;
+                                    }
+                                    // }
+                                }
+                                else {
+                                    for (let i = 0; i < children.length; i++) {
+                                        if (children[i] == value) {
+                                            // if (parent.typ == EnumToken.FunctionTokenType && (parent as FunctionToken).val == 'calc') {
+                                            //
+                                            //     children.splice(i, 1, ...values);
+                                            // } else {
+                                            children.splice(i, 1, {
+                                                typ: exports.EnumToken.FunctionTokenType,
+                                                val: 'calc',
+                                                chi: values
+                                            });
+                                            // }
+                                            break;
                                         }
                                     }
                                 }
@@ -19612,10 +19464,16 @@
         return norm === 0 ? [0, 0, 0] : [x / norm, y / norm, z / norm];
     }
     function dot(point1, point2) {
-        if (point1.length === 4 && point2.length === 4) {
-            return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2] + point1[3] * point2[3];
+        // if (point1.length === 4 && point2.length === 4) {
+        //
+        //     return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2] + point1[3] * point2[3];
+        // }
+        let result = 0;
+        for (let i = 0; i < point1.length; i++) {
+            result += point1[i] * point2[i];
         }
-        return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2];
+        return result;
+        // return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2];
     }
     function multiply(matrixA, matrixB) {
         let result = Array(4).fill(0).map(() => Array(4).fill(0));
@@ -19628,6 +19486,69 @@
         }
         return result;
     }
+    function inverse(matrix) {
+        // Create augmented matrix [matrix | identity]
+        let augmented = matrix.map((row, i) => [
+            ...row,
+            ...(i === 0 ? [1, 0, 0, 0] :
+                i === 1 ? [0, 1, 0, 0] :
+                    i === 2 ? [0, 0, 1, 0] :
+                        [0, 0, 0, 1])
+        ]);
+        // Gaussian elimination with partial pivoting
+        for (let col = 0; col < 4; col++) {
+            // Find pivot row with maximum absolute value
+            let maxRow = col;
+            let maxVal = Math.abs(augmented[col][col]);
+            for (let row = col + 1; row < 4; row++) {
+                let val = Math.abs(augmented[row][col]);
+                if (val > maxVal) {
+                    maxVal = val;
+                    maxRow = row;
+                }
+            }
+            // Check for singularity
+            if (maxVal < 1e-5) {
+                return null;
+            }
+            // Swap rows if necessary
+            if (maxRow !== col) {
+                [augmented[col], augmented[maxRow]] = [augmented[maxRow], augmented[col]];
+            }
+            // Scale pivot row to make pivot element 1
+            let pivot = augmented[col][col];
+            for (let j = 0; j < 8; j++) {
+                augmented[col][j] /= pivot;
+            }
+            // Eliminate column in other rows
+            for (let row = 0; row < 4; row++) {
+                if (row !== col) {
+                    let factor = augmented[row][col];
+                    for (let j = 0; j < 8; j++) {
+                        augmented[row][j] -= factor * augmented[col][j];
+                    }
+                }
+            }
+        }
+        // Extract the inverse from the right side of the augmented matrix
+        return augmented.map(row => row.slice(4));
+    }
+    // function transpose(matrix: Matrix): Matrix {
+    //     // Crée une nouvelle matrice vide 4x4
+    //     // @ts-ignore
+    //     let transposed: Matrix = [[], [], [], []] as Matrix;
+    //
+    //     // Parcourt chaque ligne et colonne pour transposer
+    //     for (let i = 0; i < 4; i++) {
+    //
+    //         for (let j = 0; j < 4; j++) {
+    //
+    //             transposed[j][i] = matrix[i][j];
+    //         }
+    //     }
+    //
+    //     return transposed;
+    // }
     function round(number) {
         return Math.abs(number) < epsilon ? 0 : +number.toPrecision(6);
     }
@@ -19650,11 +19571,12 @@
             perspectiveMatrix[7] = 0;
             perspectiveMatrix[11] = 0;
             perspectiveMatrix[15] = 1;
-            const inverse = invertMatrix4(perspectiveMatrix);
-            if (!inverse) {
+            // @ts-ignore
+            const inverted = inverse(original.reduce((acc, row, i) => acc.concat([row.slice()]), []))?.flat?.();
+            if (!inverted) {
                 return null;
             }
-            const transposedInverse = transposeMatrix4(inverse);
+            const transposedInverse = transposeMatrix4(inverted);
             perspective[0] = dot(rightHandSide, transposedInverse.slice(0, 4));
             perspective[1] = dot(rightHandSide, transposedInverse.slice(4, 8));
             perspective[2] = dot(rightHandSide, transposedInverse.slice(8, 12));
@@ -19759,16 +19681,6 @@
             m[3], m[7], m[11], m[15],
         ];
     }
-    function invertMatrix4(m) {
-        new Array(16);
-        const det = m[0] * m[5] * m[10] * m[15] + m[0] * m[9] * m[14] * m[7] + m[0] * m[13] * m[6] * m[11]
-            - m[0] * m[13] * m[10] * m[7] - m[0] * m[9] * m[6] * m[15] - m[0] * m[5] * m[14] * m[11];
-        if (det === 0)
-            return null;
-        // For brevity, not implementing full inverse here — you'd normally use gl-matrix or similar.
-        // Just use a trusted library or expand this if needed.
-        return null; // placeholder
-    }
     function toZero(v) {
         for (let i = 0; i < v.length; i++) {
             if (Math.abs(v[i]) <= epsilon) {
@@ -19795,36 +19707,6 @@
             matrix[3][3] === 1;
     }
 
-    // https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Values_and_units#absolute_length_units
-    function length2Px(value) {
-        if (value.typ == exports.EnumToken.NumberTokenType) {
-            return +value.val;
-        }
-        switch (value.unit) {
-            case 'cm':
-                // @ts-ignore
-                return value.val * 37.8;
-            case 'mm':
-                // @ts-ignore
-                return value.val * 3.78;
-            case 'Q':
-                // @ts-ignore
-                return value.val * 37.8 / 40;
-            case 'in':
-                // @ts-ignore
-                return value.val / 96;
-            case 'pc':
-                // @ts-ignore
-                return value.val / 16;
-            case 'pt':
-                // @ts-ignore
-                return value.val * 4 / 3;
-            case 'px':
-                return +value.val;
-        }
-        return null;
-    }
-
     function translateX(x, from) {
         const matrix = identity();
         matrix[3][0] = x;
@@ -19997,7 +19879,7 @@
                     }
                     acc.push({
                         typ: exports.EnumToken.NumberTokenType,
-                        val: reduceNumber(t)
+                        val: minifyNumber(t)
                     });
                     return acc;
                 }, [])
@@ -20012,7 +19894,7 @@
                 }
                 acc.push({
                     typ: exports.EnumToken.NumberTokenType,
-                    val: reduceNumber(curr)
+                    val: minifyNumber(curr)
                 });
                 return acc;
             }, [])
@@ -20052,20 +19934,21 @@
                     coordinates.delete(i == 0 ? 'x' : i == 1 ? 'y' : 'z');
                 }
             }
-            if (coordinates.size == 3) {
-                result.push({
-                    typ: exports.EnumToken.FunctionTokenType,
-                    val: 'translate3d',
-                    chi: [
-                        { typ: exports.EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px' },
-                        { typ: exports.EnumToken.CommaTokenType },
-                        { typ: exports.EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px' },
-                        { typ: exports.EnumToken.CommaTokenType },
-                        { typ: exports.EnumToken.LengthTokenType, val: round(decomposed.translate[2]) + '', unit: 'px' }
-                    ]
-                });
-            }
-            else if (coordinates.size == 1) {
+            // if (coordinates.size == 3) {
+            //
+            //     result.push({
+            //         typ: EnumToken.FunctionTokenType,
+            //         val: 'translate3d',
+            //         chi: [
+            //             {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px'},
+            //             {typ: EnumToken.CommaTokenType},
+            //             {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px'},
+            //             {typ: EnumToken.CommaTokenType},
+            //             {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[2]) + '', unit: 'px'}
+            //         ]
+            //     })
+            // } else
+            if (coordinates.size == 1) {
                 if (coordinates.has('x')) {
                     result.push({
                         typ: exports.EnumToken.FunctionTokenType,
@@ -20107,15 +19990,9 @@
                     typ: exports.EnumToken.FunctionTokenType,
                     val: 'translate',
                     chi: [
-                        decomposed.translate[0] == 0 ? {
-                            typ: exports.EnumToken.NumberTokenType,
-                            'val': '0'
-                        } : { typ: exports.EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px' },
+                        { typ: exports.EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px' },
                         { typ: exports.EnumToken.CommaTokenType },
-                        decomposed.translate[1] == 0 ? {
-                            typ: exports.EnumToken.NumberTokenType,
-                            'val': '0'
-                        } : { typ: exports.EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px' }
+                        { typ: exports.EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px' }
                     ]
                 });
             }
@@ -20191,9 +20068,10 @@
             }
         }
         if (transforms.has('skew')) {
-            if (round(decomposed.skew[0]) == 0) {
-                skew.delete('x');
-            }
+            // if (round(decomposed.skew[0]) == 0) {
+            //
+            //     skew.delete('x');
+            // }
             if (round(decomposed.skew[1]) == 0) {
                 skew.delete('y');
             }
@@ -20267,15 +20145,16 @@
                 });
             }
         }
-        if (transforms.has('perspective')) {
-            result.push({
-                typ: exports.EnumToken.FunctionTokenType,
-                val: 'perspective',
-                chi: [
-                    { typ: exports.EnumToken.Length, val: '' + round(1 / decomposed.perspective[2]), unit: 'px' },
-                ]
-            });
-        }
+        // if (transforms.has('perspective')) {
+        //
+        //     result.push({
+        //         typ: EnumToken.FunctionTokenType,
+        //         val: 'perspective',
+        //         chi: [
+        //             {typ: EnumToken.Length, val: '' + round(1 / decomposed.perspective[2]), unit: 'px'},
+        //         ]
+        //     });
+        // }
         // identity
         return result.length == 0 || (result.length == 1 && eqMatrix(identity(), result)) ? [
             {
@@ -20339,9 +20218,10 @@
     function compute(transformLists) {
         transformLists = transformLists.slice();
         stripCommaToken(transformLists);
-        if (transformLists.length == 0) {
-            return null;
-        }
+        // if (transformLists.length == 0) {
+        //
+        //     return null;
+        // }
         let matrix = identity();
         let mat;
         const cumulative = [];
@@ -20377,9 +20257,10 @@
         let val;
         let i = 0;
         for (; i < transformList.length; i++) {
-            if (transformList[i].typ == exports.EnumToken.WhitespaceTokenType) {
-                continue;
-            }
+            // if (transformList[i].typ == EnumToken.WhitespaceTokenType) {
+            //
+            //     continue;
+            // }
             if (transformList[i].typ != exports.EnumToken.FunctionTokenType || !transformFunctions.includes(transformList[i].val)) {
                 return null;
             }
@@ -20392,25 +20273,27 @@
                     {
                         values.length = 0;
                         const children = stripCommaToken(transformList[i].chi.slice());
-                        if (children == null || children.length == 0) {
-                            return null;
-                        }
+                        // if (children == null || children.length == 0) {
+                        //
+                        //     return null;
+                        // }
                         const valCount = transformList[i].val == 'translate3d' || transformList[i].val == 'translate' ? 3 : 1;
-                        if (children.length == 1 && children[0].typ == exports.EnumToken.IdenTokenType && children[0].val == 'none') {
-                            values.fill(0, 0, valCount);
-                        }
-                        else {
-                            for (let j = 0; j < children.length; j++) {
-                                if (children[j].typ == exports.EnumToken.WhitespaceTokenType) {
-                                    continue;
-                                }
-                                val = length2Px(children[j]);
-                                if (typeof val != 'number' || Number.isNaN(val)) {
-                                    return null;
-                                }
-                                values.push(val);
+                        // if (children.length == 1 && children[0].typ == EnumToken.IdenTokenType && (children[0] as IdentToken).val == 'none') {
+                        //
+                        //     values.fill(0, 0, valCount);
+                        //
+                        // } else {
+                        for (let j = 0; j < children.length; j++) {
+                            if (children[j].typ == exports.EnumToken.WhitespaceTokenType) {
+                                continue;
                             }
+                            val = length2Px(children[j]);
+                            if (val == null) {
+                                return null;
+                            }
+                            values.push(val);
                         }
+                        // }
                         if (values.length == 0 || values.length > valCount) {
                             return null;
                         }
@@ -20445,9 +20328,10 @@
                         let values = [];
                         let valuesCount = transformList[i].val == 'rotate3d' ? 4 : 1;
                         for (const child of stripCommaToken(transformList[i].chi.slice())) {
-                            if (child.typ == exports.EnumToken.WhitespaceTokenType) {
-                                continue;
-                            }
+                            // if (child.typ == EnumToken.WhitespaceTokenType) {
+                            //
+                            //     continue;
+                            // }
                             values.push(child);
                             if (transformList[i].val == 'rotateX') {
                                 x = 1;
@@ -20490,17 +20374,19 @@
                         const children = stripCommaToken(transformList[i].chi.slice());
                         for (let k = 0; k < children.length; k++) {
                             child = children[k];
-                            if (child.typ == exports.EnumToken.CommentTokenType || child.typ == exports.EnumToken.WhitespaceTokenType) {
-                                continue;
-                            }
+                            // if (child.typ == EnumToken.CommentTokenType || child.typ == EnumToken.WhitespaceTokenType) {
+                            //
+                            //     continue;
+                            // }
                             if (child.typ != exports.EnumToken.NumberTokenType) {
                                 return null;
                             }
                             values.push(getNumber(child));
                         }
-                        if (values.length == 0) {
-                            return null;
-                        }
+                        // if (values.length == 0) {
+                        //
+                        //     return null;
+                        // }
                         if (transformList[i].val == 'scale3d') {
                             if (values.length != 3) {
                                 return null;
@@ -20538,13 +20424,16 @@
                         let value;
                         for (let k = 0; k < transformList[i].chi.length; k++) {
                             child = transformList[i].chi[k];
-                            if (child.typ == exports.EnumToken.CommentTokenType || child.typ == exports.EnumToken.WhitespaceTokenType) {
+                            if (child.typ == exports.EnumToken.CommentTokenType ||
+                                child.typ == exports.EnumToken.CommaTokenType ||
+                                child.typ == exports.EnumToken.WhitespaceTokenType) {
                                 continue;
                             }
                             value = getAngle(child);
-                            if (value == null) {
-                                return null;
-                            }
+                            // if (value == null) {
+                            //
+                            //     return null;
+                            // }
                             values.push(value * 2 * Math.PI);
                         }
                         if (values.length == 0 || (values.length > (transformList[i].val == 'skew' ? 2 : 1))) {
@@ -20681,7 +20570,22 @@
                 if (node.typ != exports.EnumToken.DeclarationNodeType || !node.nam.match(/^(-[a-z]+-)?transform$/)) {
                     continue;
                 }
-                const children = node.val.slice();
+                const children = node.val.reduce((acc, curr) => {
+                    if (curr.typ == exports.EnumToken.FunctionTokenType && 'skew' == curr.val.toLowerCase()) {
+                        if (curr.chi.length == 3) {
+                            if (curr.chi[2].val == '0') {
+                                curr.chi.length = 1;
+                                curr.val = 'skew';
+                            }
+                            else if (curr.chi[0].val == '0') {
+                                curr.chi = [curr.chi[2]];
+                                curr.val = 'skewY';
+                            }
+                        }
+                    }
+                    acc.push(curr);
+                    return acc;
+                }, []);
                 consumeWhitespace(children);
                 let { matrix, cumulative, minified } = compute(children) ?? {};
                 if (matrix == null || cumulative == null || minified == null) {
@@ -20833,22 +20737,25 @@
     }
     function reduce(acc, curr, index, array) {
         // trim :is()
-        if (array.length == 1 && array[0][0] == ':is(' && array[0].at(-1) == ')') {
-            curr = curr.slice(1, -1);
-        }
+        // if (array.length == 1 && array[0][0] == ':is(' && array[0].at(-1) == ')') {
+        //
+        //     curr = curr.slice(1, -1);
+        // }
         if (curr[0] == '&') {
             if (curr[1] == ' ' && !isIdent(curr[2]) && !isFunction(curr[2])) {
                 curr.splice(0, 2);
             }
-            else if (combinators.includes(curr[1])) {
-                curr.shift();
-            }
-        }
-        else { // @ts-ignore
-            if (this.typ == exports.EnumToken.RuleNodeType && (isIdent(curr[0]) || isFunction(curr[0]))) {
-                curr.unshift('&', ' ');
-            }
+            // else if (combinators.includes(curr[1])) {
+            //
+            //     curr.shift();
+            // }
         }
+        // else { // @ts-ignore
+        //     if (this.typ == EnumToken.RuleNodeType && (isIdent(curr[0]) || isFunction(curr[0]))) {
+        //
+        //         curr.unshift('&', ' ');
+        //     }
+        // }
         acc.push(curr.join(''));
         return acc;
     }
@@ -20879,11 +20786,12 @@
                 // @ts-ignore
                 node = ast.chi[i];
                 // @ts-ignore
-                if (previous == node) {
-                    // @ts-ignore
-                    ast.chi.splice(i--, 1);
-                    continue;
-                }
+                // if (previous == node) {
+                //
+                //     // @ts-ignore
+                //     ast.chi.splice(i--, 1);
+                //     continue;
+                // }
                 if (node.typ == exports.EnumToken.AtRuleNodeType && node.nam == 'font-face') {
                     continue;
                 }
@@ -20900,7 +20808,7 @@
                         doMinify(node, options, true, errors, nestingContent, context);
                     }
                 }
-                if (node.typ == exports.EnumToken.KeyFrameRuleNodeType) {
+                else if (node.typ == exports.EnumToken.KeyFrameRuleNodeType) {
                     if (previous?.typ == exports.EnumToken.KeyFrameRuleNodeType &&
                         node.sel == previous.sel) {
                         previous.chi.push(...node.chi);
@@ -20925,7 +20833,7 @@
                         }
                     }
                 }
-                if (node.typ == exports.EnumToken.AtRuleNodeType) {
+                else if (node.typ == exports.EnumToken.AtRuleNodeType) {
                     // @ts-ignore
                     if (node.nam == 'media' && ['all', '', null].includes(node.val)) {
                         // @ts-ignore
@@ -20953,7 +20861,7 @@
                     continue;
                 }
                 // @ts-ignore
-                if (node.typ == exports.EnumToken.RuleNodeType) {
+                else if (node.typ == exports.EnumToken.RuleNodeType) {
                     reduceRuleSelector(node);
                     let wrapper;
                     let match;
@@ -20964,7 +20872,7 @@
                             // @ts-ignore
                             reduceRuleSelector(previous);
                             // @ts-ignore
-                            match = matchSelectors(previous.raw, node.raw, ast.typ, errors);
+                            match = matchSelectors(previous.raw, node.raw, ast.typ);
                             // @ts-ignore
                             if (match != null) {
                                 // @ts-ignore
@@ -20986,7 +20894,7 @@
                                 }
                                 reduceRuleSelector(nextNode);
                                 // @ts-ignore
-                                match = matchSelectors(wrapper.raw, nextNode.raw, ast.typ, errors);
+                                match = matchSelectors(wrapper.raw, nextNode.raw, ast.typ);
                                 // @ts-ignore
                                 if (match == null) {
                                     break;
@@ -21035,12 +20943,12 @@
                                     curr.splice(0, 2);
                                 }
                                 else {
-                                    if (ast.typ != exports.EnumToken.RuleNodeType && combinators.includes(curr[1])) {
-                                        wrap = false;
-                                    }
-                                    else {
-                                        curr.splice(0, 1);
-                                    }
+                                    // if (ast.typ != EnumToken.RuleNodeType && combinators.includes(curr[1])) {
+                                    //
+                                    //     wrap = false;
+                                    // } else {
+                                    curr.splice(0, 1);
+                                    // }
                                 }
                             }
                             else if (combinators.includes(curr[0])) {
@@ -21082,10 +20990,11 @@
                         }
                         // @ts-ignore
                         let sel = wrap ? node.optimized.optimized.join('') + `:is(${rule})` : rule;
-                        if (rule.includes('&')) {
-                            // @ts-ignore
-                            rule = replaceCompound(rule, node.optimized.optimized[0]);
-                        }
+                        // if (rule.includes('&')) {
+                        //
+                        //     // @ts-ignore
+                        //     rule = replaceCompound(rule, node.optimized.optimized[0]);
+                        // }
                         if (sel.length < node.sel.length) {
                             node.sel = sel;
                         }
@@ -21119,12 +21028,12 @@
                                     // @ts-ignore
                                     ast.chi.splice(nodeIndex, 1);
                                     // @ts-ignore
-                                    if (!hasDeclaration(node)) {
-                                        // @ts-ignore
-                                        // minifyRule(node, <MinifyOptions>options, ast, context);
-                                        // } else {
-                                        doMinify(node, options, recursive, errors, nestingContent, context);
-                                    }
+                                    // if (!hasDeclaration(node)) {
+                                    //     // @ts-ignore
+                                    //     // minifyRule(node, <MinifyOptions>options, ast, context);
+                                    //     // } else {
+                                    //     doMinify(node, options, recursive, errors, nestingContent, context);
+                                    // }
                                     i--;
                                     previous = node;
                                     nodeIndex = i;
@@ -21182,17 +21091,21 @@
                             }
                         }
                     }
-                    else {
-                        if ('chi' in previous) {
-                            // @ts-ignore
-                            if (!hasDeclaration(previous)) {
-                                // @ts-ignore
-                                // minifyRule(previous, <MinifyOptions>options, ast, context);
-                                // } else {
-                                doMinify(previous, options, recursive, errors, nestingContent, context);
-                            }
-                        }
-                    }
+                    // else {
+                    //
+                    //     if ('chi' in previous) {
+                    //
+                    //         // @ts-ignore
+                    //         if (!hasDeclaration(previous)) {
+                    //
+                    //             // @ts-ignore
+                    //             // minifyRule(previous, <MinifyOptions>options, ast, context);
+                    //             // } else {
+                    //
+                    //             doMinify(previous, options, recursive, errors, nestingContent, context);
+                    //         }
+                    //     }
+                    // }
                 }
                 // else if ('chi' in node) {
                 //
@@ -21242,10 +21155,14 @@
         }
         return true;
     }
-    function reduceSelector(selector) {
-        if (selector.length == 0) {
-            return null;
-        }
+    /**
+     * optimize selector
+     * @param selector
+     */
+    function optimizeSelector(selector) {
+        // if (selector.length == 0) {
+        //     return null;
+        // }
         selector = selector.reduce((acc, curr) => {
             // @ts-ignore
             if (curr.length > 0 && curr.at(-1).startsWith(':is(')) {
@@ -21294,10 +21211,10 @@
         }
         selector.forEach((selector) => selector.splice(0, optimized.length));
         // combinator
-        if (combinators.includes(optimized.at(-1))) {
-            const combinator = optimized.pop();
-            selector.forEach((selector) => selector.unshift(combinator));
-        }
+        // if (combinators.includes(<string>optimized.at(-1))) {
+        //     const combinator: string = <string>optimized.pop();
+        //     selector.forEach((selector: string[]) => selector.unshift(combinator));
+        // }
         let reducible = optimized.length == 1;
         if (optimized[0] == '&') {
             if (optimized[1] == ' ') {
@@ -21352,14 +21269,17 @@
         for (let i = 0; i < buffer.length; i++) {
             let chr = buffer.charAt(i);
             if (isWhiteSpace(chr.charCodeAt(0))) {
-                let k = i;
-                while (k + 1 < buffer.length) {
-                    if (isWhiteSpace(buffer[k + 1].charCodeAt(0))) {
-                        k++;
-                        continue;
-                    }
-                    break;
-                }
+                // let k: number = i;
+                // while (k + 1 < buffer.length) {
+                //
+                //     if (isWhiteSpace(buffer[k + 1].charCodeAt(0))) {
+                //
+                //         k++;
+                //         continue;
+                //     }
+                //
+                //     break;
+                // }
                 if (str !== '') {
                     // @ts-ignore
                     result.at(-1).push(str);
@@ -21370,7 +21290,7 @@
                     // @ts-ignore
                     result.at(-1).push(' ');
                 }
-                i = k;
+                // i = k;
                 continue;
             }
             if (chr == ',') {
@@ -21421,21 +21341,22 @@
                 str += buffer.charAt(++i);
                 continue;
             }
-            if (chr == '"' || chr == "'") {
-                let k = i;
-                while (++k < buffer.length) {
-                    chr = buffer.charAt(k);
-                    str += chr;
-                    if (chr == '//') {
-                        str += buffer.charAt(++k);
-                        continue;
-                    }
-                    if (chr == buffer.charAt(i)) {
-                        break;
-                    }
-                }
-                continue;
-            }
+            // if (chr == '"' || chr == "'") {
+            //
+            //     let k = i;
+            //     while (++k < buffer.length) {
+            //         chr = buffer.charAt(k);
+            //         str += chr;
+            //         if (chr == '//') {
+            //             str += buffer.charAt(++k);
+            //             continue;
+            //         }
+            //         if (chr == buffer.charAt(i)) {
+            //             break;
+            //         }
+            //     }
+            //     continue;
+            // }
             if (chr == '(' || chr == '[') {
                 const open = chr;
                 const close = chr == '(' ? ')' : ']';
@@ -21468,6 +21389,79 @@
         }
         return result;
     }
+    function reduceSelector(acc, curr) {
+        // if (acc === null) {
+        //
+        //     return null;
+        // }
+        let hasCompoundSelector = true;
+        // @ts-ignore
+        curr = curr.slice(this.match[0].length);
+        while (curr.length > 0) {
+            if (curr[0] == ' ') {
+                hasCompoundSelector = false;
+                curr.unshift('&');
+                continue;
+            }
+            break;
+        }
+        // invalid function match
+        // if (curr.length > 0 && curr[0].endsWith('(') && curr.at(-1) != ')') {
+        //
+        //     return null;
+        // }
+        //
+        // if (curr.length == 1 && combinators.includes(curr[0].charAt(0))) {
+        //
+        //     return null;
+        // }
+        if (hasCompoundSelector && curr.length > 0) {
+            hasCompoundSelector = !['&'].concat(combinators).includes(curr[0].charAt(0));
+        }
+        if (curr[0] == ':is(') {
+            let canReduce = true;
+            const isCompound = curr.reduce((acc, token, index) => {
+                if (index == 0) {
+                    canReduce = curr[1] == '&';
+                }
+                // else if (token.endsWith('(')) {
+                //
+                //     if (inFunction == 0) {
+                //
+                //         canReduce = false;
+                //     }
+                //
+                //     inFunction++;
+                // }
+                else if (token == ')') ;
+                else if (token == ',') {
+                    if (!canReduce) {
+                        canReduce = curr[index + 1] == '&';
+                    }
+                    acc.push([]);
+                }
+                else
+                    acc.at(-1)?.push(token);
+                return acc;
+            }, [[]]);
+            // if (inFunction > 0) {
+            //
+            //     canReduce = false;
+            // }
+            if (canReduce) {
+                curr = isCompound.reduce((acc, curr) => {
+                    if (acc.length > 0) {
+                        acc.push(',');
+                    }
+                    acc.push(...curr);
+                    return acc;
+                }, []);
+            }
+        }
+        // @ts-ignore
+        acc.push(this.match.length == 0 ? ['&'] : (hasCompoundSelector && curr[0] != '&' && (curr.length == 0 || !combinators.includes(curr[0].charAt(0))) ? ['&'].concat(curr) : curr));
+        return acc;
+    }
     function matchSelectors(selector1, selector2, parentType, errors) {
         let match = [[]];
         const j = Math.min(selector1.reduce((acc, curr) => Math.min(acc, curr.length), selector1.length > 0 ? selector1[0].length : 0), selector2.reduce((acc, curr) => Math.min(acc, curr.length), selector2.length > 0 ? selector2[0].length : 0));
@@ -21499,47 +21493,52 @@
             if (!matching) {
                 break;
             }
-            if (token == ',') {
-                match.push([]);
-            }
-            else {
-                if (token.endsWith('(')) {
-                    matchFunction++;
-                }
-                if (token.endsWith('[')) {
-                    inAttr++;
-                }
-                else if (token == ')') {
-                    matchFunction--;
-                }
-                else if (token == ']') {
-                    inAttr--;
-                }
-                match.at(-1).push(token);
+            // if (token == ',') {
+            //
+            //     match.push([]);
+            // } else {
+            if (token.endsWith('(')) {
+                matchFunction++;
             }
+            // if (token.endsWith('[')) {
+            //
+            //     inAttr++;
+            // } else if (token == ')') {
+            //
+            //     matchFunction--;
+            // } else if (token == ']') {
+            //
+            //     inAttr--;
+            // }
+            match.at(-1).push(token);
+            // }
         }
         // invalid function
         if (matchFunction != 0 || inAttr != 0) {
             return null;
         }
-        if (parentType != exports.EnumToken.RuleNodeType) {
-            for (const part of match) {
-                if (part.length > 0 && combinators.includes(part[0].charAt(0))) {
-                    return null;
-                }
-            }
-        }
-        if (match.length > 1) {
-            errors?.push({
-                action: 'ignore',
-                message: `minify: unsupported multilevel matching\n${JSON.stringify({
-                match,
-                selector1,
-                selector2
-            }, null, 1)}`
-            });
-            return null;
-        }
+        // if (parentType != EnumToken.RuleNodeType) {
+        //
+        //     for (const part of match) {
+        //
+        //         if (part.length > 0 && combinators.includes(part[0].charAt(0))) {
+        //
+        //             return null;
+        //         }
+        //     }
+        // }
+        // if (match.length > 1) {
+        //
+        //     errors?.push({
+        //         action: 'ignore',
+        //         message: `minify: unsupported multilevel matching\n${JSON.stringify({
+        //             match,
+        //             selector1,
+        //             selector2
+        //         }, null, 1)}`
+        //     });
+        //     return null;
+        // }
         for (const part of match) {
             while (part.length > 0) {
                 const token = part.at(-1);
@@ -21556,77 +21555,11 @@
         if (eq([['&']], match)) {
             return null;
         }
-        function reduce(acc, curr) {
-            if (acc === null) {
-                return null;
-            }
-            let hasCompoundSelector = true;
-            curr = curr.slice(match[0].length);
-            while (curr.length > 0) {
-                if (curr[0] == ' ') {
-                    hasCompoundSelector = false;
-                    curr.unshift('&');
-                    continue;
-                }
-                break;
-            }
-            // invalid function match
-            if (curr.length > 0 && curr[0].endsWith('(') && curr.at(-1) != ')') {
-                return null;
-            }
-            if (curr.length == 1 && combinators.includes(curr[0].charAt(0))) {
-                return null;
-            }
-            if (hasCompoundSelector && curr.length > 0) {
-                hasCompoundSelector = !['&'].concat(combinators).includes(curr[0].charAt(0));
-            }
-            if (curr[0] == ':is(') {
-                let inFunction = 0;
-                let canReduce = true;
-                const isCompound = curr.reduce((acc, token, index) => {
-                    if (index == 0) {
-                        inFunction++;
-                        canReduce = curr[1] == '&';
-                    }
-                    else if (token.endsWith('(')) {
-                        if (inFunction == 0) {
-                            canReduce = false;
-                        }
-                        inFunction++;
-                    }
-                    else if (token == ')') {
-                        inFunction--;
-                    }
-                    else if (token == ',') {
-                        if (!canReduce) {
-                            canReduce = curr[index + 1] == '&';
-                        }
-                        acc.push([]);
-                    }
-                    else
-                        acc.at(-1)?.push(token);
-                    return acc;
-                }, [[]]);
-                if (inFunction > 0) {
-                    canReduce = false;
-                }
-                if (canReduce) {
-                    curr = isCompound.reduce((acc, curr) => {
-                        if (acc.length > 0) {
-                            acc.push(',');
-                        }
-                        acc.push(...curr);
-                        return acc;
-                    }, []);
-                }
-            }
-            acc.push(match.length == 0 ? ['&'] : (hasCompoundSelector && curr[0] != '&' && (curr.length == 0 || !combinators.includes(curr[0].charAt(0))) ? ['&'].concat(curr) : curr));
-            return acc;
-        }
+        const reducer = reduceSelector.bind({ match });
         // @ts-ignore
-        selector1 = selector1.reduce(reduce, []);
+        selector1 = selector1.reduce(reducer, []);
         // @ts-ignore
-        selector2 = selector2.reduce(reduce, []);
+        selector2 = selector2.reduce(reducer, []);
         return selector1 == null || selector2 == null ? null : {
             eq: eq(selector1, selector2),
             match,
@@ -21711,9 +21644,10 @@
         }
         let i = node1.chi.length;
         let j = node2.chi.length;
-        if (i == 0 || j == 0) {
-            return null;
-        }
+        // if (i == 0 || j == 0) {
+        //
+        //     return null;
+        // }
         const raw1 = node1.raw;
         const raw2 = node2.raw;
         if (raw1 != null && raw2 != null) {
@@ -21784,9 +21718,10 @@
                 continue;
             }
             j = node2.chi.length;
-            if (j == 0) {
-                break;
-            }
+            // if (j == 0) {
+            //
+            //     break;
+            // }
             while (j--) {
                 if (node2.chi[j].typ == exports.EnumToken.CommentNodeType) {
                     continue;
@@ -21828,7 +21763,7 @@
         if (node.raw == null) {
             Object.defineProperty(node, 'raw', { ...definedPropertySettings, value: splitRule(node.sel) });
         }
-        let optimized = reduceSelector(node.raw.reduce((acc, curr) => {
+        let optimized = optimizeSelector(node.raw.reduce((acc, curr) => {
             acc.push(curr.slice());
             return acc;
         }, []));
@@ -21866,6 +21801,289 @@
         }
     }
 
+    /**
+     * expand nested css ast
+     * @param ast
+     */
+    function expand(ast) {
+        //
+        // if (![EnumToken.RuleNodeType, EnumToken.StyleSheetNodeType, EnumToken.AtRuleNodeType].includes(ast.typ)) {
+        //
+        //     return ast;
+        // }
+        // if (EnumToken.RuleNodeType == ast.typ) {
+        //
+        //     return <AstRuleStyleSheet>{
+        //         typ: EnumToken.StyleSheetNodeType,
+        //         chi: expandRule(<AstRule>ast)
+        //     }
+        // }
+        //
+        // if (!('chi' in ast)) {
+        //
+        //     return ast;
+        // }
+        const result = { ...ast, chi: [] };
+        // @ts-ignore
+        for (let i = 0; i < ast.chi.length; i++) {
+            // @ts-ignore
+            const node = ast.chi[i];
+            if (node.typ == exports.EnumToken.RuleNodeType) {
+                // @ts-ignore
+                result.chi.push(...expandRule(node));
+                // i += expanded.length - 1;
+            }
+            else if (node.typ == exports.EnumToken.AtRuleNodeType && 'chi' in node) {
+                let hasRule = false;
+                let j = node.chi.length;
+                while (j--) {
+                    // @ts-ignore
+                    if (node.chi[j].typ == exports.EnumToken.RuleNodeType || node.chi[j].typ == exports.EnumToken.AtRuleNodeType) {
+                        hasRule = true;
+                        break;
+                    }
+                }
+                // @ts-ignore
+                result.chi.push({ ...(hasRule ? expand(node) : node) });
+            }
+            // else {
+            //
+            //     // @ts-ignore
+            //     result.chi.push(node);
+            // }
+        }
+        return result;
+    }
+    function expandRule(node) {
+        const ast = { ...node, chi: node.chi.slice() };
+        const result = [];
+        if (ast.typ == exports.EnumToken.RuleNodeType) {
+            let i = 0;
+            for (; i < ast.chi.length; i++) {
+                if (ast.chi[i].typ == exports.EnumToken.RuleNodeType) {
+                    const rule = ast.chi[i];
+                    if (!rule.sel.includes('&')) {
+                        const selRule = splitRule(rule.sel);
+                        // if (selRule.length > 1) {
+                        //
+                        //     const r: string = ':is(' + selRule.map(a => a.join('')).join(',') + ')';
+                        //     rule.sel = splitRule(ast.sel).reduce((a: string[], b: string[]): string[] => a.concat([b.join('') + r]), <string[]>[]).join(',');
+                        //
+                        // }
+                        // else {
+                        // selRule = splitRule(selRule.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.join(''), ''));
+                        const arSelf = splitRule(ast.sel).filter((r) => r.every((t) => t != ':before' && t != ':after' && !t.startsWith('::'))).reduce((acc, curr) => acc.concat([curr.join('')]), []).join(',');
+                        if (arSelf.length == 0) {
+                            ast.chi.splice(i--, 1);
+                            continue;
+                        }
+                        //
+                        selRule.forEach(arr => combinators.includes(arr[0].charAt(0)) ? arr.unshift(arSelf) : arr.unshift(arSelf, ' '));
+                        rule.sel = selRule.reduce((acc, curr) => {
+                            acc.push(curr.join(''));
+                            return acc;
+                        }, []).join(',');
+                        // }
+                    }
+                    else {
+                        let childSelectorCompound = [];
+                        let withCompound = [];
+                        let withoutCompound = [];
+                        // pseudo elements cannot be used with '&'
+                        // https://www.w3.org/TR/css-nesting-1/#example-7145ff1e
+                        const rules = splitRule(ast.sel).filter((r) => r.every((t) => t != ':before' && t != ':after' && !t.startsWith('::')));
+                        const parentSelector = !node.sel.includes('&');
+                        if (rules.length == 0) {
+                            ast.chi.splice(i--, 1);
+                            continue;
+                        }
+                        for (const sel of (rule.raw ?? splitRule(rule.sel))) {
+                            const s = sel.join('');
+                            if (s.includes('&') || parentSelector) {
+                                if (s.indexOf('&', 1) == -1) {
+                                    if (s.at(0) == '&') {
+                                        if (s.at(1) == ' ') {
+                                            childSelectorCompound.push(s.slice(2));
+                                        }
+                                        else {
+                                            if (s == '&' || parentSelector) {
+                                                withCompound.push(s);
+                                            }
+                                            // else {
+                                            //
+                                            //     withoutCompound.push(s.slice(1));
+                                            // }
+                                        }
+                                    }
+                                    else {
+                                        withoutCompound.push(s);
+                                    }
+                                }
+                                else {
+                                    withCompound.push(s);
+                                }
+                            }
+                            // else {
+                            //
+                            //     withoutCompound.push(s);
+                            // }
+                        }
+                        const selectors = [];
+                        const selector = rules.length > 1 ? ':is(' + rules.map(a => a.join('')).join(',') + ')' : rules[0].join('');
+                        if (childSelectorCompound.length > 0) {
+                            if (childSelectorCompound.length == 1) {
+                                selectors.push(replaceCompound('& ' + childSelectorCompound[0].trim(), selector));
+                            }
+                            else {
+                                selectors.push(replaceCompound('& :is(' + childSelectorCompound.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.trim(), '') + ')', selector));
+                            }
+                        }
+                        if (withCompound.length > 0) {
+                            if (withCompound.every((t) => t[0] == '&' && t.indexOf('&', 1) == -1)) {
+                                withoutCompound.push(...withCompound.map(t => t.slice(1)));
+                                withCompound.length = 0;
+                            }
+                        }
+                        if (withoutCompound.length > 0) {
+                            if (withoutCompound.length == 1) {
+                                const useIs = rules.length == 1 && selector.match(/^[a-zA-Z.:]/) != null && selector.includes(' ') && withoutCompound.length == 1 && withoutCompound[0].match(/^[a-zA-Z]+$/) != null;
+                                const compound = useIs ? ':is(&)' : '&';
+                                selectors.push(replaceCompound(rules.length == 1 ? (useIs ? withoutCompound[0] + ':is(&)' : (selector.match(/^[.:]/) && withoutCompound[0].match(/^[a-zA-Z]+$/) ? withoutCompound[0] + compound : compound + withoutCompound[0])) : (withoutCompound[0].match(/^[a-zA-Z:]+$/) ? withoutCompound[0].trim() + compound : '&' + (withoutCompound[0].match(/^\S+$/) ? withoutCompound[0].trim() : ':is(' + withoutCompound[0].trim() + ')')), selector));
+                            }
+                            else {
+                                selectors.push(replaceCompound('&:is(' + withoutCompound.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.trim(), '') + ')', selector));
+                            }
+                        }
+                        if (withCompound.length > 0) {
+                            if (withCompound.length == 1) {
+                                selectors.push(replaceCompound(withCompound[0], selector));
+                            }
+                            // else {
+                            //
+                            //     for (const w of withCompound) {
+                            //
+                            //         selectors.push(replaceCompound(w, selector));
+                            //     }
+                            // }
+                        }
+                        rule.sel = selectors.reduce((acc, curr) => curr.length == 0 ? acc : acc + (acc.length > 0 ? ',' : '') + curr, '');
+                    }
+                    ast.chi.splice(i--, 1);
+                    result.push(...expandRule(rule));
+                }
+                else if (ast.chi[i].typ == exports.EnumToken.AtRuleNodeType) {
+                    let astAtRule = ast.chi[i];
+                    const values = [];
+                    if (astAtRule.nam == 'scope') {
+                        if (astAtRule.val.includes('&')) {
+                            astAtRule.val = replaceCompound(astAtRule.val, ast.sel);
+                        }
+                        const slice = astAtRule.chi.slice().filter(t => t.typ == exports.EnumToken.RuleNodeType && t.sel.includes('&'));
+                        if (slice.length > 0) {
+                            expandRule({ ...node, chi: astAtRule.chi.slice() });
+                        }
+                    }
+                    else {
+                        // @ts-ignore
+                        const clone = { ...ast, chi: astAtRule.chi.slice() };
+                        // @ts-ignore
+                        astAtRule.chi.length = 0;
+                        for (const r of expandRule(clone)) {
+                            if (r.typ == exports.EnumToken.AtRuleNodeType && 'chi' in r) {
+                                if (astAtRule.val !== '' && r.val !== '') {
+                                    if (astAtRule.nam == 'media' && r.nam == 'media') {
+                                        r.val = astAtRule.val + ' and ' + r.val;
+                                    }
+                                    else if (astAtRule.nam == 'layer' && r.nam == 'layer') {
+                                        r.val = astAtRule.val + '.' + r.val;
+                                    }
+                                }
+                                // @ts-ignore
+                                values.push(r);
+                            }
+                            else if (r.typ == exports.EnumToken.RuleNodeType) {
+                                // @ts-ignore
+                                astAtRule.chi.push(...expandRule(r));
+                            }
+                            // else {
+                            //
+                            //     // @ts-ignore
+                            //     astAtRule.chi.push(r);
+                            // }
+                        }
+                    }
+                    // @ts-ignore
+                    result.push(...(astAtRule.chi.length > 0 ? [astAtRule].concat(values) : values));
+                    ast.chi.splice(i--, 1);
+                }
+            }
+        }
+        // @ts-ignore
+        return ast.chi.length > 0 ? [ast].concat(result) : result;
+    }
+    /**
+     * replace compound selector
+     * @param input
+     * @param replace
+     */
+    function replaceCompound(input, replace) {
+        const tokens = parseString(input);
+        let replacement = null;
+        for (const t of walkValues(tokens)) {
+            if (t.value.typ == exports.EnumToken.LiteralTokenType) {
+                if (t.value.val == '&') {
+                    if (tokens.length == 2) {
+                        if (replacement == null) {
+                            replacement = parseString(replace);
+                        }
+                        // if (tokens[1].typ == EnumToken.IdenTokenType) {
+                        //
+                        //
+                        //     (t.value as LiteralToken).val = (replacement as Token[]).length == 1 || (!replace.includes(' ') && replace.charAt(0).match(/[:.]/)) ? (tokens[1] as IdentToken).val + replace : replaceCompoundLiteral((tokens[1] as IdentToken).val + '&', replace);
+                        //     tokens.splice(1, 1);
+                        // } else {
+                        t.value.val = replaceCompoundLiteral(t.value.val, replace);
+                        // }
+                        continue;
+                    }
+                    const rule = splitRule(replace);
+                    t.value.val = rule.length > 1 ? ':is(' + replace + ')' : replace;
+                }
+                // else if ((t.value as LiteralToken).val.length > 1 && (t.value as LiteralToken).val.charAt(0) == '&') {
+                //
+                //     (t.value as LiteralToken).val = replaceCompoundLiteral((t.value as LiteralToken).val, replace);
+                // }
+            }
+        }
+        return tokens.reduce((acc, curr) => acc + renderToken(curr), '');
+    }
+    function replaceCompoundLiteral(selector, replace) {
+        const tokens = [''];
+        let i = 0;
+        for (; i < selector.length; i++) {
+            if (selector.charAt(i) == '&') {
+                tokens.push('&');
+                tokens.push('');
+            }
+            // else {
+            //
+            //     tokens[tokens.length - 1] += selector.charAt(i);
+            // }
+        }
+        return tokens.sort((a, b) => {
+            if (a == '&') {
+                return 1;
+            }
+            return b == '&' ? -1 : 0;
+        }).reduce((acc, curr) => {
+            // if (acc.length > 0 && curr == '&' && (replace.charAt(0) != '.' || replace.includes(' '))) {
+            //
+            //     return acc + ':is(' + replace + ')';
+            // }
+            return acc + (curr == '&' ? replace : curr);
+        }, '');
+    }
+
     const matchUrl = /^(https?:)?\/\//;
     /**
      * return the directory name of a path
diff --git a/dist/index.cjs b/dist/index.cjs
index c89446c3..b9250c84 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -2695,16 +2695,17 @@ function gcd(x, y) {
         return x;
     }
     let t;
-    if (x == 0) {
-        return y;
-    }
-    if (y == 0) {
-        return x;
-    }
+    // if (x == 0) {
+    //
+    //     return y;
+    // }
+    //
+    // if (y == 0) {
+    //
+    //     return x;
+    // }
     if (y > x) {
-        t = x;
-        x = y;
-        y = t;
+        [x, y] = [y, x];
     }
     while (y) {
         t = y;
@@ -2728,22 +2729,22 @@ function compute$1(a, b, op) {
                     return r[0];
                 }
                 const result = a / b;
-                const r2 = reduceNumber(r[0]) + '/' + reduceNumber(r[1]);
-                return reduceNumber(result).length <= r2.length ? result : {
+                const r2 = minifyNumber(r[0]) + '/' + minifyNumber(r[1]);
+                return minifyNumber(result).length < r2.length ? result : {
                     typ: exports.EnumToken.FractionTokenType,
-                    l: { typ: exports.EnumToken.NumberTokenType, val: reduceNumber(r[0]) },
-                    r: { typ: exports.EnumToken.NumberTokenType, val: reduceNumber(r[1]) }
+                    l: { typ: exports.EnumToken.NumberTokenType, val: minifyNumber(r[0]) },
+                    r: { typ: exports.EnumToken.NumberTokenType, val: minifyNumber(r[1]) }
                 };
         }
     }
     let l1 = typeof a == 'number' ? {
         typ: exports.EnumToken.FractionTokenType,
-        l: { typ: exports.EnumToken.NumberTokenType, val: reduceNumber(a) },
+        l: { typ: exports.EnumToken.NumberTokenType, val: minifyNumber(a) },
         r: { typ: exports.EnumToken.NumberTokenType, val: '1' }
     } : a;
     let r1 = typeof b == 'number' ? {
         typ: exports.EnumToken.FractionTokenType,
-        l: { typ: exports.EnumToken.NumberTokenType, val: reduceNumber(b) },
+        l: { typ: exports.EnumToken.NumberTokenType, val: minifyNumber(b) },
         r: { typ: exports.EnumToken.NumberTokenType, val: '1' }
     } : b;
     let l2;
@@ -2780,10 +2781,10 @@ function compute$1(a, b, op) {
         return a2[0];
     }
     const result = a2[0] / a2[1];
-    return reduceNumber(result).length <= reduceNumber(a2[0]).length + 1 + reduceNumber(a2[1]).length ? result : {
+    return minifyNumber(result).length <= minifyNumber(a2[0]).length + 1 + minifyNumber(a2[1]).length ? result : {
         typ: exports.EnumToken.FractionTokenType,
-        l: { typ: exports.EnumToken.NumberTokenType, val: reduceNumber(a2[0]) },
-        r: { typ: exports.EnumToken.NumberTokenType, val: reduceNumber(a2[1]) }
+        l: { typ: exports.EnumToken.NumberTokenType, val: minifyNumber(a2[0]) },
+        r: { typ: exports.EnumToken.NumberTokenType, val: minifyNumber(a2[1]) }
     };
 }
 function rem(...a) {
@@ -2826,12 +2827,12 @@ function evaluate(tokens) {
         });
         return evaluateFunc(tokens[0]);
     }
-    try {
-        nodes = inlineExpression$1(evaluateExpression(buildExpression(tokens)));
-    }
-    catch (e) {
-        return tokens;
-    }
+    // try {
+    nodes = inlineExpression$1(evaluateExpression(buildExpression(tokens)));
+    // } catch (e) {
+    //
+    //     return tokens;
+    // }
     if (nodes.length <= 1) {
         if (nodes.length == 1) {
             if (nodes[0].typ == exports.EnumToken.BinaryExpressionTokenType) {
@@ -2904,48 +2905,59 @@ function doEvaluate(l, r, op) {
     if (!isScalarToken(l) || !isScalarToken(r) || (l.typ == r.typ && 'unit' in l && 'unit' in r && l.unit != r.unit)) {
         return defaultReturn;
     }
-    if (l.typ == exports.EnumToken.FunctionTokenType) {
-        const val = evaluateFunc(l);
-        if (val.length == 1) {
-            l = val[0];
-        }
-        else {
-            return defaultReturn;
-        }
-    }
+    // if (l.typ == EnumToken.FunctionTokenType) {
+    //
+    //     const val: Token[] = evaluateFunc(l as FunctionToken);
+    //
+    //     if (val.length == 1) {
+    //
+    //         l = val[0];
+    //     } else {
+    //
+    //         return defaultReturn;
+    //     }
+    // }
     if (r.typ == exports.EnumToken.FunctionTokenType) {
         const val = evaluateFunc(r);
         if (val.length == 1) {
             r = val[0];
         }
-        else {
-            return defaultReturn;
-        }
-    }
-    if (l.typ == exports.EnumToken.FunctionTokenType) {
-        const val = evaluateFunc(l);
-        if (val.length == 1) {
-            l = val[0];
-        }
+        // else {
+        //
+        //     return defaultReturn;
+        // }
     }
+    // if (l.typ == EnumToken.FunctionTokenType) {
+    //
+    //     const val = evaluateFunc(l as FunctionToken);
+    //
+    //     if (val.length == 1) {
+    //
+    //         l = val[0];
+    //     }
+    // }
     if ((op == exports.EnumToken.Add || op == exports.EnumToken.Sub)) {
         // @ts-ignore
         if (l.typ != r.typ) {
             return defaultReturn;
         }
     }
-    else if (op == exports.EnumToken.Mul &&
-        ![exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType].includes(l.typ) &&
-        ![exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType].includes(r.typ)) {
-        return defaultReturn;
-    }
+    // else if (
+    //     op == EnumToken.Mul &&
+    //     ![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(l.typ) &&
+    //     ![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(r.typ)) {
+    //
+    //     return defaultReturn;
+    // }
     let typ = l.typ == exports.EnumToken.NumberTokenType ? r.typ : (r.typ == exports.EnumToken.NumberTokenType ? l.typ : (l.typ == exports.EnumToken.PercentageTokenType ? r.typ : l.typ));
     // @ts-ignore
-    let v1 = getValue$1(l);
-    let v2 = getValue$1(r);
-    if (v1 == null || v2 == null) {
-        return defaultReturn;
-    }
+    let v1 = l.val?.typ == exports.EnumToken.FractionTokenType ? l.val : getValue$1(l);
+    // @ts-ignore
+    let v2 = r.val?.typ == exports.EnumToken.FractionTokenType ? r.val : getValue$1(r);
+    // if (v1 == null || v2 == null) {
+    //
+    //     return defaultReturn;
+    // }
     if (op == exports.EnumToken.Mul) {
         if (l.typ != exports.EnumToken.NumberTokenType && r.typ != exports.EnumToken.NumberTokenType) {
             if (typeof v1 == 'number' && l.typ == exports.EnumToken.PercentageTokenType) {
@@ -2969,7 +2981,7 @@ function doEvaluate(l, r, op) {
     const token = {
         ...(l.typ == exports.EnumToken.NumberTokenType ? r : l),
         typ,
-        val: typeof val == 'number' ? reduceNumber(val) : val
+        val: typeof val == 'number' ? minifyNumber(val) : val
     };
     if (token.typ == exports.EnumToken.IdenTokenType) {
         // @ts-ignore
@@ -2978,22 +2990,26 @@ function doEvaluate(l, r, op) {
     return token;
 }
 function getValue$1(t) {
-    let v1;
-    if (t.typ == exports.EnumToken.FunctionTokenType) {
-        v1 = evaluateFunc(t);
-        if (v1.length != 1 || v1[0].typ == exports.EnumToken.BinaryExpressionTokenType) {
-            return null;
-        }
-        t = v1[0];
-    }
+    // if (t.typ == EnumToken.FunctionTokenType) {
+    //
+    //     v1 = evaluateFunc(t as FunctionToken);
+    //
+    //     if (v1.length != 1 || v1[0].typ == EnumToken.BinaryExpressionTokenType) {
+    //
+    //         return null;
+    //     }
+    //
+    //     t = v1[0] as NumberToken | IdentToken;
+    // }
     if (t.typ == exports.EnumToken.IdenTokenType) {
         // @ts-ignore
         return Math[t.val.toUpperCase()];
     }
-    if (t.val.typ == exports.EnumToken.FractionTokenType) {
-        // @ts-ignore
-        return t.val.l.val / t.val.r.val;
-    }
+    // if ((t.val as FractionToken).typ == EnumToken.FractionTokenType) {
+    //
+    //     // @ts-ignore
+    //     return (t.val as FractionToken).l.val / (t.val as FractionToken).r.val;
+    // }
     // @ts-ignore
     return t.typ == exports.EnumToken.FractionTokenType ? t.l.val / t.r.val : +t.val;
 }
@@ -3011,9 +3027,10 @@ function evaluateFunc(token) {
         case 'sqrt':
         case 'exp': {
             const value = evaluate(values);
-            if (value.length != 1 || (value[0].typ != exports.EnumToken.NumberTokenType && value[0].typ != exports.EnumToken.FractionTokenType) || (value[0].typ == exports.EnumToken.FractionTokenType && (+value[0].r.val == 0 || !Number.isFinite(+value[0].l.val) || !Number.isFinite(+value[0].r.val)))) {
-                return value;
-            }
+            // if (value.length != 1 || (value[0].typ != EnumToken.NumberTokenType && value[0].typ != EnumToken.FractionTokenType) || (value[0].typ == EnumToken.FractionTokenType && (+(value[0] as FractionToken).r.val == 0 || !Number.isFinite(+(value[0] as FractionToken).l.val) || !Number.isFinite(+(value[0] as FractionToken).r.val)))) {
+            //
+            //     return value;
+            // }
             // @ts-ignore
             let val = value[0].typ == exports.EnumToken.NumberTokenType ? +value[0].val : value[0].l.val / value[0].r.val;
             return [{
@@ -3026,19 +3043,22 @@ function evaluateFunc(token) {
             let all = [];
             let ref = chi[0];
             let value = 0;
-            if (![exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType].includes(ref.typ) && !('unit' in ref)) {
-                return [token];
-            }
+            // if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(ref.typ) && !('unit' in ref)) {
+            //
+            //     return [token];
+            // }
             for (let i = 0; i < chi.length; i++) {
                 // @ts-ignore
-                if (chi[i].typ != ref.typ || ('unit' in chi[i] && 'unit' in ref && chi[i].unit != ref.unit)) {
-                    return [token];
-                }
+                // if (chi[i].typ != ref.typ || ('unit' in chi[i] && 'unit' in ref && chi[i].unit != ref.unit)) {
+                //
+                //     return [token];
+                // }
                 // @ts-ignore
                 const val = getValue$1(chi[i]);
-                if (val == null) {
-                    return [token];
-                }
+                // if (val == null) {
+                //
+                //     return [token];
+                // }
                 all.push(val);
                 value += val * val;
             }
@@ -3054,35 +3074,44 @@ function evaluateFunc(token) {
         case 'rem':
         case 'mod': {
             const chi = values.filter(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
-            if (chi.length != 3 || chi[1].typ != exports.EnumToken.CommaTokenType) {
-                return [token];
-            }
-            if (token.val == 'pow' && (chi[0].typ != exports.EnumToken.NumberTokenType || chi[2].typ != exports.EnumToken.NumberTokenType)) {
-                return [token];
-            }
-            if (['rem', 'mod'].includes(token.val) &&
-                (chi[0].typ != chi[2].typ) || ('unit' in chi[0] && 'unit' in chi[2] &&
-                chi[0].unit != chi[2].unit)) {
-                return [token];
-            }
+            // if (chi.length != 3 || chi[1].typ != EnumToken.CommaTokenType) {
+            //
+            //     return [token];
+            // }
+            // if (token.val == 'pow' && (chi[0].typ != EnumToken.NumberTokenType || chi[2].typ != EnumToken.NumberTokenType)) {
+            //
+            //     return [token];
+            // }
+            // if (['rem', 'mod'].includes(token.val) &&
+            //     (
+            //         chi[0].typ != chi[2].typ) || (
+            //         'unit' in chi[0] && 'unit' in chi[2] &&
+            //         chi[0].unit != chi[2].unit
+            //     )) {
+            //
+            //     return [token];
+            // }
             // https://developer.mozilla.org/en-US/docs/Web/CSS/mod
             const v1 = evaluate([chi[0]]);
             const v2 = evaluate([chi[2]]);
-            const types = [exports.EnumToken.PercentageTokenType, exports.EnumToken.DimensionTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.NumberTokenType, exports.EnumToken.LengthTokenType, exports.EnumToken.TimeTokenType, exports.EnumToken.FrequencyTokenType, exports.EnumToken.ResolutionTokenType];
-            if (v1.length != 1 || v2.length != 1 || !types.includes(v1[0].typ) || !types.includes(v2[0].typ) || v1[0].unit != v2[0].unit) {
-                return [token];
-            }
+            [exports.EnumToken.PercentageTokenType, exports.EnumToken.DimensionTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.NumberTokenType, exports.EnumToken.LengthTokenType, exports.EnumToken.TimeTokenType, exports.EnumToken.FrequencyTokenType, exports.EnumToken.ResolutionTokenType];
+            // if (v1.length != 1 || v2.length != 1 || !types.includes(v1[0].typ) || !types.includes(v2[0].typ) || (v1[0] as DimensionToken).unit != (v2[0] as DimensionToken).unit) {
+            //
+            //     return [token];
+            // }
             // @ts-ignore
             const val1 = getValue$1(v1[0]);
             // @ts-ignore
             const val2 = getValue$1(v2[0]);
-            if (val1 == null || val2 == null || (v1[0].typ != v2[0].typ && val1 != 0 && val2 != 0)) {
-                return [token];
-            }
+            // if (val1 == null || val2 == null || (v1[0].typ != v2[0].typ && val1 != 0 && val2 != 0)) {
+            //
+            //     return [token];
+            // }
             if (token.val == 'rem') {
-                if (val2 == 0) {
-                    return [token];
-                }
+                // if (val2 == 0) {
+                //
+                //     return [token];
+                // }
                 return [
                     {
                         ...v1[0],
@@ -3119,82 +3148,84 @@ function evaluateFunc(token) {
         case 'log':
         case 'round':
         case 'min':
-        case 'max':
-            {
-                const strategy = token.val == 'round' && values[0]?.typ == exports.EnumToken.IdenTokenType ? values.shift().val : null;
-                const valuesMap = new Map;
-                for (const curr of values) {
-                    if (curr.typ == exports.EnumToken.CommaTokenType || curr.typ == exports.EnumToken.WhitespaceTokenType || curr.typ == exports.EnumToken.CommentTokenType) {
-                        continue;
-                    }
-                    const result = evaluate([curr]);
-                    if (result.length != 1 || result[0].typ == exports.EnumToken.FunctionTokenType) {
-                        return [token];
-                    }
-                    const key = result[0].typ + ('unit' in result[0] ? result[0].unit : '');
-                    if (!valuesMap.has(key)) {
-                        valuesMap.set(key, []);
-                    }
-                    valuesMap.get(key).push(result[0]);
+        case 'max': {
+            const strategy = token.val == 'round' && values[0]?.typ == exports.EnumToken.IdenTokenType ? values.shift().val : null;
+            const valuesMap = new Map;
+            for (const curr of values) {
+                if (curr.typ == exports.EnumToken.CommaTokenType || curr.typ == exports.EnumToken.WhitespaceTokenType || curr.typ == exports.EnumToken.CommentTokenType) {
+                    continue;
+                }
+                const result = evaluate([curr]);
+                // if (result.length != 1 || result[0].typ == EnumToken.FunctionTokenType) {
+                //
+                //     return [token];
+                // }
+                const key = result[0].typ + ('unit' in result[0] ? result[0].unit : '');
+                if (!valuesMap.has(key)) {
+                    valuesMap.set(key, []);
                 }
-                if (valuesMap.size == 1) {
-                    const values = valuesMap.values().next().value;
-                    if (token.val == 'log') {
-                        if (values[0].typ != exports.EnumToken.NumberTokenType || values.length > 2) {
-                            return [token];
+                valuesMap.get(key).push(result[0]);
+            }
+            if (valuesMap.size == 1) {
+                const values = valuesMap.values().next().value;
+                if (token.val == 'log') {
+                    // if (values[0].typ != EnumToken.NumberTokenType || values.length > 2) {
+                    //
+                    //     return [token];
+                    // }
+                    const val1 = getValue$1(values[0]);
+                    const val2 = values.length == 2 ? getValue$1(values[1]) : null;
+                    // if (values.length == 1) {
+                    //
+                    //     return [
+                    //         {
+                    //             ...values[0],
+                    //             val: String(Math.log(val1))
+                    //         } as DimensionToken | AngleToken | NumberToken | LengthToken | TimeToken | FrequencyToken | ResolutionToken];
+                    // }
+                    return [
+                        {
+                            ...values[0],
+                            val: String(Math.log(val1) / Math.log(val2))
                         }
-                        const val1 = getValue$1(values[0]);
-                        const val2 = values.length == 2 ? getValue$1(values[1]) : null;
-                        if (values.length == 1) {
-                            return [
-                                {
-                                    ...values[0],
-                                    val: String(Math.log(val1))
-                                }
-                            ];
+                    ];
+                }
+                if (token.val == 'min' || token.val == 'max') {
+                    let val = getValue$1(values[0]);
+                    let val2 = val;
+                    let ret = values[0];
+                    for (const curr of values.slice(1)) {
+                        val2 = getValue$1(curr);
+                        if (val2 < val && token.val == 'min') {
+                            val = val2;
+                            ret = curr;
                         }
-                        return [
-                            {
-                                ...values[0],
-                                val: String(Math.log(val1) / Math.log(val2))
-                            }
-                        ];
-                    }
-                    if (token.val == 'min' || token.val == 'max') {
-                        let val = getValue$1(values[0]);
-                        let val2 = val;
-                        let ret = values[0];
-                        for (const curr of values.slice(1)) {
-                            val2 = getValue$1(curr);
-                            if (val2 < val && token.val == 'min') {
-                                val = val2;
-                                ret = curr;
-                            }
-                            else if (val2 > val && token.val == 'max') {
-                                val = val2;
-                                ret = curr;
-                            }
+                        else if (val2 > val && token.val == 'max') {
+                            val = val2;
+                            ret = curr;
                         }
-                        return [ret];
                     }
-                    if (token.val == 'round') {
-                        let val = getValue$1(values[0]);
-                        let val2 = getValue$1(values[1]);
-                        if (Number.isNaN(val) || Number.isNaN(val2)) {
-                            return [token];
-                        }
-                        if (strategy == null || strategy == 'down') {
-                            val = val - (val % val2);
-                        }
-                        else {
-                            val = strategy == 'to-zero' ? Math.trunc(val / val2) * val2 : (strategy == 'nearest' ? Math.round(val / val2) * val2 : Math.ceil(val / val2) * val2);
-                        }
-                        // @ts-ignore
-                        return [{ ...values[0], val: String(val) }];
+                    return [ret];
+                }
+                if (token.val == 'round') {
+                    let val = getValue$1(values[0]);
+                    let val2 = getValue$1(values[1]);
+                    // if (Number.isNaN(val) || Number.isNaN(val2)) {
+                    //
+                    //     return [token];
+                    // }
+                    if (strategy == null || strategy == 'down') {
+                        val = val - (val % val2);
+                    }
+                    else {
+                        val = strategy == 'to-zero' ? Math.trunc(val / val2) * val2 : (strategy == 'nearest' ? Math.round(val / val2) * val2 : Math.ceil(val / val2) * val2);
                     }
+                    // @ts-ignore
+                    return [{ ...values[0], val: String(val) }];
                 }
             }
-            return [token];
+        }
+        // return [token];
     }
     return [token];
 }
@@ -3204,10 +3235,11 @@ function evaluateFunc(token) {
  */
 function inlineExpression$1(token) {
     const result = [];
-    if (token.typ == exports.EnumToken.ParensTokenType && token.chi.length == 1) {
-        result.push(token.chi[0]);
-    }
-    else if (token.typ == exports.EnumToken.BinaryExpressionTokenType) {
+    // if (token.typ == EnumToken.ParensTokenType && (token as ParensToken).chi.length == 1) {
+    //
+    //     result.push((token as ParensToken).chi[0]);
+    // } else
+    if (token.typ == exports.EnumToken.BinaryExpressionTokenType) {
         if ([exports.EnumToken.Mul, exports.EnumToken.Div].includes(token.op)) {
             result.push(token);
         }
@@ -3571,23 +3603,6 @@ class SourceMap {
     }
 }
 
-function reduceNumber(val) {
-    val = String(+val);
-    if (val === '0') {
-        return '0';
-    }
-    const chr = val.charAt(0);
-    if (chr == '-') {
-        const slice = val.slice(0, 2);
-        if (slice == '-0') {
-            return val.length == 2 ? '0' : '-' + val.slice(2);
-        }
-    }
-    if (chr == '0') {
-        return val.slice(1);
-    }
-    return val;
-}
 function update(position, str) {
     let i = 0;
     for (; i < str.length; i++) {
@@ -3875,7 +3890,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
         case exports.EnumToken.FractionTokenType:
             const fraction = renderToken(token.l) + '/' + renderToken(token.r);
             if (+token.r.val != 0) {
-                const value = reduceNumber(+token.l.val / +token.r.val);
+                const value = minifyNumber(+token.l.val / +token.r.val);
                 if (value.length <= fraction.length) {
                     return value;
                 }
@@ -4114,7 +4129,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
         case exports.EnumToken.DimensionTokenType:
         case exports.EnumToken.FrequencyTokenType:
         case exports.EnumToken.ResolutionTokenType:
-            let val = token.val.typ == exports.EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : reduceNumber(token.val);
+            let val = token.val.typ == exports.EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : minifyNumber(token.val);
             let unit = token.unit;
             if (token.typ == exports.EnumToken.AngleTokenType && !val.includes('/')) {
                 const angle = getAngle(token);
@@ -4126,7 +4141,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
                     }
                     switch (u) {
                         case 'turn':
-                            v = reduceNumber(angle);
+                            v = minifyNumber(angle);
                             if (v.length + 4 < value.length) {
                                 val = v;
                                 unit = u;
@@ -4134,7 +4149,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
                             }
                             break;
                         case 'deg':
-                            v = reduceNumber(angle * 360);
+                            v = minifyNumber(angle * 360);
                             if (v.length + 3 < value.length) {
                                 val = v;
                                 unit = u;
@@ -4142,7 +4157,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
                             }
                             break;
                         case 'rad':
-                            v = reduceNumber(angle * (2 * Math.PI));
+                            v = minifyNumber(angle * (2 * Math.PI));
                             if (v.length + 3 < value.length) {
                                 val = v;
                                 unit = u;
@@ -4150,7 +4165,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
                             }
                             break;
                         case 'grad':
-                            v = reduceNumber(angle * 400);
+                            v = minifyNumber(angle * 400);
                             if (v.length + 4 < value.length) {
                                 val = v;
                                 unit = u;
@@ -4176,7 +4191,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
             if (token.typ == exports.EnumToken.TimeTokenType) {
                 if (unit == 'ms') {
                     // @ts-ignore
-                    const v = reduceNumber(val / 1000);
+                    const v = minifyNumber(val / 1000);
                     if (v.length + 1 <= val.length) {
                         return v + 's';
                     }
@@ -4191,10 +4206,10 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
         case exports.EnumToken.FlexTokenType:
         case exports.EnumToken.PercentageTokenType:
             const uni = token.typ == exports.EnumToken.PercentageTokenType ? '%' : 'fr';
-            const perc = token.val.typ == exports.EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : reduceNumber(token.val);
+            const perc = token.val.typ == exports.EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : minifyNumber(token.val);
             return options.minify && perc == '0' ? '0' : (perc.includes('/') ? perc.replace('/', uni + '/') : perc + uni);
         case exports.EnumToken.NumberTokenType:
-            return token.val.typ == exports.EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : reduceNumber(token.val);
+            return token.val.typ == exports.EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : minifyNumber(token.val);
         case exports.EnumToken.CommentTokenType:
             if (options.removeComments && (!options.preserveLicense || !token.val.startsWith('/*!'))) {
                 return '';
@@ -5217,6 +5232,66 @@ function isWhiteSpace(codepoint) {
         codepoint == 0xa || codepoint == 0xc || codepoint == 0xd;
 }
 
+function length2Px(value) {
+    let result = null;
+    if (value.typ == exports.EnumToken.NumberTokenType) {
+        result = +value.val;
+    }
+    else {
+        switch (value.unit) {
+            case 'cm':
+                // @ts-ignore
+                result = value.val * 37.8;
+                break;
+            case 'mm':
+                // @ts-ignore
+                result = value.val * 3.78;
+                break;
+            case 'Q':
+                // @ts-ignore
+                result = value.val * 37.8 / 40;
+                break;
+            case 'in':
+                // @ts-ignore
+                result = value.val / 96;
+                break;
+            case 'pc':
+                // @ts-ignore
+                result = value.val / 16;
+                break;
+            case 'pt':
+                // @ts-ignore
+                result = value.val * 4 / 3;
+                break;
+            case 'px':
+                result = +value.val;
+                break;
+        }
+    }
+    return isNaN(result) ? null : result;
+}
+/**
+ * minify number
+ * @param val
+ */
+function minifyNumber(val) {
+    val = String(+val);
+    if (val === '0') {
+        return '0';
+    }
+    const chr = val.charAt(0);
+    if (chr == '-') {
+        const slice = val.slice(0, 2);
+        if (slice == '-0') {
+            return val.length == 2 ? '0' : '-' + val.slice(2);
+        }
+    }
+    if (chr == '0') {
+        return val.slice(1);
+    }
+    return val;
+}
+
 var properties = {
 	gap: {
 		shorthand: "gap",
@@ -12027,9 +12102,10 @@ function matchAtRule(syntax, iterator) {
                 token.typ = ValidationTokenEnum.AtRule;
                 break;
             }
-            if (item.value.typ != ValidationTokenEnum.Whitespace) {
-                console.error('unexpected token', item.value);
-            }
+            // if (item.value.typ != ValidationTokenEnum.Whitespace) {
+            //
+            //     console.error('unexpected token', item.value);
+            // }
             item = iterator.next();
             if (item.done) {
                 break;
@@ -12341,6 +12417,10 @@ function parseSyntaxTokens(syntax, iterator) {
                         }
                     }
                 }
+                if ('occurence' in item.value) {
+                    // @ts-ignore
+                    items[i].occurence = { ...item.value.occurence };
+                }
                 break;
             case ValidationTokenEnum.Pipe:
                 item.value.chi = item.value.chi.map((t) => parseSyntaxTokens(syntax, t[Symbol.iterator]()));
@@ -13455,6 +13535,9 @@ function createContext(input) {
     const result = values.filter(token => token.typ != exports.EnumToken.CommentTokenType).slice();
     return {
         index: -1,
+        get length() {
+            return this.index < 0 ? result.length : this.index > result.length ? 0 : result.length - this.index;
+        },
         peek() {
             let index = this.index + 1;
             if (index >= result.length) {
@@ -13613,7 +13696,20 @@ function doEvaluateSyntax(syntaxes, context, options) {
     let syntax;
     let i = 0;
     let result;
+    let tmpResult;
     let token = null;
+    if (context.done()) {
+        const success = syntaxes.some(s => s.isOptional || s.isRepeatable || s.isRepeatableGroup);
+        return {
+            valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
+            node: null,
+            syntax: null,
+            error: '',
+            context
+        };
+    }
+    // console.error(`>> ${syntaxes.reduce((acc, curr) => acc + renderSyntax(curr), '')}\n>> ${context.slice<Token>().reduce((acc, curr) => acc + renderToken(curr), '')}`);
+    // console.error(new Error('doEvaluateSyntax'));
     for (; i < syntaxes.length; i++) {
         syntax = syntaxes[i];
         if (context.done()) {
@@ -13623,6 +13719,10 @@ function doEvaluateSyntax(syntaxes, context, options) {
             break;
         }
         token = context.peek();
+        // if var() is the last token, then match the remaining syntax and return
+        if (context.length == 1 && token.typ == exports.EnumToken.FunctionTokenType && 'var'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0) {
+            return doEvaluateSyntax(getParsedSyntax("functions" /* ValidationSyntaxGroupEnum.Functions */, 'var')?.[0]?.chi ?? [], createContext(token.chi), options);
+        }
         if (syntax.typ == ValidationTokenEnum.Whitespace) {
             if (context.peek()?.typ == exports.EnumToken.WhitespaceTokenType) {
                 context.next();
@@ -13633,7 +13733,13 @@ function doEvaluateSyntax(syntaxes, context, options) {
             result = matchList(syntax, context, options);
         }
         else if (options.isRepeatable !== false && syntax.isRepeatable) {
-            result = matchRepeatable(syntax, context, options);
+            tmpResult = matchRepeatable(syntax, context, options);
+            if (tmpResult.valid == SyntaxValidationResult.Valid) {
+                result = tmpResult;
+            }
+            else {
+                continue;
+            }
         }
         else if (options.occurence !== false && syntax.occurence != null) {
             result = matchOccurence(syntax, context, options);
@@ -13712,7 +13818,7 @@ function matchRepeatable(syntax, context, options) {
     };
 }
 function matchList(syntax, context, options) {
-    let success = false;
+    let success;
     let result;
     let count = 0;
     let con = context.clone();
@@ -13751,15 +13857,12 @@ function matchList(syntax, context, options) {
         }
     }
     success = count > 0;
-    // if (count && syntax.occurence != null) {
-    //
-    //     success = count >= syntax.occurence.min;
-    //
-    //     if (success && syntax.occurence.max != null) {
-    //
-    //         success = count <= syntax.occurence.max;
-    //     }
-    // }
+    if (success && syntax.occurence != null) {
+        success = count >= syntax.occurence.min;
+        if (success && syntax.occurence.max != null) {
+            success = count <= syntax.occurence.max;
+        }
+    }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
         node: context.peek(),
@@ -13879,6 +13982,7 @@ function match(syntax, context, options) {
                 };
             }
             result = match(getParsedSyntax("syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */, syntax.val + '()')?.[0], context, options);
+            // console.error(`>>[]
             if (result.valid == SyntaxValidationResult.Valid) {
                 context.next();
                 result.context = context;
@@ -13950,6 +14054,20 @@ function match(syntax, context, options) {
             if (!wildCardFuncs.includes(syntax.val) && syntax.val != token.val) {
                 break;
             }
+            if (syntax.typ == ValidationTokenEnum.Function) {
+                success = funcLike.includes(token.typ) && syntax.val.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0 && doEvaluateSyntax(syntax.chi, createContext(token.chi), options).valid == SyntaxValidationResult.Valid;
+                // console.error(`>> match: ${JSON.stringify({
+                //     syntax,
+                //     token,
+                //     // result,
+                //     tr2: syntax,
+                //     success
+                // }, null, 1)}`);
+                if (success) {
+                    context.next();
+                }
+                break;
+            }
             if (token.typ != exports.EnumToken.ParensTokenType && funcLike.includes(token.typ)) {
                 success = doEvaluateSyntax(syntax.chi, createContext(token.chi), {
                     ...options,
@@ -13963,22 +14081,6 @@ function match(syntax, context, options) {
                 }
                 break;
             }
-        // if (syntax.typ == ValidationTokenEnum.Function) {
-        //
-        //     success = funcLike.includes(token.typ) && doEvaluateSyntax((getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, (syntax as ValidationFunctionToken).val + '()')?.[0] as ValidationFunctionToken)?.chi as ValidationToken[], createContext((token as FunctionToken).chi), {
-        //         ...options,
-        //         isRepeatable: null,
-        //         isList: null,
-        //         occurence: null,
-        //         atLeastOnce: null
-        //     } as ValidationOptions).valid == SyntaxValidationResult.Valid;
-        //
-        //     if (success) {
-        //
-        //         context.next();
-        //     }
-        //     break;
-        // }
         // throw new Error(`Not implemented: ${ValidationTokenEnum[syntax.typ] ?? syntax.typ} : ${renderSyntax(syntax)} : ${renderToken(context.peek() as Token)} : ${JSON.stringify(syntax, null, 1)} | ${JSON.stringify(context.peek(), null, 1)}`);
     }
     if (!success && token.typ == exports.EnumToken.IdenTokenType && allValues.includes(token.val.toLowerCase())) {
@@ -13996,7 +14098,9 @@ function match(syntax, context, options) {
 function matchPropertyType(syntax, context, options) {
     if (![
         'bg-position',
-        'length-percentage', 'flex', 'calc-sum', 'color', 'color-base', 'system-color', 'deprecated-system-color',
+        'integer',
+        'length-percentage', 'flex', 'calc-sum', 'color',
+        'color-base', 'system-color', 'deprecated-system-color',
         'pseudo-class-selector', 'pseudo-element-selector'
     ].includes(syntax.val)) {
         if (syntax.val in config$2["syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */]) {
@@ -14162,7 +14266,7 @@ function matchPropertyType(syntax, context, options) {
             success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == ColorKind.HEX) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
             break;
         case 'integer':
-            success = (token.typ == exports.EnumToken.NumberTokenType && Number.isInteger(+(token.val))) || (token.typ == exports.EnumToken.FunctionTokenType && token.val == 'calc');
+            success = (token.typ == exports.EnumToken.NumberTokenType && Number.isInteger(+(token.val))) || (token.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(token.val.toLowerCase()) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val)));
             if ('range' in syntax) {
                 success = success && +token.val >= +syntax.range[0] && +token.val <= +syntax.range[1];
             }
@@ -14275,6 +14379,7 @@ function someOf(syntaxes, context, options) {
         //     context.next();
         // }
         result = doEvaluateSyntax(syntaxes[i], context.clone(), options);
+        // console.error(`>> someOf: ${JSON.stringify({result}, null, 1)}`);
         if (result.valid == SyntaxValidationResult.Valid) {
             success = true;
             if (result.context.done()) {
@@ -14287,6 +14392,8 @@ function someOf(syntaxes, context, options) {
         // pick the best match
         matched.sort((a, b) => a.context.done() ? -1 : b.context.done() ? 1 : b.context.index - a.context.index);
     }
+    // console.error(JSON.stringify({matched}, null, 1));
+    // console.error(new Error('someOf'));
     return matched[0] ?? {
         valid: SyntaxValidationResult.Drop,
         node: context.peek(),
@@ -14362,18 +14469,17 @@ function allOf(syntax, context, options) {
     let j;
     for (i = 0; i < syntax.length; i++) {
         if (syntax[i].length == 1 && syntax[i][0].isOptional) {
-            syntax[i][0].isOptional = false;
             j = 0;
             cp = con.clone();
             slice = cp.slice();
             if (cp.done()) {
-                syntax[i][0].isOptional = true;
                 syntax.splice(i, 1);
                 i = -1;
                 continue;
             }
             while (!cp.done()) {
-                result = doEvaluateSyntax(syntax[i], cp.clone(), options);
+                result = doEvaluateSyntax(syntax[i], cp.clone(), { ...options, isOptional: false });
+                // console.error(`>> allOf: syntaxes[${i}]: ${syntax[i].length} ${syntax[i].reduce((acc, curr) => acc + renderSyntax(curr), '')}\n>> ${cp.slice<Token>().reduce((acc, curr) => acc + renderToken(curr), '')}\n>> ${JSON.stringify({result}, null, 1)}`);
                 if (result.valid == SyntaxValidationResult.Valid) {
                     let end = slice.indexOf(cp.current());
                     if (end == -1) {
@@ -14388,9 +14494,8 @@ function allOf(syntax, context, options) {
                 cp.next();
                 j++;
             }
-            syntax[i][0].isOptional = true;
             // @ts-ignore
-            if (result?.valid == SyntaxValidationResult.Valid) {
+            if (result?.valid == SyntaxValidationResult.Valid || (syntax[i].length == 1 && syntax[i][0].isOptional)) {
                 syntax.splice(i, 1);
                 i = -1;
             }
@@ -14403,6 +14508,7 @@ function allOf(syntax, context, options) {
             i = -1;
         }
     }
+    // console.error()
     const success = syntax.length == 0;
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
@@ -18090,273 +18196,6 @@ function* walkValues(values, root = null, filter, reverse) {
     }
 }
 
-/**
- * expand nested css ast
- * @param ast
- */
-function expand(ast) {
-    //
-    if (![exports.EnumToken.RuleNodeType, exports.EnumToken.StyleSheetNodeType, exports.EnumToken.AtRuleNodeType].includes(ast.typ)) {
-        return ast;
-    }
-    if (exports.EnumToken.RuleNodeType == ast.typ) {
-        return {
-            typ: exports.EnumToken.StyleSheetNodeType,
-            chi: expandRule(ast)
-        };
-    }
-    if (!('chi' in ast)) {
-        return ast;
-    }
-    const result = { ...ast, chi: [] };
-    // @ts-ignore
-    for (let i = 0; i < ast.chi.length; i++) {
-        // @ts-ignore
-        const node = ast.chi[i];
-        if (node.typ == exports.EnumToken.RuleNodeType) {
-            // @ts-ignore
-            result.chi.push(...expandRule(node));
-            // i += expanded.length - 1;
-        }
-        else if (node.typ == exports.EnumToken.AtRuleNodeType && 'chi' in node) {
-            let hasRule = false;
-            let j = node.chi.length;
-            while (j--) {
-                // @ts-ignore
-                if (node.chi[j].typ == exports.EnumToken.RuleNodeType || node.chi[j].typ == exports.EnumToken.AtRuleNodeType) {
-                    hasRule = true;
-                    break;
-                }
-            }
-            // @ts-ignore
-            result.chi.push({ ...(hasRule ? expand(node) : node) });
-        }
-        else {
-            // @ts-ignore
-            result.chi.push(node);
-        }
-    }
-    return result;
-}
-function expandRule(node) {
-    const ast = { ...node, chi: node.chi.slice() };
-    const result = [];
-    if (ast.typ == exports.EnumToken.RuleNodeType) {
-        let i = 0;
-        for (; i < ast.chi.length; i++) {
-            if (ast.chi[i].typ == exports.EnumToken.RuleNodeType) {
-                const rule = ast.chi[i];
-                if (!rule.sel.includes('&')) {
-                    const selRule = splitRule(rule.sel);
-                    if (selRule.length > 1) {
-                        const r = ':is(' + selRule.map(a => a.join('')).join(',') + ')';
-                        rule.sel = splitRule(ast.sel).reduce((a, b) => a.concat([b.join('') + r]), []).join(',');
-                    }
-                    else {
-                        // selRule = splitRule(selRule.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.join(''), ''));
-                        const arSelf = splitRule(ast.sel).filter((r) => r.every((t) => t != ':before' && t != ':after' && !t.startsWith('::'))).reduce((acc, curr) => acc.concat([curr.join('')]), []).join(',');
-                        if (arSelf.length == 0) {
-                            ast.chi.splice(i--, 1);
-                            continue;
-                        }
-                        //
-                        selRule.forEach(arr => combinators.includes(arr[0].charAt(0)) ? arr.unshift(arSelf) : arr.unshift(arSelf, ' '));
-                        rule.sel = selRule.reduce((acc, curr) => {
-                            acc.push(curr.join(''));
-                            return acc;
-                        }, []).join(',');
-                    }
-                }
-                else {
-                    let childSelectorCompound = [];
-                    let withCompound = [];
-                    let withoutCompound = [];
-                    // pseudo elements cannot be used with '&'
-                    // https://www.w3.org/TR/css-nesting-1/#example-7145ff1e
-                    const rules = splitRule(ast.sel).filter((r) => r.every((t) => t != ':before' && t != ':after' && !t.startsWith('::')));
-                    const parentSelector = !node.sel.includes('&');
-                    if (rules.length == 0) {
-                        ast.chi.splice(i--, 1);
-                        continue;
-                    }
-                    for (const sel of (rule.raw ?? splitRule(rule.sel))) {
-                        const s = sel.join('');
-                        if (s.includes('&') || parentSelector) {
-                            if (s.indexOf('&', 1) == -1) {
-                                if (s.at(0) == '&') {
-                                    if (s.at(1) == ' ') {
-                                        childSelectorCompound.push(s.slice(2));
-                                    }
-                                    else {
-                                        if (s == '&' || parentSelector) {
-                                            withCompound.push(s);
-                                        }
-                                        else {
-                                            withoutCompound.push(s.slice(1));
-                                        }
-                                    }
-                                }
-                                else {
-                                    withoutCompound.push(s);
-                                }
-                            }
-                            else {
-                                withCompound.push(s);
-                            }
-                        }
-                        else {
-                            withoutCompound.push(s);
-                        }
-                    }
-                    const selectors = [];
-                    const selector = rules.length > 1 ? ':is(' + rules.map(a => a.join('')).join(',') + ')' : rules[0].join('');
-                    if (childSelectorCompound.length > 0) {
-                        if (childSelectorCompound.length == 1) {
-                            selectors.push(replaceCompound('& ' + childSelectorCompound[0].trim(), selector));
-                        }
-                        else {
-                            selectors.push(replaceCompound('& :is(' + childSelectorCompound.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.trim(), '') + ')', selector));
-                        }
-                    }
-                    if (withCompound.length > 0) {
-                        if (withCompound.every((t) => t[0] == '&' && t.indexOf('&', 1) == -1)) {
-                            withoutCompound.push(...withCompound.map(t => t.slice(1)));
-                            withCompound.length = 0;
-                        }
-                    }
-                    if (withoutCompound.length > 0) {
-                        if (withoutCompound.length == 1) {
-                            const useIs = rules.length == 1 && selector.match(/^[a-zA-Z.:]/) != null && selector.includes(' ') && withoutCompound.length == 1 && withoutCompound[0].match(/^[a-zA-Z]+$/) != null;
-                            const compound = useIs ? ':is(&)' : '&';
-                            selectors.push(replaceCompound(rules.length == 1 ? (useIs ? withoutCompound[0] + ':is(&)' : (selector.match(/^[.:]/) && withoutCompound[0].match(/^[a-zA-Z]+$/) ? withoutCompound[0] + compound : compound + withoutCompound[0])) : (withoutCompound[0].match(/^[a-zA-Z:]+$/) ? withoutCompound[0].trim() + compound : '&' + (withoutCompound[0].match(/^\S+$/) ? withoutCompound[0].trim() : ':is(' + withoutCompound[0].trim() + ')')), selector));
-                        }
-                        else {
-                            selectors.push(replaceCompound('&:is(' + withoutCompound.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.trim(), '') + ')', selector));
-                        }
-                    }
-                    if (withCompound.length > 0) {
-                        if (withCompound.length == 1) {
-                            selectors.push(replaceCompound(withCompound[0], selector));
-                        }
-                        else {
-                            for (const w of withCompound) {
-                                selectors.push(replaceCompound(w, selector));
-                            }
-                        }
-                    }
-                    rule.sel = selectors.reduce((acc, curr) => curr.length == 0 ? acc : acc + (acc.length > 0 ? ',' : '') + curr, '');
-                }
-                ast.chi.splice(i--, 1);
-                result.push(...expandRule(rule));
-            }
-            else if (ast.chi[i].typ == exports.EnumToken.AtRuleNodeType) {
-                let astAtRule = ast.chi[i];
-                const values = [];
-                if (astAtRule.nam == 'scope') {
-                    if (astAtRule.val.includes('&')) {
-                        astAtRule.val = replaceCompound(astAtRule.val, ast.sel);
-                    }
-                    const slice = astAtRule.chi.slice().filter(t => t.typ == exports.EnumToken.RuleNodeType && t.sel.includes('&'));
-                    if (slice.length > 0) {
-                        expandRule({ ...node, chi: astAtRule.chi.slice() });
-                    }
-                }
-                else {
-                    // @ts-ignore
-                    const clone = { ...ast, chi: astAtRule.chi.slice() };
-                    // @ts-ignore
-                    astAtRule.chi.length = 0;
-                    for (const r of expandRule(clone)) {
-                        if (r.typ == exports.EnumToken.AtRuleNodeType && 'chi' in r) {
-                            if (astAtRule.val !== '' && r.val !== '') {
-                                if (astAtRule.nam == 'media' && r.nam == 'media') {
-                                    r.val = astAtRule.val + ' and ' + r.val;
-                                }
-                                else if (astAtRule.nam == 'layer' && r.nam == 'layer') {
-                                    r.val = astAtRule.val + '.' + r.val;
-                                }
-                            }
-                            // @ts-ignore
-                            values.push(r);
-                        }
-                        else if (r.typ == exports.EnumToken.RuleNodeType) {
-                            // @ts-ignore
-                            astAtRule.chi.push(...expandRule(r));
-                        }
-                        else {
-                            // @ts-ignore
-                            astAtRule.chi.push(r);
-                        }
-                    }
-                }
-                // @ts-ignore
-                result.push(...(astAtRule.chi.length > 0 ? [astAtRule].concat(values) : values));
-                ast.chi.splice(i--, 1);
-            }
-        }
-    }
-    // @ts-ignore
-    return ast.chi.length > 0 ? [ast].concat(result) : result;
-}
-/**
- * replace compound selector
- * @param input
- * @param replace
- */
-function replaceCompound(input, replace) {
-    const tokens = parseString(input);
-    let replacement = null;
-    for (const t of walkValues(tokens)) {
-        if (t.value.typ == exports.EnumToken.LiteralTokenType) {
-            if (t.value.val == '&') {
-                if (tokens.length == 2) {
-                    if (replacement == null) {
-                        replacement = parseString(replace);
-                    }
-                    if (tokens[1].typ == exports.EnumToken.IdenTokenType) {
-                        t.value.val = replacement.length == 1 || (!replace.includes(' ') && replace.charAt(0).match(/[:.]/)) ? tokens[1].val + replace : replaceCompoundLiteral(tokens[1].val + '&', replace);
-                        tokens.splice(1, 1);
-                    }
-                    else {
-                        t.value.val = replaceCompoundLiteral(t.value.val, replace);
-                    }
-                    continue;
-                }
-                const rule = splitRule(replace);
-                t.value.val = rule.length > 1 ? ':is(' + replace + ')' : replace;
-            }
-            else if (t.value.val.length > 1 && t.value.val.charAt(0) == '&') {
-                t.value.val = replaceCompoundLiteral(t.value.val, replace);
-            }
-        }
-    }
-    return tokens.reduce((acc, curr) => acc + renderToken(curr), '');
-}
-function replaceCompoundLiteral(selector, replace) {
-    const tokens = [''];
-    let i = 0;
-    for (; i < selector.length; i++) {
-        if (selector.charAt(i) == '&') {
-            tokens.push('&');
-            tokens.push('');
-        }
-        else {
-            tokens[tokens.length - 1] += selector.charAt(i);
-        }
-    }
-    return tokens.sort((a, b) => {
-        if (a == '&') {
-            return 1;
-        }
-        return b == '&' ? -1 : 0;
-    }).reduce((acc, curr) => {
-        if (acc.length > 0 && curr == '&' && (replace.charAt(0) != '.' || replace.includes(' '))) {
-            return acc + ':is(' + replace + ')';
-        }
-        return acc + (curr == '&' ? replace : curr);
-    }, '');
-}
-
 const config$1 = getSyntaxConfig();
 function replacePseudo(tokens) {
     return tokens.map((raw) => raw.map(r => {
@@ -18417,12 +18256,15 @@ class ComputePrefixFeature {
     run(node) {
         if (node.typ == exports.EnumToken.RuleNodeType) {
             node.sel = replacePseudo(splitRule(node.sel)).reduce((acc, curr, index) => acc + (index > 0 ? ',' : '') + curr.join(''), '');
-            if (node.raw != null) {
-                node.raw = replacePseudo(node.raw);
-            }
-            if (node.optimized != null) {
-                node.optimized.selector = replacePseudo(node.optimized.selector);
-            }
+            // if ((node as AstRule).raw != null) {
+            //
+            //     (node as AstRule).raw = replacePseudo((node as AstRule).raw as string[][]);
+            // }
+            //
+            // if ((node as AstRule).optimized != null) {
+            //
+            //     (node as AstRule).optimized!.selector = replacePseudo((node as AstRule).optimized!.selector as string[][]);
+            // }
             if (node.tokens != null) {
                 replaceAstNodes(node.tokens);
             }
@@ -18458,10 +18300,9 @@ class ComputePrefixFeature {
                 for (const { value } of walkValues(nodes)) {
                     if ((value.typ == exports.EnumToken.IdenTokenType || funcLike.includes(value.typ))) {
                         const match = value.val.match(/^-([^-]+)-(.+)$/);
-                        if (match == null) {
-                            continue;
+                        if (match != null) {
+                            value.val = match[2];
                         }
-                        value.val = match[2];
                     }
                 }
                 if (SyntaxValidationResult.Valid == evaluateSyntax({ ...node, val: nodes }, {}).valid) {
@@ -18477,13 +18318,14 @@ class ComputePrefixFeature {
                 }
             }
             if (node.typ == exports.EnumToken.AtRuleNodeType && node.val !== '') {
-                if (node.tokens == null) {
-                    Object.defineProperty(node, 'tokens', {
-                        // @ts-ignore
-                        ...definedPropertySettings,
-                        value: parseAtRulePrelude(parseString(node.val), node),
-                    });
-                }
+                // if ((node as AstAtRule).tokens == null) {
+                //
+                //     Object.defineProperty(node, 'tokens', {
+                //         // @ts-ignore
+                //         ...definedPropertySettings,
+                //         value: parseAtRulePrelude(parseString((node as AstAtRule).val), node as AstAtRule),
+                //     })
+                // }
                 if (replaceAstNodes(node.tokens)) {
                     node.val = node.tokens.reduce((acc, curr) => acc + renderToken(curr), '');
                 }
@@ -18591,18 +18433,25 @@ class InlineCssVariablesFeature {
                         replace(node, variableScope);
                     }
                 }
-                else {
-                    const info = variableScope.get(node.nam);
-                    info.globalScope = isRoot;
-                    if (!isRoot) {
-                        ++info.declarationCount;
-                    }
-                    if (info.replaceable) {
-                        info.replaceable = isRoot && info.declarationCount == 1;
-                    }
-                    info.parent.add(ast);
-                    info.node = node;
-                }
+                // else {
+                //
+                //     const info: VariableScopeInfo = <VariableScopeInfo>variableScope.get((<AstDeclaration>node).nam);
+                //
+                //     info.globalScope = isRoot;
+                //
+                //     if (!isRoot) {
+                //
+                //         ++info.declarationCount;
+                //     }
+                //
+                //     if (info.replaceable) {
+                //
+                //         info.replaceable = isRoot && info.declarationCount == 1;
+                //     }
+                //
+                //     info.parent.add(ast);
+                //     info.node = (<AstDeclaration>node);
+                // }
             }
             else {
                 replace(node, variableScope);
@@ -18611,9 +18460,10 @@ class InlineCssVariablesFeature {
     }
     cleanup(ast, options = {}, context) {
         const variableScope = context.variableScope;
-        if (variableScope == null) {
-            return;
-        }
+        // if (variableScope == null) {
+        //
+        //     return;
+        // }
         for (const info of variableScope.values()) {
             if (info.replaceable) {
                 let i;
@@ -19633,7 +19483,7 @@ class ComputeCalcExpressionFeature {
                     if (slice != null && node.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(node.val)) {
                         // @ts-ignore
                         const cp = (node.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(node.val) && node.val != 'calc' ? [node] : (node.typ == exports.EnumToken.DeclarationNodeType ? node.val : node.chi)).slice();
-                        const values = evaluate(cp);
+                        evaluate(cp);
                         const key = 'chi' in node ? 'chi' : 'val';
                         const str1 = renderToken({ ...node, [key]: slice });
                         const str2 = renderToken(node); // values.reduce((acc: string, curr: Token): string => acc + renderToken(curr), '');
@@ -19641,10 +19491,11 @@ class ComputeCalcExpressionFeature {
                             // @ts-ignore
                             node[key] = slice;
                         }
-                        else {
-                            // @ts-ignore
-                            node[key] = values;
-                        }
+                        // else {
+                        //
+                        //     // @ts-ignore
+                        //     node[key] = values;
+                        // }
                         return WalkerOptionEnum.Ignore;
                     }
                     return null;
@@ -19660,42 +19511,43 @@ class ComputeCalcExpressionFeature {
                             // @ts-ignore
                             const children = parent.typ == exports.EnumToken.DeclarationNodeType ? parent.val : parent.chi;
                             if (values.length == 1 && values[0].typ != exports.EnumToken.BinaryExpressionTokenType) {
-                                if (parent.typ == exports.EnumToken.BinaryExpressionTokenType) {
-                                    if (parent.l == value) {
-                                        parent.l = values[0];
+                                // if (parent.typ == EnumToken.BinaryExpressionTokenType) {
+                                //
+                                //     if ((parent as BinaryExpressionToken).l == value) {
+                                //
+                                //         (parent as BinaryExpressionToken).l = values[0];
+                                //     } else {
+                                //
+                                //         (parent as BinaryExpressionToken).r = values[0];
+                                //     }
+                                // } else {
+                                for (let i = 0; i < children.length; i++) {
+                                    if (children[i] == value) {
+                                        // @ts-ignore
+                                        children.splice(i, 1, !(parent.typ == exports.EnumToken.FunctionTokenType && parent.val == 'calc') && typeof values[0].val != 'string' ? {
+                                            typ: exports.EnumToken.FunctionTokenType,
+                                            val: 'calc',
+                                            chi: values
+                                        } : values[0]);
+                                        break;
                                     }
-                                    else {
-                                        parent.r = values[0];
-                                    }
-                                }
-                                else {
-                                    for (let i = 0; i < children.length; i++) {
-                                        if (children[i] == value) {
-                                            // @ts-ignore
-                                            children.splice(i, 1, !(parent.typ == exports.EnumToken.FunctionTokenType && parent.val == 'calc') && typeof values[0].val != 'string' ? {
-                                                typ: exports.EnumToken.FunctionTokenType,
-                                                val: 'calc',
-                                                chi: values
-                                            } : values[0]);
-                                            break;
-                                        }
-                                    }
-                                }
-                            }
-                            else {
-                                for (let i = 0; i < children.length; i++) {
-                                    if (children[i] == value) {
-                                        if (parent.typ == exports.EnumToken.FunctionTokenType && parent.val == 'calc') {
-                                            children.splice(i, 1, ...values);
-                                        }
-                                        else {
-                                            children.splice(i, 1, {
-                                                typ: exports.EnumToken.FunctionTokenType,
-                                                val: 'calc',
-                                                chi: values
-                                            });
-                                        }
-                                        break;
+                                }
+                                // }
+                            }
+                            else {
+                                for (let i = 0; i < children.length; i++) {
+                                    if (children[i] == value) {
+                                        // if (parent.typ == EnumToken.FunctionTokenType && (parent as FunctionToken).val == 'calc') {
+                                        //
+                                        //     children.splice(i, 1, ...values);
+                                        // } else {
+                                        children.splice(i, 1, {
+                                            typ: exports.EnumToken.FunctionTokenType,
+                                            val: 'calc',
+                                            chi: values
+                                        });
+                                        // }
+                                        break;
                                     }
                                 }
                             }
@@ -19721,10 +19573,16 @@ function normalize(point) {
     return norm === 0 ? [0, 0, 0] : [x / norm, y / norm, z / norm];
 }
 function dot(point1, point2) {
-    if (point1.length === 4 && point2.length === 4) {
-        return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2] + point1[3] * point2[3];
+    // if (point1.length === 4 && point2.length === 4) {
+    //
+    //     return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2] + point1[3] * point2[3];
+    // }
+    let result = 0;
+    for (let i = 0; i < point1.length; i++) {
+        result += point1[i] * point2[i];
     }
-    return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2];
+    return result;
+    // return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2];
 }
 function multiply(matrixA, matrixB) {
     let result = Array(4).fill(0).map(() => Array(4).fill(0));
@@ -19737,6 +19595,69 @@ function multiply(matrixA, matrixB) {
     }
     return result;
 }
+function inverse(matrix) {
+    // Create augmented matrix [matrix | identity]
+    let augmented = matrix.map((row, i) => [
+        ...row,
+        ...(i === 0 ? [1, 0, 0, 0] :
+            i === 1 ? [0, 1, 0, 0] :
+                i === 2 ? [0, 0, 1, 0] :
+                    [0, 0, 0, 1])
+    ]);
+    // Gaussian elimination with partial pivoting
+    for (let col = 0; col < 4; col++) {
+        // Find pivot row with maximum absolute value
+        let maxRow = col;
+        let maxVal = Math.abs(augmented[col][col]);
+        for (let row = col + 1; row < 4; row++) {
+            let val = Math.abs(augmented[row][col]);
+            if (val > maxVal) {
+                maxVal = val;
+                maxRow = row;
+            }
+        }
+        // Check for singularity
+        if (maxVal < 1e-5) {
+            return null;
+        }
+        // Swap rows if necessary
+        if (maxRow !== col) {
+            [augmented[col], augmented[maxRow]] = [augmented[maxRow], augmented[col]];
+        }
+        // Scale pivot row to make pivot element 1
+        let pivot = augmented[col][col];
+        for (let j = 0; j < 8; j++) {
+            augmented[col][j] /= pivot;
+        }
+        // Eliminate column in other rows
+        for (let row = 0; row < 4; row++) {
+            if (row !== col) {
+                let factor = augmented[row][col];
+                for (let j = 0; j < 8; j++) {
+                    augmented[row][j] -= factor * augmented[col][j];
+                }
+            }
+        }
+    }
+    // Extract the inverse from the right side of the augmented matrix
+    return augmented.map(row => row.slice(4));
+}
+// function transpose(matrix: Matrix): Matrix {
+//     // Crée une nouvelle matrice vide 4x4
+//     // @ts-ignore
+//     let transposed: Matrix = [[], [], [], []] as Matrix;
+//
+//     // Parcourt chaque ligne et colonne pour transposer
+//     for (let i = 0; i < 4; i++) {
+//
+//         for (let j = 0; j < 4; j++) {
+//
+//             transposed[j][i] = matrix[i][j];
+//         }
+//     }
+//
+//     return transposed;
+// }
 function round(number) {
     return Math.abs(number) < epsilon ? 0 : +number.toPrecision(6);
 }
@@ -19759,11 +19680,12 @@ function decompose(original) {
         perspectiveMatrix[7] = 0;
         perspectiveMatrix[11] = 0;
         perspectiveMatrix[15] = 1;
-        const inverse = invertMatrix4(perspectiveMatrix);
-        if (!inverse) {
+        // @ts-ignore
+        const inverted = inverse(original.reduce((acc, row, i) => acc.concat([row.slice()]), []))?.flat?.();
+        if (!inverted) {
             return null;
         }
-        const transposedInverse = transposeMatrix4(inverse);
+        const transposedInverse = transposeMatrix4(inverted);
         perspective[0] = dot(rightHandSide, transposedInverse.slice(0, 4));
         perspective[1] = dot(rightHandSide, transposedInverse.slice(4, 8));
         perspective[2] = dot(rightHandSide, transposedInverse.slice(8, 12));
@@ -19868,16 +19790,6 @@ function transposeMatrix4(m) {
         m[3], m[7], m[11], m[15],
     ];
 }
-function invertMatrix4(m) {
-    new Array(16);
-    const det = m[0] * m[5] * m[10] * m[15] + m[0] * m[9] * m[14] * m[7] + m[0] * m[13] * m[6] * m[11]
-        - m[0] * m[13] * m[10] * m[7] - m[0] * m[9] * m[6] * m[15] - m[0] * m[5] * m[14] * m[11];
-    if (det === 0)
-        return null;
-    // For brevity, not implementing full inverse here — you'd normally use gl-matrix or similar.
-    // Just use a trusted library or expand this if needed.
-    return null; // placeholder
-}
 function toZero(v) {
     for (let i = 0; i < v.length; i++) {
         if (Math.abs(v[i]) <= epsilon) {
@@ -19904,36 +19816,6 @@ function is2DMatrix(matrix) {
         matrix[3][3] === 1;
 }
 
-// https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Values_and_units#absolute_length_units
-function length2Px(value) {
-    if (value.typ == exports.EnumToken.NumberTokenType) {
-        return +value.val;
-    }
-    switch (value.unit) {
-        case 'cm':
-            // @ts-ignore
-            return value.val * 37.8;
-        case 'mm':
-            // @ts-ignore
-            return value.val * 3.78;
-        case 'Q':
-            // @ts-ignore
-            return value.val * 37.8 / 40;
-        case 'in':
-            // @ts-ignore
-            return value.val / 96;
-        case 'pc':
-            // @ts-ignore
-            return value.val / 16;
-        case 'pt':
-            // @ts-ignore
-            return value.val * 4 / 3;
-        case 'px':
-            return +value.val;
-    }
-    return null;
-}
-
 function translateX(x, from) {
     const matrix = identity();
     matrix[3][0] = x;
@@ -20106,7 +19988,7 @@ function serialize(matrix) {
                 }
                 acc.push({
                     typ: exports.EnumToken.NumberTokenType,
-                    val: reduceNumber(t)
+                    val: minifyNumber(t)
                 });
                 return acc;
             }, [])
@@ -20121,7 +20003,7 @@ function serialize(matrix) {
             }
             acc.push({
                 typ: exports.EnumToken.NumberTokenType,
-                val: reduceNumber(curr)
+                val: minifyNumber(curr)
             });
             return acc;
         }, [])
@@ -20161,20 +20043,21 @@ function minify$1(matrix) {
                 coordinates.delete(i == 0 ? 'x' : i == 1 ? 'y' : 'z');
             }
         }
-        if (coordinates.size == 3) {
-            result.push({
-                typ: exports.EnumToken.FunctionTokenType,
-                val: 'translate3d',
-                chi: [
-                    { typ: exports.EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px' },
-                    { typ: exports.EnumToken.CommaTokenType },
-                    { typ: exports.EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px' },
-                    { typ: exports.EnumToken.CommaTokenType },
-                    { typ: exports.EnumToken.LengthTokenType, val: round(decomposed.translate[2]) + '', unit: 'px' }
-                ]
-            });
-        }
-        else if (coordinates.size == 1) {
+        // if (coordinates.size == 3) {
+        //
+        //     result.push({
+        //         typ: EnumToken.FunctionTokenType,
+        //         val: 'translate3d',
+        //         chi: [
+        //             {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px'},
+        //             {typ: EnumToken.CommaTokenType},
+        //             {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px'},
+        //             {typ: EnumToken.CommaTokenType},
+        //             {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[2]) + '', unit: 'px'}
+        //         ]
+        //     })
+        // } else
+        if (coordinates.size == 1) {
             if (coordinates.has('x')) {
                 result.push({
                     typ: exports.EnumToken.FunctionTokenType,
@@ -20216,15 +20099,9 @@ function minify$1(matrix) {
                 typ: exports.EnumToken.FunctionTokenType,
                 val: 'translate',
                 chi: [
-                    decomposed.translate[0] == 0 ? {
-                        typ: exports.EnumToken.NumberTokenType,
-                        'val': '0'
-                    } : { typ: exports.EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px' },
+                    { typ: exports.EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px' },
                     { typ: exports.EnumToken.CommaTokenType },
-                    decomposed.translate[1] == 0 ? {
-                        typ: exports.EnumToken.NumberTokenType,
-                        'val': '0'
-                    } : { typ: exports.EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px' }
+                    { typ: exports.EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px' }
                 ]
             });
         }
@@ -20300,9 +20177,10 @@ function minify$1(matrix) {
         }
     }
     if (transforms.has('skew')) {
-        if (round(decomposed.skew[0]) == 0) {
-            skew.delete('x');
-        }
+        // if (round(decomposed.skew[0]) == 0) {
+        //
+        //     skew.delete('x');
+        // }
         if (round(decomposed.skew[1]) == 0) {
             skew.delete('y');
         }
@@ -20376,15 +20254,16 @@ function minify$1(matrix) {
             });
         }
     }
-    if (transforms.has('perspective')) {
-        result.push({
-            typ: exports.EnumToken.FunctionTokenType,
-            val: 'perspective',
-            chi: [
-                { typ: exports.EnumToken.Length, val: '' + round(1 / decomposed.perspective[2]), unit: 'px' },
-            ]
-        });
-    }
+    // if (transforms.has('perspective')) {
+    //
+    //     result.push({
+    //         typ: EnumToken.FunctionTokenType,
+    //         val: 'perspective',
+    //         chi: [
+    //             {typ: EnumToken.Length, val: '' + round(1 / decomposed.perspective[2]), unit: 'px'},
+    //         ]
+    //     });
+    // }
     // identity
     return result.length == 0 || (result.length == 1 && eqMatrix(identity(), result)) ? [
         {
@@ -20448,9 +20327,10 @@ function perspective(x, from) {
 function compute(transformLists) {
     transformLists = transformLists.slice();
     stripCommaToken(transformLists);
-    if (transformLists.length == 0) {
-        return null;
-    }
+    // if (transformLists.length == 0) {
+    //
+    //     return null;
+    // }
     let matrix = identity();
     let mat;
     const cumulative = [];
@@ -20486,9 +20366,10 @@ function computeMatrix(transformList, matrixVar) {
     let val;
     let i = 0;
     for (; i < transformList.length; i++) {
-        if (transformList[i].typ == exports.EnumToken.WhitespaceTokenType) {
-            continue;
-        }
+        // if (transformList[i].typ == EnumToken.WhitespaceTokenType) {
+        //
+        //     continue;
+        // }
         if (transformList[i].typ != exports.EnumToken.FunctionTokenType || !transformFunctions.includes(transformList[i].val)) {
             return null;
         }
@@ -20501,25 +20382,27 @@ function computeMatrix(transformList, matrixVar) {
                 {
                     values.length = 0;
                     const children = stripCommaToken(transformList[i].chi.slice());
-                    if (children == null || children.length == 0) {
-                        return null;
-                    }
+                    // if (children == null || children.length == 0) {
+                    //
+                    //     return null;
+                    // }
                     const valCount = transformList[i].val == 'translate3d' || transformList[i].val == 'translate' ? 3 : 1;
-                    if (children.length == 1 && children[0].typ == exports.EnumToken.IdenTokenType && children[0].val == 'none') {
-                        values.fill(0, 0, valCount);
-                    }
-                    else {
-                        for (let j = 0; j < children.length; j++) {
-                            if (children[j].typ == exports.EnumToken.WhitespaceTokenType) {
-                                continue;
-                            }
-                            val = length2Px(children[j]);
-                            if (typeof val != 'number' || Number.isNaN(val)) {
-                                return null;
-                            }
-                            values.push(val);
+                    // if (children.length == 1 && children[0].typ == EnumToken.IdenTokenType && (children[0] as IdentToken).val == 'none') {
+                    //
+                    //     values.fill(0, 0, valCount);
+                    //
+                    // } else {
+                    for (let j = 0; j < children.length; j++) {
+                        if (children[j].typ == exports.EnumToken.WhitespaceTokenType) {
+                            continue;
                         }
+                        val = length2Px(children[j]);
+                        if (val == null) {
+                            return null;
+                        }
+                        values.push(val);
                     }
+                    // }
                     if (values.length == 0 || values.length > valCount) {
                         return null;
                     }
@@ -20554,9 +20437,10 @@ function computeMatrix(transformList, matrixVar) {
                     let values = [];
                     let valuesCount = transformList[i].val == 'rotate3d' ? 4 : 1;
                     for (const child of stripCommaToken(transformList[i].chi.slice())) {
-                        if (child.typ == exports.EnumToken.WhitespaceTokenType) {
-                            continue;
-                        }
+                        // if (child.typ == EnumToken.WhitespaceTokenType) {
+                        //
+                        //     continue;
+                        // }
                         values.push(child);
                         if (transformList[i].val == 'rotateX') {
                             x = 1;
@@ -20599,17 +20483,19 @@ function computeMatrix(transformList, matrixVar) {
                     const children = stripCommaToken(transformList[i].chi.slice());
                     for (let k = 0; k < children.length; k++) {
                         child = children[k];
-                        if (child.typ == exports.EnumToken.CommentTokenType || child.typ == exports.EnumToken.WhitespaceTokenType) {
-                            continue;
-                        }
+                        // if (child.typ == EnumToken.CommentTokenType || child.typ == EnumToken.WhitespaceTokenType) {
+                        //
+                        //     continue;
+                        // }
                         if (child.typ != exports.EnumToken.NumberTokenType) {
                             return null;
                         }
                         values.push(getNumber(child));
                     }
-                    if (values.length == 0) {
-                        return null;
-                    }
+                    // if (values.length == 0) {
+                    //
+                    //     return null;
+                    // }
                     if (transformList[i].val == 'scale3d') {
                         if (values.length != 3) {
                             return null;
@@ -20647,13 +20533,16 @@ function computeMatrix(transformList, matrixVar) {
                     let value;
                     for (let k = 0; k < transformList[i].chi.length; k++) {
                         child = transformList[i].chi[k];
-                        if (child.typ == exports.EnumToken.CommentTokenType || child.typ == exports.EnumToken.WhitespaceTokenType) {
+                        if (child.typ == exports.EnumToken.CommentTokenType ||
+                            child.typ == exports.EnumToken.CommaTokenType ||
+                            child.typ == exports.EnumToken.WhitespaceTokenType) {
                             continue;
                         }
                         value = getAngle(child);
-                        if (value == null) {
-                            return null;
-                        }
+                        // if (value == null) {
+                        //
+                        //     return null;
+                        // }
                         values.push(value * 2 * Math.PI);
                     }
                     if (values.length == 0 || (values.length > (transformList[i].val == 'skew' ? 2 : 1))) {
@@ -20790,7 +20679,22 @@ class TransformCssFeature {
             if (node.typ != exports.EnumToken.DeclarationNodeType || !node.nam.match(/^(-[a-z]+-)?transform$/)) {
                 continue;
             }
-            const children = node.val.slice();
+            const children = node.val.reduce((acc, curr) => {
+                if (curr.typ == exports.EnumToken.FunctionTokenType && 'skew' == curr.val.toLowerCase()) {
+                    if (curr.chi.length == 3) {
+                        if (curr.chi[2].val == '0') {
+                            curr.chi.length = 1;
+                            curr.val = 'skew';
+                        }
+                        else if (curr.chi[0].val == '0') {
+                            curr.chi = [curr.chi[2]];
+                            curr.val = 'skewY';
+                        }
+                    }
+                }
+                acc.push(curr);
+                return acc;
+            }, []);
             consumeWhitespace(children);
             let { matrix, cumulative, minified } = compute(children) ?? {};
             if (matrix == null || cumulative == null || minified == null) {
@@ -20942,22 +20846,25 @@ function minify(ast, options = {}, recursive = false, errors, nestingContent, co
 }
 function reduce(acc, curr, index, array) {
     // trim :is()
-    if (array.length == 1 && array[0][0] == ':is(' && array[0].at(-1) == ')') {
-        curr = curr.slice(1, -1);
-    }
+    // if (array.length == 1 && array[0][0] == ':is(' && array[0].at(-1) == ')') {
+    //
+    //     curr = curr.slice(1, -1);
+    // }
     if (curr[0] == '&') {
         if (curr[1] == ' ' && !isIdent(curr[2]) && !isFunction(curr[2])) {
             curr.splice(0, 2);
         }
-        else if (combinators.includes(curr[1])) {
-            curr.shift();
-        }
-    }
-    else { // @ts-ignore
-        if (this.typ == exports.EnumToken.RuleNodeType && (isIdent(curr[0]) || isFunction(curr[0]))) {
-            curr.unshift('&', ' ');
-        }
+        // else if (combinators.includes(curr[1])) {
+        //
+        //     curr.shift();
+        // }
     }
+    // else { // @ts-ignore
+    //     if (this.typ == EnumToken.RuleNodeType && (isIdent(curr[0]) || isFunction(curr[0]))) {
+    //
+    //         curr.unshift('&', ' ');
+    //     }
+    // }
     acc.push(curr.join(''));
     return acc;
 }
@@ -20988,11 +20895,12 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
             // @ts-ignore
             node = ast.chi[i];
             // @ts-ignore
-            if (previous == node) {
-                // @ts-ignore
-                ast.chi.splice(i--, 1);
-                continue;
-            }
+            // if (previous == node) {
+            //
+            //     // @ts-ignore
+            //     ast.chi.splice(i--, 1);
+            //     continue;
+            // }
             if (node.typ == exports.EnumToken.AtRuleNodeType && node.nam == 'font-face') {
                 continue;
             }
@@ -21009,7 +20917,7 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                     doMinify(node, options, true, errors, nestingContent, context);
                 }
             }
-            if (node.typ == exports.EnumToken.KeyFrameRuleNodeType) {
+            else if (node.typ == exports.EnumToken.KeyFrameRuleNodeType) {
                 if (previous?.typ == exports.EnumToken.KeyFrameRuleNodeType &&
                     node.sel == previous.sel) {
                     previous.chi.push(...node.chi);
@@ -21034,7 +20942,7 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                     }
                 }
             }
-            if (node.typ == exports.EnumToken.AtRuleNodeType) {
+            else if (node.typ == exports.EnumToken.AtRuleNodeType) {
                 // @ts-ignore
                 if (node.nam == 'media' && ['all', '', null].includes(node.val)) {
                     // @ts-ignore
@@ -21062,7 +20970,7 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                 continue;
             }
             // @ts-ignore
-            if (node.typ == exports.EnumToken.RuleNodeType) {
+            else if (node.typ == exports.EnumToken.RuleNodeType) {
                 reduceRuleSelector(node);
                 let wrapper;
                 let match;
@@ -21073,7 +20981,7 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                         // @ts-ignore
                         reduceRuleSelector(previous);
                         // @ts-ignore
-                        match = matchSelectors(previous.raw, node.raw, ast.typ, errors);
+                        match = matchSelectors(previous.raw, node.raw, ast.typ);
                         // @ts-ignore
                         if (match != null) {
                             // @ts-ignore
@@ -21095,7 +21003,7 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                             }
                             reduceRuleSelector(nextNode);
                             // @ts-ignore
-                            match = matchSelectors(wrapper.raw, nextNode.raw, ast.typ, errors);
+                            match = matchSelectors(wrapper.raw, nextNode.raw, ast.typ);
                             // @ts-ignore
                             if (match == null) {
                                 break;
@@ -21144,12 +21052,12 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                                 curr.splice(0, 2);
                             }
                             else {
-                                if (ast.typ != exports.EnumToken.RuleNodeType && combinators.includes(curr[1])) {
-                                    wrap = false;
-                                }
-                                else {
-                                    curr.splice(0, 1);
-                                }
+                                // if (ast.typ != EnumToken.RuleNodeType && combinators.includes(curr[1])) {
+                                //
+                                //     wrap = false;
+                                // } else {
+                                curr.splice(0, 1);
+                                // }
                             }
                         }
                         else if (combinators.includes(curr[0])) {
@@ -21191,10 +21099,11 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                     }
                     // @ts-ignore
                     let sel = wrap ? node.optimized.optimized.join('') + `:is(${rule})` : rule;
-                    if (rule.includes('&')) {
-                        // @ts-ignore
-                        rule = replaceCompound(rule, node.optimized.optimized[0]);
-                    }
+                    // if (rule.includes('&')) {
+                    //
+                    //     // @ts-ignore
+                    //     rule = replaceCompound(rule, node.optimized.optimized[0]);
+                    // }
                     if (sel.length < node.sel.length) {
                         node.sel = sel;
                     }
@@ -21228,12 +21137,12 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                                 // @ts-ignore
                                 ast.chi.splice(nodeIndex, 1);
                                 // @ts-ignore
-                                if (!hasDeclaration(node)) {
-                                    // @ts-ignore
-                                    // minifyRule(node, <MinifyOptions>options, ast, context);
-                                    // } else {
-                                    doMinify(node, options, recursive, errors, nestingContent, context);
-                                }
+                                // if (!hasDeclaration(node)) {
+                                //     // @ts-ignore
+                                //     // minifyRule(node, <MinifyOptions>options, ast, context);
+                                //     // } else {
+                                //     doMinify(node, options, recursive, errors, nestingContent, context);
+                                // }
                                 i--;
                                 previous = node;
                                 nodeIndex = i;
@@ -21291,17 +21200,21 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                         }
                     }
                 }
-                else {
-                    if ('chi' in previous) {
-                        // @ts-ignore
-                        if (!hasDeclaration(previous)) {
-                            // @ts-ignore
-                            // minifyRule(previous, <MinifyOptions>options, ast, context);
-                            // } else {
-                            doMinify(previous, options, recursive, errors, nestingContent, context);
-                        }
-                    }
-                }
+                // else {
+                //
+                //     if ('chi' in previous) {
+                //
+                //         // @ts-ignore
+                //         if (!hasDeclaration(previous)) {
+                //
+                //             // @ts-ignore
+                //             // minifyRule(previous, <MinifyOptions>options, ast, context);
+                //             // } else {
+                //
+                //             doMinify(previous, options, recursive, errors, nestingContent, context);
+                //         }
+                //     }
+                // }
             }
             // else if ('chi' in node) {
             //
@@ -21351,10 +21264,14 @@ function hasDeclaration(node) {
     }
     return true;
 }
-function reduceSelector(selector) {
-    if (selector.length == 0) {
-        return null;
-    }
+/**
+ * optimize selector
+ * @param selector
+ */
+function optimizeSelector(selector) {
+    // if (selector.length == 0) {
+    //     return null;
+    // }
     selector = selector.reduce((acc, curr) => {
         // @ts-ignore
         if (curr.length > 0 && curr.at(-1).startsWith(':is(')) {
@@ -21403,10 +21320,10 @@ function reduceSelector(selector) {
     }
     selector.forEach((selector) => selector.splice(0, optimized.length));
     // combinator
-    if (combinators.includes(optimized.at(-1))) {
-        const combinator = optimized.pop();
-        selector.forEach((selector) => selector.unshift(combinator));
-    }
+    // if (combinators.includes(<string>optimized.at(-1))) {
+    //     const combinator: string = <string>optimized.pop();
+    //     selector.forEach((selector: string[]) => selector.unshift(combinator));
+    // }
     let reducible = optimized.length == 1;
     if (optimized[0] == '&') {
         if (optimized[1] == ' ') {
@@ -21461,14 +21378,17 @@ function splitRule(buffer) {
     for (let i = 0; i < buffer.length; i++) {
         let chr = buffer.charAt(i);
         if (isWhiteSpace(chr.charCodeAt(0))) {
-            let k = i;
-            while (k + 1 < buffer.length) {
-                if (isWhiteSpace(buffer[k + 1].charCodeAt(0))) {
-                    k++;
-                    continue;
-                }
-                break;
-            }
+            // let k: number = i;
+            // while (k + 1 < buffer.length) {
+            //
+            //     if (isWhiteSpace(buffer[k + 1].charCodeAt(0))) {
+            //
+            //         k++;
+            //         continue;
+            //     }
+            //
+            //     break;
+            // }
             if (str !== '') {
                 // @ts-ignore
                 result.at(-1).push(str);
@@ -21479,7 +21399,7 @@ function splitRule(buffer) {
                 // @ts-ignore
                 result.at(-1).push(' ');
             }
-            i = k;
+            // i = k;
             continue;
         }
         if (chr == ',') {
@@ -21530,21 +21450,22 @@ function splitRule(buffer) {
             str += buffer.charAt(++i);
             continue;
         }
-        if (chr == '"' || chr == "'") {
-            let k = i;
-            while (++k < buffer.length) {
-                chr = buffer.charAt(k);
-                str += chr;
-                if (chr == '//') {
-                    str += buffer.charAt(++k);
-                    continue;
-                }
-                if (chr == buffer.charAt(i)) {
-                    break;
-                }
-            }
-            continue;
-        }
+        // if (chr == '"' || chr == "'") {
+        //
+        //     let k = i;
+        //     while (++k < buffer.length) {
+        //         chr = buffer.charAt(k);
+        //         str += chr;
+        //         if (chr == '//') {
+        //             str += buffer.charAt(++k);
+        //             continue;
+        //         }
+        //         if (chr == buffer.charAt(i)) {
+        //             break;
+        //         }
+        //     }
+        //     continue;
+        // }
         if (chr == '(' || chr == '[') {
             const open = chr;
             const close = chr == '(' ? ')' : ']';
@@ -21577,6 +21498,79 @@ function splitRule(buffer) {
     }
     return result;
 }
+function reduceSelector(acc, curr) {
+    // if (acc === null) {
+    //
+    //     return null;
+    // }
+    let hasCompoundSelector = true;
+    // @ts-ignore
+    curr = curr.slice(this.match[0].length);
+    while (curr.length > 0) {
+        if (curr[0] == ' ') {
+            hasCompoundSelector = false;
+            curr.unshift('&');
+            continue;
+        }
+        break;
+    }
+    // invalid function match
+    // if (curr.length > 0 && curr[0].endsWith('(') && curr.at(-1) != ')') {
+    //
+    //     return null;
+    // }
+    //
+    // if (curr.length == 1 && combinators.includes(curr[0].charAt(0))) {
+    //
+    //     return null;
+    // }
+    if (hasCompoundSelector && curr.length > 0) {
+        hasCompoundSelector = !['&'].concat(combinators).includes(curr[0].charAt(0));
+    }
+    if (curr[0] == ':is(') {
+        let canReduce = true;
+        const isCompound = curr.reduce((acc, token, index) => {
+            if (index == 0) {
+                canReduce = curr[1] == '&';
+            }
+            // else if (token.endsWith('(')) {
+            //
+            //     if (inFunction == 0) {
+            //
+            //         canReduce = false;
+            //     }
+            //
+            //     inFunction++;
+            // }
+            else if (token == ')') ;
+            else if (token == ',') {
+                if (!canReduce) {
+                    canReduce = curr[index + 1] == '&';
+                }
+                acc.push([]);
+            }
+            else
+                acc.at(-1)?.push(token);
+            return acc;
+        }, [[]]);
+        // if (inFunction > 0) {
+        //
+        //     canReduce = false;
+        // }
+        if (canReduce) {
+            curr = isCompound.reduce((acc, curr) => {
+                if (acc.length > 0) {
+                    acc.push(',');
+                }
+                acc.push(...curr);
+                return acc;
+            }, []);
+        }
+    }
+    // @ts-ignore
+    acc.push(this.match.length == 0 ? ['&'] : (hasCompoundSelector && curr[0] != '&' && (curr.length == 0 || !combinators.includes(curr[0].charAt(0))) ? ['&'].concat(curr) : curr));
+    return acc;
+}
 function matchSelectors(selector1, selector2, parentType, errors) {
     let match = [[]];
     const j = Math.min(selector1.reduce((acc, curr) => Math.min(acc, curr.length), selector1.length > 0 ? selector1[0].length : 0), selector2.reduce((acc, curr) => Math.min(acc, curr.length), selector2.length > 0 ? selector2[0].length : 0));
@@ -21608,47 +21602,52 @@ function matchSelectors(selector1, selector2, parentType, errors) {
         if (!matching) {
             break;
         }
-        if (token == ',') {
-            match.push([]);
-        }
-        else {
-            if (token.endsWith('(')) {
-                matchFunction++;
-            }
-            if (token.endsWith('[')) {
-                inAttr++;
-            }
-            else if (token == ')') {
-                matchFunction--;
-            }
-            else if (token == ']') {
-                inAttr--;
-            }
-            match.at(-1).push(token);
+        // if (token == ',') {
+        //
+        //     match.push([]);
+        // } else {
+        if (token.endsWith('(')) {
+            matchFunction++;
         }
+        // if (token.endsWith('[')) {
+        //
+        //     inAttr++;
+        // } else if (token == ')') {
+        //
+        //     matchFunction--;
+        // } else if (token == ']') {
+        //
+        //     inAttr--;
+        // }
+        match.at(-1).push(token);
+        // }
     }
     // invalid function
     if (matchFunction != 0 || inAttr != 0) {
         return null;
     }
-    if (parentType != exports.EnumToken.RuleNodeType) {
-        for (const part of match) {
-            if (part.length > 0 && combinators.includes(part[0].charAt(0))) {
-                return null;
-            }
-        }
-    }
-    if (match.length > 1) {
-        errors?.push({
-            action: 'ignore',
-            message: `minify: unsupported multilevel matching\n${JSON.stringify({
-                match,
-                selector1,
-                selector2
-            }, null, 1)}`
-        });
-        return null;
-    }
+    // if (parentType != EnumToken.RuleNodeType) {
+    //
+    //     for (const part of match) {
+    //
+    //         if (part.length > 0 && combinators.includes(part[0].charAt(0))) {
+    //
+    //             return null;
+    //         }
+    //     }
+    // }
+    // if (match.length > 1) {
+    //
+    //     errors?.push({
+    //         action: 'ignore',
+    //         message: `minify: unsupported multilevel matching\n${JSON.stringify({
+    //             match,
+    //             selector1,
+    //             selector2
+    //         }, null, 1)}`
+    //     });
+    //     return null;
+    // }
     for (const part of match) {
         while (part.length > 0) {
             const token = part.at(-1);
@@ -21665,77 +21664,11 @@ function matchSelectors(selector1, selector2, parentType, errors) {
     if (eq([['&']], match)) {
         return null;
     }
-    function reduce(acc, curr) {
-        if (acc === null) {
-            return null;
-        }
-        let hasCompoundSelector = true;
-        curr = curr.slice(match[0].length);
-        while (curr.length > 0) {
-            if (curr[0] == ' ') {
-                hasCompoundSelector = false;
-                curr.unshift('&');
-                continue;
-            }
-            break;
-        }
-        // invalid function match
-        if (curr.length > 0 && curr[0].endsWith('(') && curr.at(-1) != ')') {
-            return null;
-        }
-        if (curr.length == 1 && combinators.includes(curr[0].charAt(0))) {
-            return null;
-        }
-        if (hasCompoundSelector && curr.length > 0) {
-            hasCompoundSelector = !['&'].concat(combinators).includes(curr[0].charAt(0));
-        }
-        if (curr[0] == ':is(') {
-            let inFunction = 0;
-            let canReduce = true;
-            const isCompound = curr.reduce((acc, token, index) => {
-                if (index == 0) {
-                    inFunction++;
-                    canReduce = curr[1] == '&';
-                }
-                else if (token.endsWith('(')) {
-                    if (inFunction == 0) {
-                        canReduce = false;
-                    }
-                    inFunction++;
-                }
-                else if (token == ')') {
-                    inFunction--;
-                }
-                else if (token == ',') {
-                    if (!canReduce) {
-                        canReduce = curr[index + 1] == '&';
-                    }
-                    acc.push([]);
-                }
-                else
-                    acc.at(-1)?.push(token);
-                return acc;
-            }, [[]]);
-            if (inFunction > 0) {
-                canReduce = false;
-            }
-            if (canReduce) {
-                curr = isCompound.reduce((acc, curr) => {
-                    if (acc.length > 0) {
-                        acc.push(',');
-                    }
-                    acc.push(...curr);
-                    return acc;
-                }, []);
-            }
-        }
-        acc.push(match.length == 0 ? ['&'] : (hasCompoundSelector && curr[0] != '&' && (curr.length == 0 || !combinators.includes(curr[0].charAt(0))) ? ['&'].concat(curr) : curr));
-        return acc;
-    }
+    const reducer = reduceSelector.bind({ match });
     // @ts-ignore
-    selector1 = selector1.reduce(reduce, []);
+    selector1 = selector1.reduce(reducer, []);
     // @ts-ignore
-    selector2 = selector2.reduce(reduce, []);
+    selector2 = selector2.reduce(reducer, []);
     return selector1 == null || selector2 == null ? null : {
         eq: eq(selector1, selector2),
         match,
@@ -21820,9 +21753,10 @@ function diff(n1, n2, reducer, options = {}) {
     }
     let i = node1.chi.length;
     let j = node2.chi.length;
-    if (i == 0 || j == 0) {
-        return null;
-    }
+    // if (i == 0 || j == 0) {
+    //
+    //     return null;
+    // }
     const raw1 = node1.raw;
     const raw2 = node2.raw;
     if (raw1 != null && raw2 != null) {
@@ -21893,9 +21827,10 @@ function diff(n1, n2, reducer, options = {}) {
             continue;
         }
         j = node2.chi.length;
-        if (j == 0) {
-            break;
-        }
+        // if (j == 0) {
+        //
+        //     break;
+        // }
         while (j--) {
             if (node2.chi[j].typ == exports.EnumToken.CommentNodeType) {
                 continue;
@@ -21937,7 +21872,7 @@ function reduceRuleSelector(node) {
     if (node.raw == null) {
         Object.defineProperty(node, 'raw', { ...definedPropertySettings, value: splitRule(node.sel) });
     }
-    let optimized = reduceSelector(node.raw.reduce((acc, curr) => {
+    let optimized = optimizeSelector(node.raw.reduce((acc, curr) => {
         acc.push(curr.slice());
         return acc;
     }, []));
@@ -21975,6 +21910,289 @@ function reduceRuleSelector(node) {
     }
 }
 
+/**
+ * expand nested css ast
+ * @param ast
+ */
+function expand(ast) {
+    //
+    // if (![EnumToken.RuleNodeType, EnumToken.StyleSheetNodeType, EnumToken.AtRuleNodeType].includes(ast.typ)) {
+    //
+    //     return ast;
+    // }
+    // if (EnumToken.RuleNodeType == ast.typ) {
+    //
+    //     return <AstRuleStyleSheet>{
+    //         typ: EnumToken.StyleSheetNodeType,
+    //         chi: expandRule(<AstRule>ast)
+    //     }
+    // }
+    //
+    // if (!('chi' in ast)) {
+    //
+    //     return ast;
+    // }
+    const result = { ...ast, chi: [] };
+    // @ts-ignore
+    for (let i = 0; i < ast.chi.length; i++) {
+        // @ts-ignore
+        const node = ast.chi[i];
+        if (node.typ == exports.EnumToken.RuleNodeType) {
+            // @ts-ignore
+            result.chi.push(...expandRule(node));
+            // i += expanded.length - 1;
+        }
+        else if (node.typ == exports.EnumToken.AtRuleNodeType && 'chi' in node) {
+            let hasRule = false;
+            let j = node.chi.length;
+            while (j--) {
+                // @ts-ignore
+                if (node.chi[j].typ == exports.EnumToken.RuleNodeType || node.chi[j].typ == exports.EnumToken.AtRuleNodeType) {
+                    hasRule = true;
+                    break;
+                }
+            }
+            // @ts-ignore
+            result.chi.push({ ...(hasRule ? expand(node) : node) });
+        }
+        // else {
+        //
+        //     // @ts-ignore
+        //     result.chi.push(node);
+        // }
+    }
+    return result;
+}
+function expandRule(node) {
+    const ast = { ...node, chi: node.chi.slice() };
+    const result = [];
+    if (ast.typ == exports.EnumToken.RuleNodeType) {
+        let i = 0;
+        for (; i < ast.chi.length; i++) {
+            if (ast.chi[i].typ == exports.EnumToken.RuleNodeType) {
+                const rule = ast.chi[i];
+                if (!rule.sel.includes('&')) {
+                    const selRule = splitRule(rule.sel);
+                    // if (selRule.length > 1) {
+                    //
+                    //     const r: string = ':is(' + selRule.map(a => a.join('')).join(',') + ')';
+                    //     rule.sel = splitRule(ast.sel).reduce((a: string[], b: string[]): string[] => a.concat([b.join('') + r]), <string[]>[]).join(',');
+                    //
+                    // }
+                    // else {
+                    // selRule = splitRule(selRule.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.join(''), ''));
+                    const arSelf = splitRule(ast.sel).filter((r) => r.every((t) => t != ':before' && t != ':after' && !t.startsWith('::'))).reduce((acc, curr) => acc.concat([curr.join('')]), []).join(',');
+                    if (arSelf.length == 0) {
+                        ast.chi.splice(i--, 1);
+                        continue;
+                    }
+                    //
+                    selRule.forEach(arr => combinators.includes(arr[0].charAt(0)) ? arr.unshift(arSelf) : arr.unshift(arSelf, ' '));
+                    rule.sel = selRule.reduce((acc, curr) => {
+                        acc.push(curr.join(''));
+                        return acc;
+                    }, []).join(',');
+                    // }
+                }
+                else {
+                    let childSelectorCompound = [];
+                    let withCompound = [];
+                    let withoutCompound = [];
+                    // pseudo elements cannot be used with '&'
+                    // https://www.w3.org/TR/css-nesting-1/#example-7145ff1e
+                    const rules = splitRule(ast.sel).filter((r) => r.every((t) => t != ':before' && t != ':after' && !t.startsWith('::')));
+                    const parentSelector = !node.sel.includes('&');
+                    if (rules.length == 0) {
+                        ast.chi.splice(i--, 1);
+                        continue;
+                    }
+                    for (const sel of (rule.raw ?? splitRule(rule.sel))) {
+                        const s = sel.join('');
+                        if (s.includes('&') || parentSelector) {
+                            if (s.indexOf('&', 1) == -1) {
+                                if (s.at(0) == '&') {
+                                    if (s.at(1) == ' ') {
+                                        childSelectorCompound.push(s.slice(2));
+                                    }
+                                    else {
+                                        if (s == '&' || parentSelector) {
+                                            withCompound.push(s);
+                                        }
+                                        // else {
+                                        //
+                                        //     withoutCompound.push(s.slice(1));
+                                        // }
+                                    }
+                                }
+                                else {
+                                    withoutCompound.push(s);
+                                }
+                            }
+                            else {
+                                withCompound.push(s);
+                            }
+                        }
+                        // else {
+                        //
+                        //     withoutCompound.push(s);
+                        // }
+                    }
+                    const selectors = [];
+                    const selector = rules.length > 1 ? ':is(' + rules.map(a => a.join('')).join(',') + ')' : rules[0].join('');
+                    if (childSelectorCompound.length > 0) {
+                        if (childSelectorCompound.length == 1) {
+                            selectors.push(replaceCompound('& ' + childSelectorCompound[0].trim(), selector));
+                        }
+                        else {
+                            selectors.push(replaceCompound('& :is(' + childSelectorCompound.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.trim(), '') + ')', selector));
+                        }
+                    }
+                    if (withCompound.length > 0) {
+                        if (withCompound.every((t) => t[0] == '&' && t.indexOf('&', 1) == -1)) {
+                            withoutCompound.push(...withCompound.map(t => t.slice(1)));
+                            withCompound.length = 0;
+                        }
+                    }
+                    if (withoutCompound.length > 0) {
+                        if (withoutCompound.length == 1) {
+                            const useIs = rules.length == 1 && selector.match(/^[a-zA-Z.:]/) != null && selector.includes(' ') && withoutCompound.length == 1 && withoutCompound[0].match(/^[a-zA-Z]+$/) != null;
+                            const compound = useIs ? ':is(&)' : '&';
+                            selectors.push(replaceCompound(rules.length == 1 ? (useIs ? withoutCompound[0] + ':is(&)' : (selector.match(/^[.:]/) && withoutCompound[0].match(/^[a-zA-Z]+$/) ? withoutCompound[0] + compound : compound + withoutCompound[0])) : (withoutCompound[0].match(/^[a-zA-Z:]+$/) ? withoutCompound[0].trim() + compound : '&' + (withoutCompound[0].match(/^\S+$/) ? withoutCompound[0].trim() : ':is(' + withoutCompound[0].trim() + ')')), selector));
+                        }
+                        else {
+                            selectors.push(replaceCompound('&:is(' + withoutCompound.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.trim(), '') + ')', selector));
+                        }
+                    }
+                    if (withCompound.length > 0) {
+                        if (withCompound.length == 1) {
+                            selectors.push(replaceCompound(withCompound[0], selector));
+                        }
+                        // else {
+                        //
+                        //     for (const w of withCompound) {
+                        //
+                        //         selectors.push(replaceCompound(w, selector));
+                        //     }
+                        // }
+                    }
+                    rule.sel = selectors.reduce((acc, curr) => curr.length == 0 ? acc : acc + (acc.length > 0 ? ',' : '') + curr, '');
+                }
+                ast.chi.splice(i--, 1);
+                result.push(...expandRule(rule));
+            }
+            else if (ast.chi[i].typ == exports.EnumToken.AtRuleNodeType) {
+                let astAtRule = ast.chi[i];
+                const values = [];
+                if (astAtRule.nam == 'scope') {
+                    if (astAtRule.val.includes('&')) {
+                        astAtRule.val = replaceCompound(astAtRule.val, ast.sel);
+                    }
+                    const slice = astAtRule.chi.slice().filter(t => t.typ == exports.EnumToken.RuleNodeType && t.sel.includes('&'));
+                    if (slice.length > 0) {
+                        expandRule({ ...node, chi: astAtRule.chi.slice() });
+                    }
+                }
+                else {
+                    // @ts-ignore
+                    const clone = { ...ast, chi: astAtRule.chi.slice() };
+                    // @ts-ignore
+                    astAtRule.chi.length = 0;
+                    for (const r of expandRule(clone)) {
+                        if (r.typ == exports.EnumToken.AtRuleNodeType && 'chi' in r) {
+                            if (astAtRule.val !== '' && r.val !== '') {
+                                if (astAtRule.nam == 'media' && r.nam == 'media') {
+                                    r.val = astAtRule.val + ' and ' + r.val;
+                                }
+                                else if (astAtRule.nam == 'layer' && r.nam == 'layer') {
+                                    r.val = astAtRule.val + '.' + r.val;
+                                }
+                            }
+                            // @ts-ignore
+                            values.push(r);
+                        }
+                        else if (r.typ == exports.EnumToken.RuleNodeType) {
+                            // @ts-ignore
+                            astAtRule.chi.push(...expandRule(r));
+                        }
+                        // else {
+                        //
+                        //     // @ts-ignore
+                        //     astAtRule.chi.push(r);
+                        // }
+                    }
+                }
+                // @ts-ignore
+                result.push(...(astAtRule.chi.length > 0 ? [astAtRule].concat(values) : values));
+                ast.chi.splice(i--, 1);
+            }
+        }
+    }
+    // @ts-ignore
+    return ast.chi.length > 0 ? [ast].concat(result) : result;
+}
+/**
+ * replace compound selector
+ * @param input
+ * @param replace
+ */
+function replaceCompound(input, replace) {
+    const tokens = parseString(input);
+    let replacement = null;
+    for (const t of walkValues(tokens)) {
+        if (t.value.typ == exports.EnumToken.LiteralTokenType) {
+            if (t.value.val == '&') {
+                if (tokens.length == 2) {
+                    if (replacement == null) {
+                        replacement = parseString(replace);
+                    }
+                    // if (tokens[1].typ == EnumToken.IdenTokenType) {
+                    //
+                    //
+                    //     (t.value as LiteralToken).val = (replacement as Token[]).length == 1 || (!replace.includes(' ') && replace.charAt(0).match(/[:.]/)) ? (tokens[1] as IdentToken).val + replace : replaceCompoundLiteral((tokens[1] as IdentToken).val + '&', replace);
+                    //     tokens.splice(1, 1);
+                    // } else {
+                    t.value.val = replaceCompoundLiteral(t.value.val, replace);
+                    // }
+                    continue;
+                }
+                const rule = splitRule(replace);
+                t.value.val = rule.length > 1 ? ':is(' + replace + ')' : replace;
+            }
+            // else if ((t.value as LiteralToken).val.length > 1 && (t.value as LiteralToken).val.charAt(0) == '&') {
+            //
+            //     (t.value as LiteralToken).val = replaceCompoundLiteral((t.value as LiteralToken).val, replace);
+            // }
+        }
+    }
+    return tokens.reduce((acc, curr) => acc + renderToken(curr), '');
+}
+function replaceCompoundLiteral(selector, replace) {
+    const tokens = [''];
+    let i = 0;
+    for (; i < selector.length; i++) {
+        if (selector.charAt(i) == '&') {
+            tokens.push('&');
+            tokens.push('');
+        }
+        // else {
+        //
+        //     tokens[tokens.length - 1] += selector.charAt(i);
+        // }
+    }
+    return tokens.sort((a, b) => {
+        if (a == '&') {
+            return 1;
+        }
+        return b == '&' ? -1 : 0;
+    }).reduce((acc, curr) => {
+        // if (acc.length > 0 && curr == '&' && (replace.charAt(0) != '.' || replace.includes(' '))) {
+        //
+        //     return acc + ':is(' + replace + ')';
+        // }
+        return acc + (curr == '&' ? replace : curr);
+    }, '');
+}
+
 function parseResponse(response) {
     if (!response.ok) {
         throw new Error(`${response.status} ${response.statusText} ${response.url}`);
diff --git a/dist/index.d.ts b/dist/index.d.ts
index fb02214a..14b34b8e 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -1160,6 +1160,7 @@ interface ValidationOptions {
     validation?: boolean | ValidationLevel;
     lenient?: boolean;
     visited?: WeakMap<Token, Map<string, Set<ValidationToken>>>;
+    isOptional?:boolean | null;
     isRepeatable?:boolean | null;
     isList?:boolean | null;
     occurence?:boolean | null;
diff --git a/dist/lib/ast/expand.js b/dist/lib/ast/expand.js
index 45b2b3bb..4347401c 100644
--- a/dist/lib/ast/expand.js
+++ b/dist/lib/ast/expand.js
@@ -13,18 +13,22 @@ import '../syntax/color/utils/constants.js';
  */
 function expand(ast) {
     //
-    if (![EnumToken.RuleNodeType, EnumToken.StyleSheetNodeType, EnumToken.AtRuleNodeType].includes(ast.typ)) {
-        return ast;
-    }
-    if (EnumToken.RuleNodeType == ast.typ) {
-        return {
-            typ: EnumToken.StyleSheetNodeType,
-            chi: expandRule(ast)
-        };
-    }
-    if (!('chi' in ast)) {
-        return ast;
-    }
+    // if (![EnumToken.RuleNodeType, EnumToken.StyleSheetNodeType, EnumToken.AtRuleNodeType].includes(ast.typ)) {
+    //
+    //     return ast;
+    // }
+    // if (EnumToken.RuleNodeType == ast.typ) {
+    //
+    //     return <AstRuleStyleSheet>{
+    //         typ: EnumToken.StyleSheetNodeType,
+    //         chi: expandRule(<AstRule>ast)
+    //     }
+    // }
+    //
+    // if (!('chi' in ast)) {
+    //
+    //     return ast;
+    // }
     const result = { ...ast, chi: [] };
     // @ts-ignore
     for (let i = 0; i < ast.chi.length; i++) {
@@ -48,10 +52,11 @@ function expand(ast) {
             // @ts-ignore
             result.chi.push({ ...(hasRule ? expand(node) : node) });
         }
-        else {
-            // @ts-ignore
-            result.chi.push(node);
-        }
+        // else {
+        //
+        //     // @ts-ignore
+        //     result.chi.push(node);
+        // }
     }
     return result;
 }
@@ -65,24 +70,26 @@ function expandRule(node) {
                 const rule = ast.chi[i];
                 if (!rule.sel.includes('&')) {
                     const selRule = splitRule(rule.sel);
-                    if (selRule.length > 1) {
-                        const r = ':is(' + selRule.map(a => a.join('')).join(',') + ')';
-                        rule.sel = splitRule(ast.sel).reduce((a, b) => a.concat([b.join('') + r]), []).join(',');
-                    }
-                    else {
-                        // selRule = splitRule(selRule.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.join(''), ''));
-                        const arSelf = splitRule(ast.sel).filter((r) => r.every((t) => t != ':before' && t != ':after' && !t.startsWith('::'))).reduce((acc, curr) => acc.concat([curr.join('')]), []).join(',');
-                        if (arSelf.length == 0) {
-                            ast.chi.splice(i--, 1);
-                            continue;
-                        }
-                        //
-                        selRule.forEach(arr => combinators.includes(arr[0].charAt(0)) ? arr.unshift(arSelf) : arr.unshift(arSelf, ' '));
-                        rule.sel = selRule.reduce((acc, curr) => {
-                            acc.push(curr.join(''));
-                            return acc;
-                        }, []).join(',');
+                    // if (selRule.length > 1) {
+                    //
+                    //     const r: string = ':is(' + selRule.map(a => a.join('')).join(',') + ')';
+                    //     rule.sel = splitRule(ast.sel).reduce((a: string[], b: string[]): string[] => a.concat([b.join('') + r]), <string[]>[]).join(',');
+                    //
+                    // }
+                    // else {
+                    // selRule = splitRule(selRule.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.join(''), ''));
+                    const arSelf = splitRule(ast.sel).filter((r) => r.every((t) => t != ':before' && t != ':after' && !t.startsWith('::'))).reduce((acc, curr) => acc.concat([curr.join('')]), []).join(',');
+                    if (arSelf.length == 0) {
+                        ast.chi.splice(i--, 1);
+                        continue;
                     }
+                    //
+                    selRule.forEach(arr => combinators.includes(arr[0].charAt(0)) ? arr.unshift(arSelf) : arr.unshift(arSelf, ' '));
+                    rule.sel = selRule.reduce((acc, curr) => {
+                        acc.push(curr.join(''));
+                        return acc;
+                    }, []).join(',');
+                    // }
                 }
                 else {
                     let childSelectorCompound = [];
@@ -108,9 +115,10 @@ function expandRule(node) {
                                         if (s == '&' || parentSelector) {
                                             withCompound.push(s);
                                         }
-                                        else {
-                                            withoutCompound.push(s.slice(1));
-                                        }
+                                        // else {
+                                        //
+                                        //     withoutCompound.push(s.slice(1));
+                                        // }
                                     }
                                 }
                                 else {
@@ -121,9 +129,10 @@ function expandRule(node) {
                                 withCompound.push(s);
                             }
                         }
-                        else {
-                            withoutCompound.push(s);
-                        }
+                        // else {
+                        //
+                        //     withoutCompound.push(s);
+                        // }
                     }
                     const selectors = [];
                     const selector = rules.length > 1 ? ':is(' + rules.map(a => a.join('')).join(',') + ')' : rules[0].join('');
@@ -155,11 +164,13 @@ function expandRule(node) {
                         if (withCompound.length == 1) {
                             selectors.push(replaceCompound(withCompound[0], selector));
                         }
-                        else {
-                            for (const w of withCompound) {
-                                selectors.push(replaceCompound(w, selector));
-                            }
-                        }
+                        // else {
+                        //
+                        //     for (const w of withCompound) {
+                        //
+                        //         selectors.push(replaceCompound(w, selector));
+                        //     }
+                        // }
                     }
                     rule.sel = selectors.reduce((acc, curr) => curr.length == 0 ? acc : acc + (acc.length > 0 ? ',' : '') + curr, '');
                 }
@@ -200,10 +211,11 @@ function expandRule(node) {
                             // @ts-ignore
                             astAtRule.chi.push(...expandRule(r));
                         }
-                        else {
-                            // @ts-ignore
-                            astAtRule.chi.push(r);
-                        }
+                        // else {
+                        //
+                        //     // @ts-ignore
+                        //     astAtRule.chi.push(r);
+                        // }
                     }
                 }
                 // @ts-ignore
@@ -230,21 +242,23 @@ function replaceCompound(input, replace) {
                     if (replacement == null) {
                         replacement = parseString(replace);
                     }
-                    if (tokens[1].typ == EnumToken.IdenTokenType) {
-                        t.value.val = replacement.length == 1 || (!replace.includes(' ') && replace.charAt(0).match(/[:.]/)) ? tokens[1].val + replace : replaceCompoundLiteral(tokens[1].val + '&', replace);
-                        tokens.splice(1, 1);
-                    }
-                    else {
-                        t.value.val = replaceCompoundLiteral(t.value.val, replace);
-                    }
+                    // if (tokens[1].typ == EnumToken.IdenTokenType) {
+                    //
+                    //
+                    //     (t.value as LiteralToken).val = (replacement as Token[]).length == 1 || (!replace.includes(' ') && replace.charAt(0).match(/[:.]/)) ? (tokens[1] as IdentToken).val + replace : replaceCompoundLiteral((tokens[1] as IdentToken).val + '&', replace);
+                    //     tokens.splice(1, 1);
+                    // } else {
+                    t.value.val = replaceCompoundLiteral(t.value.val, replace);
+                    // }
                     continue;
                 }
                 const rule = splitRule(replace);
                 t.value.val = rule.length > 1 ? ':is(' + replace + ')' : replace;
             }
-            else if (t.value.val.length > 1 && t.value.val.charAt(0) == '&') {
-                t.value.val = replaceCompoundLiteral(t.value.val, replace);
-            }
+            // else if ((t.value as LiteralToken).val.length > 1 && (t.value as LiteralToken).val.charAt(0) == '&') {
+            //
+            //     (t.value as LiteralToken).val = replaceCompoundLiteral((t.value as LiteralToken).val, replace);
+            // }
         }
     }
     return tokens.reduce((acc, curr) => acc + renderToken(curr), '');
@@ -257,9 +271,10 @@ function replaceCompoundLiteral(selector, replace) {
             tokens.push('&');
             tokens.push('');
         }
-        else {
-            tokens[tokens.length - 1] += selector.charAt(i);
-        }
+        // else {
+        //
+        //     tokens[tokens.length - 1] += selector.charAt(i);
+        // }
     }
     return tokens.sort((a, b) => {
         if (a == '&') {
@@ -267,9 +282,10 @@ function replaceCompoundLiteral(selector, replace) {
         }
         return b == '&' ? -1 : 0;
     }).reduce((acc, curr) => {
-        if (acc.length > 0 && curr == '&' && (replace.charAt(0) != '.' || replace.includes(' '))) {
-            return acc + ':is(' + replace + ')';
-        }
+        // if (acc.length > 0 && curr == '&' && (replace.charAt(0) != '.' || replace.includes(' '))) {
+        //
+        //     return acc + ':is(' + replace + ')';
+        // }
         return acc + (curr == '&' ? replace : curr);
     }, '');
 }
diff --git a/dist/lib/ast/features/calc.js b/dist/lib/ast/features/calc.js
index 51b704fc..e0998217 100644
--- a/dist/lib/ast/features/calc.js
+++ b/dist/lib/ast/features/calc.js
@@ -57,7 +57,7 @@ class ComputeCalcExpressionFeature {
                     if (slice != null && node.typ == EnumToken.FunctionTokenType && mathFuncs.includes(node.val)) {
                         // @ts-ignore
                         const cp = (node.typ == EnumToken.FunctionTokenType && mathFuncs.includes(node.val) && node.val != 'calc' ? [node] : (node.typ == EnumToken.DeclarationNodeType ? node.val : node.chi)).slice();
-                        const values = evaluate(cp);
+                        evaluate(cp);
                         const key = 'chi' in node ? 'chi' : 'val';
                         const str1 = renderToken({ ...node, [key]: slice });
                         const str2 = renderToken(node); // values.reduce((acc: string, curr: Token): string => acc + renderToken(curr), '');
@@ -65,10 +65,11 @@ class ComputeCalcExpressionFeature {
                             // @ts-ignore
                             node[key] = slice;
                         }
-                        else {
-                            // @ts-ignore
-                            node[key] = values;
-                        }
+                        // else {
+                        //
+                        //     // @ts-ignore
+                        //     node[key] = values;
+                        // }
                         return WalkerOptionEnum.Ignore;
                     }
                     return null;
@@ -84,41 +85,42 @@ class ComputeCalcExpressionFeature {
                             // @ts-ignore
                             const children = parent.typ == EnumToken.DeclarationNodeType ? parent.val : parent.chi;
                             if (values.length == 1 && values[0].typ != EnumToken.BinaryExpressionTokenType) {
-                                if (parent.typ == EnumToken.BinaryExpressionTokenType) {
-                                    if (parent.l == value) {
-                                        parent.l = values[0];
-                                    }
-                                    else {
-                                        parent.r = values[0];
-                                    }
-                                }
-                                else {
-                                    for (let i = 0; i < children.length; i++) {
-                                        if (children[i] == value) {
-                                            // @ts-ignore
-                                            children.splice(i, 1, !(parent.typ == EnumToken.FunctionTokenType && parent.val == 'calc') && typeof values[0].val != 'string' ? {
-                                                typ: EnumToken.FunctionTokenType,
-                                                val: 'calc',
-                                                chi: values
-                                            } : values[0]);
-                                            break;
-                                        }
+                                // if (parent.typ == EnumToken.BinaryExpressionTokenType) {
+                                //
+                                //     if ((parent as BinaryExpressionToken).l == value) {
+                                //
+                                //         (parent as BinaryExpressionToken).l = values[0];
+                                //     } else {
+                                //
+                                //         (parent as BinaryExpressionToken).r = values[0];
+                                //     }
+                                // } else {
+                                for (let i = 0; i < children.length; i++) {
+                                    if (children[i] == value) {
+                                        // @ts-ignore
+                                        children.splice(i, 1, !(parent.typ == EnumToken.FunctionTokenType && parent.val == 'calc') && typeof values[0].val != 'string' ? {
+                                            typ: EnumToken.FunctionTokenType,
+                                            val: 'calc',
+                                            chi: values
+                                        } : values[0]);
+                                        break;
                                     }
                                 }
+                                // }
                             }
                             else {
                                 for (let i = 0; i < children.length; i++) {
                                     if (children[i] == value) {
-                                        if (parent.typ == EnumToken.FunctionTokenType && parent.val == 'calc') {
-                                            children.splice(i, 1, ...values);
-                                        }
-                                        else {
-                                            children.splice(i, 1, {
-                                                typ: EnumToken.FunctionTokenType,
-                                                val: 'calc',
-                                                chi: values
-                                            });
-                                        }
+                                        // if (parent.typ == EnumToken.FunctionTokenType && (parent as FunctionToken).val == 'calc') {
+                                        //
+                                        //     children.splice(i, 1, ...values);
+                                        // } else {
+                                        children.splice(i, 1, {
+                                            typ: EnumToken.FunctionTokenType,
+                                            val: 'calc',
+                                            chi: values
+                                        });
+                                        // }
                                         break;
                                     }
                                 }
diff --git a/dist/lib/ast/features/inlinecssvariables.js b/dist/lib/ast/features/inlinecssvariables.js
index 840a3cd4..5f8c2112 100644
--- a/dist/lib/ast/features/inlinecssvariables.js
+++ b/dist/lib/ast/features/inlinecssvariables.js
@@ -106,18 +106,25 @@ class InlineCssVariablesFeature {
                         replace(node, variableScope);
                     }
                 }
-                else {
-                    const info = variableScope.get(node.nam);
-                    info.globalScope = isRoot;
-                    if (!isRoot) {
-                        ++info.declarationCount;
-                    }
-                    if (info.replaceable) {
-                        info.replaceable = isRoot && info.declarationCount == 1;
-                    }
-                    info.parent.add(ast);
-                    info.node = node;
-                }
+                // else {
+                //
+                //     const info: VariableScopeInfo = <VariableScopeInfo>variableScope.get((<AstDeclaration>node).nam);
+                //
+                //     info.globalScope = isRoot;
+                //
+                //     if (!isRoot) {
+                //
+                //         ++info.declarationCount;
+                //     }
+                //
+                //     if (info.replaceable) {
+                //
+                //         info.replaceable = isRoot && info.declarationCount == 1;
+                //     }
+                //
+                //     info.parent.add(ast);
+                //     info.node = (<AstDeclaration>node);
+                // }
             }
             else {
                 replace(node, variableScope);
@@ -126,9 +133,10 @@ class InlineCssVariablesFeature {
     }
     cleanup(ast, options = {}, context) {
         const variableScope = context.variableScope;
-        if (variableScope == null) {
-            return;
-        }
+        // if (variableScope == null) {
+        //
+        //     return;
+        // }
         for (const info of variableScope.values()) {
             if (info.replaceable) {
                 let i;
diff --git a/dist/lib/ast/features/prefix.js b/dist/lib/ast/features/prefix.js
index 3f90a945..c7547f5a 100644
--- a/dist/lib/ast/features/prefix.js
+++ b/dist/lib/ast/features/prefix.js
@@ -2,9 +2,9 @@ import { EnumToken, SyntaxValidationResult } from '../types.js';
 import { getSyntaxConfig } from '../../validation/config.js';
 import '../../validation/parser/types.js';
 import '../../validation/parser/parse.js';
-import { splitRule, definedPropertySettings } from '../minify.js';
+import { splitRule } from '../minify.js';
 import { walkValues } from '../walk.js';
-import { parseAtRulePrelude, parseString } from '../../parser/parse.js';
+import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { pseudoAliasMap } from '../../syntax/syntax.js';
@@ -73,12 +73,15 @@ class ComputePrefixFeature {
     run(node) {
         if (node.typ == EnumToken.RuleNodeType) {
             node.sel = replacePseudo(splitRule(node.sel)).reduce((acc, curr, index) => acc + (index > 0 ? ',' : '') + curr.join(''), '');
-            if (node.raw != null) {
-                node.raw = replacePseudo(node.raw);
-            }
-            if (node.optimized != null) {
-                node.optimized.selector = replacePseudo(node.optimized.selector);
-            }
+            // if ((node as AstRule).raw != null) {
+            //
+            //     (node as AstRule).raw = replacePseudo((node as AstRule).raw as string[][]);
+            // }
+            //
+            // if ((node as AstRule).optimized != null) {
+            //
+            //     (node as AstRule).optimized!.selector = replacePseudo((node as AstRule).optimized!.selector as string[][]);
+            // }
             if (node.tokens != null) {
                 replaceAstNodes(node.tokens);
             }
@@ -114,10 +117,9 @@ class ComputePrefixFeature {
                 for (const { value } of walkValues(nodes)) {
                     if ((value.typ == EnumToken.IdenTokenType || funcLike.includes(value.typ))) {
                         const match = value.val.match(/^-([^-]+)-(.+)$/);
-                        if (match == null) {
-                            continue;
+                        if (match != null) {
+                            value.val = match[2];
                         }
-                        value.val = match[2];
                     }
                 }
                 if (SyntaxValidationResult.Valid == evaluateSyntax({ ...node, val: nodes }, {}).valid) {
@@ -133,13 +135,14 @@ class ComputePrefixFeature {
                 }
             }
             if (node.typ == EnumToken.AtRuleNodeType && node.val !== '') {
-                if (node.tokens == null) {
-                    Object.defineProperty(node, 'tokens', {
-                        // @ts-ignore
-                        ...definedPropertySettings,
-                        value: parseAtRulePrelude(parseString(node.val), node),
-                    });
-                }
+                // if ((node as AstAtRule).tokens == null) {
+                //
+                //     Object.defineProperty(node, 'tokens', {
+                //         // @ts-ignore
+                //         ...definedPropertySettings,
+                //         value: parseAtRulePrelude(parseString((node as AstAtRule).val), node as AstAtRule),
+                //     })
+                // }
                 if (replaceAstNodes(node.tokens)) {
                     node.val = node.tokens.reduce((acc, curr) => acc + renderToken(curr), '');
                 }
diff --git a/dist/lib/ast/features/transform.js b/dist/lib/ast/features/transform.js
index 78d6e62c..4e54bc43 100644
--- a/dist/lib/ast/features/transform.js
+++ b/dist/lib/ast/features/transform.js
@@ -40,7 +40,22 @@ class TransformCssFeature {
             if (node.typ != EnumToken.DeclarationNodeType || !node.nam.match(/^(-[a-z]+-)?transform$/)) {
                 continue;
             }
-            const children = node.val.slice();
+            const children = node.val.reduce((acc, curr) => {
+                if (curr.typ == EnumToken.FunctionTokenType && 'skew' == curr.val.toLowerCase()) {
+                    if (curr.chi.length == 3) {
+                        if (curr.chi[2].val == '0') {
+                            curr.chi.length = 1;
+                            curr.val = 'skew';
+                        }
+                        else if (curr.chi[0].val == '0') {
+                            curr.chi = [curr.chi[2]];
+                            curr.val = 'skewY';
+                        }
+                    }
+                }
+                acc.push(curr);
+                return acc;
+            }, []);
             consumeWhitespace(children);
             let { matrix, cumulative, minified } = compute(children) ?? {};
             if (matrix == null || cumulative == null || minified == null) {
diff --git a/dist/lib/ast/math/expression.js b/dist/lib/ast/math/expression.js
index 8440c429..12dfa666 100644
--- a/dist/lib/ast/math/expression.js
+++ b/dist/lib/ast/math/expression.js
@@ -1,13 +1,7 @@
 import { EnumToken } from '../types.js';
 import { rem, compute } from './math.js';
-import { reduceNumber } from '../../renderer/render.js';
-import '../../syntax/color/utils/constants.js';
-import '../minify.js';
-import '../walk.js';
-import '../../parser/parse.js';
-import '../../parser/tokenize.js';
-import '../../parser/utils/config.js';
 import { mathFuncs } from '../../syntax/syntax.js';
+import { minifyNumber } from '../../syntax/utils.js';
 
 /**
  * evaluate an array of tokens
@@ -38,12 +32,12 @@ function evaluate(tokens) {
         });
         return evaluateFunc(tokens[0]);
     }
-    try {
-        nodes = inlineExpression(evaluateExpression(buildExpression(tokens)));
-    }
-    catch (e) {
-        return tokens;
-    }
+    // try {
+    nodes = inlineExpression(evaluateExpression(buildExpression(tokens)));
+    // } catch (e) {
+    //
+    //     return tokens;
+    // }
     if (nodes.length <= 1) {
         if (nodes.length == 1) {
             if (nodes[0].typ == EnumToken.BinaryExpressionTokenType) {
@@ -116,48 +110,59 @@ function doEvaluate(l, r, op) {
     if (!isScalarToken(l) || !isScalarToken(r) || (l.typ == r.typ && 'unit' in l && 'unit' in r && l.unit != r.unit)) {
         return defaultReturn;
     }
-    if (l.typ == EnumToken.FunctionTokenType) {
-        const val = evaluateFunc(l);
-        if (val.length == 1) {
-            l = val[0];
-        }
-        else {
-            return defaultReturn;
-        }
-    }
+    // if (l.typ == EnumToken.FunctionTokenType) {
+    //
+    //     const val: Token[] = evaluateFunc(l as FunctionToken);
+    //
+    //     if (val.length == 1) {
+    //
+    //         l = val[0];
+    //     } else {
+    //
+    //         return defaultReturn;
+    //     }
+    // }
     if (r.typ == EnumToken.FunctionTokenType) {
         const val = evaluateFunc(r);
         if (val.length == 1) {
             r = val[0];
         }
-        else {
-            return defaultReturn;
-        }
-    }
-    if (l.typ == EnumToken.FunctionTokenType) {
-        const val = evaluateFunc(l);
-        if (val.length == 1) {
-            l = val[0];
-        }
+        // else {
+        //
+        //     return defaultReturn;
+        // }
     }
+    // if (l.typ == EnumToken.FunctionTokenType) {
+    //
+    //     const val = evaluateFunc(l as FunctionToken);
+    //
+    //     if (val.length == 1) {
+    //
+    //         l = val[0];
+    //     }
+    // }
     if ((op == EnumToken.Add || op == EnumToken.Sub)) {
         // @ts-ignore
         if (l.typ != r.typ) {
             return defaultReturn;
         }
     }
-    else if (op == EnumToken.Mul &&
-        ![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(l.typ) &&
-        ![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(r.typ)) {
-        return defaultReturn;
-    }
+    // else if (
+    //     op == EnumToken.Mul &&
+    //     ![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(l.typ) &&
+    //     ![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(r.typ)) {
+    //
+    //     return defaultReturn;
+    // }
     let typ = l.typ == EnumToken.NumberTokenType ? r.typ : (r.typ == EnumToken.NumberTokenType ? l.typ : (l.typ == EnumToken.PercentageTokenType ? r.typ : l.typ));
     // @ts-ignore
-    let v1 = getValue(l);
-    let v2 = getValue(r);
-    if (v1 == null || v2 == null) {
-        return defaultReturn;
-    }
+    let v1 = l.val?.typ == EnumToken.FractionTokenType ? l.val : getValue(l);
+    // @ts-ignore
+    let v2 = r.val?.typ == EnumToken.FractionTokenType ? r.val : getValue(r);
+    // if (v1 == null || v2 == null) {
+    //
+    //     return defaultReturn;
+    // }
     if (op == EnumToken.Mul) {
         if (l.typ != EnumToken.NumberTokenType && r.typ != EnumToken.NumberTokenType) {
             if (typeof v1 == 'number' && l.typ == EnumToken.PercentageTokenType) {
@@ -181,7 +186,7 @@ function doEvaluate(l, r, op) {
     const token = {
         ...(l.typ == EnumToken.NumberTokenType ? r : l),
         typ,
-        val: typeof val == 'number' ? reduceNumber(val) : val
+        val: typeof val == 'number' ? minifyNumber(val) : val
     };
     if (token.typ == EnumToken.IdenTokenType) {
         // @ts-ignore
@@ -190,22 +195,26 @@ function doEvaluate(l, r, op) {
     return token;
 }
 function getValue(t) {
-    let v1;
-    if (t.typ == EnumToken.FunctionTokenType) {
-        v1 = evaluateFunc(t);
-        if (v1.length != 1 || v1[0].typ == EnumToken.BinaryExpressionTokenType) {
-            return null;
-        }
-        t = v1[0];
-    }
+    // if (t.typ == EnumToken.FunctionTokenType) {
+    //
+    //     v1 = evaluateFunc(t as FunctionToken);
+    //
+    //     if (v1.length != 1 || v1[0].typ == EnumToken.BinaryExpressionTokenType) {
+    //
+    //         return null;
+    //     }
+    //
+    //     t = v1[0] as NumberToken | IdentToken;
+    // }
     if (t.typ == EnumToken.IdenTokenType) {
         // @ts-ignore
         return Math[t.val.toUpperCase()];
     }
-    if (t.val.typ == EnumToken.FractionTokenType) {
-        // @ts-ignore
-        return t.val.l.val / t.val.r.val;
-    }
+    // if ((t.val as FractionToken).typ == EnumToken.FractionTokenType) {
+    //
+    //     // @ts-ignore
+    //     return (t.val as FractionToken).l.val / (t.val as FractionToken).r.val;
+    // }
     // @ts-ignore
     return t.typ == EnumToken.FractionTokenType ? t.l.val / t.r.val : +t.val;
 }
@@ -223,9 +232,10 @@ function evaluateFunc(token) {
         case 'sqrt':
         case 'exp': {
             const value = evaluate(values);
-            if (value.length != 1 || (value[0].typ != EnumToken.NumberTokenType && value[0].typ != EnumToken.FractionTokenType) || (value[0].typ == EnumToken.FractionTokenType && (+value[0].r.val == 0 || !Number.isFinite(+value[0].l.val) || !Number.isFinite(+value[0].r.val)))) {
-                return value;
-            }
+            // if (value.length != 1 || (value[0].typ != EnumToken.NumberTokenType && value[0].typ != EnumToken.FractionTokenType) || (value[0].typ == EnumToken.FractionTokenType && (+(value[0] as FractionToken).r.val == 0 || !Number.isFinite(+(value[0] as FractionToken).l.val) || !Number.isFinite(+(value[0] as FractionToken).r.val)))) {
+            //
+            //     return value;
+            // }
             // @ts-ignore
             let val = value[0].typ == EnumToken.NumberTokenType ? +value[0].val : value[0].l.val / value[0].r.val;
             return [{
@@ -238,19 +248,22 @@ function evaluateFunc(token) {
             let all = [];
             let ref = chi[0];
             let value = 0;
-            if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(ref.typ) && !('unit' in ref)) {
-                return [token];
-            }
+            // if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(ref.typ) && !('unit' in ref)) {
+            //
+            //     return [token];
+            // }
             for (let i = 0; i < chi.length; i++) {
                 // @ts-ignore
-                if (chi[i].typ != ref.typ || ('unit' in chi[i] && 'unit' in ref && chi[i].unit != ref.unit)) {
-                    return [token];
-                }
+                // if (chi[i].typ != ref.typ || ('unit' in chi[i] && 'unit' in ref && chi[i].unit != ref.unit)) {
+                //
+                //     return [token];
+                // }
                 // @ts-ignore
                 const val = getValue(chi[i]);
-                if (val == null) {
-                    return [token];
-                }
+                // if (val == null) {
+                //
+                //     return [token];
+                // }
                 all.push(val);
                 value += val * val;
             }
@@ -266,35 +279,44 @@ function evaluateFunc(token) {
         case 'rem':
         case 'mod': {
             const chi = values.filter(t => ![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ));
-            if (chi.length != 3 || chi[1].typ != EnumToken.CommaTokenType) {
-                return [token];
-            }
-            if (token.val == 'pow' && (chi[0].typ != EnumToken.NumberTokenType || chi[2].typ != EnumToken.NumberTokenType)) {
-                return [token];
-            }
-            if (['rem', 'mod'].includes(token.val) &&
-                (chi[0].typ != chi[2].typ) || ('unit' in chi[0] && 'unit' in chi[2] &&
-                chi[0].unit != chi[2].unit)) {
-                return [token];
-            }
+            // if (chi.length != 3 || chi[1].typ != EnumToken.CommaTokenType) {
+            //
+            //     return [token];
+            // }
+            // if (token.val == 'pow' && (chi[0].typ != EnumToken.NumberTokenType || chi[2].typ != EnumToken.NumberTokenType)) {
+            //
+            //     return [token];
+            // }
+            // if (['rem', 'mod'].includes(token.val) &&
+            //     (
+            //         chi[0].typ != chi[2].typ) || (
+            //         'unit' in chi[0] && 'unit' in chi[2] &&
+            //         chi[0].unit != chi[2].unit
+            //     )) {
+            //
+            //     return [token];
+            // }
             // https://developer.mozilla.org/en-US/docs/Web/CSS/mod
             const v1 = evaluate([chi[0]]);
             const v2 = evaluate([chi[2]]);
-            const types = [EnumToken.PercentageTokenType, EnumToken.DimensionTokenType, EnumToken.AngleTokenType, EnumToken.NumberTokenType, EnumToken.LengthTokenType, EnumToken.TimeTokenType, EnumToken.FrequencyTokenType, EnumToken.ResolutionTokenType];
-            if (v1.length != 1 || v2.length != 1 || !types.includes(v1[0].typ) || !types.includes(v2[0].typ) || v1[0].unit != v2[0].unit) {
-                return [token];
-            }
+            [EnumToken.PercentageTokenType, EnumToken.DimensionTokenType, EnumToken.AngleTokenType, EnumToken.NumberTokenType, EnumToken.LengthTokenType, EnumToken.TimeTokenType, EnumToken.FrequencyTokenType, EnumToken.ResolutionTokenType];
+            // if (v1.length != 1 || v2.length != 1 || !types.includes(v1[0].typ) || !types.includes(v2[0].typ) || (v1[0] as DimensionToken).unit != (v2[0] as DimensionToken).unit) {
+            //
+            //     return [token];
+            // }
             // @ts-ignore
             const val1 = getValue(v1[0]);
             // @ts-ignore
             const val2 = getValue(v2[0]);
-            if (val1 == null || val2 == null || (v1[0].typ != v2[0].typ && val1 != 0 && val2 != 0)) {
-                return [token];
-            }
+            // if (val1 == null || val2 == null || (v1[0].typ != v2[0].typ && val1 != 0 && val2 != 0)) {
+            //
+            //     return [token];
+            // }
             if (token.val == 'rem') {
-                if (val2 == 0) {
-                    return [token];
-                }
+                // if (val2 == 0) {
+                //
+                //     return [token];
+                // }
                 return [
                     {
                         ...v1[0],
@@ -331,82 +353,84 @@ function evaluateFunc(token) {
         case 'log':
         case 'round':
         case 'min':
-        case 'max':
-            {
-                const strategy = token.val == 'round' && values[0]?.typ == EnumToken.IdenTokenType ? values.shift().val : null;
-                const valuesMap = new Map;
-                for (const curr of values) {
-                    if (curr.typ == EnumToken.CommaTokenType || curr.typ == EnumToken.WhitespaceTokenType || curr.typ == EnumToken.CommentTokenType) {
-                        continue;
-                    }
-                    const result = evaluate([curr]);
-                    if (result.length != 1 || result[0].typ == EnumToken.FunctionTokenType) {
-                        return [token];
-                    }
-                    const key = result[0].typ + ('unit' in result[0] ? result[0].unit : '');
-                    if (!valuesMap.has(key)) {
-                        valuesMap.set(key, []);
-                    }
-                    valuesMap.get(key).push(result[0]);
+        case 'max': {
+            const strategy = token.val == 'round' && values[0]?.typ == EnumToken.IdenTokenType ? values.shift().val : null;
+            const valuesMap = new Map;
+            for (const curr of values) {
+                if (curr.typ == EnumToken.CommaTokenType || curr.typ == EnumToken.WhitespaceTokenType || curr.typ == EnumToken.CommentTokenType) {
+                    continue;
+                }
+                const result = evaluate([curr]);
+                // if (result.length != 1 || result[0].typ == EnumToken.FunctionTokenType) {
+                //
+                //     return [token];
+                // }
+                const key = result[0].typ + ('unit' in result[0] ? result[0].unit : '');
+                if (!valuesMap.has(key)) {
+                    valuesMap.set(key, []);
                 }
-                if (valuesMap.size == 1) {
-                    const values = valuesMap.values().next().value;
-                    if (token.val == 'log') {
-                        if (values[0].typ != EnumToken.NumberTokenType || values.length > 2) {
-                            return [token];
+                valuesMap.get(key).push(result[0]);
+            }
+            if (valuesMap.size == 1) {
+                const values = valuesMap.values().next().value;
+                if (token.val == 'log') {
+                    // if (values[0].typ != EnumToken.NumberTokenType || values.length > 2) {
+                    //
+                    //     return [token];
+                    // }
+                    const val1 = getValue(values[0]);
+                    const val2 = values.length == 2 ? getValue(values[1]) : null;
+                    // if (values.length == 1) {
+                    //
+                    //     return [
+                    //         {
+                    //             ...values[0],
+                    //             val: String(Math.log(val1))
+                    //         } as DimensionToken | AngleToken | NumberToken | LengthToken | TimeToken | FrequencyToken | ResolutionToken];
+                    // }
+                    return [
+                        {
+                            ...values[0],
+                            val: String(Math.log(val1) / Math.log(val2))
                         }
-                        const val1 = getValue(values[0]);
-                        const val2 = values.length == 2 ? getValue(values[1]) : null;
-                        if (values.length == 1) {
-                            return [
-                                {
-                                    ...values[0],
-                                    val: String(Math.log(val1))
-                                }
-                            ];
+                    ];
+                }
+                if (token.val == 'min' || token.val == 'max') {
+                    let val = getValue(values[0]);
+                    let val2 = val;
+                    let ret = values[0];
+                    for (const curr of values.slice(1)) {
+                        val2 = getValue(curr);
+                        if (val2 < val && token.val == 'min') {
+                            val = val2;
+                            ret = curr;
                         }
-                        return [
-                            {
-                                ...values[0],
-                                val: String(Math.log(val1) / Math.log(val2))
-                            }
-                        ];
-                    }
-                    if (token.val == 'min' || token.val == 'max') {
-                        let val = getValue(values[0]);
-                        let val2 = val;
-                        let ret = values[0];
-                        for (const curr of values.slice(1)) {
-                            val2 = getValue(curr);
-                            if (val2 < val && token.val == 'min') {
-                                val = val2;
-                                ret = curr;
-                            }
-                            else if (val2 > val && token.val == 'max') {
-                                val = val2;
-                                ret = curr;
-                            }
+                        else if (val2 > val && token.val == 'max') {
+                            val = val2;
+                            ret = curr;
                         }
-                        return [ret];
                     }
-                    if (token.val == 'round') {
-                        let val = getValue(values[0]);
-                        let val2 = getValue(values[1]);
-                        if (Number.isNaN(val) || Number.isNaN(val2)) {
-                            return [token];
-                        }
-                        if (strategy == null || strategy == 'down') {
-                            val = val - (val % val2);
-                        }
-                        else {
-                            val = strategy == 'to-zero' ? Math.trunc(val / val2) * val2 : (strategy == 'nearest' ? Math.round(val / val2) * val2 : Math.ceil(val / val2) * val2);
-                        }
-                        // @ts-ignore
-                        return [{ ...values[0], val: String(val) }];
+                    return [ret];
+                }
+                if (token.val == 'round') {
+                    let val = getValue(values[0]);
+                    let val2 = getValue(values[1]);
+                    // if (Number.isNaN(val) || Number.isNaN(val2)) {
+                    //
+                    //     return [token];
+                    // }
+                    if (strategy == null || strategy == 'down') {
+                        val = val - (val % val2);
+                    }
+                    else {
+                        val = strategy == 'to-zero' ? Math.trunc(val / val2) * val2 : (strategy == 'nearest' ? Math.round(val / val2) * val2 : Math.ceil(val / val2) * val2);
                     }
+                    // @ts-ignore
+                    return [{ ...values[0], val: String(val) }];
                 }
             }
-            return [token];
+        }
+        // return [token];
     }
     return [token];
 }
@@ -416,10 +440,11 @@ function evaluateFunc(token) {
  */
 function inlineExpression(token) {
     const result = [];
-    if (token.typ == EnumToken.ParensTokenType && token.chi.length == 1) {
-        result.push(token.chi[0]);
-    }
-    else if (token.typ == EnumToken.BinaryExpressionTokenType) {
+    // if (token.typ == EnumToken.ParensTokenType && (token as ParensToken).chi.length == 1) {
+    //
+    //     result.push((token as ParensToken).chi[0]);
+    // } else
+    if (token.typ == EnumToken.BinaryExpressionTokenType) {
         if ([EnumToken.Mul, EnumToken.Div].includes(token.op)) {
             result.push(token);
         }
diff --git a/dist/lib/ast/math/math.js b/dist/lib/ast/math/math.js
index 143fbdef..36558e24 100644
--- a/dist/lib/ast/math/math.js
+++ b/dist/lib/ast/math/math.js
@@ -1,11 +1,12 @@
 import { EnumToken } from '../types.js';
-import { reduceNumber } from '../../renderer/render.js';
-import '../../syntax/color/utils/constants.js';
 import '../minify.js';
 import '../walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
+import '../../syntax/color/utils/constants.js';
+import '../../renderer/sourcemap/lib/encode.js';
+import { minifyNumber } from '../../syntax/utils.js';
 
 function gcd(x, y) {
     x = Math.abs(x);
@@ -14,16 +15,17 @@ function gcd(x, y) {
         return x;
     }
     let t;
-    if (x == 0) {
-        return y;
-    }
-    if (y == 0) {
-        return x;
-    }
+    // if (x == 0) {
+    //
+    //     return y;
+    // }
+    //
+    // if (y == 0) {
+    //
+    //     return x;
+    // }
     if (y > x) {
-        t = x;
-        x = y;
-        y = t;
+        [x, y] = [y, x];
     }
     while (y) {
         t = y;
@@ -47,22 +49,22 @@ function compute(a, b, op) {
                     return r[0];
                 }
                 const result = a / b;
-                const r2 = reduceNumber(r[0]) + '/' + reduceNumber(r[1]);
-                return reduceNumber(result).length <= r2.length ? result : {
+                const r2 = minifyNumber(r[0]) + '/' + minifyNumber(r[1]);
+                return minifyNumber(result).length < r2.length ? result : {
                     typ: EnumToken.FractionTokenType,
-                    l: { typ: EnumToken.NumberTokenType, val: reduceNumber(r[0]) },
-                    r: { typ: EnumToken.NumberTokenType, val: reduceNumber(r[1]) }
+                    l: { typ: EnumToken.NumberTokenType, val: minifyNumber(r[0]) },
+                    r: { typ: EnumToken.NumberTokenType, val: minifyNumber(r[1]) }
                 };
         }
     }
     let l1 = typeof a == 'number' ? {
         typ: EnumToken.FractionTokenType,
-        l: { typ: EnumToken.NumberTokenType, val: reduceNumber(a) },
+        l: { typ: EnumToken.NumberTokenType, val: minifyNumber(a) },
         r: { typ: EnumToken.NumberTokenType, val: '1' }
     } : a;
     let r1 = typeof b == 'number' ? {
         typ: EnumToken.FractionTokenType,
-        l: { typ: EnumToken.NumberTokenType, val: reduceNumber(b) },
+        l: { typ: EnumToken.NumberTokenType, val: minifyNumber(b) },
         r: { typ: EnumToken.NumberTokenType, val: '1' }
     } : b;
     let l2;
@@ -99,10 +101,10 @@ function compute(a, b, op) {
         return a2[0];
     }
     const result = a2[0] / a2[1];
-    return reduceNumber(result).length <= reduceNumber(a2[0]).length + 1 + reduceNumber(a2[1]).length ? result : {
+    return minifyNumber(result).length <= minifyNumber(a2[0]).length + 1 + minifyNumber(a2[1]).length ? result : {
         typ: EnumToken.FractionTokenType,
-        l: { typ: EnumToken.NumberTokenType, val: reduceNumber(a2[0]) },
-        r: { typ: EnumToken.NumberTokenType, val: reduceNumber(a2[1]) }
+        l: { typ: EnumToken.NumberTokenType, val: minifyNumber(a2[0]) },
+        r: { typ: EnumToken.NumberTokenType, val: minifyNumber(a2[1]) }
     };
 }
 function rem(...a) {
diff --git a/dist/lib/ast/minify.js b/dist/lib/ast/minify.js
index b6cf8013..51c17c67 100644
--- a/dist/lib/ast/minify.js
+++ b/dist/lib/ast/minify.js
@@ -3,11 +3,10 @@ import '../parser/tokenize.js';
 import '../parser/utils/config.js';
 import { EnumToken } from './types.js';
 import { walkValues } from './walk.js';
-import { replaceCompound } from './expand.js';
-import { isWhiteSpace, isIdent, isFunction, isIdentStart } from '../syntax/syntax.js';
-import { eq } from '../parser/utils/eq.js';
 import { doRender, renderToken } from '../renderer/render.js';
 import '../syntax/color/utils/constants.js';
+import { isWhiteSpace, isIdent, isFunction, isIdentStart } from '../syntax/syntax.js';
+import { eq } from '../parser/utils/eq.js';
 import * as index from './features/index.js';
 import { FeatureWalkMode } from './features/type.js';
 
@@ -124,22 +123,25 @@ function minify(ast, options = {}, recursive = false, errors, nestingContent, co
 }
 function reduce(acc, curr, index, array) {
     // trim :is()
-    if (array.length == 1 && array[0][0] == ':is(' && array[0].at(-1) == ')') {
-        curr = curr.slice(1, -1);
-    }
+    // if (array.length == 1 && array[0][0] == ':is(' && array[0].at(-1) == ')') {
+    //
+    //     curr = curr.slice(1, -1);
+    // }
     if (curr[0] == '&') {
         if (curr[1] == ' ' && !isIdent(curr[2]) && !isFunction(curr[2])) {
             curr.splice(0, 2);
         }
-        else if (combinators.includes(curr[1])) {
-            curr.shift();
-        }
-    }
-    else { // @ts-ignore
-        if (this.typ == EnumToken.RuleNodeType && (isIdent(curr[0]) || isFunction(curr[0]))) {
-            curr.unshift('&', ' ');
-        }
+        // else if (combinators.includes(curr[1])) {
+        //
+        //     curr.shift();
+        // }
     }
+    // else { // @ts-ignore
+    //     if (this.typ == EnumToken.RuleNodeType && (isIdent(curr[0]) || isFunction(curr[0]))) {
+    //
+    //         curr.unshift('&', ' ');
+    //     }
+    // }
     acc.push(curr.join(''));
     return acc;
 }
@@ -170,11 +172,12 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
             // @ts-ignore
             node = ast.chi[i];
             // @ts-ignore
-            if (previous == node) {
-                // @ts-ignore
-                ast.chi.splice(i--, 1);
-                continue;
-            }
+            // if (previous == node) {
+            //
+            //     // @ts-ignore
+            //     ast.chi.splice(i--, 1);
+            //     continue;
+            // }
             if (node.typ == EnumToken.AtRuleNodeType && node.nam == 'font-face') {
                 continue;
             }
@@ -191,7 +194,7 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                     doMinify(node, options, true, errors, nestingContent, context);
                 }
             }
-            if (node.typ == EnumToken.KeyFrameRuleNodeType) {
+            else if (node.typ == EnumToken.KeyFrameRuleNodeType) {
                 if (previous?.typ == EnumToken.KeyFrameRuleNodeType &&
                     node.sel == previous.sel) {
                     previous.chi.push(...node.chi);
@@ -216,7 +219,7 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                     }
                 }
             }
-            if (node.typ == EnumToken.AtRuleNodeType) {
+            else if (node.typ == EnumToken.AtRuleNodeType) {
                 // @ts-ignore
                 if (node.nam == 'media' && ['all', '', null].includes(node.val)) {
                     // @ts-ignore
@@ -244,7 +247,7 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                 continue;
             }
             // @ts-ignore
-            if (node.typ == EnumToken.RuleNodeType) {
+            else if (node.typ == EnumToken.RuleNodeType) {
                 reduceRuleSelector(node);
                 let wrapper;
                 let match;
@@ -255,7 +258,7 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                         // @ts-ignore
                         reduceRuleSelector(previous);
                         // @ts-ignore
-                        match = matchSelectors(previous.raw, node.raw, ast.typ, errors);
+                        match = matchSelectors(previous.raw, node.raw, ast.typ);
                         // @ts-ignore
                         if (match != null) {
                             // @ts-ignore
@@ -277,7 +280,7 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                             }
                             reduceRuleSelector(nextNode);
                             // @ts-ignore
-                            match = matchSelectors(wrapper.raw, nextNode.raw, ast.typ, errors);
+                            match = matchSelectors(wrapper.raw, nextNode.raw, ast.typ);
                             // @ts-ignore
                             if (match == null) {
                                 break;
@@ -326,12 +329,12 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                                 curr.splice(0, 2);
                             }
                             else {
-                                if (ast.typ != EnumToken.RuleNodeType && combinators.includes(curr[1])) {
-                                    wrap = false;
-                                }
-                                else {
-                                    curr.splice(0, 1);
-                                }
+                                // if (ast.typ != EnumToken.RuleNodeType && combinators.includes(curr[1])) {
+                                //
+                                //     wrap = false;
+                                // } else {
+                                curr.splice(0, 1);
+                                // }
                             }
                         }
                         else if (combinators.includes(curr[0])) {
@@ -373,10 +376,11 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                     }
                     // @ts-ignore
                     let sel = wrap ? node.optimized.optimized.join('') + `:is(${rule})` : rule;
-                    if (rule.includes('&')) {
-                        // @ts-ignore
-                        rule = replaceCompound(rule, node.optimized.optimized[0]);
-                    }
+                    // if (rule.includes('&')) {
+                    //
+                    //     // @ts-ignore
+                    //     rule = replaceCompound(rule, node.optimized.optimized[0]);
+                    // }
                     if (sel.length < node.sel.length) {
                         node.sel = sel;
                     }
@@ -410,12 +414,12 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                                 // @ts-ignore
                                 ast.chi.splice(nodeIndex, 1);
                                 // @ts-ignore
-                                if (!hasDeclaration(node)) {
-                                    // @ts-ignore
-                                    // minifyRule(node, <MinifyOptions>options, ast, context);
-                                    // } else {
-                                    doMinify(node, options, recursive, errors, nestingContent, context);
-                                }
+                                // if (!hasDeclaration(node)) {
+                                //     // @ts-ignore
+                                //     // minifyRule(node, <MinifyOptions>options, ast, context);
+                                //     // } else {
+                                //     doMinify(node, options, recursive, errors, nestingContent, context);
+                                // }
                                 i--;
                                 previous = node;
                                 nodeIndex = i;
@@ -473,17 +477,21 @@ function doMinify(ast, options = {}, recursive = false, errors, nestingContent,
                         }
                     }
                 }
-                else {
-                    if ('chi' in previous) {
-                        // @ts-ignore
-                        if (!hasDeclaration(previous)) {
-                            // @ts-ignore
-                            // minifyRule(previous, <MinifyOptions>options, ast, context);
-                            // } else {
-                            doMinify(previous, options, recursive, errors, nestingContent, context);
-                        }
-                    }
-                }
+                // else {
+                //
+                //     if ('chi' in previous) {
+                //
+                //         // @ts-ignore
+                //         if (!hasDeclaration(previous)) {
+                //
+                //             // @ts-ignore
+                //             // minifyRule(previous, <MinifyOptions>options, ast, context);
+                //             // } else {
+                //
+                //             doMinify(previous, options, recursive, errors, nestingContent, context);
+                //         }
+                //     }
+                // }
             }
             // else if ('chi' in node) {
             //
@@ -533,10 +541,14 @@ function hasDeclaration(node) {
     }
     return true;
 }
-function reduceSelector(selector) {
-    if (selector.length == 0) {
-        return null;
-    }
+/**
+ * optimize selector
+ * @param selector
+ */
+function optimizeSelector(selector) {
+    // if (selector.length == 0) {
+    //     return null;
+    // }
     selector = selector.reduce((acc, curr) => {
         // @ts-ignore
         if (curr.length > 0 && curr.at(-1).startsWith(':is(')) {
@@ -585,10 +597,10 @@ function reduceSelector(selector) {
     }
     selector.forEach((selector) => selector.splice(0, optimized.length));
     // combinator
-    if (combinators.includes(optimized.at(-1))) {
-        const combinator = optimized.pop();
-        selector.forEach((selector) => selector.unshift(combinator));
-    }
+    // if (combinators.includes(<string>optimized.at(-1))) {
+    //     const combinator: string = <string>optimized.pop();
+    //     selector.forEach((selector: string[]) => selector.unshift(combinator));
+    // }
     let reducible = optimized.length == 1;
     if (optimized[0] == '&') {
         if (optimized[1] == ' ') {
@@ -643,14 +655,17 @@ function splitRule(buffer) {
     for (let i = 0; i < buffer.length; i++) {
         let chr = buffer.charAt(i);
         if (isWhiteSpace(chr.charCodeAt(0))) {
-            let k = i;
-            while (k + 1 < buffer.length) {
-                if (isWhiteSpace(buffer[k + 1].charCodeAt(0))) {
-                    k++;
-                    continue;
-                }
-                break;
-            }
+            // let k: number = i;
+            // while (k + 1 < buffer.length) {
+            //
+            //     if (isWhiteSpace(buffer[k + 1].charCodeAt(0))) {
+            //
+            //         k++;
+            //         continue;
+            //     }
+            //
+            //     break;
+            // }
             if (str !== '') {
                 // @ts-ignore
                 result.at(-1).push(str);
@@ -661,7 +676,7 @@ function splitRule(buffer) {
                 // @ts-ignore
                 result.at(-1).push(' ');
             }
-            i = k;
+            // i = k;
             continue;
         }
         if (chr == ',') {
@@ -712,21 +727,22 @@ function splitRule(buffer) {
             str += buffer.charAt(++i);
             continue;
         }
-        if (chr == '"' || chr == "'") {
-            let k = i;
-            while (++k < buffer.length) {
-                chr = buffer.charAt(k);
-                str += chr;
-                if (chr == '//') {
-                    str += buffer.charAt(++k);
-                    continue;
-                }
-                if (chr == buffer.charAt(i)) {
-                    break;
-                }
-            }
-            continue;
-        }
+        // if (chr == '"' || chr == "'") {
+        //
+        //     let k = i;
+        //     while (++k < buffer.length) {
+        //         chr = buffer.charAt(k);
+        //         str += chr;
+        //         if (chr == '//') {
+        //             str += buffer.charAt(++k);
+        //             continue;
+        //         }
+        //         if (chr == buffer.charAt(i)) {
+        //             break;
+        //         }
+        //     }
+        //     continue;
+        // }
         if (chr == '(' || chr == '[') {
             const open = chr;
             const close = chr == '(' ? ')' : ']';
@@ -759,6 +775,79 @@ function splitRule(buffer) {
     }
     return result;
 }
+function reduceSelector(acc, curr) {
+    // if (acc === null) {
+    //
+    //     return null;
+    // }
+    let hasCompoundSelector = true;
+    // @ts-ignore
+    curr = curr.slice(this.match[0].length);
+    while (curr.length > 0) {
+        if (curr[0] == ' ') {
+            hasCompoundSelector = false;
+            curr.unshift('&');
+            continue;
+        }
+        break;
+    }
+    // invalid function match
+    // if (curr.length > 0 && curr[0].endsWith('(') && curr.at(-1) != ')') {
+    //
+    //     return null;
+    // }
+    //
+    // if (curr.length == 1 && combinators.includes(curr[0].charAt(0))) {
+    //
+    //     return null;
+    // }
+    if (hasCompoundSelector && curr.length > 0) {
+        hasCompoundSelector = !['&'].concat(combinators).includes(curr[0].charAt(0));
+    }
+    if (curr[0] == ':is(') {
+        let canReduce = true;
+        const isCompound = curr.reduce((acc, token, index) => {
+            if (index == 0) {
+                canReduce = curr[1] == '&';
+            }
+            // else if (token.endsWith('(')) {
+            //
+            //     if (inFunction == 0) {
+            //
+            //         canReduce = false;
+            //     }
+            //
+            //     inFunction++;
+            // }
+            else if (token == ')') ;
+            else if (token == ',') {
+                if (!canReduce) {
+                    canReduce = curr[index + 1] == '&';
+                }
+                acc.push([]);
+            }
+            else
+                acc.at(-1)?.push(token);
+            return acc;
+        }, [[]]);
+        // if (inFunction > 0) {
+        //
+        //     canReduce = false;
+        // }
+        if (canReduce) {
+            curr = isCompound.reduce((acc, curr) => {
+                if (acc.length > 0) {
+                    acc.push(',');
+                }
+                acc.push(...curr);
+                return acc;
+            }, []);
+        }
+    }
+    // @ts-ignore
+    acc.push(this.match.length == 0 ? ['&'] : (hasCompoundSelector && curr[0] != '&' && (curr.length == 0 || !combinators.includes(curr[0].charAt(0))) ? ['&'].concat(curr) : curr));
+    return acc;
+}
 function matchSelectors(selector1, selector2, parentType, errors) {
     let match = [[]];
     const j = Math.min(selector1.reduce((acc, curr) => Math.min(acc, curr.length), selector1.length > 0 ? selector1[0].length : 0), selector2.reduce((acc, curr) => Math.min(acc, curr.length), selector2.length > 0 ? selector2[0].length : 0));
@@ -790,47 +879,52 @@ function matchSelectors(selector1, selector2, parentType, errors) {
         if (!matching) {
             break;
         }
-        if (token == ',') {
-            match.push([]);
-        }
-        else {
-            if (token.endsWith('(')) {
-                matchFunction++;
-            }
-            if (token.endsWith('[')) {
-                inAttr++;
-            }
-            else if (token == ')') {
-                matchFunction--;
-            }
-            else if (token == ']') {
-                inAttr--;
-            }
-            match.at(-1).push(token);
+        // if (token == ',') {
+        //
+        //     match.push([]);
+        // } else {
+        if (token.endsWith('(')) {
+            matchFunction++;
         }
+        // if (token.endsWith('[')) {
+        //
+        //     inAttr++;
+        // } else if (token == ')') {
+        //
+        //     matchFunction--;
+        // } else if (token == ']') {
+        //
+        //     inAttr--;
+        // }
+        match.at(-1).push(token);
+        // }
     }
     // invalid function
     if (matchFunction != 0 || inAttr != 0) {
         return null;
     }
-    if (parentType != EnumToken.RuleNodeType) {
-        for (const part of match) {
-            if (part.length > 0 && combinators.includes(part[0].charAt(0))) {
-                return null;
-            }
-        }
-    }
-    if (match.length > 1) {
-        errors?.push({
-            action: 'ignore',
-            message: `minify: unsupported multilevel matching\n${JSON.stringify({
-                match,
-                selector1,
-                selector2
-            }, null, 1)}`
-        });
-        return null;
-    }
+    // if (parentType != EnumToken.RuleNodeType) {
+    //
+    //     for (const part of match) {
+    //
+    //         if (part.length > 0 && combinators.includes(part[0].charAt(0))) {
+    //
+    //             return null;
+    //         }
+    //     }
+    // }
+    // if (match.length > 1) {
+    //
+    //     errors?.push({
+    //         action: 'ignore',
+    //         message: `minify: unsupported multilevel matching\n${JSON.stringify({
+    //             match,
+    //             selector1,
+    //             selector2
+    //         }, null, 1)}`
+    //     });
+    //     return null;
+    // }
     for (const part of match) {
         while (part.length > 0) {
             const token = part.at(-1);
@@ -847,77 +941,11 @@ function matchSelectors(selector1, selector2, parentType, errors) {
     if (eq([['&']], match)) {
         return null;
     }
-    function reduce(acc, curr) {
-        if (acc === null) {
-            return null;
-        }
-        let hasCompoundSelector = true;
-        curr = curr.slice(match[0].length);
-        while (curr.length > 0) {
-            if (curr[0] == ' ') {
-                hasCompoundSelector = false;
-                curr.unshift('&');
-                continue;
-            }
-            break;
-        }
-        // invalid function match
-        if (curr.length > 0 && curr[0].endsWith('(') && curr.at(-1) != ')') {
-            return null;
-        }
-        if (curr.length == 1 && combinators.includes(curr[0].charAt(0))) {
-            return null;
-        }
-        if (hasCompoundSelector && curr.length > 0) {
-            hasCompoundSelector = !['&'].concat(combinators).includes(curr[0].charAt(0));
-        }
-        if (curr[0] == ':is(') {
-            let inFunction = 0;
-            let canReduce = true;
-            const isCompound = curr.reduce((acc, token, index) => {
-                if (index == 0) {
-                    inFunction++;
-                    canReduce = curr[1] == '&';
-                }
-                else if (token.endsWith('(')) {
-                    if (inFunction == 0) {
-                        canReduce = false;
-                    }
-                    inFunction++;
-                }
-                else if (token == ')') {
-                    inFunction--;
-                }
-                else if (token == ',') {
-                    if (!canReduce) {
-                        canReduce = curr[index + 1] == '&';
-                    }
-                    acc.push([]);
-                }
-                else
-                    acc.at(-1)?.push(token);
-                return acc;
-            }, [[]]);
-            if (inFunction > 0) {
-                canReduce = false;
-            }
-            if (canReduce) {
-                curr = isCompound.reduce((acc, curr) => {
-                    if (acc.length > 0) {
-                        acc.push(',');
-                    }
-                    acc.push(...curr);
-                    return acc;
-                }, []);
-            }
-        }
-        acc.push(match.length == 0 ? ['&'] : (hasCompoundSelector && curr[0] != '&' && (curr.length == 0 || !combinators.includes(curr[0].charAt(0))) ? ['&'].concat(curr) : curr));
-        return acc;
-    }
+    const reducer = reduceSelector.bind({ match });
     // @ts-ignore
-    selector1 = selector1.reduce(reduce, []);
+    selector1 = selector1.reduce(reducer, []);
     // @ts-ignore
-    selector2 = selector2.reduce(reduce, []);
+    selector2 = selector2.reduce(reducer, []);
     return selector1 == null || selector2 == null ? null : {
         eq: eq(selector1, selector2),
         match,
@@ -1002,9 +1030,10 @@ function diff(n1, n2, reducer, options = {}) {
     }
     let i = node1.chi.length;
     let j = node2.chi.length;
-    if (i == 0 || j == 0) {
-        return null;
-    }
+    // if (i == 0 || j == 0) {
+    //
+    //     return null;
+    // }
     const raw1 = node1.raw;
     const raw2 = node2.raw;
     if (raw1 != null && raw2 != null) {
@@ -1075,9 +1104,10 @@ function diff(n1, n2, reducer, options = {}) {
             continue;
         }
         j = node2.chi.length;
-        if (j == 0) {
-            break;
-        }
+        // if (j == 0) {
+        //
+        //     break;
+        // }
         while (j--) {
             if (node2.chi[j].typ == EnumToken.CommentNodeType) {
                 continue;
@@ -1119,7 +1149,7 @@ function reduceRuleSelector(node) {
     if (node.raw == null) {
         Object.defineProperty(node, 'raw', { ...definedPropertySettings, value: splitRule(node.sel) });
     }
-    let optimized = reduceSelector(node.raw.reduce((acc, curr) => {
+    let optimized = optimizeSelector(node.raw.reduce((acc, curr) => {
         acc.push(curr.slice());
         return acc;
     }, []));
diff --git a/dist/lib/ast/transform/compute.js b/dist/lib/ast/transform/compute.js
index 932dd0cd..648a8e28 100644
--- a/dist/lib/ast/transform/compute.js
+++ b/dist/lib/ast/transform/compute.js
@@ -1,7 +1,7 @@
 import { multiply, identity } from './utils.js';
 import { EnumToken } from '../types.js';
-import { length2Px } from './convert.js';
 import { transformFunctions } from '../../syntax/syntax.js';
+import { length2Px } from '../../syntax/utils.js';
 import '../minify.js';
 import '../walk.js';
 import '../../parser/parse.js';
@@ -22,9 +22,10 @@ import { perspective } from './perspective.js';
 function compute(transformLists) {
     transformLists = transformLists.slice();
     stripCommaToken(transformLists);
-    if (transformLists.length == 0) {
-        return null;
-    }
+    // if (transformLists.length == 0) {
+    //
+    //     return null;
+    // }
     let matrix = identity();
     let mat;
     const cumulative = [];
@@ -60,9 +61,10 @@ function computeMatrix(transformList, matrixVar) {
     let val;
     let i = 0;
     for (; i < transformList.length; i++) {
-        if (transformList[i].typ == EnumToken.WhitespaceTokenType) {
-            continue;
-        }
+        // if (transformList[i].typ == EnumToken.WhitespaceTokenType) {
+        //
+        //     continue;
+        // }
         if (transformList[i].typ != EnumToken.FunctionTokenType || !transformFunctions.includes(transformList[i].val)) {
             return null;
         }
@@ -75,25 +77,27 @@ function computeMatrix(transformList, matrixVar) {
                 {
                     values.length = 0;
                     const children = stripCommaToken(transformList[i].chi.slice());
-                    if (children == null || children.length == 0) {
-                        return null;
-                    }
+                    // if (children == null || children.length == 0) {
+                    //
+                    //     return null;
+                    // }
                     const valCount = transformList[i].val == 'translate3d' || transformList[i].val == 'translate' ? 3 : 1;
-                    if (children.length == 1 && children[0].typ == EnumToken.IdenTokenType && children[0].val == 'none') {
-                        values.fill(0, 0, valCount);
-                    }
-                    else {
-                        for (let j = 0; j < children.length; j++) {
-                            if (children[j].typ == EnumToken.WhitespaceTokenType) {
-                                continue;
-                            }
-                            val = length2Px(children[j]);
-                            if (typeof val != 'number' || Number.isNaN(val)) {
-                                return null;
-                            }
-                            values.push(val);
+                    // if (children.length == 1 && children[0].typ == EnumToken.IdenTokenType && (children[0] as IdentToken).val == 'none') {
+                    //
+                    //     values.fill(0, 0, valCount);
+                    //
+                    // } else {
+                    for (let j = 0; j < children.length; j++) {
+                        if (children[j].typ == EnumToken.WhitespaceTokenType) {
+                            continue;
                         }
+                        val = length2Px(children[j]);
+                        if (val == null) {
+                            return null;
+                        }
+                        values.push(val);
                     }
+                    // }
                     if (values.length == 0 || values.length > valCount) {
                         return null;
                     }
@@ -128,9 +132,10 @@ function computeMatrix(transformList, matrixVar) {
                     let values = [];
                     let valuesCount = transformList[i].val == 'rotate3d' ? 4 : 1;
                     for (const child of stripCommaToken(transformList[i].chi.slice())) {
-                        if (child.typ == EnumToken.WhitespaceTokenType) {
-                            continue;
-                        }
+                        // if (child.typ == EnumToken.WhitespaceTokenType) {
+                        //
+                        //     continue;
+                        // }
                         values.push(child);
                         if (transformList[i].val == 'rotateX') {
                             x = 1;
@@ -173,17 +178,19 @@ function computeMatrix(transformList, matrixVar) {
                     const children = stripCommaToken(transformList[i].chi.slice());
                     for (let k = 0; k < children.length; k++) {
                         child = children[k];
-                        if (child.typ == EnumToken.CommentTokenType || child.typ == EnumToken.WhitespaceTokenType) {
-                            continue;
-                        }
+                        // if (child.typ == EnumToken.CommentTokenType || child.typ == EnumToken.WhitespaceTokenType) {
+                        //
+                        //     continue;
+                        // }
                         if (child.typ != EnumToken.NumberTokenType) {
                             return null;
                         }
                         values.push(getNumber(child));
                     }
-                    if (values.length == 0) {
-                        return null;
-                    }
+                    // if (values.length == 0) {
+                    //
+                    //     return null;
+                    // }
                     if (transformList[i].val == 'scale3d') {
                         if (values.length != 3) {
                             return null;
@@ -221,13 +228,16 @@ function computeMatrix(transformList, matrixVar) {
                     let value;
                     for (let k = 0; k < transformList[i].chi.length; k++) {
                         child = transformList[i].chi[k];
-                        if (child.typ == EnumToken.CommentTokenType || child.typ == EnumToken.WhitespaceTokenType) {
+                        if (child.typ == EnumToken.CommentTokenType ||
+                            child.typ == EnumToken.CommaTokenType ||
+                            child.typ == EnumToken.WhitespaceTokenType) {
                             continue;
                         }
                         value = getAngle(child);
-                        if (value == null) {
-                            return null;
-                        }
+                        // if (value == null) {
+                        //
+                        //     return null;
+                        // }
                         values.push(value * 2 * Math.PI);
                     }
                     if (values.length == 0 || (values.length > (transformList[i].val == 'skew' ? 2 : 1))) {
diff --git a/dist/lib/ast/transform/convert.js b/dist/lib/ast/transform/convert.js
deleted file mode 100644
index 19d41f22..00000000
--- a/dist/lib/ast/transform/convert.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import { EnumToken } from '../types.js';
-
-// https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Values_and_units#absolute_length_units
-function length2Px(value) {
-    if (value.typ == EnumToken.NumberTokenType) {
-        return +value.val;
-    }
-    switch (value.unit) {
-        case 'cm':
-            // @ts-ignore
-            return value.val * 37.8;
-        case 'mm':
-            // @ts-ignore
-            return value.val * 3.78;
-        case 'Q':
-            // @ts-ignore
-            return value.val * 37.8 / 40;
-        case 'in':
-            // @ts-ignore
-            return value.val / 96;
-        case 'pc':
-            // @ts-ignore
-            return value.val / 16;
-        case 'pt':
-            // @ts-ignore
-            return value.val * 4 / 3;
-        case 'px':
-            return +value.val;
-    }
-    return null;
-}
-
-export { length2Px };
diff --git a/dist/lib/ast/transform/matrix.js b/dist/lib/ast/transform/matrix.js
index a3723dfd..814a5421 100644
--- a/dist/lib/ast/transform/matrix.js
+++ b/dist/lib/ast/transform/matrix.js
@@ -1,6 +1,5 @@
 import { toZero, is2DMatrix, identity } from './utils.js';
 import { EnumToken } from '../types.js';
-import { reduceNumber } from '../../renderer/render.js';
 import { eq } from '../../parser/utils/eq.js';
 import { getNumber } from '../../syntax/color/color.js';
 import '../../syntax/color/utils/constants.js';
@@ -9,6 +8,8 @@ import '../walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
+import '../../renderer/sourcemap/lib/encode.js';
+import { minifyNumber } from '../../syntax/utils.js';
 
 function parseMatrix(mat) {
     if (mat.typ == EnumToken.IdenTokenType) {
@@ -87,7 +88,7 @@ function serialize(matrix) {
                 }
                 acc.push({
                     typ: EnumToken.NumberTokenType,
-                    val: reduceNumber(t)
+                    val: minifyNumber(t)
                 });
                 return acc;
             }, [])
@@ -102,7 +103,7 @@ function serialize(matrix) {
             }
             acc.push({
                 typ: EnumToken.NumberTokenType,
-                val: reduceNumber(curr)
+                val: minifyNumber(curr)
             });
             return acc;
         }, [])
diff --git a/dist/lib/ast/transform/minify.js b/dist/lib/ast/transform/minify.js
index 43693dfc..17bb4ec6 100644
--- a/dist/lib/ast/transform/minify.js
+++ b/dist/lib/ast/transform/minify.js
@@ -36,20 +36,21 @@ function minify(matrix) {
                 coordinates.delete(i == 0 ? 'x' : i == 1 ? 'y' : 'z');
             }
         }
-        if (coordinates.size == 3) {
-            result.push({
-                typ: EnumToken.FunctionTokenType,
-                val: 'translate3d',
-                chi: [
-                    { typ: EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px' },
-                    { typ: EnumToken.CommaTokenType },
-                    { typ: EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px' },
-                    { typ: EnumToken.CommaTokenType },
-                    { typ: EnumToken.LengthTokenType, val: round(decomposed.translate[2]) + '', unit: 'px' }
-                ]
-            });
-        }
-        else if (coordinates.size == 1) {
+        // if (coordinates.size == 3) {
+        //
+        //     result.push({
+        //         typ: EnumToken.FunctionTokenType,
+        //         val: 'translate3d',
+        //         chi: [
+        //             {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px'},
+        //             {typ: EnumToken.CommaTokenType},
+        //             {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px'},
+        //             {typ: EnumToken.CommaTokenType},
+        //             {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[2]) + '', unit: 'px'}
+        //         ]
+        //     })
+        // } else
+        if (coordinates.size == 1) {
             if (coordinates.has('x')) {
                 result.push({
                     typ: EnumToken.FunctionTokenType,
@@ -91,15 +92,9 @@ function minify(matrix) {
                 typ: EnumToken.FunctionTokenType,
                 val: 'translate',
                 chi: [
-                    decomposed.translate[0] == 0 ? {
-                        typ: EnumToken.NumberTokenType,
-                        'val': '0'
-                    } : { typ: EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px' },
+                    { typ: EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px' },
                     { typ: EnumToken.CommaTokenType },
-                    decomposed.translate[1] == 0 ? {
-                        typ: EnumToken.NumberTokenType,
-                        'val': '0'
-                    } : { typ: EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px' }
+                    { typ: EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px' }
                 ]
             });
         }
@@ -175,9 +170,10 @@ function minify(matrix) {
         }
     }
     if (transforms.has('skew')) {
-        if (round(decomposed.skew[0]) == 0) {
-            skew.delete('x');
-        }
+        // if (round(decomposed.skew[0]) == 0) {
+        //
+        //     skew.delete('x');
+        // }
         if (round(decomposed.skew[1]) == 0) {
             skew.delete('y');
         }
@@ -251,15 +247,16 @@ function minify(matrix) {
             });
         }
     }
-    if (transforms.has('perspective')) {
-        result.push({
-            typ: EnumToken.FunctionTokenType,
-            val: 'perspective',
-            chi: [
-                { typ: EnumToken.Length, val: '' + round(1 / decomposed.perspective[2]), unit: 'px' },
-            ]
-        });
-    }
+    // if (transforms.has('perspective')) {
+    //
+    //     result.push({
+    //         typ: EnumToken.FunctionTokenType,
+    //         val: 'perspective',
+    //         chi: [
+    //             {typ: EnumToken.Length, val: '' + round(1 / decomposed.perspective[2]), unit: 'px'},
+    //         ]
+    //     });
+    // }
     // identity
     return result.length == 0 || (result.length == 1 && eqMatrix(identity(), result)) ? [
         {
diff --git a/dist/lib/ast/transform/utils.js b/dist/lib/ast/transform/utils.js
index 3f53bfe7..dad964c3 100644
--- a/dist/lib/ast/transform/utils.js
+++ b/dist/lib/ast/transform/utils.js
@@ -12,10 +12,16 @@ function normalize(point) {
     return norm === 0 ? [0, 0, 0] : [x / norm, y / norm, z / norm];
 }
 function dot(point1, point2) {
-    if (point1.length === 4 && point2.length === 4) {
-        return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2] + point1[3] * point2[3];
+    // if (point1.length === 4 && point2.length === 4) {
+    //
+    //     return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2] + point1[3] * point2[3];
+    // }
+    let result = 0;
+    for (let i = 0; i < point1.length; i++) {
+        result += point1[i] * point2[i];
     }
-    return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2];
+    return result;
+    // return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2];
 }
 function multiply(matrixA, matrixB) {
     let result = Array(4).fill(0).map(() => Array(4).fill(0));
@@ -28,6 +34,69 @@ function multiply(matrixA, matrixB) {
     }
     return result;
 }
+function inverse(matrix) {
+    // Create augmented matrix [matrix | identity]
+    let augmented = matrix.map((row, i) => [
+        ...row,
+        ...(i === 0 ? [1, 0, 0, 0] :
+            i === 1 ? [0, 1, 0, 0] :
+                i === 2 ? [0, 0, 1, 0] :
+                    [0, 0, 0, 1])
+    ]);
+    // Gaussian elimination with partial pivoting
+    for (let col = 0; col < 4; col++) {
+        // Find pivot row with maximum absolute value
+        let maxRow = col;
+        let maxVal = Math.abs(augmented[col][col]);
+        for (let row = col + 1; row < 4; row++) {
+            let val = Math.abs(augmented[row][col]);
+            if (val > maxVal) {
+                maxVal = val;
+                maxRow = row;
+            }
+        }
+        // Check for singularity
+        if (maxVal < 1e-5) {
+            return null;
+        }
+        // Swap rows if necessary
+        if (maxRow !== col) {
+            [augmented[col], augmented[maxRow]] = [augmented[maxRow], augmented[col]];
+        }
+        // Scale pivot row to make pivot element 1
+        let pivot = augmented[col][col];
+        for (let j = 0; j < 8; j++) {
+            augmented[col][j] /= pivot;
+        }
+        // Eliminate column in other rows
+        for (let row = 0; row < 4; row++) {
+            if (row !== col) {
+                let factor = augmented[row][col];
+                for (let j = 0; j < 8; j++) {
+                    augmented[row][j] -= factor * augmented[col][j];
+                }
+            }
+        }
+    }
+    // Extract the inverse from the right side of the augmented matrix
+    return augmented.map(row => row.slice(4));
+}
+// function transpose(matrix: Matrix): Matrix {
+//     // Crée une nouvelle matrice vide 4x4
+//     // @ts-ignore
+//     let transposed: Matrix = [[], [], [], []] as Matrix;
+//
+//     // Parcourt chaque ligne et colonne pour transposer
+//     for (let i = 0; i < 4; i++) {
+//
+//         for (let j = 0; j < 4; j++) {
+//
+//             transposed[j][i] = matrix[i][j];
+//         }
+//     }
+//
+//     return transposed;
+// }
 function round(number) {
     return Math.abs(number) < epsilon ? 0 : +number.toPrecision(6);
 }
@@ -50,11 +119,12 @@ function decompose(original) {
         perspectiveMatrix[7] = 0;
         perspectiveMatrix[11] = 0;
         perspectiveMatrix[15] = 1;
-        const inverse = invertMatrix4(perspectiveMatrix);
-        if (!inverse) {
+        // @ts-ignore
+        const inverted = inverse(original.reduce((acc, row, i) => acc.concat([row.slice()]), []))?.flat?.();
+        if (!inverted) {
             return null;
         }
-        const transposedInverse = transposeMatrix4(inverse);
+        const transposedInverse = transposeMatrix4(inverted);
         perspective[0] = dot(rightHandSide, transposedInverse.slice(0, 4));
         perspective[1] = dot(rightHandSide, transposedInverse.slice(4, 8));
         perspective[2] = dot(rightHandSide, transposedInverse.slice(8, 12));
@@ -159,16 +229,6 @@ function transposeMatrix4(m) {
         m[3], m[7], m[11], m[15],
     ];
 }
-function invertMatrix4(m) {
-    new Array(16);
-    const det = m[0] * m[5] * m[10] * m[15] + m[0] * m[9] * m[14] * m[7] + m[0] * m[13] * m[6] * m[11]
-        - m[0] * m[13] * m[10] * m[7] - m[0] * m[9] * m[6] * m[15] - m[0] * m[5] * m[14] * m[11];
-    if (det === 0)
-        return null;
-    // For brevity, not implementing full inverse here — you'd normally use gl-matrix or similar.
-    // Just use a trusted library or expand this if needed.
-    return null; // placeholder
-}
 function toZero(v) {
     for (let i = 0; i < v.length; i++) {
         if (Math.abs(v[i]) <= epsilon) {
diff --git a/dist/lib/parser/parse.js b/dist/lib/parser/parse.js
index 6f003a50..2b75a194 100644
--- a/dist/lib/parser/parse.js
+++ b/dist/lib/parser/parse.js
@@ -1,12 +1,12 @@
-import { isColor, parseColor, isIdent, mediaTypes, isDimension, parseDimension, isPseudo, pseudoElements, isAtKeyword, isFunction, isNumber, isPercentage, isFlex, isHexColor, isHash, isIdentStart, isIdentColor, mathFuncs } from '../syntax/syntax.js';
-import './utils/config.js';
+import { isIdentStart, isIdent, isIdentColor, mathFuncs, isColor, parseColor, isHexColor, isPseudo, pseudoElements, isAtKeyword, isFunction, isNumber, isPercentage, isFlex, isDimension, parseDimension, isHash, mediaTypes } from '../syntax/syntax.js';
 import { EnumToken, ValidationLevel, SyntaxValidationResult } from '../ast/types.js';
 import { minify, definedPropertySettings, combinators } from '../ast/minify.js';
 import { walkValues, walk, WalkerOptionEnum } from '../ast/walk.js';
 import { expand } from '../ast/expand.js';
+import './utils/config.js';
 import { parseDeclarationNode } from './utils/declaration.js';
 import { renderToken } from '../renderer/render.js';
-import { funcLike, ColorKind, timingFunc, timelineFunc, COLORS_NAMES, systemColors, deprecatedSystemColors, colorsFunc } from '../syntax/color/utils/constants.js';
+import { funcLike, COLORS_NAMES, ColorKind, timingFunc, timelineFunc, systemColors, deprecatedSystemColors, colorsFunc } from '../syntax/color/utils/constants.js';
 import { buildExpression } from '../ast/math/expression.js';
 import { tokenize } from './tokenize.js';
 import '../validation/config.js';
diff --git a/dist/lib/renderer/render.js b/dist/lib/renderer/render.js
index 1e6e3163..134f8482 100644
--- a/dist/lib/renderer/render.js
+++ b/dist/lib/renderer/render.js
@@ -10,24 +10,8 @@ import { colorMix } from '../syntax/color/color-mix.js';
 import { parseRelativeColor } from '../syntax/color/relativecolor.js';
 import { SourceMap } from './sourcemap/sourcemap.js';
 import { isColor, pseudoElements, mathFuncs, isNewLine } from '../syntax/syntax.js';
+import { minifyNumber } from '../syntax/utils.js';
 
-function reduceNumber(val) {
-    val = String(+val);
-    if (val === '0') {
-        return '0';
-    }
-    const chr = val.charAt(0);
-    if (chr == '-') {
-        const slice = val.slice(0, 2);
-        if (slice == '-0') {
-            return val.length == 2 ? '0' : '-' + val.slice(2);
-        }
-    }
-    if (chr == '0') {
-        return val.slice(1);
-    }
-    return val;
-}
 function update(position, str) {
     let i = 0;
     for (; i < str.length; i++) {
@@ -315,7 +299,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
         case EnumToken.FractionTokenType:
             const fraction = renderToken(token.l) + '/' + renderToken(token.r);
             if (+token.r.val != 0) {
-                const value = reduceNumber(+token.l.val / +token.r.val);
+                const value = minifyNumber(+token.l.val / +token.r.val);
                 if (value.length <= fraction.length) {
                     return value;
                 }
@@ -554,7 +538,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
         case EnumToken.DimensionTokenType:
         case EnumToken.FrequencyTokenType:
         case EnumToken.ResolutionTokenType:
-            let val = token.val.typ == EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : reduceNumber(token.val);
+            let val = token.val.typ == EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : minifyNumber(token.val);
             let unit = token.unit;
             if (token.typ == EnumToken.AngleTokenType && !val.includes('/')) {
                 const angle = getAngle(token);
@@ -566,7 +550,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
                     }
                     switch (u) {
                         case 'turn':
-                            v = reduceNumber(angle);
+                            v = minifyNumber(angle);
                             if (v.length + 4 < value.length) {
                                 val = v;
                                 unit = u;
@@ -574,7 +558,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
                             }
                             break;
                         case 'deg':
-                            v = reduceNumber(angle * 360);
+                            v = minifyNumber(angle * 360);
                             if (v.length + 3 < value.length) {
                                 val = v;
                                 unit = u;
@@ -582,7 +566,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
                             }
                             break;
                         case 'rad':
-                            v = reduceNumber(angle * (2 * Math.PI));
+                            v = minifyNumber(angle * (2 * Math.PI));
                             if (v.length + 3 < value.length) {
                                 val = v;
                                 unit = u;
@@ -590,7 +574,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
                             }
                             break;
                         case 'grad':
-                            v = reduceNumber(angle * 400);
+                            v = minifyNumber(angle * 400);
                             if (v.length + 4 < value.length) {
                                 val = v;
                                 unit = u;
@@ -616,7 +600,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
             if (token.typ == EnumToken.TimeTokenType) {
                 if (unit == 'ms') {
                     // @ts-ignore
-                    const v = reduceNumber(val / 1000);
+                    const v = minifyNumber(val / 1000);
                     if (v.length + 1 <= val.length) {
                         return v + 's';
                     }
@@ -631,10 +615,10 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
         case EnumToken.FlexTokenType:
         case EnumToken.PercentageTokenType:
             const uni = token.typ == EnumToken.PercentageTokenType ? '%' : 'fr';
-            const perc = token.val.typ == EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : reduceNumber(token.val);
+            const perc = token.val.typ == EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : minifyNumber(token.val);
             return options.minify && perc == '0' ? '0' : (perc.includes('/') ? perc.replace('/', uni + '/') : perc + uni);
         case EnumToken.NumberTokenType:
-            return token.val.typ == EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : reduceNumber(token.val);
+            return token.val.typ == EnumToken.FractionTokenType ? renderToken(token.val, options, cache) : minifyNumber(token.val);
         case EnumToken.CommentTokenType:
             if (options.removeComments && (!options.preserveLicense || !token.val.startsWith('/*!'))) {
                 return '';
@@ -718,4 +702,4 @@ function filterValues(values) {
     return values;
 }
 
-export { doRender, filterValues, reduceNumber, renderToken };
+export { doRender, filterValues, renderToken };
diff --git a/dist/lib/validation/parser/parse.js b/dist/lib/validation/parser/parse.js
index 6a815e65..aa00178b 100644
--- a/dist/lib/validation/parser/parse.js
+++ b/dist/lib/validation/parser/parse.js
@@ -1,11 +1,11 @@
 import { ValidationTokenEnum } from './types.js';
 import { isIdent, isPseudo } from '../../syntax/syntax.js';
-import { getTokenType as getTokenType$1 } from '../../parser/parse.js';
-import '../../parser/tokenize.js';
-import '../../parser/utils/config.js';
 import { EnumToken } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
+import { getTokenType as getTokenType$1 } from '../../parser/parse.js';
+import '../../parser/tokenize.js';
+import '../../parser/utils/config.js';
 import '../../syntax/color/utils/constants.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
@@ -351,9 +351,10 @@ function matchAtRule(syntax, iterator) {
                 token.typ = ValidationTokenEnum.AtRule;
                 break;
             }
-            if (item.value.typ != ValidationTokenEnum.Whitespace) {
-                console.error('unexpected token', item.value);
-            }
+            // if (item.value.typ != ValidationTokenEnum.Whitespace) {
+            //
+            //     console.error('unexpected token', item.value);
+            // }
             item = iterator.next();
             if (item.done) {
                 break;
@@ -665,6 +666,10 @@ function parseSyntaxTokens(syntax, iterator) {
                         }
                     }
                 }
+                if ('occurence' in item.value) {
+                    // @ts-ignore
+                    items[i].occurence = { ...item.value.occurence };
+                }
                 break;
             case ValidationTokenEnum.Pipe:
                 item.value.chi = item.value.chi.map((t) => parseSyntaxTokens(syntax, t[Symbol.iterator]()));
diff --git a/dist/lib/validation/syntax.js b/dist/lib/validation/syntax.js
index 75030d78..fe3309de 100644
--- a/dist/lib/validation/syntax.js
+++ b/dist/lib/validation/syntax.js
@@ -20,6 +20,9 @@ function createContext(input) {
     const result = values.filter(token => token.typ != EnumToken.CommentTokenType).slice();
     return {
         index: -1,
+        get length() {
+            return this.index < 0 ? result.length : this.index > result.length ? 0 : result.length - this.index;
+        },
         peek() {
             let index = this.index + 1;
             if (index >= result.length) {
@@ -178,7 +181,20 @@ function doEvaluateSyntax(syntaxes, context, options) {
     let syntax;
     let i = 0;
     let result;
+    let tmpResult;
     let token = null;
+    if (context.done()) {
+        const success = syntaxes.some(s => s.isOptional || s.isRepeatable || s.isRepeatableGroup);
+        return {
+            valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
+            node: null,
+            syntax: null,
+            error: '',
+            context
+        };
+    }
+    // console.error(`>> ${syntaxes.reduce((acc, curr) => acc + renderSyntax(curr), '')}\n>> ${context.slice<Token>().reduce((acc, curr) => acc + renderToken(curr), '')}`);
+    // console.error(new Error('doEvaluateSyntax'));
     for (; i < syntaxes.length; i++) {
         syntax = syntaxes[i];
         if (context.done()) {
@@ -188,6 +204,10 @@ function doEvaluateSyntax(syntaxes, context, options) {
             break;
         }
         token = context.peek();
+        // if var() is the last token, then match the remaining syntax and return
+        if (context.length == 1 && token.typ == EnumToken.FunctionTokenType && 'var'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0) {
+            return doEvaluateSyntax(getParsedSyntax("functions" /* ValidationSyntaxGroupEnum.Functions */, 'var')?.[0]?.chi ?? [], createContext(token.chi), options);
+        }
         if (syntax.typ == ValidationTokenEnum.Whitespace) {
             if (context.peek()?.typ == EnumToken.WhitespaceTokenType) {
                 context.next();
@@ -198,7 +218,13 @@ function doEvaluateSyntax(syntaxes, context, options) {
             result = matchList(syntax, context, options);
         }
         else if (options.isRepeatable !== false && syntax.isRepeatable) {
-            result = matchRepeatable(syntax, context, options);
+            tmpResult = matchRepeatable(syntax, context, options);
+            if (tmpResult.valid == SyntaxValidationResult.Valid) {
+                result = tmpResult;
+            }
+            else {
+                continue;
+            }
         }
         else if (options.occurence !== false && syntax.occurence != null) {
             result = matchOccurence(syntax, context, options);
@@ -277,7 +303,7 @@ function matchRepeatable(syntax, context, options) {
     };
 }
 function matchList(syntax, context, options) {
-    let success = false;
+    let success;
     let result;
     let count = 0;
     let con = context.clone();
@@ -316,15 +342,12 @@ function matchList(syntax, context, options) {
         }
     }
     success = count > 0;
-    // if (count && syntax.occurence != null) {
-    //
-    //     success = count >= syntax.occurence.min;
-    //
-    //     if (success && syntax.occurence.max != null) {
-    //
-    //         success = count <= syntax.occurence.max;
-    //     }
-    // }
+    if (success && syntax.occurence != null) {
+        success = count >= syntax.occurence.min;
+        if (success && syntax.occurence.max != null) {
+            success = count <= syntax.occurence.max;
+        }
+    }
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
         node: context.peek(),
@@ -444,6 +467,7 @@ function match(syntax, context, options) {
                 };
             }
             result = match(getParsedSyntax("syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */, syntax.val + '()')?.[0], context, options);
+            // console.error(`>>[]
             if (result.valid == SyntaxValidationResult.Valid) {
                 context.next();
                 result.context = context;
@@ -515,6 +539,20 @@ function match(syntax, context, options) {
             if (!wildCardFuncs.includes(syntax.val) && syntax.val != token.val) {
                 break;
             }
+            if (syntax.typ == ValidationTokenEnum.Function) {
+                success = funcLike.includes(token.typ) && syntax.val.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0 && doEvaluateSyntax(syntax.chi, createContext(token.chi), options).valid == SyntaxValidationResult.Valid;
+                // console.error(`>> match: ${JSON.stringify({
+                //     syntax,
+                //     token,
+                //     // result,
+                //     tr2: syntax,
+                //     success
+                // }, null, 1)}`);
+                if (success) {
+                    context.next();
+                }
+                break;
+            }
             if (token.typ != EnumToken.ParensTokenType && funcLike.includes(token.typ)) {
                 success = doEvaluateSyntax(syntax.chi, createContext(token.chi), {
                     ...options,
@@ -528,22 +566,6 @@ function match(syntax, context, options) {
                 }
                 break;
             }
-        // if (syntax.typ == ValidationTokenEnum.Function) {
-        //
-        //     success = funcLike.includes(token.typ) && doEvaluateSyntax((getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, (syntax as ValidationFunctionToken).val + '()')?.[0] as ValidationFunctionToken)?.chi as ValidationToken[], createContext((token as FunctionToken).chi), {
-        //         ...options,
-        //         isRepeatable: null,
-        //         isList: null,
-        //         occurence: null,
-        //         atLeastOnce: null
-        //     } as ValidationOptions).valid == SyntaxValidationResult.Valid;
-        //
-        //     if (success) {
-        //
-        //         context.next();
-        //     }
-        //     break;
-        // }
         // throw new Error(`Not implemented: ${ValidationTokenEnum[syntax.typ] ?? syntax.typ} : ${renderSyntax(syntax)} : ${renderToken(context.peek() as Token)} : ${JSON.stringify(syntax, null, 1)} | ${JSON.stringify(context.peek(), null, 1)}`);
     }
     if (!success && token.typ == EnumToken.IdenTokenType && allValues.includes(token.val.toLowerCase())) {
@@ -561,7 +583,9 @@ function match(syntax, context, options) {
 function matchPropertyType(syntax, context, options) {
     if (![
         'bg-position',
-        'length-percentage', 'flex', 'calc-sum', 'color', 'color-base', 'system-color', 'deprecated-system-color',
+        'integer',
+        'length-percentage', 'flex', 'calc-sum', 'color',
+        'color-base', 'system-color', 'deprecated-system-color',
         'pseudo-class-selector', 'pseudo-element-selector'
     ].includes(syntax.val)) {
         if (syntax.val in config["syntaxes" /* ValidationSyntaxGroupEnum.Syntaxes */]) {
@@ -727,7 +751,7 @@ function matchPropertyType(syntax, context, options) {
             success = (token.typ == EnumToken.ColorTokenType && token.kin == ColorKind.HEX) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
             break;
         case 'integer':
-            success = (token.typ == EnumToken.NumberTokenType && Number.isInteger(+(token.val))) || (token.typ == EnumToken.FunctionTokenType && token.val == 'calc');
+            success = (token.typ == EnumToken.NumberTokenType && Number.isInteger(+(token.val))) || (token.typ == EnumToken.FunctionTokenType && mathFuncs.includes(token.val.toLowerCase()) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val)));
             if ('range' in syntax) {
                 success = success && +token.val >= +syntax.range[0] && +token.val <= +syntax.range[1];
             }
@@ -840,6 +864,7 @@ function someOf(syntaxes, context, options) {
         //     context.next();
         // }
         result = doEvaluateSyntax(syntaxes[i], context.clone(), options);
+        // console.error(`>> someOf: ${JSON.stringify({result}, null, 1)}`);
         if (result.valid == SyntaxValidationResult.Valid) {
             success = true;
             if (result.context.done()) {
@@ -852,6 +877,8 @@ function someOf(syntaxes, context, options) {
         // pick the best match
         matched.sort((a, b) => a.context.done() ? -1 : b.context.done() ? 1 : b.context.index - a.context.index);
     }
+    // console.error(JSON.stringify({matched}, null, 1));
+    // console.error(new Error('someOf'));
     return matched[0] ?? {
         valid: SyntaxValidationResult.Drop,
         node: context.peek(),
@@ -927,18 +954,17 @@ function allOf(syntax, context, options) {
     let j;
     for (i = 0; i < syntax.length; i++) {
         if (syntax[i].length == 1 && syntax[i][0].isOptional) {
-            syntax[i][0].isOptional = false;
             j = 0;
             cp = con.clone();
             slice = cp.slice();
             if (cp.done()) {
-                syntax[i][0].isOptional = true;
                 syntax.splice(i, 1);
                 i = -1;
                 continue;
             }
             while (!cp.done()) {
-                result = doEvaluateSyntax(syntax[i], cp.clone(), options);
+                result = doEvaluateSyntax(syntax[i], cp.clone(), { ...options, isOptional: false });
+                // console.error(`>> allOf: syntaxes[${i}]: ${syntax[i].length} ${syntax[i].reduce((acc, curr) => acc + renderSyntax(curr), '')}\n>> ${cp.slice<Token>().reduce((acc, curr) => acc + renderToken(curr), '')}\n>> ${JSON.stringify({result}, null, 1)}`);
                 if (result.valid == SyntaxValidationResult.Valid) {
                     let end = slice.indexOf(cp.current());
                     if (end == -1) {
@@ -953,9 +979,8 @@ function allOf(syntax, context, options) {
                 cp.next();
                 j++;
             }
-            syntax[i][0].isOptional = true;
             // @ts-ignore
-            if (result?.valid == SyntaxValidationResult.Valid) {
+            if (result?.valid == SyntaxValidationResult.Valid || (syntax[i].length == 1 && syntax[i][0].isOptional)) {
                 syntax.splice(i, 1);
                 i = -1;
             }
@@ -968,6 +993,7 @@ function allOf(syntax, context, options) {
             i = -1;
         }
     }
+    // console.error()
     const success = syntax.length == 0;
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
diff --git a/jsr.json b/jsr.json
index e5ff87d5..14078f47 100644
--- a/jsr.json
+++ b/jsr.json
@@ -1,6 +1,6 @@
 {
   "name": "@tbela99/css-parser",
-  "version": "1.2.0-alpha1",
+  "version": "1.2.0-alpha2",
   "publish": {
     "include": [
       "src",
diff --git a/package.json b/package.json
index c2ea7293..75f76622 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@tbela99/css-parser",
   "description": "CSS parser for node and the browser",
-  "version": "v1.2.0-alpha1",
+  "version": "v1.2.0-alpha2",
   "exports": {
     ".": "./dist/node/index.js",
     "./node": "./dist/node/index.js",
diff --git a/src/@types/index.d.ts b/src/@types/index.d.ts
index da0335c6..4e5df859 100644
--- a/src/@types/index.d.ts
+++ b/src/@types/index.d.ts
@@ -41,6 +41,7 @@ export interface ValidationOptions {
     validation?: boolean | ValidationLevel;
     lenient?: boolean;
     visited?: WeakMap<Token, Map<string, Set<ValidationToken>>>;
+    isOptional?:boolean | null;
     isRepeatable?:boolean | null;
     isList?:boolean | null;
     occurence?:boolean | null;
diff --git a/src/@types/validation.d.ts b/src/@types/validation.d.ts
index 3457156f..400c2cb5 100644
--- a/src/@types/validation.d.ts
+++ b/src/@types/validation.d.ts
@@ -45,6 +45,12 @@ export interface Context<Type> {
 
     index: number;
 
+    /**
+     * The length of the context tokens to be consumed
+     */
+
+    readonly length: number;
+
     current<Type>(): Type | null;
 
     update<Type>(context: Context<Type>): void;
@@ -53,10 +59,10 @@ export interface Context<Type> {
 
     peek<Type>(): Type | null;
 
-    next<Type>(): Type | null;
-
     // tokens<Type>(): Type[];
 
+    next<Type>(): Type | null;
+
     consume<Type>(token: Type, howMany?: number): boolean;
 
     slice<Type>(): Type[];
diff --git a/src/lib/ast/expand.ts b/src/lib/ast/expand.ts
index 015afde4..510eb382 100644
--- a/src/lib/ast/expand.ts
+++ b/src/lib/ast/expand.ts
@@ -2,15 +2,7 @@ import {combinators, splitRule} from "./minify.ts";
 import {parseString} from "../parser/index.ts";
 import {walkValues} from "./walk.ts";
 import {renderToken} from "../renderer/index.ts";
-import type {
-    AstAtRule,
-    AstNode,
-    AstRule,
-    AstRuleStyleSheet,
-    IdentToken,
-    LiteralToken,
-    Token
-} from "../../@types/index.d.ts";
+import type {AstAtRule, AstNode, AstRule, AstRuleStyleSheet, LiteralToken, Token} from "../../@types/index.d.ts";
 import {EnumToken} from "./types.ts";
 
 /**
@@ -19,23 +11,23 @@ import {EnumToken} from "./types.ts";
  */
 export function expand(ast: AstNode): AstNode {
     //
-    if (![EnumToken.RuleNodeType, EnumToken.StyleSheetNodeType, EnumToken.AtRuleNodeType].includes(ast.typ)) {
-
-        return ast;
-    }
-
-    if (EnumToken.RuleNodeType == ast.typ) {
-
-        return <AstRuleStyleSheet>{
-            typ: EnumToken.StyleSheetNodeType,
-            chi: expandRule(<AstRule>ast)
-        }
-    }
-
-    if (!('chi' in ast)) {
+    // if (![EnumToken.RuleNodeType, EnumToken.StyleSheetNodeType, EnumToken.AtRuleNodeType].includes(ast.typ)) {
+    //
+    //     return ast;
+    // }
 
-        return ast;
-    }
+    // if (EnumToken.RuleNodeType == ast.typ) {
+    //
+    //     return <AstRuleStyleSheet>{
+    //         typ: EnumToken.StyleSheetNodeType,
+    //         chi: expandRule(<AstRule>ast)
+    //     }
+    // }
+    //
+    // if (!('chi' in ast)) {
+    //
+    //     return ast;
+    // }
 
     const result = <AstRuleStyleSheet | AstAtRule>{...ast, chi: []};
 
@@ -67,11 +59,12 @@ export function expand(ast: AstNode): AstNode {
 
             // @ts-ignore
             result.chi.push(<AstAtRule>{...(hasRule ? expand(node) : node)});
-        } else {
-
-            // @ts-ignore
-            result.chi.push(node);
         }
+        // else {
+        //
+        //     // @ts-ignore
+        //     result.chi.push(node);
+        // }
     }
 
     return result;
@@ -96,33 +89,34 @@ function expandRule(node: AstRule): Array<AstRule | AstAtRule> {
 
                     const selRule: string[][] = splitRule(rule.sel);
 
-                    if (selRule.length > 1) {
+                    // if (selRule.length > 1) {
+                    //
+                    //     const r: string = ':is(' + selRule.map(a => a.join('')).join(',') + ')';
+                    //     rule.sel = splitRule(ast.sel).reduce((a: string[], b: string[]): string[] => a.concat([b.join('') + r]), <string[]>[]).join(',');
+                    //
+                    // }
+                    // else {
 
-                        const r: string = ':is(' + selRule.map(a => a.join('')).join(',') + ')';
-                        rule.sel = splitRule(ast.sel).reduce((a: string[], b: string[]): string[] => a.concat([b.join('') + r]), <string[]>[]).join(',');
+                    // selRule = splitRule(selRule.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.join(''), ''));
 
-                    } else {
+                    const arSelf: string = splitRule(ast.sel).filter((r: string[]): boolean => r.every((t: string): boolean => t != ':before' && t != ':after' && !t.startsWith('::'))).reduce((acc: string[], curr: string[]): string[] => acc.concat([curr.join('')]), <string[]>[]).join(',');
 
-                        // selRule = splitRule(selRule.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.join(''), ''));
+                    if (arSelf.length == 0) {
 
-                        const arSelf: string = splitRule(ast.sel).filter((r: string[]): boolean => r.every((t: string): boolean => t != ':before' && t != ':after' && !t.startsWith('::'))).reduce((acc: string[], curr: string[]): string[] => acc.concat([curr.join('')]), <string[]>[]).join(',');
-
-                        if (arSelf.length == 0) {
-
-                            ast.chi.splice(i--, 1);
-                            continue;
-                        }
+                        ast.chi.splice(i--, 1);
+                        continue;
+                    }
 
-                        //
-                        selRule.forEach(arr => combinators.includes(arr[0].charAt(0)) ? arr.unshift(arSelf) : arr.unshift(arSelf, ' '));
+                    //
+                    selRule.forEach(arr => combinators.includes(arr[0].charAt(0)) ? arr.unshift(arSelf) : arr.unshift(arSelf, ' '));
 
-                        rule.sel = selRule.reduce((acc: string[], curr: string[]) => {
+                    rule.sel = selRule.reduce((acc: string[], curr: string[]) => {
 
-                            acc.push(curr.join(''));
+                        acc.push(curr.join(''));
 
-                            return acc;
-                        }, <string[]>[]).join(',');
-                    }
+                        return acc;
+                    }, <string[]>[]).join(',');
+                    // }
 
                 } else {
 
@@ -159,10 +153,11 @@ function expandRule(node: AstRule): Array<AstRule | AstAtRule> {
                                         if (s == '&' || parentSelector) {
 
                                             withCompound.push(s);
-                                        } else {
-
-                                            withoutCompound.push(s.slice(1));
                                         }
+                                        // else {
+                                        //
+                                        //     withoutCompound.push(s.slice(1));
+                                        // }
                                     }
                                 } else {
 
@@ -174,10 +169,11 @@ function expandRule(node: AstRule): Array<AstRule | AstAtRule> {
                                 withCompound.push(s);
                             }
 
-                        } else {
-
-                            withoutCompound.push(s);
                         }
+                        // else {
+                        //
+                        //     withoutCompound.push(s);
+                        // }
                     }
 
                     const selectors: string[] = [];
@@ -224,13 +220,14 @@ function expandRule(node: AstRule): Array<AstRule | AstAtRule> {
 
                             selectors.push(replaceCompound(withCompound[0], selector));
 
-                        } else {
-
-                            for (const w of withCompound) {
-
-                                selectors.push(replaceCompound(w, selector));
-                            }
                         }
+                        // else {
+                        //
+                        //     for (const w of withCompound) {
+                        //
+                        //         selectors.push(replaceCompound(w, selector));
+                        //     }
+                        // }
                     }
 
                     rule.sel = selectors.reduce((acc, curr) => curr.length == 0 ? acc : acc + (acc.length > 0 ? ',' : '') + curr, '');
@@ -286,11 +283,12 @@ function expandRule(node: AstRule): Array<AstRule | AstAtRule> {
 
                             // @ts-ignore
                             astAtRule.chi.push(...expandRule(r));
-                        } else {
-
-                            // @ts-ignore
-                            astAtRule.chi.push(r);
                         }
+                        // else {
+                        //
+                        //     // @ts-ignore
+                        //     astAtRule.chi.push(r);
+                        // }
                     }
                 }
 
@@ -328,15 +326,15 @@ export function replaceCompound(input: string, replace: string): string {
                         replacement = parseString(replace);
                     }
 
-                    if (tokens[1].typ == EnumToken.IdenTokenType) {
-
-
-                        (t.value as LiteralToken).val = (replacement as Token[]).length == 1 || (!replace.includes(' ') && replace.charAt(0).match(/[:.]/)) ? (tokens[1] as IdentToken).val + replace : replaceCompoundLiteral((tokens[1] as IdentToken).val + '&', replace);
-                        tokens.splice(1, 1);
-                    } else {
+                    // if (tokens[1].typ == EnumToken.IdenTokenType) {
+                    //
+                    //
+                    //     (t.value as LiteralToken).val = (replacement as Token[]).length == 1 || (!replace.includes(' ') && replace.charAt(0).match(/[:.]/)) ? (tokens[1] as IdentToken).val + replace : replaceCompoundLiteral((tokens[1] as IdentToken).val + '&', replace);
+                    //     tokens.splice(1, 1);
+                    // } else {
 
-                        (t.value as LiteralToken).val = replaceCompoundLiteral((t.value as LiteralToken).val, replace);
-                    }
+                    (t.value as LiteralToken).val = replaceCompoundLiteral((t.value as LiteralToken).val, replace);
+                    // }
 
                     continue;
                 }
@@ -344,10 +342,11 @@ export function replaceCompound(input: string, replace: string): string {
                 const rule: string[][] = splitRule(replace);
 
                 (t.value as LiteralToken).val = rule.length > 1 ? ':is(' + replace + ')' : replace;
-            } else if ((t.value as LiteralToken).val.length > 1 && (t.value as LiteralToken).val.charAt(0) == '&') {
-
-                (t.value as LiteralToken).val = replaceCompoundLiteral((t.value as LiteralToken).val, replace);
             }
+            // else if ((t.value as LiteralToken).val.length > 1 && (t.value as LiteralToken).val.charAt(0) == '&') {
+            //
+            //     (t.value as LiteralToken).val = replaceCompoundLiteral((t.value as LiteralToken).val, replace);
+            // }
         }
     }
 
@@ -366,10 +365,11 @@ function replaceCompoundLiteral(selector: string, replace: string) {
 
             tokens.push('&');
             tokens.push('');
-        } else {
-
-            tokens[tokens.length - 1] += selector.charAt(i);
         }
+        // else {
+        //
+        //     tokens[tokens.length - 1] += selector.charAt(i);
+        // }
     }
 
     return tokens.sort((a, b) => {
@@ -382,10 +382,10 @@ function replaceCompoundLiteral(selector: string, replace: string) {
         return b == '&' ? -1 : 0;
     }).reduce((acc: string, curr: string) => {
 
-        if (acc.length > 0 && curr == '&' && (replace.charAt(0) != '.' || replace.includes(' '))) {
-
-            return acc + ':is(' + replace + ')';
-        }
+        // if (acc.length > 0 && curr == '&' && (replace.charAt(0) != '.' || replace.includes(' '))) {
+        //
+        //     return acc + ':is(' + replace + ')';
+        // }
 
         return acc + (curr == '&' ? replace : curr)
     }, '');
diff --git a/src/lib/ast/features/calc.ts b/src/lib/ast/features/calc.ts
index 19712dac..ba993e6a 100644
--- a/src/lib/ast/features/calc.ts
+++ b/src/lib/ast/features/calc.ts
@@ -98,11 +98,12 @@ export class ComputeCalcExpressionFeature {
 
                                 // @ts-ignore
                                 node[key] = slice;
-                            } else {
-
-                                // @ts-ignore
-                                node[key] = values;
                             }
+                            // else {
+                            //
+                            //     // @ts-ignore
+                            //     node[key] = values;
+                            // }
 
                             return WalkerOptionEnum.Ignore;
                         }
@@ -129,16 +130,16 @@ export class ComputeCalcExpressionFeature {
 
                             if (values.length == 1 && values[0].typ != EnumToken.BinaryExpressionTokenType) {
 
-                                if (parent.typ == EnumToken.BinaryExpressionTokenType) {
-
-                                    if ((parent as BinaryExpressionToken).l == value) {
-
-                                        (parent as BinaryExpressionToken).l = values[0];
-                                    } else {
-
-                                        (parent as BinaryExpressionToken).r = values[0];
-                                    }
-                                } else {
+                                // if (parent.typ == EnumToken.BinaryExpressionTokenType) {
+                                //
+                                //     if ((parent as BinaryExpressionToken).l == value) {
+                                //
+                                //         (parent as BinaryExpressionToken).l = values[0];
+                                //     } else {
+                                //
+                                //         (parent as BinaryExpressionToken).r = values[0];
+                                //     }
+                                // } else {
 
                                     for (let i = 0; i < children.length; i++) {
 
@@ -153,7 +154,7 @@ export class ComputeCalcExpressionFeature {
                                             break;
                                         }
                                     }
-                                }
+                                // }
 
                             } else {
 
@@ -161,17 +162,17 @@ export class ComputeCalcExpressionFeature {
 
                                     if (children[i] == value) {
 
-                                        if (parent.typ == EnumToken.FunctionTokenType && (parent as FunctionToken).val == 'calc') {
-
-                                            children.splice(i, 1, ...values);
-                                        } else {
+                                        // if (parent.typ == EnumToken.FunctionTokenType && (parent as FunctionToken).val == 'calc') {
+                                        //
+                                        //     children.splice(i, 1, ...values);
+                                        // } else {
 
                                             children.splice(i, 1, {
                                                 typ: EnumToken.FunctionTokenType,
                                                 val: 'calc',
                                                 chi: values
                                             });
-                                        }
+                                        // }
 
                                         break;
                                     }
diff --git a/src/lib/ast/features/inlinecssvariables.ts b/src/lib/ast/features/inlinecssvariables.ts
index 2caa81e7..a2b99f9d 100644
--- a/src/lib/ast/features/inlinecssvariables.ts
+++ b/src/lib/ast/features/inlinecssvariables.ts
@@ -165,26 +165,26 @@ export class InlineCssVariablesFeature {
 
                         replace(node, variableScope);
                     }
-
-                } else {
-
-                    const info: VariableScopeInfo = <VariableScopeInfo>variableScope.get((<AstDeclaration>node).nam);
-
-                    info.globalScope = isRoot;
-
-                    if (!isRoot) {
-
-                        ++info.declarationCount;
-                    }
-
-                    if (info.replaceable) {
-
-                        info.replaceable = isRoot && info.declarationCount == 1;
-                    }
-
-                    info.parent.add(ast);
-                    info.node = (<AstDeclaration>node);
                 }
+                // else {
+                //
+                //     const info: VariableScopeInfo = <VariableScopeInfo>variableScope.get((<AstDeclaration>node).nam);
+                //
+                //     info.globalScope = isRoot;
+                //
+                //     if (!isRoot) {
+                //
+                //         ++info.declarationCount;
+                //     }
+                //
+                //     if (info.replaceable) {
+                //
+                //         info.replaceable = isRoot && info.declarationCount == 1;
+                //     }
+                //
+                //     info.parent.add(ast);
+                //     info.node = (<AstDeclaration>node);
+                // }
             } else {
 
                 replace(node, variableScope);
@@ -196,10 +196,10 @@ export class InlineCssVariablesFeature {
 
         const variableScope = <Map<string, VariableScopeInfo>>context.variableScope;
 
-        if (variableScope == null) {
-
-            return;
-        }
+        // if (variableScope == null) {
+        //
+        //     return;
+        // }
 
         for (const info of variableScope.values()) {
 
diff --git a/src/lib/ast/features/prefix.ts b/src/lib/ast/features/prefix.ts
index 0936998a..3e89533a 100644
--- a/src/lib/ast/features/prefix.ts
+++ b/src/lib/ast/features/prefix.ts
@@ -23,10 +23,9 @@ import {
 } from '../../validation/index.ts'
 import {walkValues} from "../walk.ts";
 import {pseudoAliasMap} from "../../syntax/index.ts";
-import {definedPropertySettings, splitRule} from "../minify.ts";
+import {splitRule} from "../minify.ts";
 import type {ValidationConfiguration} from "../../../@types/validation.d.ts";
 import {renderToken} from "../../renderer/index.ts";
-import {parseAtRulePrelude, parseString} from "../../parser/index.ts";
 import {funcLike} from "../../syntax/color/utils/index.ts";
 import {evaluateSyntax} from "../../validation/syntax.ts";
 
@@ -121,15 +120,15 @@ export class ComputePrefixFeature {
 
             (node as AstRule).sel = replacePseudo(splitRule((node as AstRule).sel)).reduce((acc, curr, index) => acc + (index > 0 ? ',' : '') + curr.join(''), '');
 
-            if ((node as AstRule).raw != null) {
-
-                (node as AstRule).raw = replacePseudo((node as AstRule).raw as string[][]);
-            }
-
-            if ((node as AstRule).optimized != null) {
-
-                (node as AstRule).optimized!.selector = replacePseudo((node as AstRule).optimized!.selector as string[][]);
-            }
+            // if ((node as AstRule).raw != null) {
+            //
+            //     (node as AstRule).raw = replacePseudo((node as AstRule).raw as string[][]);
+            // }
+            //
+            // if ((node as AstRule).optimized != null) {
+            //
+            //     (node as AstRule).optimized!.selector = replacePseudo((node as AstRule).optimized!.selector as string[][]);
+            // }
 
             if ((node as AstRule).tokens != null) {
 
@@ -189,12 +188,10 @@ export class ComputePrefixFeature {
 
                         const match = (value as IdentToken | FunctionToken).val.match(/^-([^-]+)-(.+)$/);
 
-                        if (match == null) {
+                        if (match != null) {
 
-                            continue;
+                            (value as IdentToken | FunctionToken).val = match[2];
                         }
-
-                        (value as IdentToken | FunctionToken).val = match[2];
                     }
                 }
 
@@ -218,14 +215,14 @@ export class ComputePrefixFeature {
 
             if (node.typ == EnumToken.AtRuleNodeType && (node as AstAtRule).val !== '') {
 
-                if ((node as AstAtRule).tokens == null) {
-
-                    Object.defineProperty(node, 'tokens', {
-                        // @ts-ignore
-                        ...definedPropertySettings,
-                        value: parseAtRulePrelude(parseString((node as AstAtRule).val), node as AstAtRule),
-                    })
-                }
+                // if ((node as AstAtRule).tokens == null) {
+                //
+                //     Object.defineProperty(node, 'tokens', {
+                //         // @ts-ignore
+                //         ...definedPropertySettings,
+                //         value: parseAtRulePrelude(parseString((node as AstAtRule).val), node as AstAtRule),
+                //     })
+                // }
 
                 if (replaceAstNodes((node as AstAtRule).tokens as Token[])) {
                     (node as AstAtRule).val = ((node as AstAtRule).tokens as Token[]).reduce((acc, curr) => acc + renderToken(curr), '');
diff --git a/src/lib/ast/features/transform.ts b/src/lib/ast/features/transform.ts
index 963640a9..c770847e 100644
--- a/src/lib/ast/features/transform.ts
+++ b/src/lib/ast/features/transform.ts
@@ -1,4 +1,5 @@
 import type {
+    AngleToken,
     AstAtRule,
     AstDeclaration,
     AstNode,
@@ -15,7 +16,7 @@ import {eqMatrix} from "../transform/minify.ts";
 
 export class TransformCssFeature {
 
-     get ordering(): number {
+    get ordering(): number {
         return 4;
     }
 
@@ -59,7 +60,32 @@ export class TransformCssFeature {
                 continue;
             }
 
-            const children: Token[] = (node as AstDeclaration).val.slice();
+            const children: Token[] = (node as AstDeclaration).val.reduce((acc: Token[], curr: Token): Token[] => {
+
+
+                if (curr.typ == EnumToken.FunctionTokenType && 'skew' == curr.val.toLowerCase()) {
+
+                    if (
+                        (curr as FunctionToken).chi.length == 3                         ) {
+
+                        if (((curr as FunctionToken).chi[2] as AngleToken).val =='0') {
+
+                            (curr as FunctionToken).chi.length = 1;
+                            (curr as FunctionToken).val = 'skew';
+                        }
+
+                        else if (((curr as FunctionToken).chi[0] as AngleToken).val =='0') {
+
+                            (curr as FunctionToken).chi = [(curr as FunctionToken).chi[2]];
+                            (curr as FunctionToken).val = 'skewY';
+                        }
+                    }
+                }
+
+                acc.push(curr);
+
+                return acc;
+            }, [] as Token[]);
 
             consumeWhitespace(children);
 
diff --git a/src/lib/ast/math/expression.ts b/src/lib/ast/math/expression.ts
index 1d103681..ad566a8f 100644
--- a/src/lib/ast/math/expression.ts
+++ b/src/lib/ast/math/expression.ts
@@ -17,9 +17,8 @@ import type {
 } from "../../../@types/index.d.ts";
 import {EnumToken} from "../types.ts";
 import {compute, rem} from "./math.ts";
-import {reduceNumber} from "../../renderer/index.ts";
 
-import {mathFuncs} from "../../syntax/index.ts";
+import {mathFuncs, minifyNumber} from "../../syntax/index.ts";
 
 /**
  * evaluate an array of tokens
@@ -67,13 +66,13 @@ export function evaluate(tokens: Token[]): Token[] {
         return evaluateFunc(tokens[0] as FunctionToken);
     }
 
-    try {
+    // try {
 
-        nodes = inlineExpression(evaluateExpression(buildExpression(tokens)));
-    } catch (e) {
-
-        return tokens;
-    }
+    nodes = inlineExpression(evaluateExpression(buildExpression(tokens)));
+    // } catch (e) {
+    //
+    //     return tokens;
+    // }
 
     if (nodes.length <= 1) {
 
@@ -178,18 +177,18 @@ function doEvaluate(l: Token, r: Token, op: EnumToken.Add | EnumToken.Sub | Enum
         return defaultReturn;
     }
 
-    if (l.typ == EnumToken.FunctionTokenType) {
-
-        const val: Token[] = evaluateFunc(l as FunctionToken);
-
-        if (val.length == 1) {
-
-            l = val[0];
-        } else {
-
-            return defaultReturn;
-        }
-    }
+    // if (l.typ == EnumToken.FunctionTokenType) {
+    //
+    //     const val: Token[] = evaluateFunc(l as FunctionToken);
+    //
+    //     if (val.length == 1) {
+    //
+    //         l = val[0];
+    //     } else {
+    //
+    //         return defaultReturn;
+    //     }
+    // }
 
     if (r.typ == EnumToken.FunctionTokenType) {
 
@@ -198,21 +197,22 @@ function doEvaluate(l: Token, r: Token, op: EnumToken.Add | EnumToken.Sub | Enum
         if (val.length == 1) {
 
             r = val[0];
-        } else {
-
-            return defaultReturn;
         }
+        // else {
+        //
+        //     return defaultReturn;
+        // }
     }
 
-    if (l.typ == EnumToken.FunctionTokenType) {
-
-        const val = evaluateFunc(l as FunctionToken);
-
-        if (val.length == 1) {
-
-            l = val[0];
-        }
-    }
+    // if (l.typ == EnumToken.FunctionTokenType) {
+    //
+    //     const val = evaluateFunc(l as FunctionToken);
+    //
+    //     if (val.length == 1) {
+    //
+    //         l = val[0];
+    //     }
+    // }
 
     if ((op == EnumToken.Add || op == EnumToken.Sub)) {
 
@@ -221,24 +221,26 @@ function doEvaluate(l: Token, r: Token, op: EnumToken.Add | EnumToken.Sub | Enum
 
             return defaultReturn;
         }
-    } else if (
-        op == EnumToken.Mul &&
-        ![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(l.typ) &&
-        ![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(r.typ)) {
-
-        return defaultReturn;
     }
+    // else if (
+    //     op == EnumToken.Mul &&
+    //     ![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(l.typ) &&
+    //     ![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(r.typ)) {
+    //
+    //     return defaultReturn;
+    // }
 
     let typ: EnumToken = l.typ == EnumToken.NumberTokenType ? r.typ : (r.typ == EnumToken.NumberTokenType ? l.typ : (l.typ == EnumToken.PercentageTokenType ? r.typ : l.typ));
 
     // @ts-ignore
-    let v1: number | Token | null = getValue(l);
-    let v2: number | Token | null = getValue(r as NumberToken | IdentToken | FunctionToken);
-
-    if (v1 == null || v2 == null) {
+    let v1: number | Token | null = l.val?.typ == EnumToken.FractionTokenType ? l.val : getValue(l);
+    // @ts-ignore
+    let v2: number | Token | null = r.val?.typ == EnumToken.FractionTokenType ? r.val : getValue(r as NumberToken | IdentToken | FunctionToken);
 
-        return defaultReturn;
-    }
+    // if (v1 == null || v2 == null) {
+    //
+    //     return defaultReturn;
+    // }
 
     if (op == EnumToken.Mul) {
 
@@ -268,7 +270,7 @@ function doEvaluate(l: Token, r: Token, op: EnumToken.Add | EnumToken.Sub | Enum
     const token = {
         ...(l.typ == EnumToken.NumberTokenType ? r : l),
         typ,
-        val: typeof val == 'number' ? reduceNumber(val) : val
+        val: typeof val == 'number' ? minifyNumber(val) : val
     } as Token;
 
     if (token.typ == EnumToken.IdenTokenType) {
@@ -284,17 +286,17 @@ function getValue(t: NumberToken | IdentToken | FunctionToken): number | null {
 
     let v1: number | FractionToken | Token[];
 
-    if (t.typ == EnumToken.FunctionTokenType) {
-
-        v1 = evaluateFunc(t as FunctionToken);
-
-        if (v1.length != 1 || v1[0].typ == EnumToken.BinaryExpressionTokenType) {
-
-            return null;
-        }
-
-        t = v1[0] as NumberToken | IdentToken;
-    }
+    // if (t.typ == EnumToken.FunctionTokenType) {
+    //
+    //     v1 = evaluateFunc(t as FunctionToken);
+    //
+    //     if (v1.length != 1 || v1[0].typ == EnumToken.BinaryExpressionTokenType) {
+    //
+    //         return null;
+    //     }
+    //
+    //     t = v1[0] as NumberToken | IdentToken;
+    // }
 
     if (t.typ == EnumToken.IdenTokenType) {
 
@@ -302,11 +304,11 @@ function getValue(t: NumberToken | IdentToken | FunctionToken): number | null {
         return Math[(t as IdentToken).val.toUpperCase()] as number;
     }
 
-    if ((t.val as FractionToken).typ == EnumToken.FractionTokenType) {
-
-        // @ts-ignore
-        return (t.val as FractionToken).l.val / (t.val as FractionToken).r.val;
-    }
+    // if ((t.val as FractionToken).typ == EnumToken.FractionTokenType) {
+    //
+    //     // @ts-ignore
+    //     return (t.val as FractionToken).l.val / (t.val as FractionToken).r.val;
+    // }
 
     // @ts-ignore
     return t.typ == EnumToken.FractionTokenType ? (t as FractionToken).l.val / (t as FractionToken).r.val : +t.val;
@@ -331,10 +333,10 @@ export function evaluateFunc(token: FunctionToken): Token[] {
 
             const value: Token[] = evaluate(values);
 
-            if (value.length != 1 || (value[0].typ != EnumToken.NumberTokenType && value[0].typ != EnumToken.FractionTokenType) || (value[0].typ == EnumToken.FractionTokenType && (+(value[0] as FractionToken).r.val == 0 || !Number.isFinite(+(value[0] as FractionToken).l.val) || !Number.isFinite(+(value[0] as FractionToken).r.val)))) {
-
-                return value;
-            }
+            // if (value.length != 1 || (value[0].typ != EnumToken.NumberTokenType && value[0].typ != EnumToken.FractionTokenType) || (value[0].typ == EnumToken.FractionTokenType && (+(value[0] as FractionToken).r.val == 0 || !Number.isFinite(+(value[0] as FractionToken).l.val) || !Number.isFinite(+(value[0] as FractionToken).r.val)))) {
+            //
+            //     return value;
+            // }
 
             // @ts-ignore
             let val: number = value[0].typ == EnumToken.NumberTokenType ? +value[0].val : (value[0] as FractionToken).l.val / (value[0] as FractionToken).r.val;
@@ -353,26 +355,26 @@ export function evaluateFunc(token: FunctionToken): Token[] {
             let ref = chi[0];
             let value: number = 0;
 
-            if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(ref.typ) && !('unit' in ref)) {
-
-                return [token];
-            }
+            // if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType].includes(ref.typ) && !('unit' in ref)) {
+            //
+            //     return [token];
+            // }
 
             for (let i = 0; i < chi.length; i++) {
 
                 // @ts-ignore
-                if (chi[i].typ != ref.typ || ('unit' in chi[i] && 'unit' in ref && chi[i].unit != ref.unit)) {
-
-                    return [token];
-                }
+                // if (chi[i].typ != ref.typ || ('unit' in chi[i] && 'unit' in ref && chi[i].unit != ref.unit)) {
+                //
+                //     return [token];
+                // }
 
                 // @ts-ignore
                 const val = getValue(chi[i] as DimensionToken | NumberToken) as number;
 
-                if (val == null) {
-
-                    return [token];
-                }
+                // if (val == null) {
+                //
+                //     return [token];
+                // }
 
                 all.push(val);
                 value += val * val;
@@ -392,52 +394,52 @@ export function evaluateFunc(token: FunctionToken): Token[] {
 
             const chi = values.filter(t => ![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ));
 
-            if (chi.length != 3 || chi[1].typ != EnumToken.CommaTokenType) {
-
-                return [token];
-            }
-
-            if (token.val == 'pow' && (chi[0].typ != EnumToken.NumberTokenType || chi[2].typ != EnumToken.NumberTokenType)) {
-
-                return [token];
-            }
-
-            if (['rem', 'mod'].includes(token.val) &&
-                (
-                    chi[0].typ != chi[2].typ) || (
-                    'unit' in chi[0] && 'unit' in chi[2] &&
-                    chi[0].unit != chi[2].unit
-                )) {
-
-                return [token];
-            }
+            // if (chi.length != 3 || chi[1].typ != EnumToken.CommaTokenType) {
+            //
+            //     return [token];
+            // }
+
+            // if (token.val == 'pow' && (chi[0].typ != EnumToken.NumberTokenType || chi[2].typ != EnumToken.NumberTokenType)) {
+            //
+            //     return [token];
+            // }
+
+            // if (['rem', 'mod'].includes(token.val) &&
+            //     (
+            //         chi[0].typ != chi[2].typ) || (
+            //         'unit' in chi[0] && 'unit' in chi[2] &&
+            //         chi[0].unit != chi[2].unit
+            //     )) {
+            //
+            //     return [token];
+            // }
 
             // https://developer.mozilla.org/en-US/docs/Web/CSS/mod
             const v1: Token[] = evaluate([chi[0]]);
             const v2: Token[] = evaluate([chi[2]]);
             const types: EnumToken[] = [EnumToken.PercentageTokenType, EnumToken.DimensionTokenType, EnumToken.AngleTokenType, EnumToken.NumberTokenType, EnumToken.LengthTokenType, EnumToken.TimeTokenType, EnumToken.FrequencyTokenType, EnumToken.ResolutionTokenType];
 
-            if (v1.length != 1 || v2.length != 1 || !types.includes(v1[0].typ) || !types.includes(v2[0].typ) || (v1[0] as DimensionToken).unit != (v2[0] as DimensionToken).unit) {
-
-                return [token];
-            }
+            // if (v1.length != 1 || v2.length != 1 || !types.includes(v1[0].typ) || !types.includes(v2[0].typ) || (v1[0] as DimensionToken).unit != (v2[0] as DimensionToken).unit) {
+            //
+            //     return [token];
+            // }
 
             // @ts-ignore
             const val1 = getValue(v1[0] as Token) as number;
             // @ts-ignore
             const val2 = getValue(v2[0] as Token) as number;
 
-            if (val1 == null || val2 == null || (v1[0].typ != v2[0].typ && val1 != 0 && val2 != 0)) {
-
-                return [token];
-            }
+            // if (val1 == null || val2 == null || (v1[0].typ != v2[0].typ && val1 != 0 && val2 != 0)) {
+            //
+            //     return [token];
+            // }
 
             if (token.val == 'rem') {
 
-                if (val2 == 0) {
-
-                    return [token];
-                }
+                // if (val2 == 0) {
+                //
+                //     return [token];
+                // }
 
                 return [
                     {
@@ -494,10 +496,10 @@ export function evaluateFunc(token: FunctionToken): Token[] {
 
                 const result: Token[] = evaluate([curr]);
 
-                if (result.length != 1 || result[0].typ == EnumToken.FunctionTokenType) {
-
-                    return [token];
-                }
+                // if (result.length != 1 || result[0].typ == EnumToken.FunctionTokenType) {
+                //
+                //     return [token];
+                // }
 
                 const key: string = result[0].typ + ('unit' in result[0] ? result[0].unit : '');
 
@@ -515,22 +517,22 @@ export function evaluateFunc(token: FunctionToken): Token[] {
 
                 if (token.val == 'log') {
 
-                    if (values[0].typ != EnumToken.NumberTokenType || values.length > 2) {
-
-                        return [token];
-                    }
+                    // if (values[0].typ != EnumToken.NumberTokenType || values.length > 2) {
+                    //
+                    //     return [token];
+                    // }
 
                     const val1 = getValue(values[0] as NumberToken) as number;
                     const val2 = values.length == 2 ? getValue(values[1] as NumberToken) as number : null;
 
-                    if (values.length == 1) {
-
-                        return [
-                            {
-                                ...values[0],
-                                val: String(Math.log(val1))
-                            } as DimensionToken | AngleToken | NumberToken | LengthToken | TimeToken | FrequencyToken | ResolutionToken];
-                    }
+                    // if (values.length == 1) {
+                    //
+                    //     return [
+                    //         {
+                    //             ...values[0],
+                    //             val: String(Math.log(val1))
+                    //         } as DimensionToken | AngleToken | NumberToken | LengthToken | TimeToken | FrequencyToken | ResolutionToken];
+                    // }
 
                     return [
                         {
@@ -557,7 +559,6 @@ export function evaluateFunc(token: FunctionToken): Token[] {
 
                             val = val2;
                             ret = curr;
-
                         }
                     }
 
@@ -569,10 +570,10 @@ export function evaluateFunc(token: FunctionToken): Token[] {
                     let val = getValue(values[0] as NumberToken) as number;
                     let val2 = getValue(values[1] as NumberToken) as number;
 
-                    if (Number.isNaN(val) || Number.isNaN(val2)) {
-
-                        return [token];
-                    }
+                    // if (Number.isNaN(val) || Number.isNaN(val2)) {
+                    //
+                    //     return [token];
+                    // }
 
                     if (strategy == null || strategy == 'down') {
 
@@ -588,7 +589,7 @@ export function evaluateFunc(token: FunctionToken): Token[] {
             }
         }
 
-            return [token];
+        // return [token];
     }
 
     return [token];
@@ -602,10 +603,11 @@ export function inlineExpression(token: Token): Token[] {
 
     const result: Token[] = [];
 
-    if (token.typ == EnumToken.ParensTokenType && (token as ParensToken).chi.length == 1) {
-
-        result.push((token as ParensToken).chi[0]);
-    } else if (token.typ == EnumToken.BinaryExpressionTokenType) {
+    // if (token.typ == EnumToken.ParensTokenType && (token as ParensToken).chi.length == 1) {
+    //
+    //     result.push((token as ParensToken).chi[0]);
+    // } else
+    if (token.typ == EnumToken.BinaryExpressionTokenType) {
 
         if ([EnumToken.Mul, EnumToken.Div].includes((token as BinaryExpressionToken).op)) {
 
diff --git a/src/lib/ast/math/math.ts b/src/lib/ast/math/math.ts
index 74f47bd3..804faa74 100644
--- a/src/lib/ast/math/math.ts
+++ b/src/lib/ast/math/math.ts
@@ -1,6 +1,7 @@
 import type {FractionToken} from "../../../@types/index.d.ts";
 import {EnumToken} from "../types.ts";
-import {reduceNumber} from "../../renderer/index.ts";
+
+import {minifyNumber} from "../../syntax";
 
 export function gcd (x: number, y: number): number {
 
@@ -15,21 +16,19 @@ export function gcd (x: number, y: number): number {
 
     let t: number;
 
-    if (x == 0) {
-
-        return y;
-    }
-
-    if (y == 0) {
-
-        return x;
-    }
+    // if (x == 0) {
+    //
+    //     return y;
+    // }
+    //
+    // if (y == 0) {
+    //
+    //     return x;
+    // }
 
     if (y > x) {
 
-        t = x;
-        x = y;
-        y = t;
+        [x, y] = [y, x];
     }
 
     while (y) {
@@ -70,24 +69,24 @@ export function compute(a: number | FractionToken, b: number | FractionToken, op
                 }
 
                 const result: number = a / b;
-                const r2: string = reduceNumber(r[0]) + '/' + reduceNumber(r[1]);
+                const r2: string = minifyNumber(r[0]) + '/' + minifyNumber(r[1]);
 
-                return reduceNumber(result).length <= r2.length ? result : {
+                return minifyNumber(result).length < r2.length ? result : {
                     typ: EnumToken.FractionTokenType,
-                    l: {typ: EnumToken.NumberTokenType, val: reduceNumber(r[0])},
-                    r: {typ: EnumToken.NumberTokenType, val: reduceNumber(r[1])}
+                    l: {typ: EnumToken.NumberTokenType, val: minifyNumber(r[0])},
+                    r: {typ: EnumToken.NumberTokenType, val: minifyNumber(r[1])}
                 };
         }
     }
 
     let l1: FractionToken = typeof a == 'number' ? {
         typ: EnumToken.FractionTokenType,
-        l: {typ: EnumToken.NumberTokenType, val: reduceNumber(a)},
+        l: {typ: EnumToken.NumberTokenType, val: minifyNumber(a)},
         r: {typ: EnumToken.NumberTokenType, val: '1'}
     } : a;
     let r1: FractionToken = typeof b == 'number' ? {
         typ: EnumToken.FractionTokenType,
-        l: {typ: EnumToken.NumberTokenType, val: reduceNumber(b)},
+        l: {typ: EnumToken.NumberTokenType, val: minifyNumber(b)},
         r: {typ: EnumToken.NumberTokenType, val: '1'}
     } : b;
 
@@ -139,10 +138,10 @@ export function compute(a: number | FractionToken, b: number | FractionToken, op
     }
 
     const result: number = a2[0] / a2[1];
-    return reduceNumber(result).length <= reduceNumber(a2[0]).length + 1 + reduceNumber(a2[1]).length ? result : {
+    return minifyNumber(result).length <= minifyNumber(a2[0]).length + 1 + minifyNumber(a2[1]).length ? result : {
         typ: EnumToken.FractionTokenType,
-        l: {typ: EnumToken.NumberTokenType, val: reduceNumber(a2[0])},
-        r: {typ: EnumToken.NumberTokenType, val: reduceNumber(a2[1])}
+        l: {typ: EnumToken.NumberTokenType, val: minifyNumber(a2[0])},
+        r: {typ: EnumToken.NumberTokenType, val: minifyNumber(a2[1])}
     };
 }
 
diff --git a/src/lib/ast/minify.ts b/src/lib/ast/minify.ts
index 1eb11172..446f615f 100644
--- a/src/lib/ast/minify.ts
+++ b/src/lib/ast/minify.ts
@@ -1,6 +1,5 @@
 import {parseString} from "../parser/index.ts";
 import {eq} from "../parser/utils/eq.ts";
-import {replaceCompound} from './expand.ts';
 import {doRender, renderToken} from "../renderer/index.ts";
 import * as allFeatures from "./features/index.ts";
 import {walkValues} from "./walk.ts";
@@ -134,7 +133,7 @@ export function minify(ast: AstNode, options: ParserOptions = {}, recursive: boo
 
     parents = [<AstRuleStyleSheet>ast];
 
-    for (const parent of parents ) {
+    for (const parent of parents) {
 
         // parent = parents.shift() as AstNode;
 
@@ -186,27 +185,31 @@ export function minify(ast: AstNode, options: ParserOptions = {}, recursive: boo
 function reduce(acc: string[], curr: string[], index: number, array: string[][]): string[] {
 
     // trim :is()
-    if (array.length == 1 && array[0][0] == ':is(' && array[0].at(-1) == ')') {
-
-        curr = curr.slice(1, -1);
-    }
+    // if (array.length == 1 && array[0][0] == ':is(' && array[0].at(-1) == ')') {
+    //
+    //     curr = curr.slice(1, -1);
+    // }
 
     if (curr[0] == '&') {
 
         if (curr[1] == ' ' && !isIdent(curr[2]) && !isFunction(curr[2])) {
 
             curr.splice(0, 2);
-        } else if (combinators.includes(curr[1])) {
-
-            curr.shift();
         }
-    } else { // @ts-ignore
-        if (this.typ == EnumToken.RuleNodeType && (isIdent(curr[0]) || isFunction(curr[0]))) {
 
-            curr.unshift('&', ' ');
-        }
+        // else if (combinators.includes(curr[1])) {
+        //
+        //     curr.shift();
+        // }
     }
 
+    // else { // @ts-ignore
+    //     if (this.typ == EnumToken.RuleNodeType && (isIdent(curr[0]) || isFunction(curr[0]))) {
+    //
+    //         curr.unshift('&', ' ');
+    //     }
+    // }
+
     acc.push(curr.join(''));
     return acc;
 }
@@ -253,12 +256,12 @@ function doMinify(ast: AstNode, options: ParserOptions = {}, recursive: boolean
             node = ast.chi[i];
 
             // @ts-ignore
-            if (previous == node) {
-
-                // @ts-ignore
-                ast.chi.splice(i--, 1);
-                continue;
-            }
+            // if (previous == node) {
+            //
+            //     // @ts-ignore
+            //     ast.chi.splice(i--, 1);
+            //     continue;
+            // }
 
             if (node.typ == EnumToken.AtRuleNodeType && (<AstAtRule>node).nam == 'font-face') {
                 continue;
@@ -283,9 +286,7 @@ function doMinify(ast: AstNode, options: ParserOptions = {}, recursive: boolean
 
                     doMinify(node, options, true, errors, nestingContent, context);
                 }
-            }
-
-            if (node.typ == EnumToken.KeyFrameRuleNodeType) {
+            } else if (node.typ == EnumToken.KeyFrameRuleNodeType) {
 
                 if (previous?.typ == EnumToken.KeyFrameRuleNodeType &&
                     (<AstKeyFrameRule>node).sel == (<AstKeyFrameRule>previous).sel) {
@@ -322,9 +323,7 @@ function doMinify(ast: AstNode, options: ParserOptions = {}, recursive: boolean
                         }
                     }
                 }
-            }
-
-            if (node.typ == EnumToken.AtRuleNodeType) {
+            } else if (node.typ == EnumToken.AtRuleNodeType) {
 
                 // @ts-ignore
                 if ((<AstAtRule>node).nam == 'media' && ['all', '', null].includes((<AstAtRule>node).val)) {
@@ -362,7 +361,7 @@ function doMinify(ast: AstNode, options: ParserOptions = {}, recursive: boolean
             }
 
             // @ts-ignore
-            if (node.typ == EnumToken.RuleNodeType) {
+            else if (node.typ == EnumToken.RuleNodeType) {
 
                 reduceRuleSelector(<AstRule>node);
 
@@ -468,13 +467,13 @@ function doMinify(ast: AstNode, options: ParserOptions = {}, recursive: boolean
                                 curr.splice(0, 2);
                             } else {
 
-                                if (ast.typ != EnumToken.RuleNodeType && combinators.includes(curr[1])) {
-
-                                    wrap = false;
-                                } else {
+                                // if (ast.typ != EnumToken.RuleNodeType && combinators.includes(curr[1])) {
+                                //
+                                //     wrap = false;
+                                // } else {
 
-                                    curr.splice(0, 1);
-                                }
+                                curr.splice(0, 1);
+                                // }
                             }
                         } else if (combinators.includes(curr[0])) {
 
@@ -487,7 +486,7 @@ function doMinify(ast: AstNode, options: ParserOptions = {}, recursive: boolean
                         return acc;
 
                     }, []);
-``
+                    ``
                     if (!wrap) {
 
                         wrap = selector.some((s: string[]) => s[0] != '&');
@@ -509,22 +508,20 @@ function doMinify(ast: AstNode, options: ParserOptions = {}, recursive: boolean
                                 if (s[0] == '&') {
 
                                     s.splice(0, 1, last);
-                                }
+                                } else {
 
-                                else {
-''
                                     s.unshift(last);
                                 }
 
                                 return s.join('');
-                                
+
                             }).join(',')})`;
                         }
                     }
 
                     if (rule == null) {
 
-                       rule = selector.map(s => {
+                        rule = selector.map(s => {
 
                             if (s[0] == '&') {
 
@@ -539,11 +536,11 @@ function doMinify(ast: AstNode, options: ParserOptions = {}, recursive: boolean
                     let sel: string = wrap ? node.optimized.optimized.join('') + `:is(${rule})` : rule;
 
 
-                    if (rule.includes('&')) {
-
-                        // @ts-ignore
-                        rule = replaceCompound(rule, node.optimized.optimized[0]);
-                    }
+                    // if (rule.includes('&')) {
+                    //
+                    //     // @ts-ignore
+                    //     rule = replaceCompound(rule, node.optimized.optimized[0]);
+                    // }
 
                     if (sel.length < (<AstRule>node).sel.length) {
 
@@ -586,12 +583,12 @@ function doMinify(ast: AstNode, options: ParserOptions = {}, recursive: boolean
                                 // @ts-ignore
                                 ast.chi.splice(nodeIndex, 1);
                                 // @ts-ignore
-                                if (!hasDeclaration(node)) {
-                                    // @ts-ignore
-                                    // minifyRule(node, <MinifyOptions>options, ast, context);
-                                    // } else {
-                                    doMinify(node, options, recursive, errors, nestingContent, context);
-                                }
+                                // if (!hasDeclaration(node)) {
+                                //     // @ts-ignore
+                                //     // minifyRule(node, <MinifyOptions>options, ast, context);
+                                //     // } else {
+                                //     doMinify(node, options, recursive, errors, nestingContent, context);
+                                // }
 
                                 i--;
                                 previous = node;
@@ -659,24 +656,25 @@ function doMinify(ast: AstNode, options: ParserOptions = {}, recursive: boolean
                             // minifyRule(previous, <MinifyOptions>options, ast, context);
                             // } else {
 
-                            doMinify(previous, options, recursive, errors, nestingContent, context);
-                        }
-                    }
-                } else {
-
-                    if ('chi' in previous) {
-
-                        // @ts-ignore
-                        if (!hasDeclaration(previous)) {
-
-                            // @ts-ignore
-                            // minifyRule(previous, <MinifyOptions>options, ast, context);
-                            // } else {
-
                             doMinify(previous, options, recursive, errors, nestingContent, context);
                         }
                     }
                 }
+                // else {
+                //
+                //     if ('chi' in previous) {
+                //
+                //         // @ts-ignore
+                //         if (!hasDeclaration(previous)) {
+                //
+                //             // @ts-ignore
+                //             // minifyRule(previous, <MinifyOptions>options, ast, context);
+                //             // } else {
+                //
+                //             doMinify(previous, options, recursive, errors, nestingContent, context);
+                //         }
+                //     }
+                // }
             }
 
             // else if ('chi' in node) {
@@ -744,11 +742,15 @@ function hasDeclaration(node: AstRule): boolean {
     return true;
 }
 
-function reduceSelector(selector: string[][]): OptimizedSelector | null {
+/**
+ * optimize selector
+ * @param selector
+ */
+function optimizeSelector(selector: string[][]): OptimizedSelector | null {
 
-    if (selector.length == 0) {
-        return null;
-    }
+    // if (selector.length == 0) {
+    //     return null;
+    // }
 
     selector = selector.reduce((acc: string[][], curr: string[]) => {
 
@@ -819,10 +821,10 @@ function reduceSelector(selector: string[][]): OptimizedSelector | null {
     selector.forEach((selector: string[]) => selector.splice(0, optimized.length));
 
     // combinator
-    if (combinators.includes(<string>optimized.at(-1))) {
-        const combinator: string = <string>optimized.pop();
-        selector.forEach((selector: string[]) => selector.unshift(combinator));
-    }
+    // if (combinators.includes(<string>optimized.at(-1))) {
+    //     const combinator: string = <string>optimized.pop();
+    //     selector.forEach((selector: string[]) => selector.unshift(combinator));
+    // }
 
     let reducible: boolean = optimized.length == 1;
 
@@ -898,18 +900,18 @@ export function splitRule(buffer: string): string[][] {
 
         if (isWhiteSpace(chr.charCodeAt(0))) {
 
-            let k: number = i;
-
-            while (k + 1 < buffer.length) {
+            // let k: number = i;
 
-                if (isWhiteSpace(buffer[k + 1].charCodeAt(0))) {
-
-                    k++;
-                    continue;
-                }
-
-                break;
-            }
+            // while (k + 1 < buffer.length) {
+            //
+            //     if (isWhiteSpace(buffer[k + 1].charCodeAt(0))) {
+            //
+            //         k++;
+            //         continue;
+            //     }
+            //
+            //     break;
+            // }
 
             if (str !== '') {
 
@@ -925,7 +927,7 @@ export function splitRule(buffer: string): string[][] {
                 result.at(-1).push(' ');
             }
 
-            i = k;
+            // i = k;
             continue;
         }
 
@@ -995,22 +997,22 @@ export function splitRule(buffer: string): string[][] {
             continue;
         }
 
-        if (chr == '"' || chr == "'") {
-
-            let k = i;
-            while (++k < buffer.length) {
-                chr = buffer.charAt(k);
-                str += chr;
-                if (chr == '//') {
-                    str += buffer.charAt(++k);
-                    continue;
-                }
-                if (chr == buffer.charAt(i)) {
-                    break;
-                }
-            }
-            continue;
-        }
+        // if (chr == '"' || chr == "'") {
+        //
+        //     let k = i;
+        //     while (++k < buffer.length) {
+        //         chr = buffer.charAt(k);
+        //         str += chr;
+        //         if (chr == '//') {
+        //             str += buffer.charAt(++k);
+        //             continue;
+        //         }
+        //         if (chr == buffer.charAt(i)) {
+        //             break;
+        //         }
+        //     }
+        //     continue;
+        // }
 
         if (chr == '(' || chr == '[') {
             const open = chr;
@@ -1046,6 +1048,109 @@ export function splitRule(buffer: string): string[][] {
     return result;
 }
 
+function reduceSelector(acc: string[][], curr: string[]): string[][] | null {
+
+    // if (acc === null) {
+    //
+    //     return null;
+    // }
+
+    let hasCompoundSelector: boolean = true;
+
+    // @ts-ignore
+    curr = curr.slice(this.match[0].length);
+
+    while (curr.length > 0) {
+
+        if (curr[0] == ' ') {
+
+            hasCompoundSelector = false;
+            curr.unshift('&');
+            continue;
+        }
+
+        break;
+    }
+
+    // invalid function match
+    // if (curr.length > 0 && curr[0].endsWith('(') && curr.at(-1) != ')') {
+    //
+    //     return null;
+    // }
+    //
+    // if (curr.length == 1 && combinators.includes(curr[0].charAt(0))) {
+    //
+    //     return null;
+    // }
+
+    if (hasCompoundSelector && curr.length > 0) {
+
+        hasCompoundSelector = !['&'].concat(combinators).includes(curr[0].charAt(0));
+    }
+
+    if (curr[0] == ':is(') {
+
+        let inFunction: number = 0;
+        let canReduce: boolean = true;
+        const isCompound: string[][] = curr.reduce((acc, token, index: number) => {
+
+            if (index == 0) {
+
+                inFunction++;
+                canReduce = curr[1] == '&';
+            }
+                // else if (token.endsWith('(')) {
+                //
+                //     if (inFunction == 0) {
+                //
+                //         canReduce = false;
+                //     }
+                //
+                //     inFunction++;
+            // }
+            else if (token == ')') {
+
+                inFunction--;
+            } else if (token == ',') {
+
+                if (!canReduce) {
+
+                    canReduce = curr[index + 1] == '&';
+                }
+
+                acc.push([]);
+            } else acc.at(-1)?.push(token);
+
+            return acc;
+
+        }, <string[][]>[[]]);
+
+        // if (inFunction > 0) {
+        //
+        //     canReduce = false;
+        // }
+
+        if (canReduce) {
+
+            curr = isCompound.reduce((acc, curr) => {
+
+                if (acc.length > 0) {
+
+                    acc.push(',');
+                }
+
+                acc.push(...curr);
+
+                return acc
+            }, []);
+        }
+    }
+
+    // @ts-ignore
+    acc.push(this.match.length == 0 ? ['&'] : (hasCompoundSelector && curr[0] != '&' && (curr.length == 0 || !combinators.includes(curr[0].charAt(0))) ? ['&'].concat(curr) : curr))
+    return acc;
+}
+
 function matchSelectors(selector1: string[][], selector2: string[][], parentType: EnumToken, errors: ErrorDescription[]): null | MatchedSelector {
 
     let match: string[][] = [[]];
@@ -1094,29 +1199,29 @@ function matchSelectors(selector1: string[][], selector2: string[][], parentType
             break;
         }
 
-        if (token == ',') {
+        // if (token == ',') {
+        //
+        //     match.push([]);
+        // } else {
 
-            match.push([]);
-        } else {
-
-            if (token.endsWith('(')) {
-
-                matchFunction++;
-            }
-
-            if (token.endsWith('[')) {
-
-                inAttr++;
-            } else if (token == ')') {
+        if (token.endsWith('(')) {
 
-                matchFunction--;
-            } else if (token == ']') {
-
-                inAttr--;
-            }
-
-            (<string[]>match.at(-1)).push(token);
+            matchFunction++;
         }
+
+        // if (token.endsWith('[')) {
+        //
+        //     inAttr++;
+        // } else if (token == ')') {
+        //
+        //     matchFunction--;
+        // } else if (token == ']') {
+        //
+        //     inAttr--;
+        // }
+
+        (<string[]>match.at(-1)).push(token);
+        // }
     }
 
     // invalid function
@@ -1125,29 +1230,29 @@ function matchSelectors(selector1: string[][], selector2: string[][], parentType
         return null;
     }
 
-    if (parentType != EnumToken.RuleNodeType) {
-
-        for (const part of match) {
-
-            if (part.length > 0 && combinators.includes(part[0].charAt(0))) {
-
-                return null;
-            }
-        }
-    }
-
-    if (match.length > 1) {
-
-        errors?.push({
-            action: 'ignore',
-            message: `minify: unsupported multilevel matching\n${JSON.stringify({
-                match,
-                selector1,
-                selector2
-            }, null, 1)}`
-        });
-        return null;
-    }
+    // if (parentType != EnumToken.RuleNodeType) {
+    //
+    //     for (const part of match) {
+    //
+    //         if (part.length > 0 && combinators.includes(part[0].charAt(0))) {
+    //
+    //             return null;
+    //         }
+    //     }
+    // }
+
+    // if (match.length > 1) {
+    //
+    //     errors?.push({
+    //         action: 'ignore',
+    //         message: `minify: unsupported multilevel matching\n${JSON.stringify({
+    //             match,
+    //             selector1,
+    //             selector2
+    //         }, null, 1)}`
+    //     });
+    //     return null;
+    // }
 
     for (const part of match) {
 
@@ -1175,109 +1280,12 @@ function matchSelectors(selector1: string[][], selector2: string[][], parentType
         return null;
     }
 
-    function reduce(acc: string[][], curr: string[]) {
-
-        if (acc === null) {
-
-            return null;
-        }
-
-        let hasCompoundSelector: boolean = true;
-
-        curr = curr.slice(match[0].length);
-
-        while (curr.length > 0) {
-
-            if (curr[0] == ' ') {
-
-                hasCompoundSelector = false;
-                curr.unshift('&');
-                continue;
-            }
-
-            break;
-        }
-
-        // invalid function match
-        if (curr.length > 0 && curr[0].endsWith('(') && curr.at(-1) != ')') {
-
-            return null;
-        }
-
-        if (curr.length == 1 && combinators.includes(curr[0].charAt(0))) {
-
-            return null;
-        }
-
-        if (hasCompoundSelector && curr.length > 0) {
-
-            hasCompoundSelector = !['&'].concat(combinators).includes(curr[0].charAt(0));
-        }
-
-        if (curr[0] == ':is(') {
-
-            let inFunction: number = 0;
-            let canReduce: boolean = true;
-            const isCompound: string[][] = curr.reduce((acc, token, index: number) => {
-
-                if (index == 0) {
-
-                    inFunction++;
-                    canReduce = curr[1] == '&';
-                } else if (token.endsWith('(')) {
-
-                    if (inFunction == 0) {
-
-                        canReduce = false;
-                    }
-
-                    inFunction++;
-                } else if (token == ')') {
-
-                    inFunction--;
-                } else if (token == ',') {
-
-                    if (!canReduce) {
-
-                        canReduce = curr[index + 1] == '&';
-                    }
-
-                    acc.push([]);
-                } else acc.at(-1)?.push(token);
-
-                return acc;
-
-            }, <string[][]>[[]]);
-
-            if (inFunction > 0) {
-
-                canReduce = false;
-            }
-
-            if (canReduce) {
-
-                curr = isCompound.reduce((acc, curr) => {
-
-                    if (acc.length > 0) {
-
-                        acc.push(',');
-                    }
-
-                    acc.push(...curr);
-
-                    return acc
-                }, []);
-            }
-        }
-
-        acc.push(match.length == 0 ? ['&'] : (hasCompoundSelector && curr[0] != '&' && (curr.length == 0 || !combinators.includes(curr[0].charAt(0))) ? ['&'].concat(curr) : curr))
-        return acc;
-    }
+    const reducer = reduceSelector.bind({match});
 
     // @ts-ignore
-    selector1 = selector1.reduce(reduce, <string[][]>[]);
+    selector1 = selector1.reduce(reducer, <string[][]>[]);
     // @ts-ignore
-    selector2 = selector2.reduce(reduce, <string[][]>[]);
+    selector2 = selector2.reduce(reducer, <string[][]>[]);
 
     return selector1 == null || selector2 == null ? null : {
         eq: eq(selector1, selector2),
@@ -1391,10 +1399,10 @@ function diff(n1: AstRule, n2: AstRule, reducer: Function, options: ParserOption
     let i: number = node1.chi.length;
     let j: number = node2.chi.length;
 
-    if (i == 0 || j == 0) {
-
-        return null;
-    }
+    // if (i == 0 || j == 0) {
+    //
+    //     return null;
+    // }
 
     const raw1: RawSelectorTokens = <RawSelectorTokens>node1.raw;
     const raw2: RawSelectorTokens = <RawSelectorTokens>node2.raw;
@@ -1511,10 +1519,10 @@ function diff(n1: AstRule, n2: AstRule, reducer: Function, options: ParserOption
 
         j = node2.chi.length;
 
-        if (j == 0) {
-
-            break;
-        }
+        // if (j == 0) {
+        //
+        //     break;
+        // }
 
         while (j--) {
 
@@ -1577,7 +1585,7 @@ function reduceRuleSelector(node: AstRule) {
         Object.defineProperty(node, 'raw', {...definedPropertySettings, value: splitRule(node.sel)})
     }
 
-    let optimized: OptimizedSelector = <OptimizedSelector>reduceSelector(node.raw!.reduce((acc, curr) => {
+    let optimized: OptimizedSelector = <OptimizedSelector>optimizeSelector(node.raw!.reduce((acc, curr) => {
         acc.push(curr.slice());
         return acc;
     }, <string[][]>[]));
diff --git a/src/lib/ast/transform/compute.ts b/src/lib/ast/transform/compute.ts
index 8184c53a..96b80a26 100644
--- a/src/lib/ast/transform/compute.ts
+++ b/src/lib/ast/transform/compute.ts
@@ -1,8 +1,7 @@
 import type {AngleToken, FunctionToken, IdentToken, LengthToken, NumberToken, Token} from "../../../@types/token.d.ts";
 import {identity, Matrix, multiply} from "./utils.ts";
 import {EnumToken} from "../types.ts";
-import {length2Px} from "./convert.ts";
-import {transformFunctions} from "../../syntax/index.ts";
+import {length2Px, transformFunctions} from "../../syntax/index.ts";
 import {stripCommaToken} from "../../validation/utils/index.ts";
 import {translate, translate3d, translateX, translateY, translateZ} from "./translate.ts";
 import {getAngle, getNumber} from "../../syntax/color/index.ts";
@@ -22,10 +21,10 @@ export function compute(transformLists: Token[]): {
     transformLists = transformLists.slice();
     stripCommaToken(transformLists);
 
-    if (transformLists.length == 0) {
-
-        return null;
-    }
+    // if (transformLists.length == 0) {
+    //
+    //     return null;
+    // }
 
     let matrix: Matrix | null = identity();
     let mat: Matrix;
@@ -79,10 +78,10 @@ export function computeMatrix(transformList: Token[], matrixVar: Matrix): Matrix
 
     for (; i < transformList.length; i++) {
 
-        if (transformList[i].typ == EnumToken.WhitespaceTokenType) {
-
-            continue;
-        }
+        // if (transformList[i].typ == EnumToken.WhitespaceTokenType) {
+        //
+        //     continue;
+        // }
 
         if (transformList[i].typ != EnumToken.FunctionTokenType || !transformFunctions.includes((transformList[i] as FunctionToken).val)) {
 
@@ -100,36 +99,36 @@ export function computeMatrix(transformList: Token[], matrixVar: Matrix): Matrix
                 values.length = 0;
                 const children = stripCommaToken((transformList[i] as FunctionToken).chi.slice()) as Token[];
 
-                if (children == null || children.length == 0) {
-
-                    return null;
-                }
+                // if (children == null || children.length == 0) {
+                //
+                //     return null;
+                // }
 
                 const valCount: number = (transformList[i] as FunctionToken).val == 'translate3d' || (transformList[i] as FunctionToken).val == 'translate' ? 3 : 1;
 
-                if (children.length == 1 && children[0].typ == EnumToken.IdenTokenType && (children[0] as IdentToken).val == 'none') {
+                // if (children.length == 1 && children[0].typ == EnumToken.IdenTokenType && (children[0] as IdentToken).val == 'none') {
+                //
+                //     values.fill(0, 0, valCount);
+                //
+                // } else {
 
-                    values.fill(0, 0, valCount);
+                for (let j = 0; j < children.length; j++) {
 
-                } else {
-
-                    for (let j = 0; j < children.length; j++) {
-
-                        if (children[j].typ == EnumToken.WhitespaceTokenType) {
-
-                            continue;
-                        }
+                    if (children[j].typ == EnumToken.WhitespaceTokenType) {
 
-                        val = length2Px(children[j] as LengthToken);
+                        continue;
+                    }
 
-                        if (typeof val != 'number' || Number.isNaN(val)) {
+                    val = length2Px(children[j] as LengthToken);
 
-                            return null;
-                        }
+                    if (val == null) {
 
-                        values.push(val as number);
+                        return null;
                     }
+
+                    values.push(val as number);
                 }
+                // }
 
                 if (values.length == 0 || values.length > valCount) {
 
@@ -173,10 +172,10 @@ export function computeMatrix(transformList: Token[], matrixVar: Matrix): Matrix
 
                 for (const child of stripCommaToken((transformList[i] as FunctionToken).chi.slice()) as Token[]) {
 
-                    if (child.typ == EnumToken.WhitespaceTokenType) {
-
-                        continue;
-                    }
+                    // if (child.typ == EnumToken.WhitespaceTokenType) {
+                    //
+                    //     continue;
+                    // }
 
                     values.push(child);
 
@@ -238,10 +237,10 @@ export function computeMatrix(transformList: Token[], matrixVar: Matrix): Matrix
 
                     child = children[k];
 
-                    if (child.typ == EnumToken.CommentTokenType || child.typ == EnumToken.WhitespaceTokenType) {
-
-                        continue;
-                    }
+                    // if (child.typ == EnumToken.CommentTokenType || child.typ == EnumToken.WhitespaceTokenType) {
+                    //
+                    //     continue;
+                    // }
 
                     if (child.typ != EnumToken.NumberTokenType) {
 
@@ -251,10 +250,10 @@ export function computeMatrix(transformList: Token[], matrixVar: Matrix): Matrix
                     values.push(getNumber(child as NumberToken));
                 }
 
-                if (values.length == 0) {
-
-                    return null;
-                }
+                // if (values.length == 0) {
+                //
+                //     return null;
+                // }
 
                 if ((transformList[i] as FunctionToken).val == 'scale3d') {
 
@@ -308,17 +307,19 @@ export function computeMatrix(transformList: Token[], matrixVar: Matrix): Matrix
 
                     child = (transformList[i] as FunctionToken).chi[k];
 
-                    if (child.typ == EnumToken.CommentTokenType || child.typ == EnumToken.WhitespaceTokenType) {
+                    if (child.typ == EnumToken.CommentTokenType ||
+                        child.typ == EnumToken.CommaTokenType ||
+                        child.typ == EnumToken.WhitespaceTokenType) {
 
                         continue;
                     }
 
                     value = getAngle(child as AngleToken | NumberToken);
 
-                    if (value == null) {
-
-                        return null;
-                    }
+                    // if (value == null) {
+                    //
+                    //     return null;
+                    // }
 
                     values.push(value * 2 * Math.PI);
                 }
diff --git a/src/lib/ast/transform/convert.ts b/src/lib/ast/transform/convert.ts
index 42f8ad95..e69de29b 100644
--- a/src/lib/ast/transform/convert.ts
+++ b/src/lib/ast/transform/convert.ts
@@ -1,36 +0,0 @@
-import type {LengthToken, NumberToken} from "../../../@types/token.d.ts";
-import {EnumToken} from "../types.ts";
-
-// https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Values_and_units#absolute_length_units
-export function length2Px(value: LengthToken | NumberToken): number | null {
-
-    if (value.typ == EnumToken.NumberTokenType) {
-
-        return +value.val;
-    }
-
-    switch ((value as LengthToken).unit) {
-        case 'cm':
-            // @ts-ignore
-            return (value as LengthToken).val * 37.8;
-        case 'mm':
-            // @ts-ignore
-            return (value as LengthToken).val * 3.78;
-        case 'Q':
-            // @ts-ignore
-            return (value as LengthToken).val * 37.8 / 40;
-        case 'in':
-            // @ts-ignore
-            return (value as LengthToken).val / 96;
-        case 'pc':
-            // @ts-ignore
-            return (value as LengthToken).val / 16;
-        case 'pt':
-            // @ts-ignore
-            return (value as LengthToken).val * 4 / 3;
-        case 'px':
-            return +(value as LengthToken).val;
-    }
-
-    return null;
-}
\ No newline at end of file
diff --git a/src/lib/ast/transform/matrix.ts b/src/lib/ast/transform/matrix.ts
index c48b67c6..4773c9b8 100644
--- a/src/lib/ast/transform/matrix.ts
+++ b/src/lib/ast/transform/matrix.ts
@@ -1,10 +1,10 @@
 import {identity, is2DMatrix, Matrix, toZero} from "./utils.ts";
 import {EnumToken} from "../types.ts";
 import type {FunctionToken, IdentToken, Token} from "../../../@types/index.d.ts";
-import {reduceNumber} from "../../renderer/render.ts";
 import {eq} from "../../parser/utils/eq.ts";
 import {getNumber} from "../../syntax/color/index.ts";
 import {NumberToken} from "../../validation/index.ts";
+import {minifyNumber} from "../../syntax";
 
 export function parseMatrix(mat: FunctionToken | IdentToken): Matrix | null {
 
@@ -106,7 +106,7 @@ export function serialize(matrix: Matrix): Token {
 
                 acc.push({
                     typ: EnumToken.NumberTokenType,
-                    val: reduceNumber(t)
+                    val: minifyNumber(t)
                 })
 
                 return acc
@@ -126,7 +126,7 @@ export function serialize(matrix: Matrix): Token {
 
             acc.push({
                 typ: EnumToken.NumberTokenType,
-                val: reduceNumber(curr)
+                val: minifyNumber(curr)
             })
 
             return acc;
diff --git a/src/lib/ast/transform/minify.ts b/src/lib/ast/transform/minify.ts
index e3b21828..0932c88f 100644
--- a/src/lib/ast/transform/minify.ts
+++ b/src/lib/ast/transform/minify.ts
@@ -58,20 +58,22 @@ export function minify(matrix: Matrix): Token[] | null {
             }
         }
 
-        if (coordinates.size == 3) {
-
-            result.push({
-                typ: EnumToken.FunctionTokenType,
-                val: 'translate3d',
-                chi: [
-                    {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px'},
-                    {typ: EnumToken.CommaTokenType},
-                    {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px'},
-                    {typ: EnumToken.CommaTokenType},
-                    {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[2]) + '', unit: 'px'}
-                ]
-            })
-        } else if (coordinates.size == 1) {
+        // if (coordinates.size == 3) {
+        //
+        //     result.push({
+        //         typ: EnumToken.FunctionTokenType,
+        //         val: 'translate3d',
+        //         chi: [
+        //             {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px'},
+        //             {typ: EnumToken.CommaTokenType},
+        //             {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px'},
+        //             {typ: EnumToken.CommaTokenType},
+        //             {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[2]) + '', unit: 'px'}
+        //         ]
+        //     })
+        // } else
+
+        if (coordinates.size == 1) {
 
             if (coordinates.has('x')) {
 
@@ -116,15 +118,9 @@ export function minify(matrix: Matrix): Token[] | null {
                 typ: EnumToken.FunctionTokenType,
                 val: 'translate',
                 chi: [
-                    decomposed.translate[0] == 0 ? {
-                        typ: EnumToken.NumberTokenType,
-                        'val': '0'
-                    } : {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px'},
+                    {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[0]) + '', unit: 'px'},
                     {typ: EnumToken.CommaTokenType},
-                    decomposed.translate[1] == 0 ? {
-                        typ: EnumToken.NumberTokenType,
-                        'val': '0'
-                    } : {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px'}
+                    {typ: EnumToken.LengthTokenType, val: round(decomposed.translate[1]) + '', unit: 'px'}
                 ]
             });
         }
@@ -206,10 +202,10 @@ export function minify(matrix: Matrix): Token[] | null {
 
     if (transforms.has('skew')) {
 
-        if (round(decomposed.skew[0]) == 0) {
-
-            skew.delete('x');
-        }
+        // if (round(decomposed.skew[0]) == 0) {
+        //
+        //     skew.delete('x');
+        // }
 
         if (round(decomposed.skew[1]) == 0) {
 
@@ -301,16 +297,16 @@ export function minify(matrix: Matrix): Token[] | null {
         }
     }
 
-    if (transforms.has('perspective')) {
-
-        result.push({
-            typ: EnumToken.FunctionTokenType,
-            val: 'perspective',
-            chi: [
-                {typ: EnumToken.Length, val: '' + round(1 / decomposed.perspective[2]), unit: 'px'},
-            ]
-        });
-    }
+    // if (transforms.has('perspective')) {
+    //
+    //     result.push({
+    //         typ: EnumToken.FunctionTokenType,
+    //         val: 'perspective',
+    //         chi: [
+    //             {typ: EnumToken.Length, val: '' + round(1 / decomposed.perspective[2]), unit: 'px'},
+    //         ]
+    //     });
+    // }
 
     // identity
     return result.length == 0 || (result.length == 1 && eqMatrix(identity(), result)) ? [
diff --git a/src/lib/ast/transform/utils.ts b/src/lib/ast/transform/utils.ts
index a406d979..a91ad6ee 100644
--- a/src/lib/ast/transform/utils.ts
+++ b/src/lib/ast/transform/utils.ts
@@ -12,12 +12,6 @@ interface DecomposedMatrix3D {
     perspective: [number, number, number, number];
 }
 
-function determinant(matrix: Matrix): number {
-    return matrix[0][0] * matrix[1][1] * matrix[2][2] * matrix[3][3] - matrix[0][0] * matrix[1][2] * matrix[2][3] * matrix[3][1] -
-        matrix[0][1] * matrix[1][0] * matrix[2][3] * matrix[3][2] + matrix[0][1] * matrix[1][2] * matrix[2][0] * matrix[3][3] -
-        matrix[0][2] * matrix[1][0] * matrix[2][1] * matrix[3][3] + matrix[0][2] * matrix[1][1] * matrix[2][0] * matrix[3][2] -
-        matrix[0][3] * matrix[1][0] * matrix[2][1] * matrix[3][2] + matrix[0][3] * matrix[1][1] * matrix[2][2] * matrix[3][0];
-}
 
 export function identity(): Matrix {
 
@@ -42,23 +36,24 @@ function dot(point1: [number, number, number, number], point2: [number, number,
 
 function dot(point1: Point | [number, number, number, number], point2: Point | [number, number, number, number]): number {
 
-    if (point1.length === 4 && point2.length === 4) {
+    // if (point1.length === 4 && point2.length === 4) {
+    //
+    //     return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2] + point1[3] * point2[3];
+    // }
 
-        return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2] + point1[3] * point2[3];
-    }
+    let result = 0;
 
-    return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2];
-}
+    for (let i = 0; i < point1.length; i++) {
 
-function combine(point1: Point, point2: Point, ascl: number, bscl: number): Point {
+        result += point1[i] * point2[i];
+    }
 
-    return [point1[0] * ascl + point2[0] * bscl, point1[1] * ascl + point2[1] * bscl, point1[2] * ascl + point2[2] * bscl];
-}
+    return result;
 
-function cross(a: Point, b: Point): Point {
-    return [a[1] * b[2] - a[2] * b[1], a[2] * b[0] - a[0] * b[2], a[0] * b[1] - a[1] * b[0]];
+    // return point1[0] * point2[0] + point1[1] * point2[1] + point1[2] * point2[2];
 }
 
+
 export function multiply(matrixA: Matrix, matrixB: Matrix): Matrix {
 
     let result: Matrix = Array(4).fill(0).map(() => Array(4).fill(0)) as Matrix;
@@ -144,22 +139,22 @@ function inverse(matrix: Matrix): Matrix | null {
     return augmented.map(row => row.slice(4)) as Matrix;
 }
 
-function transpose(matrix: Matrix): Matrix {
-    // Crée une nouvelle matrice vide 4x4
-    // @ts-ignore
-    let transposed: Matrix = [[], [], [], []] as Matrix;
-
-    // Parcourt chaque ligne et colonne pour transposer
-    for (let i = 0; i < 4; i++) {
-
-        for (let j = 0; j < 4; j++) {
-
-            transposed[j][i] = matrix[i][j];
-        }
-    }
-
-    return transposed;
-}
+// function transpose(matrix: Matrix): Matrix {
+//     // Crée une nouvelle matrice vide 4x4
+//     // @ts-ignore
+//     let transposed: Matrix = [[], [], [], []] as Matrix;
+//
+//     // Parcourt chaque ligne et colonne pour transposer
+//     for (let i = 0; i < 4; i++) {
+//
+//         for (let j = 0; j < 4; j++) {
+//
+//             transposed[j][i] = matrix[i][j];
+//         }
+//     }
+//
+//     return transposed;
+// }
 
 export function round(number: number): number {
 
@@ -193,14 +188,15 @@ export function decompose(original: Matrix): DecomposedMatrix3D | null {
         perspectiveMatrix[11] = 0;
         perspectiveMatrix[15] = 1;
 
-        const inverse = invertMatrix4(perspectiveMatrix);
+        // @ts-ignore
+        const inverted = inverse(original.reduce((acc, row, i) => acc.concat([row.slice()]), []))?.flat?.();
 
-        if (!inverse) {
+        if (!inverted) {
 
             return null;
         }
 
-        const transposedInverse = transposeMatrix4(inverse);
+        const transposedInverse = transposeMatrix4(inverted);
         perspective[0] = dot(rightHandSide as [number, number, number, number], transposedInverse.slice(0, 4) as [number, number, number, number]);
         perspective[1] = dot(rightHandSide as [number, number, number, number], transposedInverse.slice(4, 8) as [number, number, number, number]);
         perspective[2] = dot(rightHandSide as [number, number, number, number], transposedInverse.slice(8, 12) as [number, number, number, number]);
@@ -215,6 +211,7 @@ export function decompose(original: Matrix): DecomposedMatrix3D | null {
 
     // Translation
     const translate: [number, number, number] = [matrix[12], matrix[13], matrix[14]];
+
     matrix[12] = matrix[13] = matrix[14] = 0;
 
     // Build the 3x3 matrix
@@ -256,7 +253,6 @@ export function decompose(original: Matrix): DecomposedMatrix3D | null {
     // Convert to quaternion
     const trace = r00 + r11 + r22;
     let qw: number, qx: number, qy: number, qz: number;
-    const cosTheta = (trace - 1.0) / 2.0;
 
     if (trace > 0) {
         const s = 0.5 / Math.sqrt(trace + 1.0);
@@ -327,20 +323,6 @@ function transposeMatrix4(m: number[]): number[] {
     ];
 }
 
-function invertMatrix4(m: number[]): number[] | null {
-    const inv = new Array(16);
-    const det =
-        m[0] * m[5] * m[10] * m[15] + m[0] * m[9] * m[14] * m[7] + m[0] * m[13] * m[6] * m[11]
-        - m[0] * m[13] * m[10] * m[7] - m[0] * m[9] * m[6] * m[15] - m[0] * m[5] * m[14] * m[11];
-
-    if (det === 0) return null;
-
-    const invDet = 1 / det;
-    // For brevity, not implementing full inverse here — you'd normally use gl-matrix or similar.
-    // Just use a trusted library or expand this if needed.
-    return null; // placeholder
-}
-
 
 export function toZero(v: [number, number] | [number, number, number] | [number, number, number, number] | number[]): [number, number] | [number, number, number] | [number, number, number, number] | number[] {
 
diff --git a/src/lib/ast/utils/index.ts b/src/lib/ast/utils/index.ts
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/lib/ast/utils/utils.ts b/src/lib/ast/utils/utils.ts
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/lib/renderer/render.ts b/src/lib/renderer/render.ts
index be99125d..fc9bda07 100644
--- a/src/lib/renderer/render.ts
+++ b/src/lib/renderer/render.ts
@@ -65,37 +65,7 @@ import {
 import {EnumToken, expand} from "../ast/index.ts";
 import {SourceMap} from "./sourcemap/index.ts";
 import {colorFuncColorSpace, ColorKind, colorsFunc, funcLike, getComponents} from "../syntax/color/utils/index.ts";
-import {isColor, isNewLine, mathFuncs, pseudoElements} from "../syntax/index.ts";
-
-export function reduceNumber(val: string | number): string {
-
-    val = String(+val);
-
-    if (val === '0') {
-
-        return '0';
-    }
-
-    const chr: string = val.charAt(0);
-
-    if (chr == '-') {
-
-        const slice: string = val.slice(0, 2);
-
-        if (slice == '-0') {
-
-            return val.length == 2 ? '0' : '-' + val.slice(2);
-        }
-
-    }
-
-    if (chr == '0') {
-
-        return val.slice(1);
-    }
-
-    return val;
-}
+import {isColor, isNewLine, mathFuncs, minifyNumber, pseudoElements} from "../syntax/index.ts";
 
 function update(position: Position, str: string) {
 
@@ -519,7 +489,7 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
 
             if (+(token as FractionToken).r.val != 0) {
 
-                const value: string = reduceNumber(+(token as FractionToken).l.val / +(token as FractionToken).r.val);
+                const value: string = minifyNumber(+(token as FractionToken).l.val / +(token as FractionToken).r.val);
 
                 if (value.length <= fraction.length) {
 
@@ -880,7 +850,7 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
         case EnumToken.FrequencyTokenType:
         case EnumToken.ResolutionTokenType:
 
-            let val: string = (<FractionToken>(token as LengthToken).val).typ == EnumToken.FractionTokenType ? renderToken(<FractionToken>(token as LengthToken).val, options, cache) : reduceNumber(<string | number>(token as LengthToken).val);
+            let val: string = (<FractionToken>(token as LengthToken).val).typ == EnumToken.FractionTokenType ? renderToken(<FractionToken>(token as LengthToken).val, options, cache) : minifyNumber(<string | number>(token as LengthToken).val);
             let unit: string = (token as LengthToken).unit;
 
             if (token.typ == EnumToken.AngleTokenType && !val.includes('/')) {
@@ -901,7 +871,7 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
 
                         case 'turn':
 
-                            v = reduceNumber(angle);
+                            v = minifyNumber(angle);
 
                             if (v.length + 4 < value.length) {
 
@@ -914,7 +884,7 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
 
                         case 'deg':
 
-                            v = reduceNumber(angle * 360);
+                            v = minifyNumber(angle * 360);
 
                             if (v.length + 3 < value.length) {
 
@@ -927,7 +897,7 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
 
                         case 'rad':
 
-                            v = reduceNumber(angle * (2 * Math.PI));
+                            v = minifyNumber(angle * (2 * Math.PI));
 
                             if (v.length + 3 < value.length) {
 
@@ -940,7 +910,7 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
 
                         case 'grad':
 
-                            v = reduceNumber(angle * 400);
+                            v = minifyNumber(angle * 400);
 
                             if (v.length + 4 < value.length) {
 
@@ -980,7 +950,7 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
                 if (unit == 'ms') {
 
                     // @ts-ignore
-                    const v: string = reduceNumber(val / 1000);
+                    const v: string = minifyNumber(val / 1000);
 
                     if (v.length + 1 <= val.length) {
 
@@ -1004,13 +974,13 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
         case EnumToken.PercentageTokenType:
 
             const uni: string = token.typ == EnumToken.PercentageTokenType ? '%' : 'fr';
-
-            const perc: string = (<FractionToken>(token as PercentageToken).val).typ == EnumToken.FractionTokenType ? renderToken(<FractionToken>(token as PercentageToken).val, options, cache) : reduceNumber(<string>(token as PercentageToken).val);
+            const perc: string = (<FractionToken>(token as PercentageToken).val).typ == EnumToken.FractionTokenType ? renderToken(<FractionToken>(token as PercentageToken).val, options, cache) : minifyNumber(<string>(token as PercentageToken).val);
+            
             return options.minify && perc == '0' ? '0' : (perc.includes('/') ? perc.replace('/', uni + '/') : perc + uni);
 
         case EnumToken.NumberTokenType:
 
-            return (<FractionToken>(token as NumberToken).val).typ == EnumToken.FractionTokenType ? renderToken(<FractionToken>(token as NumberToken).val, options, cache) : reduceNumber(<string>(token as NumberToken).val);
+            return (<FractionToken>(token as NumberToken).val).typ == EnumToken.FractionTokenType ? renderToken(<FractionToken>(token as NumberToken).val, options, cache) : minifyNumber(<string>(token as NumberToken).val);
 
         case EnumToken.CommentTokenType:
 
diff --git a/src/lib/syntax/color/color-mix.ts b/src/lib/syntax/color/color-mix.ts
index 8aea6a2d..69a8a930 100644
--- a/src/lib/syntax/color/color-mix.ts
+++ b/src/lib/syntax/color/color-mix.ts
@@ -1,5 +1,5 @@
-import type {ColorToken, IdentToken, PercentageToken, Token} from "../../../@types";
-import {EnumToken} from "../../ast";
+import type {ColorToken, IdentToken, PercentageToken, Token} from "../../../@types/index.d.ts";
+import {EnumToken} from "../../ast/index.ts";
 import {getNumber} from "./color.ts";
 import {srgb2lsrgbvalues, srgbvalues} from "./srgb.ts";
 import {srgb2lch, xyz2lchvalues} from "./lch.ts";
diff --git a/src/lib/syntax/color/color.ts b/src/lib/syntax/color/color.ts
index ab5cebe1..79589036 100644
--- a/src/lib/syntax/color/color.ts
+++ b/src/lib/syntax/color/color.ts
@@ -1,5 +1,5 @@
-import type {AngleToken, ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types";
-import {EnumToken} from "../../ast";
+import type {AngleToken, ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
+import {EnumToken} from "../../ast/index.ts";
 import {hex2rgb, hsl2rgb, hwb2rgb, lab2rgb, lch2rgb, oklab2rgb, oklch2rgb, srgb2rgb} from "./rgb.ts";
 import {hex2hsl, hwb2hsl, lab2hsl, lch2hsl, oklab2hsl, oklch2hsl, rgb2hsl, srgb2hsl} from "./hsl.ts";
 import {hsl2hwb, lab2hwb, lch2hwb, oklab2hwb, oklch2hwb, rgb2hwb} from "./hwb.ts";
@@ -7,7 +7,7 @@ import {hex2lab, hsl2lab, hwb2lab, lch2lab, oklab2lab, oklch2lab, rgb2lab, srgb2
 import {hex2lch, hsl2lch, hwb2lch, lab2lch, oklab2lch, oklch2lch, rgb2lch, srgb2lch} from "./lch.ts";
 import {hex2oklab, hsl2oklab, hwb2oklab, lab2oklab, lch2oklab, oklch2oklab, rgb2oklab, srgb2oklab} from "./oklab.ts";
 import {hex2oklch, hsl2oklch, hwb2oklch, lab2oklch, lch2oklch, oklab2oklch, rgb2oklch, srgb2oklch,} from "./oklch.ts";
-import {colorFuncColorSpace, ColorKind, getComponents} from "./utils";
+import {colorFuncColorSpace, ColorKind, getComponents} from "./utils/index.ts";
 import {
     hex2srgb,
     hsl2srgb,
diff --git a/src/lib/syntax/color/hex.ts b/src/lib/syntax/color/hex.ts
index f5279636..d0ddf568 100644
--- a/src/lib/syntax/color/hex.ts
+++ b/src/lib/syntax/color/hex.ts
@@ -1,8 +1,8 @@
-import type {ColorToken, IdentToken, NumberToken, PercentageToken} from "../../../@types";
-import {EnumToken} from "../../ast";
+import type {ColorToken, IdentToken, NumberToken, PercentageToken} from "../../../@types/index.d.ts";
+import {EnumToken} from "../../ast/index.ts";
 import {getNumber, minmax} from "./color.ts";
 import {cmyk2rgb, hsl2rgb, hwb2rgb, lab2rgb, lch2rgb, oklab2rgb, oklch2rgb} from "./rgb.ts";
-import {getComponents, NAMES_COLORS} from "./utils";
+import {getComponents, NAMES_COLORS} from "./utils/index.ts";
 
 function toHexString(acc: string, value: number): string {
 
diff --git a/src/lib/syntax/color/hsl.ts b/src/lib/syntax/color/hsl.ts
index 8fbd4e04..bc13c8b7 100644
--- a/src/lib/syntax/color/hsl.ts
+++ b/src/lib/syntax/color/hsl.ts
@@ -1,9 +1,9 @@
 import {hwb2hsv} from "./hsv.ts";
-import type {ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types";
+import type {ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
 import {getNumber} from "./color.ts";
 import {hex2rgb, lab2rgb, lch2rgb, oklab2rgb, oklch2rgb} from "./rgb.ts";
-import {getComponents} from "./utils";
-import {EnumToken} from "../../ast";
+import {getComponents} from "./utils/index.ts";
+import {EnumToken} from "../../ast/index.ts";
 import {hslvalues} from './srgb.ts';
 
 export function hex2hsl(token: ColorToken): number[] {
diff --git a/src/lib/syntax/color/hwb.ts b/src/lib/syntax/color/hwb.ts
index 39411e85..29694b72 100644
--- a/src/lib/syntax/color/hwb.ts
+++ b/src/lib/syntax/color/hwb.ts
@@ -1,8 +1,8 @@
 import {hsl2hsv} from "./hsv.ts";
-import type {AngleToken, ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types";
+import type {AngleToken, ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
 import {getComponents} from "./utils";
 import {getAngle, getNumber} from "./color.ts";
-import {EnumToken} from "../../ast";
+import {EnumToken} from "../../ast/index.ts";
 import {lab2srgb, lch2srgb, oklab2srgb, oklch2srgb} from "./srgb.ts";
 
 export function rgb2hwb(token: ColorToken): number[] {
diff --git a/src/lib/syntax/color/lab.ts b/src/lib/syntax/color/lab.ts
index c7c4f0cd..79c167aa 100644
--- a/src/lib/syntax/color/lab.ts
+++ b/src/lib/syntax/color/lab.ts
@@ -1,11 +1,11 @@
-import {D50, e, getComponents, k} from "./utils";
+import {D50, e, getComponents, k} from "./utils/index.ts";
 import {srgb2xyz} from "./xyz.ts";
-import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types";
+import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
 import {hex2srgb, hsl2srgb, hwb2srgb, oklch2srgb, rgb2srgb} from "./srgb.ts";
 import {getLCHComponents} from "./lch.ts";
 import {getOKLABComponents, OKLab_to_XYZ} from "./oklab.ts";
 import {getNumber} from "./color.ts";
-import {EnumToken} from "../../ast";
+import {EnumToken} from "../../ast/index.ts";
 import {xyzd502srgb} from "./xyzd50.ts";
 
 // L: 0% = 0.0, 100% = 100.0
diff --git a/src/lib/syntax/color/lch.ts b/src/lib/syntax/color/lch.ts
index d4394ca8..a1cd5515 100644
--- a/src/lib/syntax/color/lch.ts
+++ b/src/lib/syntax/color/lch.ts
@@ -1,7 +1,7 @@
-import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types";
-import {getComponents} from "./utils";
+import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
+import {getComponents} from "./utils/index.ts";
 import {getAngle, getNumber} from "./color.ts";
-import {EnumToken} from "../../ast";
+import {EnumToken} from "../../ast/index.ts";
 import {getLABComponents, hex2lab, hsl2lab, hwb2lab, oklab2lab, oklch2lab, rgb2lab, srgb2lab, xyz2lab} from "./lab.ts";
 
 export function hex2lch(token: ColorToken): number[] {
diff --git a/src/lib/syntax/color/oklab.ts b/src/lib/syntax/color/oklab.ts
index 8dbf819b..ed838ec2 100644
--- a/src/lib/syntax/color/oklab.ts
+++ b/src/lib/syntax/color/oklab.ts
@@ -9,9 +9,9 @@ import {
     rgb2srgb,
     srgb2lsrgbvalues
 } from "./srgb.ts";
-import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types";
+import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
 import {getNumber} from "./color.ts";
-import {EnumToken} from "../../ast";
+import {EnumToken} from "../../ast/index.ts";
 import {getOKLCHComponents} from "./oklch.ts";
 import {lch2labvalues} from "./lab.ts";
 
diff --git a/src/lib/syntax/color/oklch.ts b/src/lib/syntax/color/oklch.ts
index 0b446800..56e383e9 100644
--- a/src/lib/syntax/color/oklch.ts
+++ b/src/lib/syntax/color/oklch.ts
@@ -1,7 +1,7 @@
-import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types";
-import {getComponents} from "./utils";
+import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
+import {getComponents} from "./utils/index.ts";
 import {getAngle, getNumber} from "./color.ts";
-import {EnumToken} from "../../ast";
+import {EnumToken} from "../../ast/index.ts";
 import {lab2lchvalues} from "./lch.ts";
 import {
     getOKLABComponents,
diff --git a/src/lib/syntax/color/relativecolor.ts b/src/lib/syntax/color/relativecolor.ts
index bcb333bf..32acbf15 100644
--- a/src/lib/syntax/color/relativecolor.ts
+++ b/src/lib/syntax/color/relativecolor.ts
@@ -6,11 +6,11 @@ import type {
     ParensToken,
     PercentageToken,
     Token
-} from "../../../@types";
+} from "../../../@types/index.d.ts";
 import {convert, getNumber} from "./color.ts";
-import {EnumToken, walkValues} from "../../ast";
-import {evaluate, evaluateFunc} from "../../ast/math";
-import {ColorKind, colorRange} from "./utils";
+import {EnumToken, walkValues} from "../../ast/index.ts";
+import {evaluate, evaluateFunc} from "../../ast/math/index.ts";
+import {ColorKind, colorRange} from "./utils/index.ts";
 import {mathFuncs} from "../index.ts";
 
 type RGBKeyType = 'r' | 'g' | 'b' | 'alpha';
diff --git a/src/lib/syntax/color/rgb.ts b/src/lib/syntax/color/rgb.ts
index 6bd230c7..b7cdeb57 100644
--- a/src/lib/syntax/color/rgb.ts
+++ b/src/lib/syntax/color/rgb.ts
@@ -1,4 +1,4 @@
-import type {ColorToken} from "../../../@types";
+import type {ColorToken} from "../../../@types/index.d.ts";
 import {minmax} from "./color.ts";
 import {ColorKind, COLORS_NAMES} from "./utils";
 import {expandHexValue} from "./hex.ts";
diff --git a/src/lib/syntax/color/srgb.ts b/src/lib/syntax/color/srgb.ts
index ff6bcfbb..a0ce2069 100644
--- a/src/lib/syntax/color/srgb.ts
+++ b/src/lib/syntax/color/srgb.ts
@@ -1,10 +1,17 @@
 // from https://www.w3.org/TR/css-color-4/#color-conversion-code
 // srgb-linear -> srgb
 // 0 <= r, g, b <= 1
-import {ColorKind, COLORS_NAMES, getComponents} from "./utils";
-import type {ColorToken, DimensionToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types";
+import {ColorKind, COLORS_NAMES, getComponents} from "./utils/index.ts";
+import type {
+    ColorToken,
+    DimensionToken,
+    IdentToken,
+    NumberToken,
+    PercentageToken,
+    Token
+} from "../../../@types/index.d.ts";
 import {color2srgbvalues, getAngle, getNumber} from "./color.ts";
-import {EnumToken} from "../../ast";
+import {EnumToken} from "../../ast/index.ts";
 import {getLABComponents, Lab_to_sRGB, lch2labvalues} from "./lab.ts";
 import {expandHexValue} from "./hex.ts";
 import {getOKLABComponents, OKLab_to_sRGB} from "./oklab.ts";
diff --git a/src/lib/syntax/color/utils/components.ts b/src/lib/syntax/color/utils/components.ts
index 0913c3f0..7fb312f4 100644
--- a/src/lib/syntax/color/utils/components.ts
+++ b/src/lib/syntax/color/utils/components.ts
@@ -1,5 +1,5 @@
-import type {ColorToken, NumberToken, Token} from "../../../../@types";
-import {EnumToken} from "../../../ast";
+import type {ColorToken, NumberToken, Token} from "../../../../@types/index.d.ts";
+import {EnumToken} from "../../../ast/index.ts";
 import {ColorKind, COLORS_NAMES} from "./constants.ts";
 import {expandHexValue} from "../hex.ts";
 
diff --git a/src/lib/syntax/color/utils/constants.ts b/src/lib/syntax/color/utils/constants.ts
index 41f19fa5..83ed7780 100644
--- a/src/lib/syntax/color/utils/constants.ts
+++ b/src/lib/syntax/color/utils/constants.ts
@@ -1,4 +1,4 @@
-import {EnumToken} from "../../../ast";
+import {EnumToken} from "../../../ast/index.ts";
 
 export const colorRange = {
 
diff --git a/src/lib/syntax/index.ts b/src/lib/syntax/index.ts
index d50b4541..15bf60fa 100644
--- a/src/lib/syntax/index.ts
+++ b/src/lib/syntax/index.ts
@@ -1,2 +1,3 @@
 
-export * from './syntax.ts';
\ No newline at end of file
+export * from './syntax.ts';
+export * from './utils.ts';
\ No newline at end of file
diff --git a/src/lib/syntax/utils.ts b/src/lib/syntax/utils.ts
new file mode 100644
index 00000000..57f7a261
--- /dev/null
+++ b/src/lib/syntax/utils.ts
@@ -0,0 +1,80 @@
+// https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Values_and_units#absolute_length_units
+import type {LengthToken, NumberToken} from "../../@types";
+import {EnumToken} from "../ast";
+
+export function length2Px(value: LengthToken | NumberToken): number | null {
+
+    let result: number | null = null;
+    if (value.typ == EnumToken.NumberTokenType) {
+
+        result = +value.val;
+    } else {
+
+        switch ((value as LengthToken).unit) {
+            case 'cm':
+                // @ts-ignore
+                result = (value as LengthToken).val * 37.8;
+                break;
+            case 'mm':
+                // @ts-ignore
+                result = (value as LengthToken).val * 3.78;
+                break;
+            case 'Q':
+                // @ts-ignore
+                result = (value as LengthToken).val * 37.8 / 40;
+                break;
+            case 'in':
+                // @ts-ignore
+                result = (value as LengthToken).val / 96;
+                break;
+            case 'pc':
+                // @ts-ignore
+                result = (value as LengthToken).val / 16;
+                break;
+            case 'pt':
+                // @ts-ignore
+                result = (value as LengthToken).val * 4 / 3;
+                break;
+            case 'px':
+                result = +(value as LengthToken).val;
+                break;
+        }
+    }
+
+
+    return isNaN(result as number) ? null : result;
+}
+
+/**
+ * minify number
+ * @param val
+ */
+export function minifyNumber(val: string | number): string {
+
+    val = String(+val);
+
+    if (val === '0') {
+
+        return '0';
+    }
+
+    const chr: string = val.charAt(0);
+
+    if (chr == '-') {
+
+        const slice: string = val.slice(0, 2);
+
+        if (slice == '-0') {
+
+            return val.length == 2 ? '0' : '-' + val.slice(2);
+        }
+
+    }
+
+    if (chr == '0') {
+
+        return val.slice(1);
+    }
+
+    return val;
+}
\ No newline at end of file
diff --git a/src/lib/validation/parser/parse.ts b/src/lib/validation/parser/parse.ts
index b60dd381..6b66dead 100644
--- a/src/lib/validation/parser/parse.ts
+++ b/src/lib/validation/parser/parse.ts
@@ -77,8 +77,6 @@ const objectProperties = {
     configurable: true
 }
 
-export const fetchInit = {headers: {'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:180.0) Gecko/20100101 Firefox/140.0'}}
-
 function* tokenize(syntax: string, position: Position = {ind: 0, lin: 1, col: 0}, currentPosition: Position = {
     ind: -1,
     lin: 1,
@@ -566,10 +564,10 @@ function matchAtRule(syntax: string, iterator: Iterator<ValidationTokenIteratorV
                 break;
             }
 
-            if (item.value.typ != ValidationTokenEnum.Whitespace) {
-
-                console.error('unexpected token', item.value);
-            }
+            // if (item.value.typ != ValidationTokenEnum.Whitespace) {
+            //
+            //     console.error('unexpected token', item.value);
+            // }
 
             item = iterator.next() as ValidationTokenIteratorValue;
 
@@ -1015,6 +1013,12 @@ function parseSyntaxTokens(syntax: string, iterator: Iterator<ValidationTokenIte
                     }
                 }
 
+                if ('occurence' in item.value) {
+
+                    // @ts-ignore
+                    items[i].occurence = {...item.value.occurence};
+                };
+
                 break;
 
             case ValidationTokenEnum.Pipe:
diff --git a/src/lib/validation/syntax.ts b/src/lib/validation/syntax.ts
index 068e480d..6e326147 100644
--- a/src/lib/validation/syntax.ts
+++ b/src/lib/validation/syntax.ts
@@ -47,6 +47,10 @@ export function createContext(input: Token[]): Context<Token> {
     return {
 
         index: -1,
+        get length(): number {
+
+            return this.index < 0 ? result.length : this.index > result.length ? 0 : result.length - this.index;
+        },
         peek<Token>(): Token | null {
 
             let index: number = this.index + 1;
@@ -272,8 +276,25 @@ export function doEvaluateSyntax(syntaxes: ValidationToken[], context: Context<T
     let syntax: ValidationToken;
     let i: number = 0;
     let result: ValidationSyntaxResult;
+    let tmpResult: ValidationSyntaxResult;
     let token: Token | null = null;
 
+    if (context.done()) {
+
+        const success: boolean = syntaxes.some(s => s.isOptional || s.isRepeatable || s.isRepeatableGroup);
+
+        return {
+            valid: success ? SyntaxValidationResult.Valid :  SyntaxValidationResult.Drop,
+            node: null,
+            syntax: null,
+            error: '',
+            context
+        }
+    }
+
+    // console.error(`>> ${syntaxes.reduce((acc, curr) => acc + renderSyntax(curr), '')}\n>> ${context.slice<Token>().reduce((acc, curr) => acc + renderToken(curr), '')}`);
+    // console.error(new Error('doEvaluateSyntax'));
+
     for (; i < syntaxes.length; i++) {
 
         syntax = syntaxes[i];
@@ -290,6 +311,12 @@ export function doEvaluateSyntax(syntaxes: ValidationToken[], context: Context<T
 
         token = context.peek<Token>() as Token;
 
+        // if var() is the last token, then match the remaining syntax and return
+        if (context.length == 1 && token.typ == EnumToken.FunctionTokenType && 'var'.localeCompare((token as FunctionToken).val, undefined, {sensitivity: 'base'}) == 0) {
+
+           return doEvaluateSyntax((getParsedSyntax(ValidationSyntaxGroupEnum.Functions, 'var')?.[0] as ValidationFunctionToken)?.chi ?? [] as ValidationToken[], createContext((token as FunctionToken).chi), options);
+        }
+
         if (syntax.typ == ValidationTokenEnum.Whitespace) {
 
             if (context.peek<Token>()?.typ == EnumToken.WhitespaceTokenType) {
@@ -304,7 +331,17 @@ export function doEvaluateSyntax(syntaxes: ValidationToken[], context: Context<T
 
         } else if (options.isRepeatable !== false && syntax.isRepeatable) {
 
-            result = matchRepeatable(syntax, context, options);
+            tmpResult = matchRepeatable(syntax, context, options);
+
+            if (tmpResult.valid == SyntaxValidationResult.Valid) {
+
+                result = tmpResult;
+            }
+            else {
+
+                continue;
+            }
+
         } else if (options.occurence !== false && syntax.occurence != null) {
 
             result = matchOccurence(syntax, context, options);
@@ -413,7 +450,7 @@ function matchRepeatable(syntax: ValidationToken, context: Context<Token>, optio
 
 function matchList(syntax: ValidationToken, context: Context<Token>, options: ValidationOptions): ValidationSyntaxResult {
 
-    let success: boolean = false;
+    let success: boolean;
     let result: ValidationSyntaxResult;
     let count: number = 0;
     let con: Context<Token> = context.clone();
@@ -465,15 +502,15 @@ function matchList(syntax: ValidationToken, context: Context<Token>, options: Va
 
     success = count > 0;
 
-    // if (count && syntax.occurence != null) {
-    //
-    //     success = count >= syntax.occurence.min;
-    //
-    //     if (success && syntax.occurence.max != null) {
-    //
-    //         success = count <= syntax.occurence.max;
-    //     }
-    // }
+    if (success && syntax.occurence != null) {
+
+        success = count >= syntax.occurence.min;
+
+        if (success && syntax.occurence.max != null) {
+
+            success = count <= syntax.occurence.max;
+        }
+    }
 
     return {
         valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
@@ -643,6 +680,8 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
 
             result = match(getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, (syntax as ValidationFunctionDefinitionToken).val + '()')?.[0] as ValidationFunctionToken, context, options);
 
+            // console.error(`>>[]
+
             if (result.valid == SyntaxValidationResult.Valid) {
 
                 context.next();
@@ -734,6 +773,25 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
                 break;
             }
 
+            if (syntax.typ == ValidationTokenEnum.Function) {
+
+                success = funcLike.includes(token.typ) && (syntax as ValidationFunctionToken).val.localeCompare((token as FunctionToken).val, undefined, {sensitivity: 'base'}) == 0 && doEvaluateSyntax((syntax as ValidationFunctionToken).chi as ValidationToken[], createContext((token as FunctionToken).chi), options).valid == SyntaxValidationResult.Valid;
+
+                // console.error(`>> match: ${JSON.stringify({
+                //     syntax,
+                //     token,
+                //     // result,
+                //     tr2: syntax,
+                //     success
+                // }, null, 1)}`);
+
+                if (success) {
+
+                    context.next();
+                }
+                break;
+            }
+
             if (token.typ != EnumToken.ParensTokenType && funcLike.includes(token.typ)) {
 
                 success = doEvaluateSyntax((syntax as ValidationFunctionToken).chi, createContext((token as FunctionToken).chi), {
@@ -751,23 +809,6 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
                 break;
             }
 
-            // if (syntax.typ == ValidationTokenEnum.Function) {
-            //
-            //     success = funcLike.includes(token.typ) && doEvaluateSyntax((getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, (syntax as ValidationFunctionToken).val + '()')?.[0] as ValidationFunctionToken)?.chi as ValidationToken[], createContext((token as FunctionToken).chi), {
-            //         ...options,
-            //         isRepeatable: null,
-            //         isList: null,
-            //         occurence: null,
-            //         atLeastOnce: null
-            //     } as ValidationOptions).valid == SyntaxValidationResult.Valid;
-            //
-            //     if (success) {
-            //
-            //         context.next();
-            //     }
-            //     break;
-            // }
-
         // throw new Error(`Not implemented: ${ValidationTokenEnum[syntax.typ] ?? syntax.typ} : ${renderSyntax(syntax)} : ${renderToken(context.peek() as Token)} : ${JSON.stringify(syntax, null, 1)} | ${JSON.stringify(context.peek(), null, 1)}`);
     }
 
@@ -790,7 +831,9 @@ function matchPropertyType(syntax: ValidationPropertyToken, context: Context<Tok
 
     if (![
         'bg-position',
-        'length-percentage', 'flex', 'calc-sum', 'color', 'color-base', 'system-color', 'deprecated-system-color',
+        'integer',
+        'length-percentage', 'flex', 'calc-sum', 'color',
+        'color-base', 'system-color', 'deprecated-system-color',
         'pseudo-class-selector', 'pseudo-element-selector'
     ].includes(syntax.val)) {
 
@@ -1021,7 +1064,7 @@ function matchPropertyType(syntax: ValidationPropertyToken, context: Context<Tok
 
         case 'integer':
 
-            success = (token.typ == EnumToken.NumberTokenType && Number.isInteger(+((token as NumberToken).val))) || (token.typ == EnumToken.FunctionTokenType && (token as FunctionToken).val == 'calc');
+            success = (token.typ == EnumToken.NumberTokenType && Number.isInteger(+((token as NumberToken).val))) || (token.typ == EnumToken.FunctionTokenType && mathFuncs.includes((token as FunctionToken).val.toLowerCase()) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes((token as FunctionToken).val)));
 
             if ('range' in syntax) {
 
@@ -1188,6 +1231,8 @@ function someOf(syntaxes: ValidationToken[][], context: Context<Token>, options:
 
         result = doEvaluateSyntax(syntaxes[i], context.clone(), options);
 
+        // console.error(`>> someOf: ${JSON.stringify({result}, null, 1)}`);
+
         if (result.valid == SyntaxValidationResult.Valid) {
 
             success = true;
@@ -1207,6 +1252,9 @@ function someOf(syntaxes: ValidationToken[][], context: Context<Token>, options:
         matched.sort((a, b) => (a.context as Context<Token>).done() ? -1 : (b.context as Context<Token>).done() ? 1 : (b.context as Context<Token>).index - (a.context as Context<Token>).index);
     }
 
+    // console.error(JSON.stringify({matched}, null, 1));
+    // console.error(new Error('someOf'));
+
     return matched[0] ?? {
         valid: SyntaxValidationResult.Drop,
         node: context.peek(),
@@ -1315,15 +1363,12 @@ function allOf(syntax: ValidationToken[][], context: Context<Token>, options: Va
 
         if (syntax[i].length == 1 && syntax[i][0].isOptional) {
 
-            syntax[i][0].isOptional = false;
-
             j = 0;
             cp = con.clone();
             slice = cp.slice<Token>();
 
             if (cp.done()) {
 
-                syntax[i][0].isOptional = true;
                 syntax.splice(i, 1);
                 i = -1;
 
@@ -1332,7 +1377,9 @@ function allOf(syntax: ValidationToken[][], context: Context<Token>, options: Va
 
             while (!cp.done()) {
 
-                result = doEvaluateSyntax(syntax[i], cp.clone(), options);
+                result = doEvaluateSyntax(syntax[i], cp.clone(), {...options, isOptional: false});
+
+                // console.error(`>> allOf: syntaxes[${i}]: ${syntax[i].length} ${syntax[i].reduce((acc, curr) => acc + renderSyntax(curr), '')}\n>> ${cp.slice<Token>().reduce((acc, curr) => acc + renderToken(curr), '')}\n>> ${JSON.stringify({result}, null, 1)}`);
 
                 if (result.valid == SyntaxValidationResult.Valid) {
 
@@ -1354,10 +1401,8 @@ function allOf(syntax: ValidationToken[][], context: Context<Token>, options: Va
                 j++;
             }
 
-            syntax[i][0].isOptional = true;
-
             // @ts-ignore
-            if (result?.valid == SyntaxValidationResult.Valid) {
+            if (result?.valid == SyntaxValidationResult.Valid || (syntax[i].length == 1 && syntax[i][0].isOptional)) {
 
                 syntax.splice(i, 1);
                 i = -1;
@@ -1376,6 +1421,7 @@ function allOf(syntax: ValidationToken[][], context: Context<Token>, options: Va
         }
     }
 
+    // console.error()
     const success = syntax.length == 0;
 
     return {
diff --git a/test/allFiles.js b/test/allFiles.js
index 50d3a257..50de0162 100644
--- a/test/allFiles.js
+++ b/test/allFiles.js
@@ -3,22 +3,45 @@ import {load, transform} from "../dist/node/index.js";
 
 const baseDir = import.meta.dirname + '/files/css/';
 
+const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'], e = Math.floor(Math.log(this) / Math.log(1024));
+
+function toFileSize(value) {
+
+    const e = Math.floor(Math.log(value) / Math.log(1024));
+    const result = value === 0 ? 0 : (value / Math.pow(1024, Math.floor(e)));
+
+    return (Number.isInteger(result) ? result : result.toFixed(2)) + units[e];
+}
+
 for (const file of await readdir(baseDir)) {
 
-    let message = `--> file ${file}: `;
+    let message = `>>>>>>>>>>>> ${file} >>>>>>>>>>>>\n [file]: ${file}:\n `;
     const result = await load(baseDir + file, import.meta.dirname).then(css => transform(css, {
         src: baseDir + file, minify: true, sourcemap: true,
         removePrefix: true,
-        nestingRules: true, resolveImport: true
+        nestingRules: true,
+        resolveImport: true,
+        validation: true
     }));
 
-     message += `ratio ${(100 * (1 - result.stats.bytesOut / result.stats.bytesIn)).toFixed(2)}%`;
+    message += `[inputSize]: ${toFileSize(result.stats.bytesIn)}\n `;
+    message += `[outputSize]: ${toFileSize(result.stats.bytesOut)}\n `;
+    message += `[ratio]: ${(100 * (1 - result.stats.bytesOut / result.stats.bytesIn)).toFixed(2)}%\n `;
 
     for (const key in result.stats) {
 
+        if (Array.isArray(result.stats[key]) && result.stats[key].length == 0) {
+            continue;
+        }
+
         // @ts-ignore
-        message += ` / ${key}: ${result.stats[key]}`;
+        message += `[${key}]: ${typeof result.stats[key] == 'object' ? JSON.stringify(result.stats[key]) : result.stats[key]}\n `;
+    }
+
+    if (result.errors.length > 0) {
+
+        message += `[errors]: ${result.errors.length}`;
     }
 
-    console.error(message);
+    console.error(message.trim());
 }
\ No newline at end of file
diff --git a/test/specs/code/block.js b/test/specs/code/block.js
index b6e86fcd..a268caa0 100644
--- a/test/specs/code/block.js
+++ b/test/specs/code/block.js
@@ -720,6 +720,22 @@ content: '\\21 now\\21';
 `;
         return parse(file, {inlineCssVariables: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`::selection {
  color: red
+}`));
+    });
+
+    it('attribute #35', function () {
+        const file = `
+
+            [data-theme="light blue"] .markdown-body, [data-theme="light grey"] .markdown-body{
+                margin-left: 200px;
+            }
+            
+            [data-theme="light blue"] .markdown-body p, [data-theme="light grey"] .markdown-body p {
+                margin-left: 200px;
+            }
+`;
+        return transform(file, {beautify: true}).then(result => expect(result.code).equals(`[data-theme="light blue"] .markdown-body,[data-theme="light grey"] .markdown-body,[data-theme="light blue"] .markdown-body p,[data-theme="light grey"] .markdown-body p {
+ margin-left: 200px
 }`));
     });
 }
diff --git a/test/specs/code/calc.js b/test/specs/code/calc.js
index 265fca63..c43706f6 100644
--- a/test/specs/code/calc.js
+++ b/test/specs/code/calc.js
@@ -274,7 +274,7 @@ line-height: calc(pi);
 }`));
         });
 
-        it('pow() #22', function () {
+        it('log() #22', function () {
 
             return parse(`
 
@@ -287,7 +287,7 @@ width: calc(100px * log(8, 2));
 }`));
         });
 
-        it('pow() #23', function () {
+        it('log() #23', function () {
 
             return parse(`
 
@@ -300,7 +300,7 @@ width: calc(100px * log(625, 5));
 }`));
         });
 
-        it('pow() #24', function () {
+        it('log() #24', function () {
 
             return parse(`
 
@@ -313,7 +313,7 @@ width: calc(100px * log(625, 5));
 }`));
         });
 
-        it('pow() #25', function () {
+        it('exp() #25', function () {
 
             return parse(`
 
@@ -326,7 +326,7 @@ width: calc(100px * exp(-1));}
 }`));
         });
 
-        it('pow() #26', function () {
+        it('abs() #26', function () {
 
             return parse(`
 
@@ -339,7 +339,7 @@ width: calc(2px *abs(-1);}
 }`));
         });
 
-        it('pow() #27', function () {
+        it('sign() #27', function () {
 
             return parse(`
 
@@ -349,6 +349,90 @@ width: calc(-2px *sign(-1);}
 }
 `).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
  width: 2px
+}`));
+        });
+
+        it('calc() #28', function () {
+
+            return transform(`
+
+:root {
+--preferred-width: 20px;
+}
+.foo-bar {
+    width: calc(calc(var(--preferred-width) + 2px) / 3 + 5/2px);
+`, {inlineCssVariables: true, beautify: true}).then(result => expect(result.code).equals(`.foo-bar {
+ width: calc(59px/6)
+}`));
+        });
+
+        it('calc() #29', function () {
+
+            return transform(`
+
+:root {
+--preferred-width: 20px;
+}
+.foo-bar {
+    width: calc(calc(var(--preferred-width) + 2px) / 3 + 5/2px - 5/6px);
+`, {inlineCssVariables: true, beautify: true}).then(result => expect(result.code).equals(`.foo-bar {
+ width: 9px
+}`));
+        });
+
+        it('calc() #30', function () {
+
+            return transform(`
+
+:root {
+--preferred-width: 20px;
+}
+.foo-bar {
+    width: calc(calc(var(--preferred-width) + 2px) / (10/3px));
+`, {inlineCssVariables: true, beautify: true}).then(result => expect(result.code).equals(`.foo-bar {
+ width: 6.6px
+}`));
+        });
+
+        it('max() #31', function () {
+
+            return transform(`
+
+:root {
+--preferred-width: 20px;
+}
+.foo-bar {
+    width: max(calc(calc(var(--preferred-width) + 2px) / (10/3px)), 200px);
+`, {inlineCssVariables: true, beautify: true}).then(result => expect(result.code).equals(`.foo-bar {
+ width: 200px
+}`));
+        });
+
+        it('max() #32', function () {
+
+            return transform(`
+
+:root {
+--preferred-width: 20px;
+}
+.foo-bar {
+    width: max(calc(calc(var(--preferred-width) + 2px) / (10/3px)), 200px);
+`, {inlineCssVariables: true, beautify: true}).then(result => expect(result.code).equals(`.foo-bar {
+ width: 200px
+}`));
+        });
+
+        it('max() #33', function () {
+
+            return transform(`
+
+:root {
+--preferred-width: 670px;
+}
+.foo-bar {
+    width: max(calc(calc(var(--preferred-width) + 2px) / (10/3px)), 200px);
+`, {inlineCssVariables: true, beautify: true}).then(result => expect(result.code).equals(`.foo-bar {
+ width: 201.6px
 }`));
         });
     });
diff --git a/test/specs/code/prefix.js b/test/specs/code/prefix.js
index 52e58890..c215a264 100644
--- a/test/specs/code/prefix.js
+++ b/test/specs/code/prefix.js
@@ -311,6 +311,40 @@ a {
  transition: transform 1s;
  transition: transform 1s;
  transition: transform 1s
+}`));
+        })
+
+        it('do not mix #6', function () {
+            return transform(`
+
+::moz-selection  {
+    opacity: .25;
+    filter: blur(25px);
+  }
+}
+::-webkit-selection{
+    opacity: .25;
+    filter: blur(25px);
+  }
+}
+ ::selection {
+    opacity: .25;
+    filter: blur(25px);
+  }
+}
+`, {
+                beautify: true
+            }).then(result => expect(result.code).equals(`::moz-selection {
+ opacity: .25;
+ filter: blur(25px)
+}
+::-webkit-selection {
+ opacity: .25;
+ filter: blur(25px)
+}
+::selection {
+ opacity: .25;
+ filter: blur(25px)
 }`));
         });
 
diff --git a/test/specs/code/transform.js b/test/specs/code/transform.js
index 374ec0bb..90b264d4 100644
--- a/test/specs/code/transform.js
+++ b/test/specs/code/transform.js
@@ -482,6 +482,21 @@ export function run(describe, expect, transform, parse, render, dirname, readFil
 
   .now {
   
+  transform: scale()   
+}
+`;
+            return transform(nesting1, {
+                beautify: true,
+                computeTransform: true,
+                validation: true
+            }).then((result) => expect(result.code).equals(``));
+        });
+
+        it('matrix #28', function () {
+            const nesting1 = `
+
+  .now {
+  
   transform: rotate3d(0,0,1,-10deg)   
 }
 `;
@@ -490,6 +505,154 @@ export function run(describe, expect, transform, parse, render, dirname, readFil
                 computeTransform: true
             }).then((result) => expect(result.code).equals(`.now {
  transform: rotate3d(0,0,1,-10deg)
+}`));
+        });
+
+        it('matrix #29', function () {
+            const nesting1 = `
+
+.foo-bar {
+    transform: matrix(2, 0, 0, 1, 0, 0, 5);
+`;
+            return transform(nesting1, {
+                beautify: true,
+                computeTransform: true,
+                validation: true
+            }).then((result) => expect(result.code).equals(``));
+        });
+
+        it('matrix #30', function () {
+            const nesting1 = `
+
+.foo-bar {
+transform: translateY(20px) translateZ(20px) translateX(0);
+`;
+            return transform(nesting1, {
+                beautify: true,
+                computeTransform: true,
+                validation: true
+            }).then((result) => expect(result.code).equals(`.foo-bar {
+ transform: translate3d(0,20px,20px)
+}`));
+        });
+
+        it('matrix #31', function () {
+            const nesting1 = `
+
+.foo-bar {
+transform: translateY(20px) translateZ(0) translateX(0);
+`;
+            return transform(nesting1, {
+                beautify: true,
+                computeTransform: true,
+                validation: true
+            }).then((result) => expect(result.code).equals(`.foo-bar {
+ transform: translateY(20px)
+}`));
+        });
+
+        it('matrix #32', function () {
+            const nesting1 = `
+
+.foo-bar {
+transform: translateY(0) translateZ(20px) translateX(0);
+`;
+            return transform(nesting1, {
+                beautify: true,
+                computeTransform: true,
+                validation: true
+            }).then((result) => expect(result.code).equals(`.foo-bar {
+ transform: translateZ(20px)
+}`));
+        });
+
+        it('matrix #33', function () {
+            const nesting1 = `
+
+.foo-bar {
+transform: translateY(0) translateZ(0) translateX(20px);
+`;
+            return transform(nesting1, {
+                beautify: true,
+                computeTransform: true,
+                validation: true
+            }).then((result) => expect(result.code).equals(`.foo-bar {
+ transform: translate(20px)
+}`));
+        });
+
+        it('matrix #34', function () {
+            const nesting1 = `
+
+.foo-bar {
+transform: translateY(0) translateZ(20px) translateX(5px);
+`;
+            return transform(nesting1, {
+                beautify: true,
+                computeTransform: true,
+                validation: true
+            }).then((result) => expect(result.code).equals(`.foo-bar {
+ transform: translate3d(5px,0,20px)
+}`));
+        });
+
+        it('matrix #35', function () {
+            const nesting1 = `
+
+.foo-bar {
+transform: skewY(10deg) translateX(10px) translateY(10px);
+`;
+            return transform(nesting1, {
+                beautify: true,
+                computeTransform: true,
+                validation: true
+            }).then((result) => expect(result.code).equals(`.foo-bar {
+ transform: matrix(1,.176327,0,1,10,11.7633)
+}`));
+        });
+
+        it('matrix #36', function () {
+            const nesting1 = `
+
+.foo-bar {
+transform: skewX(10deg);
+`;
+            return transform(nesting1, {
+                beautify: true,
+                computeTransform: true,
+                validation: true
+            }).then((result) => expect(result.code).equals(`.foo-bar {
+ transform: skew(10deg)
+}`));
+        });
+
+        it('matrix #37', function () {
+            const nesting1 = `
+
+.foo-bar {
+transform: perspective(500px) translate3d(10px, 0, 20px) rotateY(30deg);
+`;
+            return transform(nesting1, {
+                beautify: true,
+                computeTransform: true,
+                validation: true
+            }).then((result) => expect(result.code).equals(`.foo-bar {
+ transform: perspective(500px)translate3d(10px,0,20px)rotateY(30deg)
+}`));
+        });
+
+        it('matrix #38', function () {
+            const nesting1 = `
+
+.foo-bar {
+transform: perspective(500px) translate3d(10px, 0, 20px) rotateY(30deg) scaleX(2) scaleY(2) scaleZ(4);
+`;
+            return transform(nesting1, {
+                beautify: true,
+                computeTransform: true,
+                validation: true
+            }).then((result) => expect(result.code).equals(`.foo-bar {
+ transform: matrix3d(1.73205,0,-1,.002,0,2,0,0,2,0,3.4641,-.0069282,10,0,20,.96)
 }`));
         });
     });
diff --git a/test/specs/code/validation.js b/test/specs/code/validation.js
index f259d14a..6762fed4 100644
--- a/test/specs/code/validation.js
+++ b/test/specs/code/validation.js
@@ -556,7 +556,7 @@ html, body, div, span, applet, object, iframe,
 `, {
                 validation: true,
                 resolveImport: true
-            }).then(result => expect(result.errors.length).equals(0)).then(() => done(), () => done());
+            }).then(result => expect(result.errors.length).equals(12)).then(() => done(), () => done());
         });
 
         it('file validation #27', function (done) {
diff --git a/tools/validation.ts b/tools/validation.ts
index e6936c88..b87b227f 100644
--- a/tools/validation.ts
+++ b/tools/validation.ts
@@ -1,8 +1,10 @@
-import {fetchInit, ValidationToken} from "../src/lib";
+import {ValidationToken} from "../src/lib";
 import process from "node:process";
 import {writeFile} from "node:fs/promises";
 import localPatch from "./local-patch.json" with {type: "json"};
 
+const fetchInit = {headers: {'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:180.0) Gecko/20100101 Firefox/140.0'}}
+
 function debug(error: any) {
 
     console.error(error);
@@ -78,9 +80,7 @@ function applyPatches(...patches: PatchSyntax[]) {
 
                 console.error(`>> extending declarations >> ${key}`);
                 json.declarations[key].syntax += ' ' + value.syntax;
-            }
-
-            else {
+            } else {
 
                 console.error(`>> replacing declarations >> ${key}`);
                 json.declarations[key].syntax += ' ' + value.syntax;
@@ -97,9 +97,7 @@ function applyPatches(...patches: PatchSyntax[]) {
 
                 console.error(`>> extending syntax >> ${key}`);
                 json.syntaxes[key].syntax += ' ' + value.syntax;
-            }
-
-            else {
+            } else {
 
                 console.error(`>> replacing syntax >> ${key}`);
                 json.syntaxes[key] = {syntax: value.syntax};

From 30535e7e1b06d461a15c5fb234c834db1b30f9cf Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Mon, 28 Jul 2025 21:51:16 -0400
Subject: [PATCH 06/11] remove dead code #93

---
 dist/lib/syntax/utils.js | 70 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 70 insertions(+)
 create mode 100644 dist/lib/syntax/utils.js

diff --git a/dist/lib/syntax/utils.js b/dist/lib/syntax/utils.js
new file mode 100644
index 00000000..d5538f51
--- /dev/null
+++ b/dist/lib/syntax/utils.js
@@ -0,0 +1,70 @@
+import { EnumToken } from '../ast/types.js';
+import '../ast/minify.js';
+import '../ast/walk.js';
+import '../parser/parse.js';
+import '../parser/tokenize.js';
+import '../parser/utils/config.js';
+import './color/utils/constants.js';
+import '../renderer/sourcemap/lib/encode.js';
+
+function length2Px(value) {
+    let result = null;
+    if (value.typ == EnumToken.NumberTokenType) {
+        result = +value.val;
+    }
+    else {
+        switch (value.unit) {
+            case 'cm':
+                // @ts-ignore
+                result = value.val * 37.8;
+                break;
+            case 'mm':
+                // @ts-ignore
+                result = value.val * 3.78;
+                break;
+            case 'Q':
+                // @ts-ignore
+                result = value.val * 37.8 / 40;
+                break;
+            case 'in':
+                // @ts-ignore
+                result = value.val / 96;
+                break;
+            case 'pc':
+                // @ts-ignore
+                result = value.val / 16;
+                break;
+            case 'pt':
+                // @ts-ignore
+                result = value.val * 4 / 3;
+                break;
+            case 'px':
+                result = +value.val;
+                break;
+        }
+    }
+    return isNaN(result) ? null : result;
+}
+/**
+ * minify number
+ * @param val
+ */
+function minifyNumber(val) {
+    val = String(+val);
+    if (val === '0') {
+        return '0';
+    }
+    const chr = val.charAt(0);
+    if (chr == '-') {
+        const slice = val.slice(0, 2);
+        if (slice == '-0') {
+            return val.length == 2 ? '0' : '-' + val.slice(2);
+        }
+    }
+    if (chr == '0') {
+        return val.slice(1);
+    }
+    return val;
+}
+
+export { length2Px, minifyNumber };

From affcb4f6237bc89b93dd440758cb296160772175 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Tue, 5 Aug 2025 07:29:19 -0400
Subject: [PATCH 07/11] implement conversion between color spaces #94

---
 README.md                                   |    2 +-
 dist/index-umd-web.js                       | 4516 +++++++++++--------
 dist/index.cjs                              | 4516 +++++++++++--------
 dist/index.d.ts                             |  131 +-
 dist/lib/ast/features/inlinecssvariables.js |    2 +-
 dist/lib/ast/types.js                       |   88 +-
 dist/lib/fs/resolve.js                      |   31 +-
 dist/lib/parser/parse.js                    |  150 +-
 dist/lib/renderer/render.js                 |  362 +-
 dist/lib/syntax/color/a98rgb.js             |    2 +-
 dist/lib/syntax/color/cmyk.js               |  104 +
 dist/lib/syntax/color/color-mix.js          |   23 +-
 dist/lib/syntax/color/color.js              |  746 ++-
 dist/lib/syntax/color/hex.js                |  146 +-
 dist/lib/syntax/color/hsl.js                |  134 +-
 dist/lib/syntax/color/hwb.js                |  118 +-
 dist/lib/syntax/color/lab.js                |  158 +-
 dist/lib/syntax/color/lch.js                |  146 +-
 dist/lib/syntax/color/oklab.js              |  164 +-
 dist/lib/syntax/color/oklch.js              |  118 +-
 dist/lib/syntax/color/p3.js                 |    4 +-
 dist/lib/syntax/color/prophotorgb.js        |    2 +-
 dist/lib/syntax/color/rec2020.js            |   20 +-
 dist/lib/syntax/color/relativecolor.js      |   11 +-
 dist/lib/syntax/color/rgb.js                |  130 +-
 dist/lib/syntax/color/srgb.js               |   70 +-
 dist/lib/syntax/color/utils/components.js   |    4 +-
 dist/lib/syntax/color/utils/constants.js    |   46 +-
 dist/lib/syntax/color/xyz.js                |   39 +-
 dist/lib/syntax/color/xyzd50.js             |   14 +-
 dist/lib/syntax/syntax.js                   |  136 +-
 dist/node/index.js                          |    2 +-
 dist/web/index.js                           |    2 +-
 jsr.json                                    |    2 +-
 package.json                                |    2 +-
 src/@types/index.d.ts                       |    4 +-
 src/lib/ast/features/inlinecssvariables.ts  |    4 +-
 src/lib/ast/features/prefix.ts              |   16 +-
 src/lib/ast/math/math.ts                    |    2 +-
 src/lib/ast/transform/compute.ts            |    3 +-
 src/lib/ast/transform/matrix.ts             |    7 +-
 src/lib/ast/transform/minify.ts             |    3 +-
 src/lib/ast/transform/perspective.ts        |    3 +-
 src/lib/ast/transform/rotate.ts             |    3 +-
 src/lib/ast/transform/scale.ts              |    3 +-
 src/lib/ast/transform/skew.ts               |    3 +-
 src/lib/ast/transform/translate.ts          |    3 +-
 src/lib/ast/types.ts                        |   87 +-
 src/lib/fs/resolve.ts                       |   33 +-
 src/lib/parser/parse.ts                     |  164 +-
 src/lib/renderer/index.ts                   |    2 +-
 src/lib/renderer/render.ts                  |  429 +-
 src/lib/syntax/color/a98rgb.ts              |    5 +-
 src/lib/syntax/color/cmyk.ts                |  140 +
 src/lib/syntax/color/color-mix.ts           |   23 +-
 src/lib/syntax/color/color.ts               | 1001 ++--
 src/lib/syntax/color/hex.ts                 |  194 +-
 src/lib/syntax/color/hsl.ts                 |  173 +-
 src/lib/syntax/color/hwb.ts                 |  160 +-
 src/lib/syntax/color/index.ts               |    2 +-
 src/lib/syntax/color/lab.ts                 |  216 +-
 src/lib/syntax/color/lch.ts                 |  219 +-
 src/lib/syntax/color/oklab.ts               |  230 +-
 src/lib/syntax/color/oklch.ts               |  186 +-
 src/lib/syntax/color/p3.ts                  |    4 +-
 src/lib/syntax/color/prophotorgb.ts         |    2 +-
 src/lib/syntax/color/rec2020.ts             |   22 +-
 src/lib/syntax/color/relativecolor.ts       |   16 +-
 src/lib/syntax/color/rgb.ts                 |  186 +-
 src/lib/syntax/color/srgb.ts                |   86 +-
 src/lib/syntax/color/utils/components.ts    |    4 +-
 src/lib/syntax/color/utils/constants.ts     |   10 +-
 src/lib/syntax/color/xyz.ts                 |   51 +-
 src/lib/syntax/color/xyzd50.ts              |   46 +-
 src/lib/syntax/syntax.ts                    |  155 +-
 src/lib/syntax/utils.ts                     |    4 +-
 src/lib/validation/at-rules/media.ts        |    2 +-
 src/lib/validation/at-rules/when.ts         |    2 +-
 src/lib/validation/atrule.ts                |    3 +-
 src/lib/validation/config.ts                |    4 +-
 src/lib/validation/parser/parse.ts          |    7 +-
 src/lib/validation/syntax.ts                |   13 +-
 src/lib/validation/syntaxes/image.ts        |    5 +-
 src/node/index.ts                           |    8 +-
 src/web/index.ts                            |    4 +-
 test/specs/code/color-cmyk.js               |  160 +
 test/specs/code/color-hex.js                |  160 +
 test/specs/code/color-hsl.js                |  160 +
 test/specs/code/color-hwb.js                |  160 +
 test/specs/code/color-lab.js                |  160 +
 test/specs/code/color-rgb.js                |  160 +
 test/specs/code/color.js                    |   29 +-
 test/specs/code/import1.js                  |    2 +-
 test/specs/code/import2.js                  |    2 +-
 test/specs/code/index.js                    |    6 +
 95 files changed, 11345 insertions(+), 5747 deletions(-)
 create mode 100644 dist/lib/syntax/color/cmyk.js
 create mode 100644 src/lib/syntax/color/cmyk.ts
 create mode 100644 test/specs/code/color-cmyk.js
 create mode 100644 test/specs/code/color-hex.js
 create mode 100644 test/specs/code/color-hsl.js
 create mode 100644 test/specs/code/color-hwb.js
 create mode 100644 test/specs/code/color-lab.js
 create mode 100644 test/specs/code/color-rgb.js

diff --git a/README.md b/README.md
index 15ff1f2a..5f875b24 100644
--- a/README.md
+++ b/README.md
@@ -210,7 +210,7 @@ Include ParseOptions and RenderOptions
 - expandNestingRules: boolean, optional. expand nesting rules.
 - preserveLicense: boolean, force preserving comments starting with '/\*!' when minify is enabled.
 - removeComments: boolean, remove comments in generated css.
-- convertColor: boolean, convert colors to hex.
+- convertColor: boolean | ColorType, convert colors to the specified color. default to ColorType.HEX.
 
 > Sourcemap Options
 
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 13e8983e..66f5f0c5 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -10,6 +10,92 @@
         SyntaxValidationResult[SyntaxValidationResult["Drop"] = 1] = "Drop";
         SyntaxValidationResult[SyntaxValidationResult["Lenient"] = 2] = "Lenient"; /* preserve unknown at-rules, declarations and pseudo-classes */
     })(SyntaxValidationResult || (SyntaxValidationResult = {}));
+    /**
+     * color types enum
+     */
+    exports.ColorType = void 0;
+    (function (ColorType) {
+        /**
+         * convert color to hex
+         */
+        ColorType[ColorType["HEX"] = 0] = "HEX";
+        /**
+         * convert color to rgb
+         */
+        ColorType[ColorType["RGBA"] = 1] = "RGBA";
+        /**
+         * convert color to hwb
+         */
+        ColorType[ColorType["HWB"] = 2] = "HWB";
+        /**
+         * convert color to hsl
+         */
+        ColorType[ColorType["HSLA"] = 3] = "HSLA";
+        /**
+         * convert color to cmyk
+         */
+        ColorType[ColorType["DEVICE_CMYK"] = 4] = "DEVICE_CMYK";
+        /**
+         * convert color to lch
+         */
+        ColorType[ColorType["LCH"] = 5] = "LCH";
+        /**
+         * convert color to oklch
+         */
+        ColorType[ColorType["OKLCH"] = 6] = "OKLCH";
+        /**
+         * convert color to lab
+         */
+        ColorType[ColorType["LAB"] = 7] = "LAB";
+        /**
+         * convert color to oklab
+         */
+        ColorType[ColorType["OKLAB"] = 8] = "OKLAB";
+        /**
+         * convert color to xyz
+         */
+        ColorType[ColorType["XYZ_D65"] = 9] = "XYZ_D65";
+        /**
+         * convert color to xyz-d50
+         */
+        ColorType[ColorType["XYZ_D50"] = 10] = "XYZ_D50";
+        /**
+         * convert color to srgb
+         */
+        ColorType[ColorType["SRGB"] = 11] = "SRGB";
+        /**
+         * convert color to srgb-linear
+         */
+        ColorType[ColorType["SRGB_LINEAR"] = 12] = "SRGB_LINEAR";
+        /**
+         * convert color to display-p3
+         */
+        ColorType[ColorType["DISPLAY_P3"] = 13] = "DISPLAY_P3";
+        /**
+         * convert color to a98-rgb
+         */
+        ColorType[ColorType["A98_RGB"] = 14] = "A98_RGB";
+        /**
+         * convert color to prophoto-rgb
+         */
+        ColorType[ColorType["PROPHOTO_RGB"] = 15] = "PROPHOTO_RGB";
+        /**
+         * convert color to rec2020
+         */
+        ColorType[ColorType["REC2020"] = 16] = "REC2020";
+        /**
+         * alias for hsl
+         */
+        ColorType[ColorType["HSL"] = 3] = "HSL";
+        /**
+         * alias for rgba
+         */
+        ColorType[ColorType["RGB"] = 1] = "RGB";
+        /**
+         * alias for xyz-d65
+         */
+        ColorType[ColorType["XYZ"] = 9] = "XYZ";
+    })(exports.ColorType || (exports.ColorType = {}));
     /**
      * validation level enum
      */
@@ -195,6 +281,8 @@
         return product;
     }
 
+    const colorPrecision = 6;
+    const anglePrecision = .001;
     const colorRange = {
         lab: {
             l: [0, 100],
@@ -225,28 +313,28 @@
         ColorKind[ColorKind["DPSYS"] = 1] = "DPSYS";
         ColorKind[ColorKind["LIT"] = 2] = "LIT";
         ColorKind[ColorKind["HEX"] = 3] = "HEX";
+        ColorKind[ColorKind["RGBA"] = 4] = "RGBA";
+        ColorKind[ColorKind["HSLA"] = 5] = "HSLA";
+        ColorKind[ColorKind["HWB"] = 6] = "HWB";
+        ColorKind[ColorKind["DEVICE_CMYK"] = 7] = "DEVICE_CMYK";
+        ColorKind[ColorKind["OKLAB"] = 8] = "OKLAB";
+        ColorKind[ColorKind["OKLCH"] = 9] = "OKLCH";
+        ColorKind[ColorKind["LAB"] = 10] = "LAB";
+        ColorKind[ColorKind["LCH"] = 11] = "LCH";
+        ColorKind[ColorKind["COLOR"] = 12] = "COLOR";
+        ColorKind[ColorKind["SRGB"] = 13] = "SRGB";
+        ColorKind[ColorKind["PROPHOTO_RGB"] = 14] = "PROPHOTO_RGB";
+        ColorKind[ColorKind["A98_RGB"] = 15] = "A98_RGB";
+        ColorKind[ColorKind["REC2020"] = 16] = "REC2020";
+        ColorKind[ColorKind["DISPLAY_P3"] = 17] = "DISPLAY_P3";
+        ColorKind[ColorKind["SRGB_LINEAR"] = 18] = "SRGB_LINEAR";
+        ColorKind[ColorKind["XYZ_D50"] = 19] = "XYZ_D50";
+        ColorKind[ColorKind["XYZ_D65"] = 20] = "XYZ_D65";
+        ColorKind[ColorKind["LIGHT_DARK"] = 21] = "LIGHT_DARK";
+        ColorKind[ColorKind["COLOR_MIX"] = 22] = "COLOR_MIX";
         ColorKind[ColorKind["RGB"] = 4] = "RGB";
-        ColorKind[ColorKind["RGBA"] = 5] = "RGBA";
-        ColorKind[ColorKind["HSL"] = 6] = "HSL";
-        ColorKind[ColorKind["HSLA"] = 7] = "HSLA";
-        ColorKind[ColorKind["HWB"] = 8] = "HWB";
-        ColorKind[ColorKind["DEVICE_CMYK"] = 9] = "DEVICE_CMYK";
-        ColorKind[ColorKind["OKLAB"] = 10] = "OKLAB";
-        ColorKind[ColorKind["OKLCH"] = 11] = "OKLCH";
-        ColorKind[ColorKind["LAB"] = 12] = "LAB";
-        ColorKind[ColorKind["LCH"] = 13] = "LCH";
-        ColorKind[ColorKind["COLOR"] = 14] = "COLOR";
-        ColorKind[ColorKind["SRGB"] = 15] = "SRGB";
-        ColorKind[ColorKind["PROPHOTO_RGB"] = 16] = "PROPHOTO_RGB";
-        ColorKind[ColorKind["A98_RGB"] = 17] = "A98_RGB";
-        ColorKind[ColorKind["REC2020"] = 18] = "REC2020";
-        ColorKind[ColorKind["DISPLAY_P3"] = 19] = "DISPLAY_P3";
-        ColorKind[ColorKind["SRGB_LINEAR"] = 20] = "SRGB_LINEAR";
-        ColorKind[ColorKind["XYZ"] = 21] = "XYZ";
-        ColorKind[ColorKind["XYZ_D50"] = 22] = "XYZ_D50";
-        ColorKind[ColorKind["XYZ_D65"] = 23] = "XYZ_D65";
-        ColorKind[ColorKind["LIGHT_DARK"] = 24] = "LIGHT_DARK";
-        ColorKind[ColorKind["COLOR_MIX"] = 25] = "COLOR_MIX";
+        ColorKind[ColorKind["HSL"] = 5] = "HSL";
+        ColorKind[ColorKind["XYZ"] = 20] = "XYZ";
     })(ColorKind || (ColorKind = {}));
     const timelineFunc = ['view', 'scroll'];
     const generalEnclosedFunc = ['selector', 'font-tech', 'font-format', 'media', 'supports'];
@@ -429,193 +517,142 @@
         return acc;
     }, Object.create(null)));
 
-    function toHexString(acc, value) {
-        return acc + value.toString(16).padStart(2, '0');
-    }
-    function reduceHexValue(value) {
-        const named_color = NAMES_COLORS[expandHexValue(value)];
-        if (value.length == 7) {
-            if (value[1] == value[2] &&
-                value[3] == value[4] &&
-                value[5] == value[6]) {
-                value = `#${value[1]}${value[3]}${value[5]}`;
-            }
-        }
-        else if (value.length == 9) {
-            if (value[1] == value[2] &&
-                value[3] == value[4] &&
-                value[5] == value[6] &&
-                value[7] == value[8]) {
-                value = `#${value[1]}${value[3]}${value[5]}${value[7]}`;
-            }
+    function hex2lchToken(token) {
+        const values = hex2lchvalues(token);
+        if (values == null) {
+            return null;
         }
-        return named_color != null && named_color.length <= value.length ? named_color : value;
+        return lchToken(values);
     }
-    function expandHexValue(value) {
-        if (value.length == 4) {
-            return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}`;
-        }
-        if (value.length == 5) {
-            return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}${value[4]}${value[4]}`;
+    function rgb2lchToken(token) {
+        const values = rgb2lchvalues(token);
+        if (values == null) {
+            return null;
         }
-        return value;
+        return lchToken(values);
     }
-    function rgb2hex(token) {
-        let value = '#';
-        let t;
-        // @ts-ignore
-        const components = getComponents(token);
-        // @ts-ignore
-        for (let i = 0; i < 3; i++) {
-            // @ts-ignore
-            t = components[i];
-            // @ts-ignore
-            value += (t.typ == exports.EnumToken.Iden && t.val == 'none' ? '0' : Math.round(getNumber(t) * (t.typ == exports.EnumToken.PercentageTokenType ? 255 : 1))).toString(16).padStart(2, '0');
-        }
-        // @ts-ignore
-        if (components.length == 4) {
-            // @ts-ignore
-            t = components[3];
-            // @ts-ignore
-            const v = (t.typ == exports.EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
-            // @ts-ignore
-            if (v < 1) {
-                // @ts-ignore
-                value += Math.round(255 * getNumber(t)).toString(16).padStart(2, '0');
-            }
+    function hsl2lchToken(token) {
+        const values = hsl2lchvalues(token);
+        if (values == null) {
+            return null;
         }
-        return value;
-    }
-    function hsl2hex(token) {
-        const t = hsl2rgb(token);
-        return t == null ? null : `${t.reduce(toHexString, '#')}`;
-    }
-    function hwb2hex(token) {
-        const t = hwb2rgb(token);
-        return t == null ? null : `${t.reduce(toHexString, '#')}`;
-    }
-    function cmyk2hex(token) {
-        const t = cmyk2rgb(token);
-        return t == null ? null : `#${t.reduce(toHexString, '')}`;
+        return lchToken(values);
     }
-    function oklab2hex(token) {
-        const t = oklab2rgb(token);
-        return t == null ? null : `${t.reduce(toHexString, '#')}`;
-    }
-    function oklch2hex(token) {
-        const value = oklch2rgb(token);
-        if (value == null) {
+    function hwb2lchToken(token) {
+        const values = hwb2lchvalues(token);
+        if (values == null) {
             return null;
         }
-        return `${value.reduce(toHexString, '#')}`;
-    }
-    function lab2hex(token) {
-        const t = lab2rgb(token);
-        return t == null ? null : `${t.reduce(toHexString, '#')}`;
-    }
-    function lch2hex(token) {
-        const t = lch2rgb(token);
-        return t == null ? null : `${t.reduce(toHexString, '#')}`;
+        return lchToken(values);
     }
-    function srgb2hexvalues(r, g, b, alpha) {
-        return [r, g, b].concat(alpha == null || alpha == 1 ? [] : [alpha]).reduce((acc, value) => acc + minmax(Math.round(255 * value), 0, 255).toString(16).padStart(2, '0'), '#');
+    function cmyk2lchToken(token) {
+        const values = cmyk2lchvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return lchToken(values);
     }
-
-    function getComponents(token) {
-        if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
-            const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
-            // @ts-ignore
-            return value.slice(1).match(/([a-fA-F0-9]{2})/g).map((t) => {
-                return { typ: exports.EnumToken.Number, val: parseInt(t, 16).toString() };
-            });
+    function lab2lchToken(token) {
+        const values = lab2lchvalues(token);
+        if (values == null) {
+            return null;
         }
-        const result = [];
-        for (const child of (token.chi)) {
-            if ([
-                exports.EnumToken.LiteralTokenType, exports.EnumToken.CommentTokenType, exports.EnumToken.CommaTokenType, exports.EnumToken.WhitespaceTokenType
-            ].includes(child.typ)) {
-                continue;
-            }
-            if (child.typ == exports.EnumToken.ColorTokenType && child.val.localeCompare('currentcolor', undefined, { sensitivity: 'base' }) == 0) {
-                return null;
-            }
-            result.push(child);
+        return lchToken(values);
+    }
+    function oklab2lchToken(token) {
+        const values = oklab2lchvalues(token);
+        if (values == null) {
+            return null;
         }
-        return result;
+        return lchToken(values);
     }
-
-    function XYZ_to_lin_sRGB(x, y, z) {
-        // convert XYZ to linear-light sRGB
-        const M = [
-            [12831 / 3959, -329 / 214, -1974 / 3959],
-            [-851781 / 878810, 1648619 / 878810, 36519 / 878810],
-            [705 / 12673, -2585 / 12673, 705 / 667],
-        ];
-        const XYZ = [x, y, z]; // convert to XYZ
-        return multiplyMatrices(M, XYZ).map((v) => v);
+    function oklch2lchToken(token) {
+        const values = oklch2lchvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return lchToken(values);
     }
-    function XYZ_D50_to_D65(x, y, z) {
-        // Bradford chromatic adaptation from D50 to D65
-        const M = [
-            [0.9554734527042182, -0.023098536874261423, 0.0632593086610217],
-            [-0.028369706963208136, 1.0099954580058226, 0.021041398966943008],
-            [0.012314001688319899, -0.020507696433477912, 1.3303659366080753]
-        ];
-        const XYZ = [x, y, z];
-        return multiplyMatrices(M, XYZ); //.map((v: number) => v);
+    function color2lchToken(token) {
+        const values = color2lchvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return lchToken(values);
     }
-    function srgb2xyz(r, g, b, alpha) {
-        [r, g, b] = srgb2lsrgbvalues(r, g, b);
-        const rgb = [
-            0.436065742824811 * r +
-                0.3851514688337912 * g +
-                0.14307845442264197 * b,
-            0.22249319175623702 * r +
-                0.7168870538238823 * g +
-                0.06061979053616537 * b,
-            0.013923904500943465 * r +
-                0.09708128566574634 * g +
-                0.7140993584005155 * b
+    function lchToken(values) {
+        values[2] = toPrecisionAngle(values[2]);
+        const chi = [
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
         ];
-        if (alpha != null && alpha != 1) {
-            rgb.push(alpha);
+        if (values.length == 4) {
+            chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, { typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
         }
-        return rgb;
+        return {
+            typ: exports.EnumToken.ColorTokenType,
+            val: 'lch',
+            chi,
+            kin: ColorKind.LCH
+        };
     }
-
-    function hex2lch(token) {
+    function hex2lchvalues(token) {
+        const values = hex2labvalues(token);
         // @ts-ignore
-        return lab2lchvalues(...hex2lab(token));
+        return values == null ? null : labvalues2lchvalues(...values);
     }
-    function rgb2lch(token) {
+    function rgb2lchvalues(token) {
+        const values = rgb2labvalues(token);
         // @ts-ignore
-        return lab2lchvalues(...rgb2lab(token));
+        return values == null ? null : labvalues2lchvalues(...values);
     }
-    function hsl2lch(token) {
+    function hsl2lchvalues(token) {
+        const values = hsl2labvalues(token);
         // @ts-ignore
-        return lab2lchvalues(...hsl2lab(token));
+        return values == null ? null : labvalues2lchvalues(...values);
     }
-    function hwb2lch(token) {
+    function hwb2lchvalues(token) {
+        const values = hwb2labvalues(token);
         // @ts-ignore
-        return lab2lchvalues(...hwb2lab(token));
+        return values == null ? null : labvalues2lchvalues(...values);
     }
-    function lab2lch(token) {
+    function lab2lchvalues(token) {
+        const values = getLABComponents(token);
         // @ts-ignore
-        return lab2lchvalues(...getLABComponents(token));
+        return values == null ? null : labvalues2lchvalues(...values);
     }
     function srgb2lch(r, g, blue, alpha) {
         // @ts-ignore
-        return lab2lchvalues(...srgb2lab(r, g, blue, alpha));
+        return labvalues2lchvalues(...srgb2labvalues(r, g, blue, alpha));
     }
-    function oklab2lch(token) {
+    function oklab2lchvalues(token) {
+        const values = oklab2labvalues(token);
         // @ts-ignore
-        return lab2lchvalues(...oklab2lab(token));
+        return values == null ? null : labvalues2lchvalues(...values);
     }
-    function oklch2lch(token) {
+    function cmyk2lchvalues(token) {
+        const values = cmyk2srgbvalues(token);
         // @ts-ignore
-        return lab2lchvalues(...oklch2lab(token));
+        return values == null ? null : srgb2lch(...values);
     }
-    function lab2lchvalues(l, a, b, alpha = null) {
+    function oklch2lchvalues(token) {
+        const values = oklch2labvalues(token);
+        if (values == null) {
+            return null;
+        }
+        // @ts-ignore
+        return labvalues2lchvalues(...values);
+    }
+    function color2lchvalues(token) {
+        const values = color2srgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        // @ts-ignore
+        return srgb2lch(...values);
+    }
+    function labvalues2lchvalues(l, a, b, alpha = null) {
         let c = Math.sqrt(a * a + b * b);
         let h = Math.atan2(b, a) * 180 / Math.PI;
         if (h < 0) {
@@ -628,7 +665,7 @@
     }
     function xyz2lchvalues(x, y, z, alpha) {
         // @ts-ignore(
-        const lch = lab2lchvalues(...xyz2lab(x, y, z));
+        const lch = labvalues2lchvalues(...xyz2lab(x, y, z));
         return alpha == null || alpha == 1 ? lch : lch.concat(alpha);
     }
     function getLCHComponents(token) {
@@ -660,94 +697,372 @@
         return alpha == null ? [l, c, h] : [l, c, h, alpha];
     }
 
-    function hex2oklch(token) {
+    /*
+    */
+    function xyzd502lch(x, y, z, alpha) {
         // @ts-ignore
-        return lab2lchvalues(...hex2oklab(token));
+        const [l, a, b] = xyz2lab(...XYZ_D50_to_D65(x, y, z));
+        // L in range [0,100]. For use in CSS, add a percent
+        return labvalues2lchvalues(l, a, b, alpha);
     }
-    function rgb2oklch(token) {
-        // @ts-ignore
-        return lab2lchvalues(...rgb2oklab(token));
+    function XYZ_D65_to_D50(x, y, z, alpha = null) {
+        // Bradford chromatic adaptation from D65 to D50
+        // The matrix below is the result of three operations:
+        // - convert from XYZ to retinal cone domain
+        // - scale components from one reference white to another
+        // - convert back to XYZ
+        // see https://github.com/LeaVerou/color.js/pull/354/files
+        let M = [
+            [1.0479297925449969, 0.022946870601609652, -0.05019226628920524],
+            [0.02962780877005599, 0.9904344267538799, -0.017073799063418826],
+            [-0.009243040646204504, 0.015055191490298152, 0.7518742814281371]
+        ];
+        return multiplyMatrices(M, [x, y, z]).concat(alpha == null || alpha == 1 ? [] : [alpha]);
     }
-    function hsl2oklch(token) {
+    function xyzd502srgb(x, y, z, alpha = null) {
         // @ts-ignore
-        return lab2lchvalues(...hsl2oklab(token));
+        return lsrgb2srgbvalues(
+        /* r: */
+        x * 3.1341359569958707 -
+            y * 1.6173863321612538 -
+            0.4906619460083532 * z, 
+        /*  g: */
+        x * -0.978795502912089 +
+            y * 1.916254567259524 +
+            0.03344273116131949 * z, 
+        /*    b: */
+        x * 0.07195537988411677 -
+            y * 0.2289768264158322 +
+            1.405386058324125 * z, alpha);
     }
-    function hwb2oklch(token) {
-        // @ts-ignore
-        return lab2lchvalues(...hwb2oklab(token));
+
+    function XYZ_to_lin_sRGB(x, y, z, alpha = null) {
+        // convert XYZ to linear-light sRGB
+        const M = [
+            [12831 / 3959, -329 / 214, -1974 / 3959],
+            [-851781 / 878810, 1648619 / 878810, 36519 / 878810],
+            [705 / 12673, -2585 / 12673, 705 / 667],
+        ];
+        const XYZ = [x, y, z]; // convert to XYZ
+        return multiplyMatrices(M, XYZ).map((v) => v).concat(alpha == null || alpha == 1 ? [] : [alpha]);
     }
-    function lab2oklch(token) {
-        // @ts-ignore
-        return lab2lchvalues(...lab2oklab(token));
+    function XYZ_D50_to_D65(x, y, z) {
+        // Bradford chromatic adaptation from D50 to D65
+        const M = [
+            [0.9554734527042182, -0.023098536874261423, 0.0632593086610217],
+            [-0.028369706963208136, 1.0099954580058226, 0.021041398966943008],
+            [0.012314001688319899, -0.020507696433477912, 1.3303659366080753]
+        ];
+        const XYZ = [x, y, z];
+        return multiplyMatrices(M, XYZ); //.map((v: number) => v);
     }
-    function lch2oklch(token) {
-        // @ts-ignore
-        return lab2lchvalues(...lch2oklab(token));
+    // xyz d65
+    function srgb2xyz(r, g, b, alpha) {
+        [r, g, b] = srgb2lsrgbvalues(r, g, b);
+        // xyx d65
+        let rgb = [
+            0.4123907992659595 * r +
+                0.35758433938387796 * g +
+                0.1804807884018343 * b,
+            0.21263900587151036 * r +
+                0.7151686787677559 * g +
+                0.07219231536073371 * b,
+            0.01933081871559185 * r +
+                0.11919477979462599 * g +
+                0.9505321522496606 * b
+        ];
+        if (alpha != null && alpha != 1) {
+            rgb.push(alpha);
+        }
+        return rgb;
     }
-    function oklab2oklch(token) {
+    // xyz d50
+    function srgb2xyz_d50(r, g, b, alpha) {
+        // xyx d65
         // @ts-ignore
-        return lab2lchvalues(...getOKLABComponents(token));
+        let rgb = XYZ_D65_to_D50(...srgb2xyz(r, g, b));
+        if (alpha != null && alpha != 1) {
+            rgb.push(alpha);
+        }
+        return rgb;
     }
-    function srgb2oklch(r, g, blue, alpha) {
-        // @ts-ignore
-        return lab2lchvalues(...srgb2oklab(r, g, blue, alpha));
+
+    function hex2oklchToken(token) {
+        const values = hex2oklchvalues(token);
+        return oklchToken(values);
     }
-    function getOKLCHComponents(token) {
-        const components = getComponents(token);
-        if (components == null) {
+    function rgb2oklchToken(token) {
+        const values = rgb2oklchvalues(token);
+        if (values == null) {
             return null;
         }
-        for (let i = 0; i < components.length; i++) {
-            if (![exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.IdenTokenType].includes(components[i].typ)) {
-                return [];
-            }
+        return oklchToken(values);
+    }
+    function hsl2oklchToken(token) {
+        const values = hsl2oklchvalues(token);
+        if (values == null) {
+            return null;
         }
-        // @ts-ignore
-        let t = components[0];
-        // @ts-ignore
-        const l = getNumber(t);
-        // @ts-ignore
-        t = components[1];
-        // @ts-ignore
-        const c = getNumber(t) * (t.typ == exports.EnumToken.PercentageTokenType ? .4 : 1);
-        // @ts-ignore
-        t = components[2];
-        // @ts-ignore
-        const h = getAngle(t) * 360;
-        // @ts-ignore
-        t = components[3];
-        // @ts-ignore
-        const alpha = t == null || (t.typ == exports.EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
-        return [l, c, h, alpha];
+        return oklchToken(values);
+    }
+    function hwb2oklchToken(token) {
+        const values = hwb2oklchvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklchToken(values);
+    }
+    function lab2oklchToken(token) {
+        const values = lab2oklchvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklchToken(values);
+    }
+    function oklab2oklchToken(token) {
+        const values = oklab2oklchvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklchToken(values);
+    }
+    function lch2oklchToken(token) {
+        const values = lch2oklchvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklchToken(values);
+    }
+    function color2oklchToken(token) {
+        const values = color2srgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        // @ts-ignore
+        return oklchToken(srgb2oklch(...values));
+    }
+    function oklchToken(values) {
+        values[2] = toPrecisionAngle(values[2]);
+        const chi = [
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
+        ];
+        if (values.length == 4) {
+            chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, {
+                typ: exports.EnumToken.PercentageTokenType,
+                val: (values[3] * 100).toFixed()
+            });
+        }
+        return {
+            typ: exports.EnumToken.ColorTokenType,
+            val: 'oklch',
+            chi,
+            kin: ColorKind.OKLCH
+        };
+    }
+    function hex2oklchvalues(token) {
+        // @ts-ignore
+        return labvalues2lchvalues(...hex2oklabvalues(token));
+    }
+    function rgb2oklchvalues(token) {
+        const values = rgb2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        // @ts-ignore
+        return labvalues2lchvalues(...values);
+    }
+    function hsl2oklchvalues(token) {
+        // @ts-ignore
+        return labvalues2lchvalues(...hsl2oklabvalues(token));
+    }
+    function hwb2oklchvalues(token) {
+        // @ts-ignore
+        return labvalues2lchvalues(...hwb2oklabvalues(token));
+    }
+    function lab2oklchvalues(token) {
+        // @ts-ignore
+        return labvalues2lchvalues(...lab2oklabvalues(token));
+    }
+    function lch2oklchvalues(token) {
+        // @ts-ignore
+        return labvalues2lchvalues(...lch2oklabvalues(token));
+    }
+    function oklab2oklchvalues(token) {
+        // @ts-ignore
+        return labvalues2lchvalues(...getOKLABComponents(token));
+    }
+    function srgb2oklch(r, g, blue, alpha) {
+        // @ts-ignore
+        return labvalues2lchvalues(...srgb2oklab(r, g, blue, alpha));
+    }
+    function getOKLCHComponents(token) {
+        const components = getComponents(token);
+        if (components == null) {
+            return null;
+        }
+        for (let i = 0; i < components.length; i++) {
+            if (![exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.IdenTokenType].includes(components[i].typ)) {
+                return [];
+            }
+        }
+        // @ts-ignore
+        let t = components[0];
+        // @ts-ignore
+        const l = getNumber(t);
+        // @ts-ignore
+        t = components[1];
+        // @ts-ignore
+        const c = getNumber(t) * (t.typ == exports.EnumToken.PercentageTokenType ? .4 : 1);
+        // @ts-ignore
+        t = components[2];
+        // @ts-ignore
+        const h = getAngle(t) * 360;
+        // @ts-ignore
+        t = components[3];
+        // @ts-ignore
+        const alpha = t == null || (t.typ == exports.EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
+        return [l, c, h, alpha];
     }
 
-    function hex2oklab(token) {
+    function hex2oklabToken(token) {
+        const values = hex2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklabToken(values);
+    }
+    function rgb2oklabToken(token) {
+        const values = rgb2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklabToken(values);
+    }
+    function hsl2oklabToken(token) {
+        const values = hsl2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklabToken(values);
+    }
+    function hwb2oklabToken(token) {
+        const values = hwb2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklabToken(values);
+    }
+    function cmyk2oklabToken(token) {
+        const values = cmyk2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklabToken(values);
+    }
+    function lab2oklabToken(token) {
+        const values = lab2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklabToken(values);
+    }
+    function lch2oklabToken(token) {
+        const values = lch2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklabToken(values);
+    }
+    function oklch2oklabToken(token) {
+        const values = oklch2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklabToken(values);
+    }
+    function color2oklabToken(token) {
+        const values = color2oklabvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklabToken(values);
+    }
+    function oklabToken(values) {
+        const chi = [
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
+        ];
+        if (values.length == 4) {
+            chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, {
+                typ: exports.EnumToken.PercentageTokenType,
+                val: (values[3] * 100).toFixed()
+            });
+        }
+        return {
+            typ: exports.EnumToken.ColorTokenType,
+            val: 'oklab',
+            chi,
+            kin: ColorKind.OKLAB
+        };
+    }
+    function hex2oklabvalues(token) {
+        const values = hex2srgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        // @ts-ignore
+        return srgb2oklab(...values);
+    }
+    function rgb2oklabvalues(token) {
+        const values = rgb2srgb(token);
+        if (values == null) {
+            return null;
+        }
+        // @ts-ignore
+        return srgb2oklab(...values);
+    }
+    function hsl2oklabvalues(token) {
+        const values = hsl2srgb(token);
+        if (values == null) {
+            return null;
+        }
         // @ts-ignore
-        return srgb2oklab(...hex2srgb(token));
+        return srgb2oklab(...values);
     }
-    function rgb2oklab(token) {
+    function hwb2oklabvalues(token) {
         // @ts-ignore
-        return srgb2oklab(...rgb2srgb(token));
+        return srgb2oklab(...hwb2srgbvalues(token));
     }
-    function hsl2oklab(token) {
+    function cmyk2oklabvalues(token) {
+        const values = cmyk2srgbvalues(token);
         // @ts-ignore
-        return srgb2oklab(...hsl2srgb(token));
+        return values == null ? null : srgb2oklab(...values);
     }
-    function hwb2oklab(token) {
+    function lab2oklabvalues(token) {
+        const values = lab2srgbvalues(token);
+        if (values == null) {
+            return null;
+        }
         // @ts-ignore
-        return srgb2oklab(...hwb2srgb(token));
+        return srgb2oklab(...values);
     }
-    function lab2oklab(token) {
+    function lch2oklabvalues(token) {
+        const values = lch2srgbvalues(token);
         // @ts-ignore
-        return srgb2oklab(...lab2srgb(token));
+        return values == null ? null : srgb2oklab(...values);
     }
-    function lch2oklab(token) {
+    function oklch2oklabvalues(token) {
+        const values = getOKLCHComponents(token);
         // @ts-ignore
-        return srgb2oklab(...lch2srgb(token));
+        return values == null ? null : lchvalues2labvalues(...values);
     }
-    function oklch2oklab(token) {
+    function color2oklabvalues(token) {
+        const values = color2srgbvalues(token);
         // @ts-ignore
-        return lch2labvalues(...getOKLCHComponents(token));
+        return values == null ? null : srgb2oklab(...values);
     }
     function srgb2oklab(r, g, blue, alpha) {
         [r, g, blue] = srgb2lsrgbvalues(r, g, blue);
@@ -757,18 +1072,13 @@
         const l = 0.2104542553 * L + 0.793617785 * M - 0.0040720468 * S;
         const a = r == g && g == blue ? 0 : 1.9779984951 * L - 2.428592205 * M + 0.4505937099 * S;
         const b = r == g && g == blue ? 0 : 0.0259040371 * L + 0.7827717662 * M - 0.808675766 * S;
-        return alpha == null ? [l, a, b] : [l, a, b, alpha];
+        return alpha == null || alpha == 1 ? [l, a, b] : [l, a, b, alpha];
     }
     function getOKLABComponents(token) {
         const components = getComponents(token);
-        if (components == null) {
+        if (components == null || components.length < 3) {
             return null;
         }
-        for (let i = 0; i < components.length; i++) {
-            if (![exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.IdenTokenType].includes(components[i].typ)) {
-                return null;
-            }
-        }
         // @ts-ignore
         let t = components[0];
         // @ts-ignore
@@ -782,9 +1092,10 @@
         // @ts-ignore
         const b = getNumber(t) * (t.typ == exports.EnumToken.PercentageTokenType ? .4 : 1);
         // @ts-ignore
-        t = components[3];
-        // @ts-ignore
-        const alpha = t == null || (t.typ == exports.EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
+        let alpha = null;
+        if (components.length > 3) {
+            alpha = getNumber(components[3]);
+        }
         const rgb = [l, a, b];
         if (alpha != 1 && alpha != null) {
             rgb.push(alpha);
@@ -836,78 +1147,141 @@
             1.7076147009309444 * S);
     }
 
-    /*
-    */
-    function xyzd502lch(x, y, z, alpha) {
-        // @ts-ignore
-        const [l, a, b] = xyz2lab(...XYZ_D50_to_D65(x, y, z));
-        // L in range [0,100]. For use in CSS, add a percent
-        return lab2lchvalues(l, a, b, alpha);
+    function hex2labToken(token) {
+        return labToken(hex2labvalues(token));
     }
-    function XYZ_D65_to_D50(x, y, z) {
-        // Bradford chromatic adaptation from D65 to D50
-        // The matrix below is the result of three operations:
-        // - convert from XYZ to retinal cone domain
-        // - scale components from one reference white to another
-        // - convert back to XYZ
-        // see https://github.com/LeaVerou/color.js/pull/354/files
-        var M = [
-            [1.0479297925449969, 0.022946870601609652, -0.05019226628920524],
-            [0.02962780877005599, 0.9904344267538799, -0.017073799063418826],
-            [-0.009243040646204504, 0.015055191490298152, 0.7518742814281371]
-        ];
-        return multiplyMatrices(M, [x, y, z]);
+    function rgb2labToken(token) {
+        const values = rgb2labvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return labToken(values);
     }
-    function xyzd502srgb(x, y, z) {
-        // @ts-ignore
-        return lsrgb2srgbvalues(
-        /* r: */
-        x * 3.1341359569958707 -
-            y * 1.6173863321612538 -
-            0.4906619460083532 * z, 
-        /*  g: */
-        x * -0.978795502912089 +
-            y * 1.916254567259524 +
-            0.03344273116131949 * z, 
-        /*    b: */
-        x * 0.07195537988411677 -
-            y * 0.2289768264158322 +
-            1.405386058324125 * z);
+    function hsl2labToken(token) {
+        const values = hsl2labvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return labToken(values);
+    }
+    function hwb2labToken(token) {
+        const values = hwb2labvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return labToken(values);
+    }
+    function cmyk2labToken(token) {
+        const values = cmyk2labvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return labToken(values);
+    }
+    function lch2labToken(token) {
+        const values = lch2labvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return labToken(values);
+    }
+    function oklab2labToken(token) {
+        const values = oklab2labvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return labToken(values);
+    }
+    function oklch2labToken(token) {
+        const values = oklch2labvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return labToken(values);
+    }
+    function color2labToken(token) {
+        const values = color2labvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return labToken(values);
+    }
+    function labToken(values) {
+        const chi = [
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
+        ];
+        if (values.length == 4) {
+            chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, { typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+        }
+        return {
+            typ: exports.EnumToken.ColorTokenType,
+            val: 'lab',
+            chi,
+            kin: ColorKind.LAB
+        };
     }
-
     // L: 0% = 0.0, 100% = 100.0
     // for a and b: -100% = -125, 100% = 125
-    function hex2lab(token) {
-        //  @ts-ignore
-        return srgb2lab(...hex2srgb(token));
+    function hex2labvalues(token) {
+        // @ts-ignore
+        return srgb2labvalues(...hex2srgbvalues(token));
     }
-    function rgb2lab(token) {
+    function rgb2labvalues(token) {
+        const values = rgb2srgb(token);
         // @ts-ignore
-        return srgb2lab(...rgb2srgb(token));
+        return values == null ? null : srgb2labvalues(...values);
     }
-    function hsl2lab(token) {
+    function cmyk2labvalues(token) {
+        const values = cmyk2srgbvalues(token);
         // @ts-ignore
-        return srgb2lab(...hsl2srgb(token));
+        return values == null ? null : srgb2labvalues(...values);
     }
-    function hwb2lab(token) {
+    function hsl2labvalues(token) {
+        const values = hsl2srgb(token);
+        if (values == null) {
+            return null;
+        }
+        // @ts-ignore
+        return srgb2labvalues(...values);
+    }
+    function hwb2labvalues(token) {
         // @ts-ignore
-        return srgb2lab(...hwb2srgb(token));
+        return srgb2labvalues(...hwb2srgbvalues(token));
     }
-    function lch2lab(token) {
+    function lch2labvalues(token) {
+        const values = getLCHComponents(token);
+        // @ts-ignore
+        return values == null ? null : lchvalues2labvalues(...values);
+    }
+    function oklab2labvalues(token) {
+        const values = getOKLABComponents(token);
+        if (values == null) {
+            return null;
+        }
         // @ts-ignore
-        return lch2labvalues(...getLCHComponents(token));
+        return xyz2lab(...XYZ_D65_to_D50(...OKLab_to_XYZ(...values)));
     }
-    function oklab2lab(token) {
+    function oklch2labvalues(token) {
+        const values = oklch2srgbvalues(token);
+        if (values == null) {
+            return null;
+        }
         // @ts-ignore
-        return xyz2lab(...OKLab_to_XYZ(...getOKLABComponents(token)));
+        return srgb2labvalues(...values);
     }
-    function oklch2lab(token) {
+    function color2labvalues(token) {
+        const val = color2srgbvalues(token);
+        if (val == null) {
+            return null;
+        }
         // @ts-ignore
-        return srgb2lab(...oklch2srgb(token));
+        return srgb2labvalues(...val);
     }
-    function srgb2lab(r, g, b, a) {
+    function srgb2labvalues(r, g, b, a) {
         // @ts-ignore */
-        const result = xyz2lab(...srgb2xyz(r, g, b));
+        const result = xyz2lab(...srgb2xyz_d50(r, g, b));
         // Fixes achromatic RGB colors having a _slight_ chroma due to floating-point errors
         // and approximated computations in sRGB <-> CIELab.
         // See: https://github.com/d3/d3-color/pull/46
@@ -939,7 +1313,7 @@
         }
         return result;
     }
-    function lch2labvalues(l, c, h, a = null) {
+    function lchvalues2labvalues(l, c, h, a = null) {
         // l, c * Math.cos(360 * h * Math.PI / 180), c * Math.sin(360 * h * Math.PI / 180
         const result = [l, c * Math.cos(h * Math.PI / 180), c * Math.sin(h * Math.PI / 180)];
         if (a != null) {
@@ -982,6 +1356,12 @@
     // from https://www.w3.org/TR/css-color-4/#color-conversion-code
     // D50 LAB
     function Lab_to_sRGB(l, a, b) {
+        const xyz_d50 = Lab_to_XYZ(l, a, b);
+        // @ts-ignore
+        const xyz_d65 = XYZ_D50_to_D65(...xyz_d50);
+        // @ts-ignore
+        const lin_srgb = XYZ_to_lin_sRGB(...xyz_d65);
+        lin_srgb.map((value, i) => value > 0.0031308 ? 1.055 * Math.pow(value, 1 / 2.4) - 0.055 : 12.92 * value);
         // @ts-ignore
         return xyzd502srgb(...Lab_to_XYZ(l, a, b));
     }
@@ -1013,7 +1393,7 @@
         switch (token.kin) {
             case ColorKind.LIT:
             case ColorKind.HEX:
-                return hex2srgb(token);
+                return hex2srgbvalues(token);
             case ColorKind.RGB:
             case ColorKind.RGBA:
                 return rgb2srgb(token);
@@ -1021,15 +1401,15 @@
             case ColorKind.HSLA:
                 return hsl2srgb(token);
             case ColorKind.HWB:
-                return hwb2srgb(token);
+                return hwb2srgbvalues(token);
             case ColorKind.LAB:
-                return lab2srgb(token);
+                return lab2srgbvalues(token);
             case ColorKind.LCH:
-                return lch2srgb(token);
+                return lch2srgbvalues(token);
             case ColorKind.OKLAB:
-                return oklab2srgb(token);
+                return oklab2srgbvalues(token);
             case ColorKind.OKLCH:
-                return oklch2srgb(token);
+                return oklch2srgbvalues(token);
             case ColorKind.COLOR:
                 return color2srgbvalues(token);
         }
@@ -1038,24 +1418,31 @@
     function rgb2srgb(token) {
         return getComponents(token)?.map?.((t, index) => index == 3 ? ((t.typ == exports.EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t)) : (t.typ == exports.EnumToken.PercentageTokenType ? 255 : 1) * getNumber(t) / 255) ?? null;
     }
-    function hex2srgb(token) {
+    function rgb2srgbvalues(token) {
+        return getComponents(token)?.map?.((t, index) => index == 3 ? getNumber(t) : getNumber(t) / 255) ?? null;
+    }
+    function hex2srgbvalues(token) {
         const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
         const rgb = [];
         for (let i = 1; i < value.length; i += 2) {
             rgb.push(parseInt(value.slice(i, i + 2), 16) / 255);
         }
+        if (rgb.length == 4) {
+            rgb[3] = +rgb[3].toFixed(2);
+        }
         return rgb;
     }
-    function xyz2srgb(x, y, z) {
+    // xyz d65 input
+    function xyz2srgb(x, y, z, alpha = null) {
         // @ts-ignore
-        return lsrgb2srgbvalues(...XYZ_to_lin_sRGB(x, y, z));
+        return lsrgb2srgbvalues(...XYZ_to_lin_sRGB(x, y, z, alpha));
     }
-    function hwb2srgb(token) {
+    function hwb2srgbvalues(token) {
         const { h: hue, s: white, l: black, a: alpha } = hslvalues(token) ?? {};
         if (hue == null || white == null || black == null) {
             return [];
         }
-        const rgb = hsl2srgbvalues(hue, 1, .5);
+        const rgb = hslvalues2srgbvalues(hue, 1, .5);
         for (let i = 0; i < 3; i++) {
             rgb[i] *= (1 - white - black);
             rgb[i] = rgb[i] + white;
@@ -1070,9 +1457,9 @@
         if (h == null || s == null || l == null) {
             return null;
         }
-        return hsl2srgbvalues(h, s, l, a);
+        return hslvalues2srgbvalues(h, s, l, a);
     }
-    function cmyk2srgb(token) {
+    function cmyk2srgbvalues(token) {
         const components = getComponents(token);
         if (components == null) {
             return null;
@@ -1098,16 +1485,21 @@
             1 - Math.min(1, m * (1 - k) + k),
             1 - Math.min(1, y * (1 - k) + k)
         ];
-        // @ts-ignore
-        if (token.chi.length >= 9) {
-            // @ts-ignore
-            t = token.chi[8];
-            // @ts-ignore
-            rgb.push(getNumber(t));
+        if (components.length == 5) {
+            rgb.push(getNumber(components[4]));
         }
+        // @ts-ignore
+        // if (token.chi.length >= 9) {
+        //
+        //     // @ts-ignore
+        //     t = <NumberToken | PercentageToken>token.chi[8];
+        //
+        //     // @ts-ignore
+        //     rgb.push(getNumber(t));
+        // }
         return rgb;
     }
-    function oklab2srgb(token) {
+    function oklab2srgbvalues(token) {
         const [l, a, b, alpha] = getOKLABComponents(token) ?? [];
         if (l == null || a == null || b == null) {
             return null;
@@ -1118,13 +1510,13 @@
         }
         return rgb;
     }
-    function oklch2srgb(token) {
+    function oklch2srgbvalues(token) {
         const [l, c, h, alpha] = getOKLCHComponents(token) ?? [];
         if (l == null || c == null || h == null) {
             return null;
         }
         // @ts-ignore
-        const rgb = OKLab_to_sRGB(...lch2labvalues(l, c, h));
+        const rgb = OKLab_to_sRGB(...lchvalues2labvalues(l, c, h));
         if (alpha != 1) {
             rgb.push(alpha);
         }
@@ -1155,7 +1547,7 @@
         }
         return a == null ? { h, s, l } : { h, s, l, a };
     }
-    function hsl2srgbvalues(h, s, l, a = null) {
+    function hslvalues2srgbvalues(h, s, l, a = null) {
         let v = l <= .5 ? l * (1.0 + s) : l + s - l * s;
         let r = l;
         let g = l;
@@ -1208,7 +1600,7 @@
         }
         return values;
     }
-    function lab2srgb(token) {
+    function lab2srgbvalues(token) {
         const [l, a, b, alpha] = getLABComponents(token) ?? [];
         if (l == null || a == null || b == null) {
             return null;
@@ -1219,9 +1611,9 @@
         }
         return rgb;
     }
-    function lch2srgb(token) {
+    function lch2srgbvalues(token) {
         // @ts-ignore
-        const [l, a, b, alpha] = lch2labvalues(...getLCHComponents(token));
+        const [l, a, b, alpha] = lchvalues2labvalues(...getLCHComponents(token));
         if (l == null || a == null || b == null) {
             return null;
         }
@@ -1252,7 +1644,7 @@
         }
         return rgb;
     }
-    function lsrgb2srgbvalues(r, g, b, alpha) {
+    function lsrgb2srgbvalues(r, g, b, alpha = null) {
         // convert an array of linear-light sRGB values in the range 0.0-1.0
         // to gamma corrected form
         // https://en.wikipedia.org/wiki/SRGB
@@ -1272,41 +1664,319 @@
         return rgb;
     }
 
-    function srgb2rgb(value) {
-        return minmax(Math.round(value * 255), 0, 255);
+    function toHexString(acc, value) {
+        return acc + value.toString(16).padStart(2, '0');
     }
-    function hex2rgb(token) {
-        const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
-        const rgb = [];
-        for (let i = 1; i < value.length; i += 2) {
-            rgb.push(parseInt(value.slice(i, i + 2), 16));
+    function reduceHexValue(value) {
+        if (value[0] != '#') {
+            value = COLORS_NAMES[value.toLowerCase()] ?? value;
         }
-        return rgb;
-    }
-    function hwb2rgb(token) {
-        return hwb2srgb(token)?.map?.(srgb2rgb) ?? null;
-    }
-    function hsl2rgb(token) {
-        let { h, s, l, a } = hslvalues(token) ?? {};
-        if (h == null || s == null || l == null) {
-            return null;
+        const named_color = NAMES_COLORS[expandHexValue(value)];
+        if (value.length == 7) {
+            if (value[1] == value[2] &&
+                value[3] == value[4] &&
+                value[5] == value[6]) {
+                value = `#${value[1]}${value[3]}${value[5]}`;
+            }
         }
-        return hsl2srgbvalues(h, s, l, a).map((t) => minmax(Math.round(t * 255), 0, 255));
-    }
-    function cmyk2rgb(token) {
-        return cmyk2srgb(token)?.map?.(srgb2rgb) ?? null;
+        else if (value.length == 9) {
+            if (value[1] == value[2] &&
+                value[3] == value[4] &&
+                value[5] == value[6] &&
+                value[7] == value[8]) {
+                value = `#${value[1]}${value[3]}${value[5]}${value[7] == 'f' ? '' : value[7]}`;
+            }
+        }
+        return named_color != null && named_color.length <= value.length ? named_color : value;
+    }
+    function expandHexValue(value) {
+        if (value.length == 4) {
+            return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}`;
+        }
+        if (value.length == 5) {
+            return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}${value[4]}${value[4]}`;
+        }
+        return value;
+    }
+    function rgb2HexToken(token) {
+        let value = rgb2hexvalues(token);
+        if (value == null) {
+            return null;
+        }
+        return hexToken(value);
+    }
+    function hsl2HexToken(token) {
+        let value = hsl2hexvalues(token);
+        if (value == null) {
+            return null;
+        }
+        return hexToken(value);
+    }
+    function cmyk2HexToken(token) {
+        let value = cmyk2hexvalues(token);
+        if (value == null) {
+            return null;
+        }
+        return hexToken(value);
+    }
+    function hwb2HexToken(token) {
+        let value = hwb2hexvalues(token);
+        if (value == null) {
+            return null;
+        }
+        return hexToken(value);
+    }
+    function color2HexToken(token) {
+        let value = color2srgbvalues(token);
+        if (value == null) {
+            return null;
+        }
+        return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+    }
+    function oklab2HexToken(token) {
+        let value = oklab2srgbvalues(token);
+        if (value == null) {
+            return null;
+        }
+        return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+    }
+    function oklch2HexToken(token) {
+        let value = oklch2srgbvalues(token);
+        if (value == null) {
+            return null;
+        }
+        return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+    }
+    function lab2HexToken(token) {
+        let value = lab2srgbvalues(token);
+        if (value == null) {
+            return null;
+        }
+        return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+    }
+    function lch2HexToken(token) {
+        let value = lch2srgbvalues(token);
+        if (value == null) {
+            return null;
+        }
+        return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+    }
+    function hexToken(value) {
+        value = reduceHexValue(value);
+        return {
+            typ: exports.EnumToken.ColorTokenType,
+            val: value,
+            kin: value[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+        };
+    }
+    function rgb2hexvalues(token) {
+        let value = '#';
+        let t;
+        // @ts-ignore
+        const components = getComponents(token);
+        if (components == null || components.length < 3) {
+            return null;
+        }
+        // @ts-ignore
+        for (let i = 0; i < 3; i++) {
+            // @ts-ignore
+            t = components[i];
+            // @ts-ignore
+            value += (t.typ == exports.EnumToken.Iden && t.val == 'none' ? '0' : Math.round(getNumber(t) * (t.typ == exports.EnumToken.PercentageTokenType ? 255 : 1))).toString(16).padStart(2, '0');
+        }
+        // @ts-ignore
+        if (components.length == 4) {
+            // @ts-ignore
+            t = components[3];
+            // @ts-ignore
+            const v = getNumber(t);
+            // @ts-ignore
+            if (v < 1) {
+                // @ts-ignore
+                value += Math.round(255 * getNumber(t)).toString(16).padStart(2, '0');
+            }
+        }
+        return value;
+    }
+    function hsl2hexvalues(token) {
+        const t = hsl2rgbvalues(token);
+        if (t == null) {
+            return null;
+        }
+        if (t.length == 4) {
+            t[3] = srgb2rgb(t[3]);
+        }
+        return `${t.reduce(toHexString, '#')}`;
+    }
+    function hwb2hexvalues(token) {
+        const t = hwb2rgbvalues(token);
+        if (t == null) {
+            return null;
+        }
+        if (t.length == 4) {
+            t[3] = srgb2rgb(t[3]);
+        }
+        return `${t.reduce(toHexString, '#')}`;
+    }
+    function cmyk2hexvalues(token) {
+        const t = cmyk2rgbvalues(token);
+        if (t == null) {
+            return null;
+        }
+        if (t.length == 4) {
+            t[3] = srgb2rgb(t[3]);
+        }
+        return `#${t.reduce(toHexString, '')}`;
+    }
+
+    function getComponents(token) {
+        if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
+            const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+            // @ts-ignore
+            return value.slice(1).match(/([a-fA-F0-9]{2})/g).map((t, index) => {
+                return { typ: exports.EnumToken.Number, val: (index < 3 ? parseInt(t, 16) : parseInt(t, 16) / 255).toString() };
+            });
+        }
+        const result = [];
+        for (const child of (token.chi)) {
+            if ([
+                exports.EnumToken.LiteralTokenType, exports.EnumToken.CommentTokenType, exports.EnumToken.CommaTokenType, exports.EnumToken.WhitespaceTokenType
+            ].includes(child.typ)) {
+                continue;
+            }
+            if (child.typ == exports.EnumToken.ColorTokenType && child.val.localeCompare('currentcolor', undefined, { sensitivity: 'base' }) == 0) {
+                return null;
+            }
+            result.push(child);
+        }
+        return result;
+    }
+
+    function srgb2rgb(value) {
+        return minmax(Math.round(value * 255), 0, 255);
+    }
+    function hex2RgbToken(token) {
+        return rgb2RgbToken(hex2rgbvalues(token));
+    }
+    function hsl2RgbToken(token) {
+        const values = hsl2rgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return rgb2RgbToken(values);
+    }
+    function hwb2RgbToken(token) {
+        const values = hwb2rgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return rgb2RgbToken(values);
+    }
+    function cmyk2RgbToken(token) {
+        const values = cmyk2rgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return rgb2RgbToken(values);
+    }
+    function oklab2RgbToken(token) {
+        const values = oklab2rgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return rgb2RgbToken(values);
+    }
+    function oklch2RgbToken(token) {
+        const values = oklch2rgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return rgb2RgbToken(values);
+    }
+    function lab2RgbToken(token) {
+        const values = lab2rgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return rgb2RgbToken(values);
+    }
+    function lch2RgbToken(token) {
+        const values = lch2rgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return rgb2RgbToken(values);
+    }
+    function color2RgbToken(token) {
+        const values = color2srgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return rgb2RgbToken(values.map((t, index) => index == 3 ? t : srgb2rgb(t)));
+    }
+    function rgb2RgbToken(values) {
+        const chi = [
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
+        ];
+        if (values.length == 4) {
+            chi.push({ typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+        }
+        return {
+            typ: exports.EnumToken.ColorTokenType,
+            val: 'rgb',
+            chi,
+            kin: ColorKind.RGB
+        };
+    }
+    function hex2rgbvalues(token) {
+        const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+        const rgb = [];
+        for (let i = 1; i < value.length; i += 2) {
+            rgb.push(parseInt(value.slice(i, i + 2), 16));
+        }
+        if (rgb.length == 4) {
+            if (rgb[3] == 255) {
+                rgb.pop();
+            }
+            else {
+                rgb[3] = +(rgb[3] / 255).toFixed(2);
+            }
+        }
+        return rgb;
+    }
+    function hwb2rgbvalues(token) {
+        return hwb2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+    }
+    function hsl2rgbvalues(token) {
+        let { h, s, l, a } = hslvalues(token) ?? {};
+        if (h == null || s == null || l == null) {
+            return null;
+        }
+        return hslvalues2srgbvalues(h, s, l).map((t) => minmax(Math.round(t * 255), 0, 255)).concat(a == 1 || a == null ? [] : [a]);
+    }
+    function hsl2srgbvalues(token) {
+        let { h, s, l, a } = hslvalues(token) ?? {};
+        if (h == null || s == null || l == null) {
+            return null;
+        }
+        return hslvalues2srgbvalues(h, s, l).concat(a == 1 || a == null ? [] : [a]);
+    }
+    function cmyk2rgbvalues(token) {
+        return cmyk2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
     }
-    function oklab2rgb(token) {
-        return oklab2srgb(token)?.map?.(srgb2rgb) ?? null;
+    function oklab2rgbvalues(token) {
+        return oklab2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
     }
-    function oklch2rgb(token) {
-        return oklch2srgb(token)?.map?.(srgb2rgb) ?? null;
+    function oklch2rgbvalues(token) {
+        return oklch2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
     }
-    function lab2rgb(token) {
-        return lab2srgb(token)?.map?.(srgb2rgb) ?? null;
+    function lab2rgbvalues(token) {
+        return lab2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
     }
-    function lch2rgb(token) {
-        return lch2srgb(token)?.map?.(srgb2rgb) ?? null;
+    function lch2rgbvalues(token) {
+        return lch2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
     }
 
     function hwb2hsv(h, w, b, a) {
@@ -1328,13 +1998,87 @@
         return result;
     }
 
-    function hex2hsl(token) {
+    function hex2HslToken(token) {
+        // @ts-ignore
+        return hslToken(srgb2hslvalues(...hex2srgbvalues(token)));
+    }
+    function rgb2HslToken(token) {
+        const values = rgb2hslvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hslToken(values);
+    }
+    function hwb2HslToken(token) {
+        const values = hwb2hslvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hslToken(values);
+    }
+    function cmyk2HslToken(token) {
+        const values = cmyk2hslvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hslToken(values);
+    }
+    function oklab2HslToken(token) {
+        const values = oklab2hslvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hslToken(values);
+    }
+    function oklch2HslToken(token) {
+        const values = oklch2hslvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hslToken(values);
+    }
+    function lab2HslToken(token) {
+        const values = lab2hslvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hslToken(values);
+    }
+    function lch2HslToken(token) {
+        const values = lch2hslvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hslToken(values);
+    }
+    function color2HslToken(token) {
+        const values = color2srgbvalues(token);
+        if (values == null) {
+            return null;
+        }
         // @ts-ignore
-        return rgb2hslvalues(...hex2rgb(token));
+        return hslToken(srgb2hslvalues(...values));
+    }
+    function hslToken(values) {
+        values[0] = toPrecisionAngle(values[0] * 360);
+        const chi = [
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[0]), uni: 'deg' },
+            { typ: exports.EnumToken.PercentageTokenType, val: String(values[1] * 100) },
+            { typ: exports.EnumToken.PercentageTokenType, val: String(values[2] * 100) },
+        ];
+        if (values.length == 4 && values[3] != 1) {
+            chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, { typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+        }
+        return {
+            typ: exports.EnumToken.ColorTokenType,
+            val: 'hsl',
+            chi,
+            kin: ColorKind.HSL
+        };
     }
-    function rgb2hsl(token) {
+    function rgb2hslvalues(token) {
         const chi = getComponents(token);
-        if (chi == null) {
+        if (chi == null || chi.length < 3) {
             return null;
         }
         // @ts-ignore
@@ -1350,19 +2094,16 @@
         // @ts-ignore
         let b = getNumber(t);
         // @ts-ignore
-        t = chi[3];
-        // @ts-ignore
         let a = null;
-        if (t != null && !(t.typ == exports.EnumToken.IdenTokenType && t.val == 'none')) {
-            // @ts-ignore
-            a = getNumber(t) / 255;
+        if (chi.length == 4) {
+            a = getNumber(chi[3]);
         }
         const values = [r, g, b];
         if (a != null && a != 1) {
             values.push(a);
         }
         // @ts-ignore
-        return rgb2hslvalues(...values);
+        return rgbvalues2hslvalues(...values);
     }
     // https://gist.github.com/defims/0ca2ef8832833186ed396a2f8a204117#file-annotated-js
     function hsv2hsl(h, s, v, a) {
@@ -1382,32 +2123,37 @@
         }
         return result;
     }
-    function hwb2hsl(token) {
+    function cmyk2hslvalues(token) {
+        const values = cmyk2rgbvalues(token);
+        // @ts-ignore
+        return values == null ? null : rgbvalues2hslvalues(...values);
+    }
+    function hwb2hslvalues(token) {
         // @ts-ignore
         return hsv2hsl(...hwb2hsv(...Object.values(hslvalues(token))));
     }
-    function lab2hsl(token) {
+    function lab2hslvalues(token) {
         // @ts-ignore
-        return rgb2hslvalues(...lab2rgb(token));
+        return rgbvalues2hslvalues(...lab2rgbvalues(token));
     }
-    function lch2hsl(token) {
+    function lch2hslvalues(token) {
         // @ts-ignore
-        return rgb2hslvalues(...lch2rgb(token));
+        return rgbvalues2hslvalues(...lch2rgbvalues(token));
     }
-    function oklab2hsl(token) {
-        const t = oklab2rgb(token);
+    function oklab2hslvalues(token) {
+        const t = oklab2srgbvalues(token);
         // @ts-ignore
-        return t == null ? null : rgb2hslvalues(...t);
+        return t == null ? null : srgb2hslvalues(...t);
     }
-    function oklch2hsl(token) {
-        const t = oklch2rgb(token);
+    function oklch2hslvalues(token) {
+        const t = oklch2srgbvalues(token);
         // @ts-ignore
-        return t == null ? null : rgb2hslvalues(...t);
+        return t == null ? null : srgb2hslvalues(...t);
     }
-    function rgb2hslvalues(r, g, b, a = null) {
-        return srgb2hsl(r / 255, g / 255, b / 255, a);
+    function rgbvalues2hslvalues(r, g, b, a = null) {
+        return srgb2hslvalues(r / 255, g / 255, b / 255, a);
     }
-    function srgb2hsl(r, g, b, a = null) {
+    function srgb2hslvalues(r, g, b, a = null) {
         let max = Math.max(r, g, b);
         let min = Math.min(r, g, b);
         let h = 0;
@@ -1438,18 +2184,95 @@
         return hsl;
     }
 
-    function rgb2hwb(token) {
+    function rgb2hwbToken(token) {
+        const values = rgb2hwbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hwbToken(values);
+    }
+    function hsl2hwbToken(token) {
+        const values = hsl2hwbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hwbToken(values);
+    }
+    function cmyk2hwbToken(token) {
+        const values = cmyk2hwbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hwbToken(values);
+    }
+    function oklab2hwbToken(token) {
+        const values = oklab2hwbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hwbToken(values);
+    }
+    function oklch2hwbToken(token) {
+        const values = oklch2hwbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hwbToken(values);
+    }
+    function lab2hwbToken(token) {
+        const values = lab2hwbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hwbToken(values);
+    }
+    function lch2hwbToken(token) {
+        const values = lch2hwbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hwbToken(values);
+    }
+    function color2hwbToken(token) {
+        const values = color2hwbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return hwbToken(values);
+    }
+    function hwbToken(values) {
+        values[0] = toPrecisionAngle(values[0] * 360);
+        const chi = [
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
+            { typ: exports.EnumToken.PercentageTokenType, val: String(values[1] * 100) },
+            { typ: exports.EnumToken.PercentageTokenType, val: String(values[2] * 100) },
+        ];
+        if (values.length == 4) {
+            chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, { typ: exports.EnumToken.PercentageTokenType, val: String((values[3] * 100).toFixed()) });
+        }
+        return {
+            typ: exports.EnumToken.ColorTokenType,
+            val: 'hwb',
+            chi,
+            kin: ColorKind.HWB
+        };
+    }
+    function rgb2hwbvalues(token) {
         // @ts-ignore
         return srgb2hwb(...getComponents(token).map((t, index) => {
-            if (index == 3 && t.typ == exports.EnumToken.IdenTokenType && t.val == 'none') {
-                return 1;
+            if (index == 3) {
+                return getNumber(t);
             }
             return getNumber(t) / 255;
         }));
     }
-    function hsl2hwb(token) {
+    function cmyk2hwbvalues(token) {
         // @ts-ignore
-        return hsl2hwbvalues(...getComponents(token).map((t, index) => {
+        return srgb2hwb(...cmyk2srgbvalues(token));
+    }
+    function hsl2hwbvalues(token) {
+        // @ts-ignore
+        return hslvalues2hwbvalues(...getComponents(token).map((t, index) => {
             if (index == 3 && (t.typ == exports.EnumToken.IdenTokenType && t.val == 'none')) {
                 return 1;
             }
@@ -1459,21 +2282,22 @@
             return getNumber(t);
         }));
     }
-    function lab2hwb(token) {
+    function lab2hwbvalues(token) {
         // @ts-ignore
-        return srgb2hwb(...lab2srgb(token));
+        return srgb2hwb(...lab2srgbvalues(token));
     }
-    function lch2hwb(token) {
+    function lch2hwbvalues(token) {
         // @ts-ignore
-        return srgb2hwb(...lch2srgb(token));
+        return srgb2hwb(...lch2srgbvalues(token));
     }
-    function oklab2hwb(token) {
+    function oklab2hwbvalues(token) {
         // @ts-ignore
-        return srgb2hwb(...oklab2srgb(token));
+        return srgb2hwb(...oklab2srgbvalues(token));
     }
-    function oklch2hwb(token) {
+    function oklch2hwbvalues(token) {
+        const values = oklch2srgbvalues(token);
         // @ts-ignore
-        return srgb2hwb(...oklch2srgb(token));
+        return values == null ? null : srgb2hwb(...values);
     }
     function rgb2hue(r, g, b, fallback = 0) {
         let value = rgb2value(r, g, b);
@@ -1501,6 +2325,10 @@
     function rgb2whiteness(r, g, b) {
         return Math.min(r, g, b);
     }
+    function color2hwbvalues(token) {
+        // @ts-ignore
+        return srgb2hwb(...color2srgbvalues(token));
+    }
     function srgb2hwb(r, g, b, a = null, fallback = 0) {
         r *= 100;
         g *= 100;
@@ -1522,7 +2350,7 @@
         }
         return result;
     }
-    function hsl2hwbvalues(h, s, l, a = null) {
+    function hslvalues2hwbvalues(h, s, l, a = null) {
         // @ts-ignore
         return hsv2hwb(...hsl2hsv(h, s, l, a));
     }
@@ -1579,60 +2407,6 @@
         }).concat(a == null || a == 1 ? [] : [a]);
     }
 
-    function a98rgb2srgbvalues(r, g, b, a = null) {
-        //  @ts-ignore
-        return xyz2srgb(...la98rgb2xyz(...a98rgb2la98(r, g, b, a)));
-    }
-    function srgb2a98values(r, g, b, a = null) {
-        // @ts-ignore
-        return la98rgb2a98rgb(xyz2la98rgb(...srgb2xyz(r, g, b, a)));
-    }
-    // a98-rgb functions
-    function a98rgb2la98(r, g, b, a = null) {
-        // convert an array of a98-rgb values in the range 0.0 - 1.0
-        // to linear light (un-companded) form.
-        // negative values are also now accepted
-        return [r, g, b].map(function (val) {
-            let sign = val < 0 ? -1 : 1;
-            let abs = Math.abs(val);
-            return sign * Math.pow(abs, 563 / 256);
-        }).concat(a == null || a == 1 ? [] : [a]);
-    }
-    function la98rgb2a98rgb(r, g, b, a = null) {
-        // convert an array of linear-light a98-rgb  in the range 0.0-1.0
-        // to gamma corrected form
-        // negative values are also now accepted
-        return [r, b, g].map(function (val) {
-            let sign = val < 0 ? -1 : 1;
-            let abs = Math.abs(val);
-            return sign * Math.pow(abs, 256 / 563);
-        }).concat(a == null || a == 1 ? [] : [a]);
-    }
-    function la98rgb2xyz(r, g, b, a = null) {
-        // convert an array of linear-light a98-rgb values to CIE XYZ
-        // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
-        // has greater numerical precision than section 4.3.5.3 of
-        // https://www.adobe.com/digitalimag/pdfs/AdobeRGB1998.pdf
-        // but the values below were calculated from first principles
-        // from the chromaticity coordinates of R G B W
-        // see matrixmaker.html
-        var M = [
-            [573536 / 994567, 263643 / 1420810, 187206 / 994567],
-            [591459 / 1989134, 6239551 / 9945670, 374412 / 4972835],
-            [53769 / 1989134, 351524 / 4972835, 4929758 / 4972835],
-        ];
-        return multiplyMatrices(M, [r, g, b]).concat(a == null || a == 1 ? [] : [a]);
-    }
-    function xyz2la98rgb(x, y, z, a = null) {
-        // convert XYZ to linear-light a98-rgb
-        var M = [
-            [1829569 / 896150, -506331 / 896150, -308931 / 896150],
-            [-851781 / 878810, 1648619 / 878810, 36519 / 878810],
-            [16779 / 1248040, -147721 / 1248040, 1266979 / 1248040],
-        ];
-        return multiplyMatrices(M, [x, y, z]).concat(a == null || a == 1 ? [] : [a]);
-    }
-
     function rec20202srgb(r, g, b, a) {
         // @ts-ignore
         return xyz2srgb(...lrec20202xyz(...rec20202lrec2020(r, g, b)), a);
@@ -1645,28 +2419,28 @@
         // convert an array of rec2020 RGB values in the range 0.0 - 1.0
         // to linear light (un-companded) form.
         // ITU-R BT.2020-2 p.4
-        const α = 1.09929682680944;
-        const β = 0.018053968510807;
+        const alpha = 1.09929682680944;
+        const beta = 0.018053968510807;
         return [r, g, b].map(function (val) {
             let sign = val < 0 ? -1 : 1;
             let abs = Math.abs(val);
-            if (abs < β * 4.5) {
+            if (abs < beta * 4.5) {
                 return val / 4.5;
             }
-            return sign * (Math.pow((abs + α - 1) / α, 1 / 0.45));
+            return sign * (Math.pow((abs + alpha - 1) / alpha, 1 / 0.45));
         }).concat([] );
     }
     function lrec20202rec2020(r, g, b, a) {
         // convert an array of linear-light rec2020 RGB  in the range 0.0-1.0
         // to gamma corrected form
         // ITU-R BT.2020-2 p.4
-        const α = 1.09929682680944;
-        const β = 0.018053968510807;
+        const alpha = 1.09929682680944;
+        const beta = 0.018053968510807;
         return [r, g, b].map(function (val) {
             let sign = val < 0 ? -1 : 1;
             let abs = Math.abs(val);
-            if (abs > β) {
-                return sign * (α * Math.pow(abs, 0.45) - (α - 1));
+            if (abs > beta) {
+                return sign * (alpha * Math.pow(abs, 0.45) - (alpha - 1));
             }
             return 4.5 * val;
         }).concat(a == null || a == 1 ? [] : [a]);
@@ -1675,7 +2449,7 @@
         // convert an array of linear-light rec2020 values to CIE XYZ
         // using  D65 (no chromatic adaptation)
         // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
-        var M = [
+        let M = [
             [63426534 / 99577255, 20160776 / 139408157, 47086771 / 278816314],
             [26158966 / 99577255, 472592308 / 697040785, 8267143 / 139408157],
             [0, 19567812 / 697040785, 295819943 / 278816314],
@@ -1685,7 +2459,7 @@
     }
     function xyz2lrec2020(x, y, z, a) {
         // convert XYZ to linear-light rec2020
-        var M = [
+        let M = [
             [30757411 / 17917100, -6372589 / 17917100, -4539589 / 17917100],
             [-19765991 / 29648200, 47925759 / 29648200, 467509 / 29648200],
             [792561 / 44930125, -1921689 / 44930125, 42328811 / 44930125],
@@ -1699,7 +2473,7 @@
     }
     function srgb2p3values(r, g, b, alpha) {
         // @ts-ignore
-        return srgb2xyz(...xyz2lp3(...lp32p3(r, g, b, alpha)));
+        return lp32p3(...xyz2lp3(...srgb2xyz(r, g, b, alpha)));
     }
     function p32lp3(r, g, b, alpha) {
         // convert an array of display-p3 RGB values in the range 0.0 - 1.0
@@ -1740,806 +2514,177 @@
         return result;
     }
 
-    function convert(token, to) {
-        if (token.kin == to) {
-            return token;
+    function interpolateHue(interpolationMethod, h1, h2) {
+        switch (interpolationMethod.val) {
+            case 'longer':
+                if (h2 - h1 < 180 && h2 - h1 > 0) {
+                    h1 += 360;
+                }
+                else if (h2 - h1 <= 0 && h2 - h1 > -180) {
+                    h2 += 360;
+                }
+                break;
+            case 'increasing':
+                if (h2 < h1) {
+                    h2 += 360;
+                }
+                break;
+            case 'decreasing':
+                if (h2 > h1) {
+                    h1 += 360;
+                }
+                break;
+            case 'shorter':
+            default:
+                // shorter
+                if (h2 - h1 > 180) {
+                    h1 += 360;
+                }
+                else if (h2 - h1 < -180) {
+                    h2 += 360;
+                }
+                break;
         }
-        if (token.kin == ColorKind.COLOR) {
-            const colorSpace = token.chi.find(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
-            if (colorSpace.val == ColorKind[to].toLowerCase().replaceAll('_', '-')) {
-                return token;
-            }
+        return [h1, h2];
+    }
+    function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color2, percentage2) {
+        if (color1.val == 'currentcolor' || color2.val == 'currentcolor') {
+            return null;
         }
-        let values = [];
-        if (to == ColorKind.HSL) {
-            let t;
-            switch (token.kin) {
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
-                    t = rgb2hsl(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.HEX:
-                case ColorKind.LIT:
-                    values.push(...hex2hsl(token));
-                    break;
-                case ColorKind.HWB:
-                    values.push(...hwb2hsl(token));
-                    break;
-                case ColorKind.OKLAB:
-                    t = oklab2hsl(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.OKLCH:
-                    t = oklch2hsl(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.LAB:
-                    values.push(...lab2hsl(token));
-                    break;
-                case ColorKind.LCH:
-                    values.push(...lch2hsl(token));
-                    break;
-                case ColorKind.COLOR:
-                    // @ts-ignore
-                    values.push(...srgb2hsl(...color2srgbvalues(token)));
-                    break;
-            }
-            if (values.length > 0) {
-                return values2hsltoken(values);
-            }
+        if (hueInterpolationMethod != null && isRectangularOrthogonalColorspace(colorSpace)) {
+            return null;
         }
-        else if (to == ColorKind.HWB) {
-            switch (token.kin) {
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
-                    values.push(...rgb2hwb(token));
-                    break;
-                case ColorKind.HEX:
-                case ColorKind.LIT:
-                    values.push(...hex2hsl(token));
-                    break;
-                case ColorKind.HSL:
-                case ColorKind.HSLA:
-                    values.push(...hsl2hwb(token));
-                    break;
-                case ColorKind.OKLAB:
-                    values.push(...oklab2hwb(token));
-                    break;
-                case ColorKind.OKLCH:
-                    values.push(...oklch2hwb(token));
-                    break;
-                case ColorKind.LAB:
-                    values.push(...lab2hwb(token));
-                    break;
-                case ColorKind.LCH:
-                    values.push(...lch2hwb(token));
-                    break;
-            }
-            if (values.length > 0) {
-                return values2hwbtoken(values);
-            }
+        if (isPolarColorspace(colorSpace) && hueInterpolationMethod == null) {
+            hueInterpolationMethod = { typ: exports.EnumToken.IdenTokenType, val: 'shorter' };
         }
-        else if (to == ColorKind.RGB) {
-            let t;
-            switch (token.kin) {
-                case ColorKind.HEX:
-                case ColorKind.LIT:
-                    values.push(...hex2rgb(token));
-                    break;
-                case ColorKind.HSL:
-                    t = hsl2rgb(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.HWB:
-                    t = hwb2rgb(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.OKLAB:
-                    t = oklab2rgb(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.OKLCH:
-                    t = oklch2rgb(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.LAB:
-                    t = lab2rgb(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.LCH:
-                    t = lch2rgb(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.COLOR:
-                    // @ts-ignore
-                    values.push(...srgb2rgb(...color2srgbvalues(token)));
-                    break;
+        if (percentage1 == null) {
+            if (percentage2 == null) {
+                // @ts-ignore
+                percentage1 = { typ: exports.EnumToken.NumberTokenType, val: '.5' };
+                // @ts-ignore
+                percentage2 = { typ: exports.EnumToken.NumberTokenType, val: '.5' };
             }
-            if (values.length > 0) {
-                return values2rgbtoken(values);
+            else {
+                if (+percentage2.val <= 0) {
+                    return null;
+                }
+                if (+percentage2.val >= 100) {
+                    // @ts-ignore
+                    percentage2 = { typ: exports.EnumToken.NumberTokenType, val: '1' };
+                }
+                // @ts-ignore
+                percentage1 = { typ: exports.EnumToken.NumberTokenType, val: String(1 - percentage2.val / 100) };
             }
         }
-        else if (to == ColorKind.LAB) {
-            switch (token.kin) {
-                case ColorKind.HEX:
-                case ColorKind.LIT:
-                    values.push(...hex2lab(token));
-                    break;
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
-                    values.push(...rgb2lab(token));
-                    break;
-                case ColorKind.HSL:
-                case ColorKind.HSLA:
-                    values.push(...hsl2lab(token));
-                    break;
-                case ColorKind.HWB:
-                    values.push(...hwb2lab(token));
-                    break;
-                case ColorKind.LCH:
-                    values.push(...lch2lab(token));
-                    break;
-                case ColorKind.OKLAB:
-                    values.push(...oklab2lab(token));
-                    break;
-                case ColorKind.OKLCH:
-                    values.push(...oklch2lab(token));
-                    break;
-                case ColorKind.COLOR:
+        else {
+            // @ts-ignore
+            if (percentage1.val <= 0) {
+                return null;
+            }
+            if (percentage2 == null) {
+                // @ts-ignore
+                if (percentage1.val >= 100) {
                     // @ts-ignore
-                    values.push(...srgb2lab(...color2srgbvalues(token)));
-                    break;
+                    percentage1 = { typ: exports.EnumToken.NumberTokenType, val: '1' };
+                }
+                // @ts-ignore
+                percentage2 = { typ: exports.EnumToken.NumberTokenType, val: String(1 - percentage1.val / 100) };
             }
-            if (values.length > 0) {
-                return values2colortoken(values, to);
+            else {
+                // @ts-ignore
+                if (percentage2.val <= 0) {
+                    return null;
+                }
             }
         }
-        else if (to == ColorKind.LCH) {
-            switch (token.kin) {
-                case ColorKind.HEX:
-                case ColorKind.LIT:
-                    values.push(...hex2lch(token));
-                    break;
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
-                    values.push(...rgb2lch(token));
-                    break;
-                case ColorKind.HSL:
-                case ColorKind.HSLA:
-                    values.push(...hsl2lch(token));
-                    break;
-                case ColorKind.HWB:
-                    values.push(...hwb2lch(token));
-                    break;
-                case ColorKind.LAB:
-                    values.push(...lab2lch(token));
-                    break;
-                case ColorKind.OKLAB:
-                    values.push(...oklab2lch(token));
-                    break;
-                case ColorKind.OKLCH:
-                    values.push(...oklch2lch(token));
-                    break;
-                case ColorKind.COLOR:
-                    // @ts-ignore
-                    values.push(...srgb2lch(...color2srgbvalues(token)));
-                    break;
-            }
-            if (values.length > 0) {
-                return values2colortoken(values, to);
-            }
-        }
-        else if (to == ColorKind.OKLAB) {
-            switch (token.kin) {
-                case ColorKind.HEX:
-                case ColorKind.LIT:
-                    values.push(...hex2oklab(token));
-                    break;
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
-                    values.push(...rgb2oklab(token));
-                    break;
-                case ColorKind.HSL:
-                case ColorKind.HSLA:
-                    values.push(...hsl2oklab(token));
-                    break;
-                case ColorKind.HWB:
-                    values.push(...hwb2oklab(token));
-                    break;
-                case ColorKind.LAB:
-                    values.push(...lab2oklab(token));
-                    break;
-                case ColorKind.LCH:
-                    values.push(...lch2oklab(token));
-                    break;
-                case ColorKind.OKLCH:
-                    values.push(...oklch2oklab(token));
-                    break;
-                case ColorKind.COLOR:
-                    // @ts-ignore
-                    values.push(...srgb2oklab(...color2srgbvalues(token)));
-                    break;
-            }
-            if (values.length > 0) {
-                return values2colortoken(values, to);
-            }
-        }
-        else if (to == ColorKind.OKLCH) {
-            switch (token.kin) {
-                case ColorKind.HEX:
-                case ColorKind.LIT:
-                    values.push(...hex2oklch(token));
-                    break;
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
-                    values.push(...rgb2oklch(token));
-                    break;
-                case ColorKind.HSL:
-                case ColorKind.HSLA:
-                    values.push(...hsl2oklch(token));
-                    break;
-                case ColorKind.HWB:
-                    values.push(...hwb2oklch(token));
-                    break;
-                case ColorKind.LAB:
-                    values.push(...lab2oklch(token));
-                    break;
-                case ColorKind.OKLAB:
-                    values.push(...oklab2oklch(token));
-                    break;
-                case ColorKind.LCH:
-                    values.push(...lch2oklch(token));
-                    break;
-                case ColorKind.COLOR:
-                    // @ts-ignore
-                    values.push(...srgb2oklch(...color2srgbvalues(token)));
-                    // switch (to) {
-                    //
-                    //     case ColorKind.SRGB:
-                    //
-                    //         values.push(...val);
-                    //         break;
-                    //
-                    //     case ColorKind.SRGB_LINEAR:
-                    //
-                    //         // @ts-ignore
-                    //         values.push(...srgb2lsrgbvalues(...val));
-                    //         break;
-                    //
-                    //     case ColorKind.DISPLAY_P3:
-                    //
-                    //         // @ts-ignore
-                    //         values.push(...srgb2p3values(...val));
-                    //         break;
-                    //
-                    //     case ColorKind.PROPHOTO_RGB:
-                    //
-                    //         // @ts-ignore
-                    //         values.push(...srgb2prophotorgbvalues(...val));
-                    //         break;
-                    //
-                    //     case ColorKind.A98_RGB:
-                    //
-                    //         // @ts-ignore
-                    //         values.push(...srgb2a98values(...val));
-                    //         break;
-                    //
-                    //     case ColorKind.REC2020:
-                    //
-                    //         // @ts-ignore
-                    //         values.push(...srgb2rec2020values(...val));
-                    //         break;
-                    //
-                    //     case ColorKind.XYZ:
-                    //     case ColorKind.XYZ_D65:
-                    //
-                    //         // @ts-ignore
-                    //         values.push(...srgb2xyz(...val));
-                    //         break;
-                    //
-                    //     case ColorKind.XYZ_D50:
-                    //
-                    //         // @ts-ignore
-                    //         values.push(...(XYZ_D65_to_D50(...srgb2xyz(...val))));
-                    //         break;
-                    // }
-                    break;
-            }
-            if (values.length > 0) {
-                return values2colortoken(values, to);
-            }
-        }
-        else if (colorFuncColorSpace.includes(ColorKind[to].toLowerCase().replaceAll('_', '-'))) {
-            let t;
-            switch (token.kin) {
-                case ColorKind.HEX:
-                case ColorKind.LIT:
-                    values.push(...hex2srgb(token));
-                    break;
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
-                    t = rgb2srgb(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.HSL:
-                case ColorKind.HSLA:
-                    t = hsl2srgb(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.HWB:
-                    t = hwb2srgb(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.LAB:
-                    t = lab2srgb(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.OKLAB:
-                    t = oklab2srgb(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.LCH:
-                    t = lch2srgb(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.OKLCH:
-                    t = color2srgbvalues(token);
-                    if (t == null) {
-                        return null;
-                    }
-                    values.push(...t);
-                    break;
-                case ColorKind.COLOR:
-                    const val = color2srgbvalues(token);
-                    if (val == null) {
-                        return null;
-                    }
-                    switch (to) {
-                        case ColorKind.SRGB:
-                            values.push(...val);
-                            break;
-                        case ColorKind.SRGB_LINEAR:
-                            // @ts-ignore
-                            values.push(...srgb2lsrgbvalues(...val));
-                            break;
-                        case ColorKind.DISPLAY_P3:
-                            // @ts-ignore
-                            values.push(...srgb2p3values(...val));
-                            break;
-                        case ColorKind.PROPHOTO_RGB:
-                            // @ts-ignore
-                            values.push(...srgb2prophotorgbvalues(...val));
-                            break;
-                        case ColorKind.A98_RGB:
-                            // @ts-ignore
-                            values.push(...srgb2a98values(...val));
-                            break;
-                        case ColorKind.REC2020:
-                            // @ts-ignore
-                            values.push(...srgb2rec2020values(...val));
-                            break;
-                        case ColorKind.XYZ:
-                        case ColorKind.XYZ_D65:
-                            // @ts-ignore
-                            values.push(...srgb2xyz(...val));
-                            break;
-                        case ColorKind.XYZ_D50:
-                            // @ts-ignore
-                            values.push(...(XYZ_D65_to_D50(...srgb2xyz(...val))));
-                            break;
-                    }
-                    break;
-            }
-            if (values.length > 0) {
-                return values2colortoken(values, to);
-            }
+        let values1 = srgbvalues(color1);
+        let values2 = srgbvalues(color2);
+        if (values1 == null || values2 == null) {
+            return null;
         }
-        return null;
-    }
-    function minmax(value, min, max) {
-        if (value < min) {
-            return min;
+        const components1 = getComponents(color1);
+        const components2 = getComponents(color2);
+        if (components1 == null || components2 == null) {
+            return null;
         }
-        if (value > max) {
-            return max;
+        if ((components1[3] != null && components1[3].typ == exports.EnumToken.IdenTokenType && components1[3].val == 'none') && values2.length == 4) {
+            values1[3] = values2[3];
         }
-        return value;
-    }
-    function color2srgbvalues(token) {
-        const components = getComponents(token);
-        if (components == null) {
-            return null;
+        if ((components2[3] != null && components2[3].typ == exports.EnumToken.IdenTokenType && components2[3].val == 'none') && values1.length == 4) {
+            values2[3] = values1[3];
         }
-        const colorSpace = components.shift();
-        let values = components.map((val) => getNumber(val));
+        const p1 = getNumber(percentage1);
+        const p2 = getNumber(percentage2);
+        const mul1 = values1.length == 4 ? values1.pop() : 1;
+        const mul2 = values2.length == 4 ? values2.pop() : 1;
+        const mul = mul1 * p1 + mul2 * p2;
+        // @ts-ignore
+        const calculate = () => [colorSpace].concat(values1.map((v1, i) => {
+            return {
+                // @ts-ignore
+                typ: exports.EnumToken.NumberTokenType, val: String((mul1 * v1 * p1 + mul2 * values2[i] * p2) / mul)
+            };
+        }).concat(mul == 1 ? [] : [{
+                typ: exports.EnumToken.NumberTokenType, val: String(mul)
+            }]));
         switch (colorSpace.val) {
+            case 'srgb':
+                break;
             case 'display-p3':
                 // @ts-ignore
-                values = p32srgbvalues(...values);
+                values1 = srgb2p3values(...values1);
+                // @ts-ignore
+                values2 = srgb2p3values(...values2);
                 break;
-            case 'srgb-linear':
+            case 'a98-rgb':
                 // @ts-ignore
-                values = lsrgb2srgbvalues(...values);
+                values1 = srgb2a98values(...values1);
+                // @ts-ignore
+                values2 = srgb2a98values(...values2);
                 break;
             case 'prophoto-rgb':
                 // @ts-ignore
-                values = prophotorgb2srgbvalues(...values);
+                values1 = srgb2prophotorgbvalues(...values1);
+                // @ts-ignore
+                values2 = srgb2prophotorgbvalues(...values2);
                 break;
-            case 'a98-rgb':
+            case 'srgb-linear':
                 // @ts-ignore
-                values = a98rgb2srgbvalues(...values);
+                values1 = srgb2lsrgbvalues(...values1);
+                // @ts-ignore
+                values2 = srgb2lsrgbvalues(...values2);
                 break;
             case 'rec2020':
                 // @ts-ignore
-                values = rec20202srgb(...values);
+                values1 = srgb2rec2020values(...values1);
+                // @ts-ignore
+                values2 = srgb2rec2020values(...values2);
                 break;
             case 'xyz':
             case 'xyz-d65':
+            case 'xyz-d50':
                 // @ts-ignore
-                values = xyz2srgb(...values);
+                values1 = srgb2xyz_d50(...values1);
+                // @ts-ignore
+                values2 = srgb2xyz_d50(...values2);
+                if (colorSpace.val == 'xyz-d50') {
+                    // @ts-ignore
+                    values1 = XYZ_D65_to_D50(...values1);
+                    // @ts-ignore
+                    values2 = XYZ_D65_to_D50(...values2);
+                }
                 break;
-            case 'xyz-d50':
+            case 'rgb':
                 // @ts-ignore
-                values = xyzd502srgb(...values);
-                break;
-            // case srgb:
-        }
-        return values;
-    }
-    function values2hsltoken(values) {
-        const to = ColorKind.HSL;
-        const chi = [
-            { typ: exports.EnumToken.AngleTokenType, val: String(values[0] * 360), unit: 'deg' },
-            { typ: exports.EnumToken.PercentageTokenType, val: String(values[1] * 100) },
-            { typ: exports.EnumToken.PercentageTokenType, val: String(values[2] * 100) },
-        ];
-        if (values.length == 4) {
-            chi.push({ typ: exports.EnumToken.PercentageTokenType, val: String(values[3] * 100) });
-        }
-        return {
-            typ: exports.EnumToken.ColorTokenType,
-            val: ColorKind[to].toLowerCase().replaceAll('_', '-'),
-            chi,
-            kin: to
-        };
-    }
-    function values2rgbtoken(values) {
-        const to = ColorKind.RGB;
-        const chi = [
-            { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
-            { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
-            { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
-        ];
-        if (values.length == 4) {
-            chi.push({ typ: exports.EnumToken.PercentageTokenType, val: String(values[3] * 100) });
-        }
-        return {
-            typ: exports.EnumToken.ColorTokenType,
-            val: ColorKind[to],
-            chi,
-            kin: to
-        };
-    }
-    function values2hwbtoken(values) {
-        const to = ColorKind.HWB;
-        const chi = [
-            { typ: exports.EnumToken.AngleTokenType, val: String(values[0] * 360), unit: 'deg' },
-            { typ: exports.EnumToken.PercentageTokenType, val: String(values[1] * 100) },
-            { typ: exports.EnumToken.PercentageTokenType, val: String(values[2] * 100) },
-        ];
-        if (values.length == 4) {
-            chi.push({ typ: exports.EnumToken.PercentageTokenType, val: String(values[3] * 100) });
-        }
-        return {
-            typ: exports.EnumToken.ColorTokenType,
-            val: ColorKind[to],
-            chi,
-            kin: to
-        };
-    }
-    function values2colortoken(values, to) {
-        const chi = [
-            { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
-            { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
-            { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
-        ];
-        if (values.length == 4) {
-            chi.push({ typ: exports.EnumToken.PercentageTokenType, val: String(values[3] * 100) });
-        }
-        const colorSpace = ColorKind[to].toLowerCase().replaceAll('_', '-');
-        return colorFuncColorSpace.includes(colorSpace) ? {
-            typ: exports.EnumToken.ColorTokenType,
-            val: 'color',
-            chi: [{ typ: exports.EnumToken.IdenTokenType, val: colorSpace }].concat(chi),
-            kin: ColorKind.COLOR
-        } : {
-            typ: exports.EnumToken.ColorTokenType,
-            val: colorSpace,
-            chi,
-            kin: to
-        };
-    }
-    /**
-     * clamp color values
-     * @param token
-     */
-    function clamp(token) {
-        if (token.kin == ColorKind.RGB || token.kin == ColorKind.RGBA) {
-            token.chi.filter((token) => ![exports.EnumToken.LiteralTokenType, exports.EnumToken.CommaTokenType, exports.EnumToken.WhitespaceTokenType].includes(token.typ)).forEach((token, index) => {
-                if (index <= 2) {
-                    if (token.typ == exports.EnumToken.NumberTokenType) {
-                        token.val = String(minmax(+token.val, 0, 255));
-                    }
-                    else if (token.typ == exports.EnumToken.PercentageTokenType) {
-                        token.val = String(minmax(+token.val, 0, 100));
-                    }
-                }
-                else {
-                    if (token.typ == exports.EnumToken.NumberTokenType) {
-                        token.val = String(minmax(+token.val, 0, 1));
-                    }
-                    else if (token.typ == exports.EnumToken.PercentageTokenType) {
-                        token.val = String(minmax(+token.val, 0, 100));
-                    }
-                }
-            });
-        }
-        return token;
-    }
-    function getNumber(token) {
-        if (token.typ == exports.EnumToken.IdenTokenType && token.val == 'none') {
-            return 0;
-        }
-        // @ts-ignore
-        return token.typ == exports.EnumToken.PercentageTokenType ? token.val / 100 : +token.val;
-    }
-    /**
-     * convert angle to turn
-     * @param token
-     */
-    function getAngle(token) {
-        if (token.typ == exports.EnumToken.IdenTokenType) {
-            if (token.val == 'none') {
-                return 0;
-            }
-        }
-        if (token.typ == exports.EnumToken.AngleTokenType) {
-            switch (token.unit) {
-                case 'deg':
-                    // @ts-ignore
-                    return token.val / 360;
-                case 'rad':
-                    // @ts-ignore
-                    return token.val / (2 * Math.PI);
-                case 'grad':
-                    // @ts-ignore
-                    return token.val / 400;
-                case 'turn':
-                    // @ts-ignore
-                    return +token.val;
-            }
-        }
-        // @ts-ignore
-        return token.val / 360;
-    }
-
-    function interpolateHue(interpolationMethod, h1, h2) {
-        switch (interpolationMethod.val) {
-            case 'longer':
-                if (h2 - h1 < 180 && h2 - h1 > 0) {
-                    h1 += 360;
-                }
-                else if (h2 - h1 <= 0 && h2 - h1 > -180) {
-                    h2 += 360;
-                }
-                break;
-            case 'increasing':
-                if (h2 < h1) {
-                    h2 += 360;
-                }
-                break;
-            case 'decreasing':
-                if (h2 > h1) {
-                    h1 += 360;
-                }
-                break;
-            case 'shorter':
-            default:
-                // shorter
-                if (h2 - h1 > 180) {
-                    h1 += 360;
-                }
-                else if (h2 - h1 < -180) {
-                    h2 += 360;
-                }
-                break;
-        }
-        return [h1, h2];
-    }
-    function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color2, percentage2) {
-        if (color1.val == 'currentcolor' || color2.val == 'currentcolor') {
-            return null;
-        }
-        if (hueInterpolationMethod != null && isRectangularOrthogonalColorspace(colorSpace)) {
-            return null;
-        }
-        if (isPolarColorspace(colorSpace) && hueInterpolationMethod == null) {
-            hueInterpolationMethod = { typ: exports.EnumToken.IdenTokenType, val: 'shorter' };
-        }
-        if (percentage1 == null) {
-            if (percentage2 == null) {
-                // @ts-ignore
-                percentage1 = { typ: exports.EnumToken.NumberTokenType, val: '.5' };
-                // @ts-ignore
-                percentage2 = { typ: exports.EnumToken.NumberTokenType, val: '.5' };
-            }
-            else {
-                if (+percentage2.val <= 0) {
-                    return null;
-                }
-                if (+percentage2.val >= 100) {
-                    // @ts-ignore
-                    percentage2 = { typ: exports.EnumToken.NumberTokenType, val: '1' };
-                }
-                // @ts-ignore
-                percentage1 = { typ: exports.EnumToken.NumberTokenType, val: String(1 - percentage2.val / 100) };
-            }
-        }
-        else {
-            // @ts-ignore
-            if (percentage1.val <= 0) {
-                return null;
-            }
-            if (percentage2 == null) {
-                // @ts-ignore
-                if (percentage1.val >= 100) {
-                    // @ts-ignore
-                    percentage1 = { typ: exports.EnumToken.NumberTokenType, val: '1' };
-                }
-                // @ts-ignore
-                percentage2 = { typ: exports.EnumToken.NumberTokenType, val: String(1 - percentage1.val / 100) };
-            }
-            else {
-                // @ts-ignore
-                if (percentage2.val <= 0) {
-                    return null;
-                }
-            }
-        }
-        let values1 = srgbvalues(color1);
-        let values2 = srgbvalues(color2);
-        if (values1 == null || values2 == null) {
-            return null;
-        }
-        const components1 = getComponents(color1);
-        const components2 = getComponents(color2);
-        if (components1 == null || components2 == null) {
-            return null;
-        }
-        if ((components1[3] != null && components1[3].typ == exports.EnumToken.IdenTokenType && components1[3].val == 'none') && values2.length == 4) {
-            values1[3] = values2[3];
-        }
-        if ((components2[3] != null && components2[3].typ == exports.EnumToken.IdenTokenType && components2[3].val == 'none') && values1.length == 4) {
-            values2[3] = values1[3];
-        }
-        const p1 = getNumber(percentage1);
-        const p2 = getNumber(percentage2);
-        const mul1 = values1.length == 4 ? values1.pop() : 1;
-        const mul2 = values2.length == 4 ? values2.pop() : 1;
-        const mul = mul1 * p1 + mul2 * p2;
-        // @ts-ignore
-        const calculate = () => [colorSpace].concat(values1.map((v1, i) => {
-            return {
-                // @ts-ignore
-                typ: exports.EnumToken.NumberTokenType, val: String((mul1 * v1 * p1 + mul2 * values2[i] * p2) / mul)
-            };
-        }).concat(mul == 1 ? [] : [{
-                typ: exports.EnumToken.NumberTokenType, val: String(mul)
-            }]));
-        switch (colorSpace.val) {
-            case 'srgb':
-                break;
-            case 'display-p3':
-                // @ts-ignore
-                values1 = srgb2p3values(...values1);
-                // @ts-ignore
-                values2 = srgb2p3values(...values2);
-                break;
-            case 'a98-rgb':
-                // @ts-ignore
-                values1 = srgb2a98values(...values1);
-                // @ts-ignore
-                values2 = srgb2a98values(...values2);
-                break;
-            case 'prophoto-rgb':
-                // @ts-ignore
-                values1 = srgb2prophotorgbvalues(...values1);
-                // @ts-ignore
-                values2 = srgb2prophotorgbvalues(...values2);
-                break;
-            case 'srgb-linear':
-                // @ts-ignore
-                values1 = srgb2lsrgbvalues(...values1);
-                // @ts-ignore
-                values2 = srgb2lsrgbvalues(...values2);
-                break;
-            case 'rec2020':
-                // @ts-ignore
-                values1 = srgb2rec2020values(...values1);
-                // @ts-ignore
-                values2 = srgb2rec2020values(...values2);
-                break;
-            case 'xyz':
-            case 'xyz-d65':
-            case 'xyz-d50':
-                // @ts-ignore
-                values1 = srgb2xyz(...values1);
-                // @ts-ignore
-                values2 = srgb2xyz(...values2);
-                if (colorSpace.val == 'xyz-d50') {
-                    // @ts-ignore
-                    values1 = XYZ_D65_to_D50(...values1);
-                    // @ts-ignore
-                    values2 = XYZ_D65_to_D50(...values2);
-                }
-                break;
-            case 'rgb':
-                // @ts-ignore
-                values1 = srgb2rgb(...values1);
-                // @ts-ignore
-                values2 = srgb2rgb(...values2);
+                values1 = srgb2rgb(...values1);
+                // @ts-ignore
+                values2 = srgb2rgb(...values2);
                 break;
             case 'hsl':
                 // @ts-ignore
-                values1 = srgb2hsl(...values1);
+                values1 = srgb2hslvalues(...values1);
                 // @ts-ignore
-                values2 = srgb2hsl(...values2);
+                values2 = srgb2hslvalues(...values2);
                 break;
             case 'hwb':
                 // @ts-ignore
@@ -2549,9 +2694,9 @@
                 break;
             case 'lab':
                 // @ts-ignore
-                values1 = srgb2lab(...values1);
+                values1 = srgb2labvalues(...values1);
                 // @ts-ignore
-                values2 = srgb2lab(...values2);
+                values2 = srgb2labvalues(...values2);
                 break;
             case 'lch':
                 // @ts-ignore
@@ -2674,7 +2819,7 @@
                     typ: exports.EnumToken.ColorTokenType,
                     val: colorSpace.val,
                     chi: calculate().slice(1),
-                    kin: ColorKind[colorSpace.val.toLowerCase().replaceAll('-', '_')]
+                    kin: ColorKind[colorSpace.val.toUpperCase().replaceAll('-', '_')]
                 };
                 if (colorSpace.val == 'hsl' || colorSpace.val == 'hwb') {
                     // @ts-ignore
@@ -3226,291 +3371,991 @@
                     }
                 }
             }
-            // return [token];
+            // return [token];
+        }
+        return [token];
+    }
+    /**
+     * convert BinaryExpression into an array
+     * @param token
+     */
+    function inlineExpression$1(token) {
+        const result = [];
+        // if (token.typ == EnumToken.ParensTokenType && (token as ParensToken).chi.length == 1) {
+        //
+        //     result.push((token as ParensToken).chi[0]);
+        // } else
+        if (token.typ == exports.EnumToken.BinaryExpressionTokenType) {
+            if ([exports.EnumToken.Mul, exports.EnumToken.Div].includes(token.op)) {
+                result.push(token);
+            }
+            else {
+                result.push(...inlineExpression$1(token.l), { typ: token.op }, ...inlineExpression$1(token.r));
+            }
+        }
+        else {
+            result.push(token);
+        }
+        return result;
+    }
+    /**
+     * evaluate expression
+     * @param token
+     */
+    function evaluateExpression(token) {
+        if (token.typ != exports.EnumToken.BinaryExpressionTokenType) {
+            return token;
+        }
+        if (token.r.typ == exports.EnumToken.BinaryExpressionTokenType) {
+            token.r = evaluateExpression(token.r);
+        }
+        if (token.l.typ == exports.EnumToken.BinaryExpressionTokenType) {
+            token.l = evaluateExpression(token.l);
+        }
+        return doEvaluate(token.l, token.r, token.op);
+    }
+    function isScalarToken(token) {
+        return 'unit' in token ||
+            (token.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(token.val)) ||
+            // @ts-ignore
+            (token.typ == exports.EnumToken.IdenTokenType && typeof Math[token.val.toUpperCase()] == 'number') ||
+            [exports.EnumToken.NumberTokenType, exports.EnumToken.FractionTokenType, exports.EnumToken.PercentageTokenType].includes(token.typ);
+    }
+    /**
+     *
+     * generate binary expression tree
+     * @param tokens
+     */
+    function buildExpression(tokens) {
+        return factor(factor(tokens.filter(t => t.typ != exports.EnumToken.WhitespaceTokenType), ['/', '*']), ['+', '-'])[0];
+    }
+    function getArithmeticOperation(op) {
+        if (op == '+') {
+            return exports.EnumToken.Add;
+        }
+        if (op == '-') {
+            return exports.EnumToken.Sub;
+        }
+        if (op == '/') {
+            return exports.EnumToken.Div;
+        }
+        return exports.EnumToken.Mul;
+    }
+    /**
+     *
+     * generate binary expression tree
+     * @param token
+     */
+    function factorToken(token) {
+        if (token.typ == exports.EnumToken.ParensTokenType || (token.typ == exports.EnumToken.FunctionTokenType && token.val == 'calc')) {
+            if (token.typ == exports.EnumToken.FunctionTokenType && token.val == 'calc') {
+                token = { ...token, typ: exports.EnumToken.ParensTokenType };
+                // @ts-ignore
+                delete token.val;
+            }
+            return buildExpression(token.chi);
+        }
+        return token;
+    }
+    /**
+     * generate binary expression tree
+     * @param tokens
+     * @param ops
+     */
+    function factor(tokens, ops) {
+        let isOp;
+        const opList = ops.map(x => getArithmeticOperation(x));
+        if (tokens.length == 1) {
+            return [factorToken(tokens[0])];
+        }
+        for (let i = 0; i < tokens.length; i++) {
+            if (tokens[i].typ == exports.EnumToken.ListToken) {
+                // @ts-ignore
+                tokens.splice(i, 1, ...tokens[i].chi);
+            }
+            isOp = opList.includes(tokens[i].typ);
+            if (isOp ||
+                // @ts-ignore
+                (tokens[i].typ == exports.EnumToken.LiteralTokenType && ops.includes(tokens[i].val))) {
+                tokens.splice(i - 1, 3, {
+                    typ: exports.EnumToken.BinaryExpressionTokenType,
+                    op: isOp ? tokens[i].typ : getArithmeticOperation(tokens[i].val),
+                    l: factorToken(tokens[i - 1]),
+                    r: factorToken(tokens[i + 1])
+                });
+                i--;
+            }
+        }
+        return tokens;
+    }
+
+    function parseRelativeColor(relativeKeys, original, rExp, gExp, bExp, aExp) {
+        let r;
+        let g;
+        let b;
+        let alpha = null;
+        let keys = {};
+        let values = {};
+        // colorFuncColorSpace x,y,z or r,g,b
+        const names = relativeKeys.startsWith('xyz') ? 'xyz' : relativeKeys.slice(-3);
+        const converted = convertColor(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_')]);
+        if (converted == null) {
+            return null;
+        }
+        const children = converted.chi.filter(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.LiteralTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
+        [r, g, b, alpha] = converted.kin == ColorKind.COLOR ? children.slice(1) : children;
+        values = {
+            [names[0]]: getValue(r, converted, names[0]),
+            [names[1]]: getValue(g, converted, names[1]), // string,
+            [names[2]]: getValue(b, converted, names[2]),
+            // @ts-ignore
+            alpha: alpha == null ? {
+                typ: exports.EnumToken.NumberTokenType,
+                val: '1'
+            } : (alpha.typ == exports.EnumToken.IdenTokenType && alpha.val == 'none') ? {
+                typ: exports.EnumToken.NumberTokenType,
+                val: '0'
+            } : (alpha.typ == exports.EnumToken.PercentageTokenType ? {
+                typ: exports.EnumToken.NumberTokenType,
+                val: String(getNumber(alpha))
+            } : alpha)
+        };
+        keys = {
+            [names[0]]: getValue(rExp, converted, names[0]),
+            [names[1]]: getValue(gExp, converted, names[1]),
+            [names[2]]: getValue(bExp, converted, names[2]),
+            // @ts-ignore
+            alpha: getValue(aExp == null ? {
+                typ: exports.EnumToken.NumberTokenType,
+                val: '1'
+            } : (aExp.typ == exports.EnumToken.IdenTokenType && aExp.val == 'none') ? {
+                typ: exports.EnumToken.NumberTokenType,
+                val: '0'
+            } : aExp)
+        };
+        return computeComponentValue(keys, converted, values);
+    }
+    function getValue(t, converted, component) {
+        // if (t == null) {
+        //
+        //     return t;
+        // }
+        if (t.typ == exports.EnumToken.PercentageTokenType) {
+            let value = getNumber(t);
+            let colorSpace = ColorKind[converted.kin].toLowerCase().replaceAll('-', '_');
+            if (colorSpace in colorRange) {
+                // @ts-ignore
+                value *= colorRange[colorSpace][component].at(-1);
+            }
+            return {
+                typ: exports.EnumToken.NumberTokenType,
+                val: String(value)
+            };
+        }
+        return t;
+    }
+    function computeComponentValue(expr, converted, values) {
+        for (const object of [values, expr]) {
+            if ('h' in object) {
+                // normalize hue
+                for (const k of walkValues([object.h])) {
+                    if (k.value.typ == exports.EnumToken.AngleTokenType && k.value.unit == 'deg') {
+                        // @ts-ignore
+                        k.value.typ = exports.EnumToken.NumberTokenType;
+                        // @ts-ignore
+                        delete k.value.unit;
+                    }
+                }
+            }
+        }
+        for (const [key, exp] of Object.entries(expr)) {
+            /*
+            if (exp == null) {
+
+                if (key in values) {
+
+                    if (typeof values[<RelativeColorTypes>key] == 'number') {
+
+                        expr[<RelativeColorTypes>key] = {
+                            typ: EnumToken.NumberTokenType,
+                            val: reduceNumber(<number>values[<RelativeColorTypes>key])
+                        };
+                    } else {
+
+                        expr[<RelativeColorTypes>key] = <Token>values[<RelativeColorTypes>key];
+                    }
+                }
+
+            } else
+                */
+            if ([exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.LengthTokenType].includes(exp.typ)) ;
+            else if (exp.typ == exports.EnumToken.IdenTokenType && exp.val in values) {
+                // if (typeof values[<RelativeColorTypes>exp.val] == 'number') {
+                //
+                //     expr[<RelativeColorTypes>key] = {
+                //         typ: EnumToken.NumberTokenType,
+                //         val: reduceNumber(<number>values[<RelativeColorTypes>exp.val])
+                //     };
+                // } else {
+                expr[key] = values[exp.val];
+                // }
+            }
+            else if (exp.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(exp.val)) {
+                for (let { value, parent } of walkValues(exp.chi, exp)) {
+                    // if (parent == null) {
+                    //
+                    //     parent = exp;
+                    // }
+                    /*
+                    if (value.typ == EnumToken.PercentageTokenType) {
+
+                        replaceValue(parent as BinaryExpressionToken | FunctionToken | ParensToken, value, getValue(value, converted, <RelativeColorTypes>key));
+                    } else
+                        */
+                    if (value.typ == exports.EnumToken.IdenTokenType) {
+                        // @ts-ignore
+                        // if (!(value.val in values || typeof Math[(value as IdentToken).val.toUpperCase()] == 'number')) {
+                        //
+                        //     return null;
+                        // }
+                        // @ts-ignore
+                        replaceValue(parent, value, values[value.val] ?? {
+                            typ: exports.EnumToken.NumberTokenType,
+                            // @ts-ignore
+                            val: '' + Math[value.val.toUpperCase()]
+                            // @ts-ignore
+                        });
+                    }
+                }
+                const result = exp.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(exp.val) && exp.val != 'calc' ? evaluateFunc(exp) : evaluate(exp.chi);
+                if (result.length == 1 && result[0].typ != exports.EnumToken.BinaryExpressionTokenType) {
+                    expr[key] = result[0];
+                }
+                // else {
+                //
+                //     return null;
+                // }
+            }
+        }
+        return expr;
+    }
+    function replaceValue(parent, value, newValue) {
+        for (const { value: val, parent: pr } of walkValues([parent])) {
+            if (val.typ == value.typ && val.val == value.val) {
+                if (pr.typ == exports.EnumToken.BinaryExpressionTokenType) {
+                    if (pr.l == val) {
+                        pr.l = newValue;
+                    }
+                    else {
+                        pr.r = newValue;
+                    }
+                }
+                else {
+                    pr.chi.splice(pr.chi.indexOf(val), 1, newValue);
+                }
+            }
+        }
+    }
+
+    function rgb2cmykToken(token) {
+        const components = rgb2srgbvalues(token);
+        if (components == null || components.length < 3) {
+            return null;
+        }
+        // @ts-ignore
+        return cmyktoken(srgb2cmykvalues(...components));
+    }
+    function hsl2cmykToken(token) {
+        const values = hsl2srgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        // @ts-ignore
+        return cmyktoken(srgb2cmykvalues(...values));
+    }
+    function hwb2cmykToken(token) {
+        const values = hwb2srgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        // @ts-ignore
+        return cmyktoken(srgb2cmykvalues(...values));
+    }
+    function lab2cmykToken(token) {
+        const components = lab2srgbvalues(token);
+        if (components == null || components.length < 3) {
+            return null;
+        }
+        // @ts-ignore
+        return cmyktoken(srgb2cmykvalues(...components));
+    }
+    function lch2cmykToken(token) {
+        const components = lch2srgbvalues(token);
+        if (components == null || components.length < 3) {
+            return null;
+        }
+        // @ts-ignore
+        return cmyktoken(srgb2cmykvalues(...components));
+    }
+    function oklab2cmyk(token) {
+        const components = oklab2srgbvalues(token);
+        if (components == null || components.length < 3) {
+            return null;
+        }
+        // @ts-ignore
+        return cmyktoken(srgb2cmykvalues(...components));
+    }
+    function oklch2cmykToken(token) {
+        const components = oklch2srgbvalues(token);
+        if (components == null || components.length < 3) {
+            return null;
+        }
+        // @ts-ignore
+        return cmyktoken(srgb2cmykvalues(...components));
+    }
+    function color2cmykToken(token) {
+        const values = color2srgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        // @ts-ignore
+        return cmyktoken(srgb2cmykvalues(...values));
+    }
+    function srgb2cmykvalues(r, g, b, a = null) {
+        const k = 1 - Math.max(r, g, b);
+        const c = k == 1 ? 0 : (1 - r - k) / (1 - k);
+        const m = k == 1 ? 0 : (1 - g - k) / (1 - k);
+        const y = k == 1 ? 0 : (1 - b - k) / (1 - k);
+        const result = [c, m, y, k];
+        if (a != null && a < 1) {
+            result.push(a);
+        }
+        return result;
+    }
+    function cmyktoken(values) {
+        return {
+            typ: exports.EnumToken.ColorTokenType,
+            val: 'device-cmyk',
+            chi: values.reduce((acc, curr, index) => index < 4 ? [...acc, {
+                    typ: exports.EnumToken.PercentageTokenType,
+                    // @ts-ignore
+                    val: (curr * 100) + ''
+                }] : [...acc, {
+                    typ: exports.EnumToken.LiteralTokenType,
+                    val: '/'
+                }, { typ: exports.EnumToken.PercentageTokenType, val: (curr * 100).toFixed() }], []),
+            kin: ColorKind.DEVICE_CMYK
+        };
+    }
+
+    function a98rgb2srgbvalues(r, g, b, a = null) {
+        //  @ts-ignore
+        return xyz2srgb(...la98rgb2xyz(...a98rgb2la98(r, g, b, a)));
+    }
+    function srgb2a98values$1(r, g, b, a = null) {
+        // @ts-ignore
+        return la98rgb2a98rgb(...xyz2la98rgb(...srgb2xyz(r, g, b, a)));
+    }
+    // a98-rgb functions
+    function a98rgb2la98(r, g, b, a = null) {
+        // convert an array of a98-rgb values in the range 0.0 - 1.0
+        // to linear light (un-companded) form.
+        // negative values are also now accepted
+        return [r, g, b].map(function (val) {
+            let sign = val < 0 ? -1 : 1;
+            let abs = Math.abs(val);
+            return sign * Math.pow(abs, 563 / 256);
+        }).concat(a == null || a == 1 ? [] : [a]);
+    }
+    function la98rgb2a98rgb(r, g, b, a = null) {
+        // convert an array of linear-light a98-rgb  in the range 0.0-1.0
+        // to gamma corrected form
+        // negative values are also now accepted
+        return [r, b, g].map(function (val) {
+            let sign = val < 0 ? -1 : 1;
+            let abs = Math.abs(val);
+            return sign * Math.pow(abs, 256 / 563);
+        }).concat(a == null || a == 1 ? [] : [a]);
+    }
+    function la98rgb2xyz(r, g, b, a = null) {
+        // convert an array of linear-light a98-rgb values to CIE XYZ
+        // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
+        // has greater numerical precision than section 4.3.5.3 of
+        // https://www.adobe.com/digitalimag/pdfs/AdobeRGB1998.pdf
+        // but the values below were calculated from first principles
+        // from the chromaticity coordinates of R G B W
+        // see matrixmaker.html
+        var M = [
+            [573536 / 994567, 263643 / 1420810, 187206 / 994567],
+            [591459 / 1989134, 6239551 / 9945670, 374412 / 4972835],
+            [53769 / 1989134, 351524 / 4972835, 4929758 / 4972835],
+        ];
+        return multiplyMatrices(M, [r, g, b]).concat(a == null || a == 1 ? [] : [a]);
+    }
+    function xyz2la98rgb(x, y, z, a = null) {
+        // convert XYZ to linear-light a98-rgb
+        var M = [
+            [1829569 / 896150, -506331 / 896150, -308931 / 896150],
+            [-851781 / 878810, 1648619 / 878810, 36519 / 878810],
+            [16779 / 1248040, -147721 / 1248040, 1266979 / 1248040],
+        ];
+        return multiplyMatrices(M, [x, y, z]).concat(a == null || a == 1 ? [] : [a]);
+    }
+
+    function convertColor(token, to) {
+        if (token.kin == ColorKind.SYS ||
+            token.kin == ColorKind.DPSYS ||
+            (isIdentColor(token) &&
+                ('currentcolor'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0))) {
+            return token;
+        }
+        if (token.kin == ColorKind.COLOR_MIX && to != ColorKind.COLOR_MIX) {
+            const children = token.chi.reduce((acc, t) => {
+                if (t.typ == exports.EnumToken.ColorTokenType) {
+                    acc.push([t]);
+                }
+                else {
+                    if (![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType, exports.EnumToken.CommaTokenType].includes(t.typ)) {
+                        acc[acc.length - 1].push(t);
+                    }
+                }
+                return acc;
+            }, [[]]);
+            token = colorMix(children[0][1], children[0][2], children[1][0], children[1][1], children[2][0], children[2][1]);
+            if (token == null) {
+                return null;
+            }
+        }
+        if (token.cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes(token.val.toLowerCase())) {
+            const chi = getComponents(token);
+            const offset = token.val == 'color' ? 2 : 1;
+            if (chi != null) {
+                // @ts-ignore
+                const color = chi[1];
+                const components = parseRelativeColor(token.val.toLowerCase() == 'color' ? chi[offset].val : token.val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
+                if (components != null) {
+                    token = {
+                        ...token,
+                        chi: [...(token.val == 'color' ? [chi[offset]] : []), ...Object.values(components)]
+                    };
+                    delete token.cal;
+                }
+            }
+        }
+        if (token.kin == to) {
+            if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
+                token.val = reduceHexValue(token.val);
+                token.kin = token.val[0] == '#' ? ColorKind.HEX : ColorKind.LIT;
+            }
+            return token;
+        }
+        if (token.kin == ColorKind.COLOR) {
+            const colorSpace = token.chi.find(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
+            if (colorSpace.val == ColorKind[to].toLowerCase().replaceAll('_', '-')) {
+                return token;
+            }
+        }
+        if (to == ColorKind.HSL) {
+            switch (token.kin) {
+                case ColorKind.RGB:
+                case ColorKind.RGBA:
+                    return rgb2HslToken(token);
+                case ColorKind.HEX:
+                case ColorKind.LIT:
+                    return hex2HslToken(token);
+                case ColorKind.HWB:
+                    return hwb2HslToken(token);
+                case ColorKind.DEVICE_CMYK:
+                    return cmyk2HslToken(token);
+                case ColorKind.OKLAB:
+                    return oklab2HslToken(token);
+                case ColorKind.OKLCH:
+                    return oklch2HslToken(token);
+                case ColorKind.LAB:
+                    return lab2HslToken(token);
+                case ColorKind.LCH:
+                    return lch2HslToken(token);
+                case ColorKind.COLOR:
+                    return color2HslToken(token);
+            }
+        }
+        else if (to == ColorKind.HWB) {
+            switch (token.kin) {
+                case ColorKind.RGB:
+                case ColorKind.RGBA:
+                    return rgb2hwbToken(token);
+                case ColorKind.HEX:
+                case ColorKind.LIT:
+                    // @ts-ignore
+                    return rgb2hwbToken(token);
+                case ColorKind.HSL:
+                case ColorKind.HSLA:
+                    return hsl2hwbToken(token);
+                case ColorKind.OKLAB:
+                    return oklab2hwbToken(token);
+                case ColorKind.OKLCH:
+                    return oklch2hwbToken(token);
+                case ColorKind.LAB:
+                    return lab2hwbToken(token);
+                case ColorKind.LCH:
+                    return lch2hwbToken(token);
+                case ColorKind.DEVICE_CMYK:
+                    return cmyk2hwbToken(token);
+                case ColorKind.COLOR:
+                    return color2hwbToken(token);
+            }
+        }
+        else if (to == ColorKind.DEVICE_CMYK) {
+            switch (token.kin) {
+                case ColorKind.RGB:
+                case ColorKind.RGBA:
+                    return rgb2cmykToken(token);
+                case ColorKind.HEX:
+                case ColorKind.LIT:
+                    return rgb2cmykToken(token);
+                case ColorKind.HSL:
+                case ColorKind.HSLA:
+                    return hsl2cmykToken(token);
+                case ColorKind.HWB:
+                    return hwb2cmykToken(token);
+                case ColorKind.OKLAB:
+                    return oklab2cmyk(token);
+                case ColorKind.OKLCH:
+                    return oklch2cmykToken(token);
+                case ColorKind.LAB:
+                    return lab2cmykToken(token);
+                //
+                case ColorKind.LCH:
+                    return lch2cmykToken(token);
+                case ColorKind.COLOR:
+                    return color2cmykToken(token);
+            }
+        }
+        else if (to == ColorKind.HEX || to == ColorKind.LIT) {
+            switch (token.kin) {
+                case ColorKind.HEX:
+                case ColorKind.LIT: {
+                    const val = reduceHexValue(token.val);
+                    return {
+                        typ: exports.EnumToken.ColorTokenType,
+                        val,
+                        kin: val[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+                    };
+                }
+                case ColorKind.HSL:
+                    return hsl2HexToken(token);
+                case ColorKind.HWB:
+                    return hwb2HexToken(token);
+                case ColorKind.DEVICE_CMYK:
+                    return cmyk2HexToken(token);
+                case ColorKind.OKLAB:
+                    return oklab2HexToken(token);
+                case ColorKind.OKLCH:
+                    return oklch2HexToken(token);
+                case ColorKind.LAB:
+                    return lab2HexToken(token);
+                case ColorKind.LCH:
+                    return lch2HexToken(token);
+                case ColorKind.COLOR:
+                    return color2HexToken(token);
+                case ColorKind.RGB:
+                case ColorKind.RGBA:
+                    return rgb2HexToken(token);
+            }
+        }
+        else if (to == ColorKind.RGB) {
+            switch (token.kin) {
+                case ColorKind.HEX:
+                case ColorKind.LIT:
+                    return hex2RgbToken(token);
+                case ColorKind.HSL:
+                    return hsl2RgbToken(token);
+                case ColorKind.HWB:
+                    return hwb2RgbToken(token);
+                case ColorKind.DEVICE_CMYK:
+                    return cmyk2RgbToken(token);
+                case ColorKind.OKLAB:
+                    return oklab2RgbToken(token);
+                case ColorKind.OKLCH:
+                    return oklch2RgbToken(token);
+                case ColorKind.LAB:
+                    return lab2RgbToken(token);
+                case ColorKind.LCH:
+                    return lch2RgbToken(token);
+                case ColorKind.COLOR:
+                    return color2RgbToken(token);
+            }
+        }
+        else if (to == ColorKind.LAB) {
+            switch (token.kin) {
+                case ColorKind.HEX:
+                case ColorKind.LIT:
+                    return hex2labToken(token);
+                case ColorKind.RGB:
+                case ColorKind.RGBA:
+                    return rgb2labToken(token);
+                case ColorKind.HSL:
+                case ColorKind.HSLA:
+                    return hsl2labToken(token);
+                case ColorKind.HWB:
+                    return hwb2labToken(token);
+                case ColorKind.DEVICE_CMYK:
+                    return cmyk2labToken(token);
+                case ColorKind.LCH:
+                    return lch2labToken(token);
+                case ColorKind.OKLAB:
+                    return oklab2labToken(token);
+                case ColorKind.OKLCH:
+                    return oklch2labToken(token);
+                case ColorKind.COLOR:
+                    return color2labToken(token);
+            }
+        }
+        else if (to == ColorKind.LCH) {
+            switch (token.kin) {
+                case ColorKind.HEX:
+                case ColorKind.LIT:
+                    return hex2lchToken(token);
+                case ColorKind.RGB:
+                case ColorKind.RGBA:
+                    return rgb2lchToken(token);
+                case ColorKind.HSL:
+                case ColorKind.HSLA:
+                    return hsl2lchToken(token);
+                case ColorKind.HWB:
+                    return hwb2lchToken(token);
+                case ColorKind.DEVICE_CMYK:
+                    return cmyk2lchToken(token);
+                case ColorKind.LAB:
+                    return lab2lchToken(token);
+                case ColorKind.OKLAB:
+                    return oklab2lchToken(token);
+                case ColorKind.OKLCH:
+                    return oklch2lchToken(token);
+                case ColorKind.COLOR:
+                    return color2lchToken(token);
+            }
         }
-        return [token];
-    }
-    /**
-     * convert BinaryExpression into an array
-     * @param token
-     */
-    function inlineExpression$1(token) {
-        const result = [];
-        // if (token.typ == EnumToken.ParensTokenType && (token as ParensToken).chi.length == 1) {
-        //
-        //     result.push((token as ParensToken).chi[0]);
-        // } else
-        if (token.typ == exports.EnumToken.BinaryExpressionTokenType) {
-            if ([exports.EnumToken.Mul, exports.EnumToken.Div].includes(token.op)) {
-                result.push(token);
+        else if (to == ColorKind.OKLAB) {
+            switch (token.kin) {
+                case ColorKind.HEX:
+                case ColorKind.LIT:
+                    return hex2oklabToken(token);
+                case ColorKind.RGB:
+                case ColorKind.RGBA:
+                    return rgb2oklabToken(token);
+                case ColorKind.HSL:
+                case ColorKind.HSLA:
+                    return hsl2oklabToken(token);
+                case ColorKind.HWB:
+                    return hwb2oklabToken(token);
+                case ColorKind.DEVICE_CMYK:
+                    return cmyk2oklabToken(token);
+                case ColorKind.LAB:
+                    return lab2oklabToken(token);
+                case ColorKind.LCH:
+                    return lch2oklabToken(token);
+                case ColorKind.OKLCH:
+                    return oklch2oklabToken(token);
+                case ColorKind.COLOR:
+                    return color2oklabToken(token);
             }
-            else {
-                result.push(...inlineExpression$1(token.l), { typ: token.op }, ...inlineExpression$1(token.r));
+        }
+        else if (to == ColorKind.OKLCH) {
+            switch (token.kin) {
+                case ColorKind.HEX:
+                case ColorKind.LIT:
+                    return hex2oklchToken(token);
+                case ColorKind.RGB:
+                case ColorKind.RGBA:
+                    return rgb2oklchToken(token);
+                case ColorKind.HSL:
+                case ColorKind.HSLA:
+                    return hsl2oklchToken(token);
+                case ColorKind.HWB:
+                    return hwb2oklchToken(token);
+                case ColorKind.DEVICE_CMYK:
+                    return oklab2oklchToken(token);
+                case ColorKind.LAB:
+                    return lab2oklchToken(token);
+                case ColorKind.OKLAB:
+                    return oklab2oklchToken(token);
+                case ColorKind.LCH:
+                    return lch2oklchToken(token);
+                case ColorKind.COLOR:
+                    return color2oklchToken(token);
             }
         }
-        else {
-            result.push(token);
+        else if (colorFuncColorSpace.includes(ColorKind[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
+            console.error(ColorKind[token.kin]);
+            switch (token.kin) {
+                case ColorKind.HEX:
+                case ColorKind.LIT:
+                    return hex2colorToken(token, to);
+                case ColorKind.RGB:
+                case ColorKind.RGBA:
+                    return rgb2colorToken(token, to);
+                case ColorKind.HSL:
+                case ColorKind.HSLA:
+                    return hsl2colorToken(token, to);
+                case ColorKind.HWB:
+                    return hwb2colorToken(token, to);
+                case ColorKind.DEVICE_CMYK:
+                    return cmyk2colorToken(token, to);
+                case ColorKind.LAB:
+                    return lab2colorToken(token, to);
+                case ColorKind.OKLAB:
+                    return oklab2colorToken(token, to);
+                case ColorKind.LCH:
+                    return lch2colorToken(token, to);
+                case ColorKind.OKLCH:
+                    return oklch2colorToken(token, to);
+                case ColorKind.COLOR:
+                case ColorKind.XYZ:
+                case ColorKind.SRGB:
+                case ColorKind.REC2020:
+                case ColorKind.XYZ_D50:
+                case ColorKind.A98_RGB:
+                case ColorKind.DISPLAY_P3:
+                case ColorKind.SRGB_LINEAR:
+                case ColorKind.PROPHOTO_RGB:
+                    return color2colorToken(token, to);
+            }
         }
-        return result;
+        return null;
     }
-    /**
-     * evaluate expression
-     * @param token
-     */
-    function evaluateExpression(token) {
-        if (token.typ != exports.EnumToken.BinaryExpressionTokenType) {
-            return token;
+    function hex2colorToken(token, to) {
+        const values = hex2srgbvalues(token);
+        if (values == null) {
+            return null;
         }
-        if (token.r.typ == exports.EnumToken.BinaryExpressionTokenType) {
-            token.r = evaluateExpression(token.r);
+        return values2colortoken(values, to);
+    }
+    function rgb2colorToken(token, to) {
+        const values = rgb2srgb(token);
+        if (values == null) {
+            return null;
         }
-        if (token.l.typ == exports.EnumToken.BinaryExpressionTokenType) {
-            token.l = evaluateExpression(token.l);
+        return values2colortoken(values, to);
+    }
+    function hsl2colorToken(token, to) {
+        const values = hsl2srgb(token);
+        if (values == null) {
+            return null;
         }
-        return doEvaluate(token.l, token.r, token.op);
+        return values2colortoken(values, to);
     }
-    function isScalarToken(token) {
-        return 'unit' in token ||
-            (token.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(token.val)) ||
-            // @ts-ignore
-            (token.typ == exports.EnumToken.IdenTokenType && typeof Math[token.val.toUpperCase()] == 'number') ||
-            [exports.EnumToken.NumberTokenType, exports.EnumToken.FractionTokenType, exports.EnumToken.PercentageTokenType].includes(token.typ);
+    function hwb2colorToken(token, to) {
+        const values = hwb2srgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return values2colortoken(values, to);
     }
-    /**
-     *
-     * generate binary expression tree
-     * @param tokens
-     */
-    function buildExpression(tokens) {
-        return factor(factor(tokens.filter(t => t.typ != exports.EnumToken.WhitespaceTokenType), ['/', '*']), ['+', '-'])[0];
+    function cmyk2colorToken(token, to) {
+        const values = cmyk2rgbvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return values2colortoken(values, to);
     }
-    function getArithmeticOperation(op) {
-        if (op == '+') {
-            return exports.EnumToken.Add;
+    function lab2colorToken(token, to) {
+        const values = lab2srgbvalues(token);
+        if (values == null) {
+            return null;
         }
-        if (op == '-') {
-            return exports.EnumToken.Sub;
+        return values2colortoken(values, to);
+    }
+    function oklab2colorToken(token, to) {
+        const values = oklab2srgbvalues(token);
+        if (values == null) {
+            return null;
         }
-        if (op == '/') {
-            return exports.EnumToken.Div;
+        return values2colortoken(values, to);
+    }
+    function lch2colorToken(token, to) {
+        const values = lch2srgbvalues(token);
+        if (values == null) {
+            return null;
         }
-        return exports.EnumToken.Mul;
+        return values2colortoken(values, to);
     }
-    /**
-     *
-     * generate binary expression tree
-     * @param token
-     */
-    function factorToken(token) {
-        if (token.typ == exports.EnumToken.ParensTokenType || (token.typ == exports.EnumToken.FunctionTokenType && token.val == 'calc')) {
-            if (token.typ == exports.EnumToken.FunctionTokenType && token.val == 'calc') {
-                token = { ...token, typ: exports.EnumToken.ParensTokenType };
-                // @ts-ignore
-                delete token.val;
-            }
-            return buildExpression(token.chi);
+    function oklch2colorToken(token, to) {
+        const values = oklch2srgbvalues(token);
+        if (values == null) {
+            return null;
         }
-        return token;
+        return values2colortoken(values, to);
     }
-    /**
-     * generate binary expression tree
-     * @param tokens
-     * @param ops
-     */
-    function factor(tokens, ops) {
-        let isOp;
-        const opList = ops.map(x => getArithmeticOperation(x));
-        if (tokens.length == 1) {
-            return [factorToken(tokens[0])];
+    function color2colorToken(token, to) {
+        const values = color2srgbvalues(token);
+        if (values == null) {
+            return null;
         }
-        for (let i = 0; i < tokens.length; i++) {
-            if (tokens[i].typ == exports.EnumToken.ListToken) {
+        console.error({ srgb: values });
+        return values2colortoken(values, to);
+    }
+    function srgb2srgbcolorspace(val, to) {
+        const values = [];
+        switch (to) {
+            case ColorKind.SRGB:
+                values.push(...val);
+                break;
+            case ColorKind.SRGB_LINEAR:
                 // @ts-ignore
-                tokens.splice(i, 1, ...tokens[i].chi);
-            }
-            isOp = opList.includes(tokens[i].typ);
-            if (isOp ||
+                values.push(...srgb2lsrgbvalues(...val));
+                break;
+            case ColorKind.DISPLAY_P3:
                 // @ts-ignore
-                (tokens[i].typ == exports.EnumToken.LiteralTokenType && ops.includes(tokens[i].val))) {
-                tokens.splice(i - 1, 3, {
-                    typ: exports.EnumToken.BinaryExpressionTokenType,
-                    op: isOp ? tokens[i].typ : getArithmeticOperation(tokens[i].val),
-                    l: factorToken(tokens[i - 1]),
-                    r: factorToken(tokens[i + 1])
-                });
-                i--;
-            }
+                values.push(...srgb2p3values(...val));
+                break;
+            case ColorKind.PROPHOTO_RGB:
+                // @ts-ignore
+                values.push(...srgb2prophotorgbvalues(...val));
+                break;
+            case ColorKind.A98_RGB:
+                // @ts-ignore
+                values.push(...srgb2a98values$1(...val));
+                break;
+            case ColorKind.REC2020:
+                // @ts-ignore
+                values.push(...srgb2rec2020values(...val));
+                break;
+            case ColorKind.XYZ:
+            case ColorKind.XYZ_D65:
+                // @ts-ignore
+                values.push(...srgb2xyz(...val));
+                break;
+            case ColorKind.XYZ_D50:
+                // @ts-ignore
+                values.push(...srgb2xyz_d50(...val));
+                break;
         }
-        return tokens;
+        return values;
     }
-
-    function parseRelativeColor(relativeKeys, original, rExp, gExp, bExp, aExp) {
-        let r;
-        let g;
-        let b;
-        let alpha = null;
-        let keys = {};
-        let values = {};
-        // colorFuncColorSpace x,y,z or r,g,b
-        const names = relativeKeys.startsWith('xyz') ? 'xyz' : relativeKeys.slice(-3);
-        const converted = convert(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_')]);
-        // if (converted == null) {
-        //
-        //     return null;
-        // }
-        const children = converted.chi.filter(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.LiteralTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
-        [r, g, b, alpha] = converted.kin == ColorKind.COLOR ? children.slice(1) : children;
-        values = {
-            [names[0]]: getValue(r, converted, names[0]),
-            [names[1]]: getValue(g, converted, names[1]), // string,
-            [names[2]]: getValue(b, converted, names[2]),
-            // @ts-ignore
-            alpha: alpha == null ? {
-                typ: exports.EnumToken.NumberTokenType,
-                val: '1'
-            } : (alpha.typ == exports.EnumToken.IdenTokenType && alpha.val == 'none') ? {
-                typ: exports.EnumToken.NumberTokenType,
-                val: '0'
-            } : (alpha.typ == exports.EnumToken.PercentageTokenType ? {
-                typ: exports.EnumToken.NumberTokenType,
-                val: String(getNumber(alpha))
-            } : alpha)
-        };
-        keys = {
-            [names[0]]: getValue(rExp, converted, names[0]),
-            [names[1]]: getValue(gExp, converted, names[1]),
-            [names[2]]: getValue(bExp, converted, names[2]),
-            // @ts-ignore
-            alpha: getValue(aExp == null ? {
-                typ: exports.EnumToken.NumberTokenType,
-                val: '1'
-            } : (aExp.typ == exports.EnumToken.IdenTokenType && aExp.val == 'none') ? {
-                typ: exports.EnumToken.NumberTokenType,
-                val: '0'
-            } : aExp)
+    function minmax(value, min, max) {
+        if (value < min) {
+            return min;
+        }
+        if (value > max) {
+            return max;
+        }
+        return value;
+    }
+    function color2srgbvalues(token) {
+        const components = getComponents(token);
+        if (components == null) {
+            return null;
+        }
+        const colorSpace = components.shift();
+        let values = components.map((val) => getNumber(val));
+        switch (colorSpace.val.toLowerCase()) {
+            case 'display-p3':
+                // @ts-ignore
+                values = p32srgbvalues(...values);
+                break;
+            case 'srgb-linear':
+                // @ts-ignore
+                values = lsrgb2srgbvalues(...values);
+                break;
+            case 'prophoto-rgb':
+                // @ts-ignore
+                values = prophotorgb2srgbvalues(...values);
+                break;
+            case 'a98-rgb':
+                // @ts-ignore
+                values = a98rgb2srgbvalues(...values);
+                break;
+            case 'rec2020':
+                // @ts-ignore
+                values = rec20202srgb(...values);
+                break;
+            case 'xyz':
+            case 'xyz-d65':
+                // @ts-ignore
+                values = xyz2srgb(...values);
+                break;
+            case 'xyz-d50':
+                // @ts-ignore
+                values = xyzd502srgb(...values);
+                break;
+            // case srgb:
+        }
+        return values;
+    }
+    function values2colortoken(values, to) {
+        // console.error({srgb2: values});
+        values = srgb2srgbcolorspace(values, to);
+        // console.error({srgb3: values, to: ColorKind[to]});
+        const chi = [
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
+            { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
+        ];
+        if (values.length == 4) {
+            chi.push({ typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+        }
+        const colorSpace = ColorKind[to].toLowerCase().replaceAll('_', '-');
+        return colorFuncColorSpace.includes(colorSpace) ? {
+            typ: exports.EnumToken.ColorTokenType,
+            val: 'color',
+            chi: [{ typ: exports.EnumToken.IdenTokenType, val: colorSpace }].concat(chi),
+            kin: ColorKind.COLOR
+        } : {
+            typ: exports.EnumToken.ColorTokenType,
+            val: colorSpace,
+            chi,
+            kin: to
         };
-        return computeComponentValue(keys, converted, values);
     }
-    function getValue(t, converted, component) {
-        // if (t == null) {
-        //
-        //     return t;
-        // }
-        if (t.typ == exports.EnumToken.PercentageTokenType) {
-            let value = getNumber(t);
-            let colorSpace = ColorKind[converted.kin].toLowerCase().replaceAll('-', '_');
-            if (colorSpace in colorRange) {
-                // @ts-ignore
-                value *= colorRange[colorSpace][component].at(-1);
-            }
-            return {
-                typ: exports.EnumToken.NumberTokenType,
-                val: String(value)
-            };
+    function getNumber(token) {
+        if (token.typ == exports.EnumToken.IdenTokenType && token.val == 'none') {
+            return 0;
         }
-        return t;
+        // @ts-ignore
+        return token.typ == exports.EnumToken.PercentageTokenType ? token.val / 100 : +token.val;
     }
-    function computeComponentValue(expr, converted, values) {
-        for (const object of [values, expr]) {
-            if ('h' in object) {
-                // normalize hue
-                for (const k of walkValues([object.h])) {
-                    if (k.value.typ == exports.EnumToken.AngleTokenType && k.value.unit == 'deg') {
-                        // @ts-ignore
-                        k.value.typ = exports.EnumToken.NumberTokenType;
-                        // @ts-ignore
-                        delete k.value.unit;
-                    }
-                }
+    /**
+     * convert angle to turn
+     * @param token
+     */
+    function getAngle(token) {
+        if (token.typ == exports.EnumToken.IdenTokenType) {
+            if (token.val == 'none') {
+                return 0;
             }
         }
-        for (const [key, exp] of Object.entries(expr)) {
-            /*
-            if (exp == null) {
-
-                if (key in values) {
-
-                    if (typeof values[<RelativeColorTypes>key] == 'number') {
-
-                        expr[<RelativeColorTypes>key] = {
-                            typ: EnumToken.NumberTokenType,
-                            val: reduceNumber(<number>values[<RelativeColorTypes>key])
-                        };
-                    } else {
-
-                        expr[<RelativeColorTypes>key] = <Token>values[<RelativeColorTypes>key];
-                    }
-                }
-
-            } else
-                */
-            if ([exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.LengthTokenType].includes(exp.typ)) ;
-            else if (exp.typ == exports.EnumToken.IdenTokenType && exp.val in values) {
-                // if (typeof values[<RelativeColorTypes>exp.val] == 'number') {
-                //
-                //     expr[<RelativeColorTypes>key] = {
-                //         typ: EnumToken.NumberTokenType,
-                //         val: reduceNumber(<number>values[<RelativeColorTypes>exp.val])
-                //     };
-                // } else {
-                expr[key] = values[exp.val];
-                // }
-            }
-            else if (exp.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(exp.val)) {
-                for (let { value, parent } of walkValues(exp.chi, exp)) {
-                    // if (parent == null) {
-                    //
-                    //     parent = exp;
-                    // }
-                    /*
-                    if (value.typ == EnumToken.PercentageTokenType) {
-
-                        replaceValue(parent as BinaryExpressionToken | FunctionToken | ParensToken, value, getValue(value, converted, <RelativeColorTypes>key));
-                    } else
-                        */
-                    if (value.typ == exports.EnumToken.IdenTokenType) {
-                        // @ts-ignore
-                        // if (!(value.val in values || typeof Math[(value as IdentToken).val.toUpperCase()] == 'number')) {
-                        //
-                        //     return null;
-                        // }
-                        // @ts-ignore
-                        replaceValue(parent, value, values[value.val] ?? {
-                            typ: exports.EnumToken.NumberTokenType,
-                            // @ts-ignore
-                            val: '' + Math[value.val.toUpperCase()]
-                            // @ts-ignore
-                        });
-                    }
-                }
-                const result = exp.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(exp.val) && exp.val != 'calc' ? evaluateFunc(exp) : evaluate(exp.chi);
-                if (result.length == 1 && result[0].typ != exports.EnumToken.BinaryExpressionTokenType) {
-                    expr[key] = result[0];
-                }
-                // else {
-                //
-                //     return null;
-                // }
+        if (token.typ == exports.EnumToken.AngleTokenType) {
+            switch (token.unit) {
+                case 'deg':
+                    // @ts-ignore
+                    return token.val / 360;
+                case 'rad':
+                    // @ts-ignore
+                    return token.val / (2 * Math.PI);
+                case 'grad':
+                    // @ts-ignore
+                    return token.val / 400;
+                case 'turn':
+                    // @ts-ignore
+                    return +token.val;
             }
         }
-        return expr;
+        // @ts-ignore
+        return token.val / 360;
     }
-    function replaceValue(parent, value, newValue) {
-        for (const { value: val, parent: pr } of walkValues([parent])) {
-            if (val.typ == value.typ && val.val == value.val) {
-                if (pr.typ == exports.EnumToken.BinaryExpressionTokenType) {
-                    if (pr.l == val) {
-                        pr.l = newValue;
-                    }
-                    else {
-                        pr.r = newValue;
-                    }
-                }
-                else {
-                    pr.chi.splice(pr.chi.indexOf(val), 1, newValue);
-                }
-            }
+    function toPrecisionAngle(angle) {
+        angle = +angle.toPrecision(colorPrecision);
+        if (Math.abs(angle) >= 360) {
+            angle %= 360;
+        }
+        if (Math.abs(angle) < anglePrecision) {
+            angle = 0;
         }
+        if (angle < 0) {
+            angle += 360;
+        }
+        return angle;
     }
 
     // from https://github.com/Rich-Harris/vlq/tree/master
@@ -3871,179 +4716,269 @@
                 if ([exports.EnumToken.Mul, exports.EnumToken.Div].includes(token.op)) {
                     let result = '';
                     if (token.l.typ == exports.EnumToken.BinaryExpressionTokenType &&
-                        [exports.EnumToken.Add, exports.EnumToken.Sub].includes(token.l.op)) {
-                        result = '(' + renderToken(token.l, options, cache) + ')';
-                    }
-                    else {
-                        result = renderToken(token.l, options, cache);
-                    }
-                    result += token.op == exports.EnumToken.Mul ? '*' : '/';
-                    if (token.r.typ == exports.EnumToken.BinaryExpressionTokenType &&
-                        [exports.EnumToken.Add, exports.EnumToken.Sub].includes(token.r.op)) {
-                        result += '(' + renderToken(token.r, options, cache) + ')';
-                    }
-                    else {
-                        result += renderToken(token.r, options, cache);
-                    }
-                    return result;
-                }
-                return renderToken(token.l, options, cache) + (token.op == exports.EnumToken.Add ? ' + ' : (token.op == exports.EnumToken.Sub ? ' - ' : (token.op == exports.EnumToken.Mul ? '*' : '/'))) + renderToken(token.r, options, cache);
-            case exports.EnumToken.FractionTokenType:
-                const fraction = renderToken(token.l) + '/' + renderToken(token.r);
-                if (+token.r.val != 0) {
-                    const value = minifyNumber(+token.l.val / +token.r.val);
-                    if (value.length <= fraction.length) {
-                        return value;
-                    }
-                }
-                return fraction;
-            case exports.EnumToken.Add:
-                return ' + ';
-            case exports.EnumToken.Sub:
-                return ' - ';
-            case exports.EnumToken.UniversalSelectorTokenType:
-            case exports.EnumToken.Mul:
-                return '*';
-            case exports.EnumToken.Div:
-                return '/';
-            case exports.EnumToken.ColorTokenType:
-                if (token.kin == ColorKind.LIGHT_DARK || ('chi' in token && !options.convertColor)) {
-                    return token.val + '(' + token.chi.reduce((acc, curr) => acc + renderToken(curr, options, cache), '') + ')';
-                }
-                if (options.convertColor) {
-                    if (token.cal == 'mix' && token.val == 'color-mix') {
-                        const children = token.chi.reduce((acc, t) => {
-                            if (t.typ == exports.EnumToken.ColorTokenType) {
-                                acc.push([t]);
-                            }
-                            else {
-                                if (![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType, exports.EnumToken.CommaTokenType].includes(t.typ)) {
-                                    acc[acc.length - 1].push(t);
-                                }
-                            }
-                            return acc;
-                        }, [[]]);
-                        const value = colorMix(children[0][1], children[0][2], children[1][0], children[1][1], children[2][0], children[2][1]);
-                        if (value != null) {
-                            token = value;
-                        }
-                        else if (!token.chi.some(t => t.typ == exports.EnumToken.CommaTokenType)) {
-                            token.chi = children.reduce((acc, curr, index) => {
-                                if (acc.length > 0) {
-                                    acc.push({ typ: exports.EnumToken.CommaTokenType });
-                                }
-                                acc.push(...curr);
-                                return acc;
-                            }, []);
-                        }
-                    }
-                    if (token.cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes(token.val)) {
-                        const chi = getComponents(token);
-                        const offset = token.val == 'color' ? 2 : 1;
-                        if (chi != null) {
-                            // @ts-ignore
-                            const color = chi[1];
-                            const components = parseRelativeColor(token.val == 'color' ? chi[offset].val : token.val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
-                            if (components != null) {
-                                token.chi = [...(token.val == 'color' ? [chi[offset]] : []), ...Object.values(components)];
-                                delete token.cal;
-                            }
-                        }
-                    }
-                    if (token.val == 'color') {
-                        if (token.chi[0].typ == exports.EnumToken.IdenTokenType && colorFuncColorSpace.includes(token.chi[0].val.toLowerCase())) {
-                            const values = color2srgbvalues(token);
-                            if (Array.isArray(values) && values.every(t => !Number.isNaN(t))) {
-                                // @ts-ignore
-                                return reduceHexValue(srgb2hexvalues(...values));
-                            }
-                        }
-                    }
-                    if (token.cal != null) {
-                        let slice = false;
-                        if (token.cal == 'rel') {
-                            const last = token.chi.at(-1);
-                            if ((last.typ == exports.EnumToken.NumberTokenType && last.val == '1') || (last.typ == exports.EnumToken.IdenTokenType && last.val == 'none')) {
-                                const prev = token.chi.at(-2);
-                                if (prev.typ == exports.EnumToken.LiteralTokenType && prev.val == '/') {
-                                    slice = true;
-                                }
-                            }
-                        }
-                        return clamp(token).val + '(' + (slice ? token.chi.slice(0, -2) : token.chi).reduce((acc, curr) => {
-                            const val = renderToken(curr, options, cache);
-                            if (curr.typ == exports.EnumToken.LiteralTokenType && curr.val == '/') {
-                                return acc.trimEnd() + '/';
-                            }
-                            if (curr.typ == exports.EnumToken.CommaTokenType) {
-                                return acc.trimEnd() + ',';
-                            }
-                            if (curr.typ == exports.EnumToken.WhitespaceTokenType) {
-                                const v = acc.at(-1);
-                                if (v == ' ' || v == ',' || v == '/') {
-                                    return acc.trimEnd();
-                                }
-                                return acc.trimEnd() + ' ';
-                            }
-                            if (acc.length > 0) {
-                                return acc + (['/', ',', ' '].includes(acc.at(-1)) ? '' : ' ') + val;
-                            }
-                            return val;
-                        }, '') + ')';
-                    }
-                    if (token.kin == ColorKind.LIT && token.val.localeCompare('currentcolor', undefined, { sensitivity: 'base' }) == 0) {
-                        return 'currentcolor';
-                    }
-                    clamp(token);
-                    if (Array.isArray(token.chi) && token.chi.some((t) => t.typ == exports.EnumToken.FunctionTokenType || (t.typ == exports.EnumToken.ColorTokenType && Array.isArray(t.chi)))) {
-                        const replaceSemiColon = /^((rgba?)|(hsla?)|(hwb)|((ok)?lab)|((ok)?lch))$/i.test(token.val);
-                        return (token.val.endsWith('a') ? token.val.slice(0, -1) : token.val) + '(' + token.chi.reduce((acc, curr, index, array) => {
-                            if (curr.typ == exports.EnumToken.Literal && curr.val == '/') {
-                                return acc.trimEnd() + '/';
-                            }
-                            if (curr.typ == exports.EnumToken.CommaTokenType) {
-                                return acc.trimEnd() + (replaceSemiColon ? ' ' : ',');
-                            }
-                            if (curr.typ == exports.EnumToken.WhitespaceTokenType) {
-                                return /[,\/\s]/.test(acc.at(-1)) ? acc.trimEnd() : acc.trimEnd() + ' ';
-                            }
-                            return acc + renderToken(curr, options, cache);
-                        }, '') + ')';
-                    }
-                    let value = token.kin == ColorKind.HEX ? token.val.toLowerCase() : (token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : '');
-                    if (token.val == 'rgb' || token.val == 'rgba') {
-                        value = rgb2hex(token);
-                    }
-                    else if (token.val == 'hsl' || token.val == 'hsla') {
-                        value = hsl2hex(token);
-                    }
-                    else if (token.val == 'hwb') {
-                        value = hwb2hex(token);
-                    }
-                    else if (token.val == 'device-cmyk') {
-                        value = cmyk2hex(token);
+                        [exports.EnumToken.Add, exports.EnumToken.Sub].includes(token.l.op)) {
+                        result = '(' + renderToken(token.l, options, cache) + ')';
                     }
-                    else if (token.val == 'oklab') {
-                        value = oklab2hex(token);
+                    else {
+                        result = renderToken(token.l, options, cache);
                     }
-                    else if (token.val == 'oklch') {
-                        value = oklch2hex(token);
+                    result += token.op == exports.EnumToken.Mul ? '*' : '/';
+                    if (token.r.typ == exports.EnumToken.BinaryExpressionTokenType &&
+                        [exports.EnumToken.Add, exports.EnumToken.Sub].includes(token.r.op)) {
+                        result += '(' + renderToken(token.r, options, cache) + ')';
                     }
-                    else if (token.val == 'lab') {
-                        value = lab2hex(token);
+                    else {
+                        result += renderToken(token.r, options, cache);
                     }
-                    else if (token.val == 'lch') {
-                        value = lch2hex(token);
+                    return result;
+                }
+                return renderToken(token.l, options, cache) + (token.op == exports.EnumToken.Add ? ' + ' : (token.op == exports.EnumToken.Sub ? ' - ' : (token.op == exports.EnumToken.Mul ? '*' : '/'))) + renderToken(token.r, options, cache);
+            case exports.EnumToken.FractionTokenType:
+                const fraction = renderToken(token.l) + '/' + renderToken(token.r);
+                if (+token.r.val != 0) {
+                    const value = minifyNumber(+token.l.val / +token.r.val);
+                    if (value.length <= fraction.length) {
+                        return value;
                     }
-                    if (value !== '' && value != null) {
-                        return reduceHexValue(value);
+                }
+                return fraction;
+            case exports.EnumToken.Add:
+                return ' + ';
+            case exports.EnumToken.Sub:
+                return ' - ';
+            case exports.EnumToken.UniversalSelectorTokenType:
+            case exports.EnumToken.Mul:
+                return '*';
+            case exports.EnumToken.Div:
+                return '/';
+            case exports.EnumToken.ColorTokenType:
+                if (token.kin == ColorKind.LIGHT_DARK || ('chi' in token && options.convertColor === false)) {
+                    return token.val + '(' + token.chi.reduce((acc, curr) => acc + renderToken(curr, options, cache), '') + ')';
+                }
+                if (options.convertColor !== false) {
+                    // console.error([typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[(ColorType[options.convertColor] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorKind] ?? ColorKind.HEX])
+                    const value = convertColor(token, typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[exports.ColorType[options.convertColor ?? 'HEX']?.toUpperCase?.().replaceAll?.('-', '_')] ?? ColorKind.HEX);
+                    //
+                    if (value != null) {
+                        token = value;
                     }
+                    //     if ((token as ColorToken).kin == ColorKind.COLOR_MIX) {
+                    //
+                    //         const children: Token[][] = (<Token[]>(token as ColorToken).chi).reduce((acc: Token[][], t: Token) => {
+                    //
+                    //             if (t.typ == EnumToken.ColorTokenType) {
+                    //
+                    //                 acc.push([t]);
+                    //             } else {
+                    //
+                    //                 if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType, EnumToken.CommaTokenType].includes(t.typ)) {
+                    //
+                    //                     acc[acc.length - 1].push(t);
+                    //                 }
+                    //             }
+                    //
+                    //             return acc;
+                    //         }, <Token[][]>[[]]);
+                    //
+                    //         const value: ColorToken | null = colorMix(<IdentToken>children[0][1], <IdentToken>children[0][2], <ColorToken>children[1][0], <PercentageToken>children[1][1], <ColorToken>children[2][0], <PercentageToken>children[2][1]);
+                    //
+                    //         if (value != null) {
+                    //
+                    //             token = value;
+                    //         } else if (!(token as ColorToken).chi!.some(t => t.typ == EnumToken.CommaTokenType)) {
+                    //
+                    //             (token as ColorToken).chi = children.reduce((acc, curr, index) => {
+                    //
+                    //                 if (acc.length > 0) {
+                    //
+                    //                     acc.push({typ: EnumToken.CommaTokenType});
+                    //                 }
+                    //
+                    //                 acc.push(...curr);
+                    //                 return acc;
+                    //             }, [] as Token[]);
+                    //         }
+                    //     }
+                    //
+                    //     if ((token as ColorToken).cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes((token as ColorToken).val)) {
+                    //
+                    //         const chi: Token[] | null = getComponents(token as ColorToken);
+                    //         const offset: number = (token as ColorToken).val == 'color' ? 2 : 1;
+                    //
+                    //         if (chi != null) {
+                    //
+                    //             // @ts-ignore
+                    //             const color: ColorToken = chi[1];
+                    //             const components: Record<RelativeColorTypes, Token> = <Record<RelativeColorTypes, Token>>parseRelativeColor((token as ColorToken).val == 'color' ? (<IdentToken>chi[offset]).val : <string>(token as ColorToken).val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
+                    //
+                    //             if (components != null) {
+                    //
+                    //                 (token as ColorToken).chi = [...((token as ColorToken).val == 'color' ? [chi[offset]] : []), ...Object.values(components)];
+                    //
+                    //                 delete (token as ColorToken).cal;
+                    //             }
+                    //         }
+                    //     }
+                    //
+                    //     if ((token as ColorToken).val == 'color') {
+                    //
+                    //         if ((<IdentToken>(<Token[]>(token as ColorToken).chi)[0]).typ == EnumToken.IdenTokenType && colorFuncColorSpace.includes(((<Token[]>(token as ColorToken).chi)[0] as IdentToken).val.toLowerCase())) {
+                    //
+                    //             const values = color2srgbvalues(token as ColorToken) as number[];
+                    //
+                    //             if (Array.isArray(values) && values.every(t => !Number.isNaN(t))) {
+                    //
+                    //                 // @ts-ignore
+                    //                 return reduceHexValue(srgb2hexvalues(...values));
+                    //             }
+                    //         }
+                    //     }
+                    //
+                    //     if ((token as ColorToken).cal != null) {
+                    //
+                    //         let slice: boolean = false;
+                    //
+                    //         if ((token as ColorToken).cal == 'rel') {
+                    //
+                    //             const last: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-1);
+                    //
+                    //             if ((last.typ == EnumToken.NumberTokenType && (last as NumberToken).val == '1') || (last.typ == EnumToken.IdenTokenType && (last as IdentToken).val == 'none')) {
+                    //
+                    //                 const prev: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-2);
+                    //
+                    //                 if (prev.typ == EnumToken.LiteralTokenType && (prev as LiteralToken).val == '/') {
+                    //
+                    //                     slice = true;
+                    //                 }
+                    //             }
+                    //         }
+                    //
+                    //         return clamp(token as ColorToken).val + '(' + (slice ? (<Token[]>(token as ColorToken).chi).slice(0, -2) : <Token[]>(token as ColorToken).chi).reduce((acc: string, curr: Token): string => {
+                    //
+                    //             const val: string = renderToken(curr, options, cache);
+                    //
+                    //             if (curr.typ == EnumToken.LiteralTokenType && (curr as LiteralToken).val == '/') {
+                    //
+                    //                 return acc.trimEnd() + '/';
+                    //             }
+                    //
+                    //             if (curr.typ == EnumToken.CommaTokenType) {
+                    //
+                    //                 return acc.trimEnd() + ',';
+                    //             }
+                    //
+                    //             if (curr.typ == EnumToken.WhitespaceTokenType) {
+                    //
+                    //                 const v: string = acc.at(-1) as string;
+                    //
+                    //                 if (v == ' ' || v == ',' || v == '/') {
+                    //
+                    //                     return acc.trimEnd();
+                    //                 }
+                    //
+                    //                 return acc.trimEnd() + ' ';
+                    //             }
+                    //
+                    //             if (acc.length > 0) {
+                    //
+                    //                 return acc + (['/', ',', ' '].includes(<string>acc.at(-1)) ? '' : ' ') + val;
+                    //             }
+                    //
+                    //             return val;
+                    //         }, '') + ')';
+                    //     }
+                    //
+                    //     if ((token as ColorToken).kin == ColorKind.LIT && (token as ColorToken).val.localeCompare('currentcolor', undefined, {sensitivity: 'base'}) == 0) {
+                    //
+                    //         return 'currentcolor';
+                    //     }
+                    //
+                    //     clamp(token as ColorToken);
+                    //
+                    //     if (Array.isArray((token as ColorToken).chi) && (token as ColorToken).chi!.some((t: Token): boolean => t.typ == EnumToken.FunctionTokenType || (t.typ == EnumToken.ColorTokenType && Array.isArray((t as ColorToken).chi)))) {
+                    //
+                    //         const replaceSemiColon: boolean = /^((rgba?)|(hsla?)|(hwb)|((ok)?lab)|((ok)?lch))$/i.test((token as ColorToken).val);
+                    //
+                    //         return ((token as ColorToken).val.endsWith('a') ? (token as ColorToken).val.slice(0, -1) : (token as ColorToken).val) + '(' + (token as ColorToken).chi!.reduce((acc: string, curr: Token, index: number, array: Token[]): string => {
+                    //
+                    //             if (curr.typ == EnumToken.Literal && (curr as LiteralToken).val == '/') {
+                    //
+                    //                 return acc.trimEnd() + '/';
+                    //             }
+                    //
+                    //             if (curr.typ == EnumToken.CommaTokenType) {
+                    //
+                    //                 return acc.trimEnd() + (replaceSemiColon ? ' ' : ',');
+                    //             }
+                    //
+                    //             if (curr.typ == EnumToken.WhitespaceTokenType) {
+                    //
+                    //                 return /[,\/\s]/.test(acc.at(-1) as string) ? acc.trimEnd() : acc.trimEnd() + ' ';
+                    //             }
+                    //
+                    //             return acc + renderToken(curr, options, cache)
+                    //         }, '') + ')';
+                    //     }
+                    //
+                    //     let value: string | null = (token as ColorToken).kin == ColorKind.HEX ? (token as ColorToken).val.toLowerCase() : ((token as ColorToken).kin == ColorKind.LIT ? COLORS_NAMES[(token as ColorToken).val.toLowerCase()] : '');
+                    //
+                    //     if ((token as ColorToken).val == 'rgb' || (token as ColorToken).val == 'rgba') {
+                    //
+                    //         value = rgb2hex(token as ColorToken);
+                    //     } else if ((token as ColorToken).val == 'hsl' || (token as ColorToken).val == 'hsla') {
+                    //
+                    //         value = hsl2hex(token as ColorToken);
+                    //
+                    //     } else if ((token as ColorToken).val == 'hwb') {
+                    //
+                    //         value = hwb2hex(token as ColorToken);
+                    //     } else if ((token as ColorToken).val == 'device-cmyk') {
+                    //
+                    //         value = cmyk2hex(token as ColorToken);
+                    //     } else if ((token as ColorToken).val == 'oklab') {
+                    //
+                    //         value = oklab2hex(token as ColorToken);
+                    //     } else if ((token as ColorToken).val == 'oklch') {
+                    //
+                    //         value = oklch2hex(token as ColorToken);
+                    //     } else if ((token as ColorToken).val == 'lab') {
+                    //
+                    //         value = lab2hex(token as ColorToken);
+                    //     } else if ((token as ColorToken).val == 'lch') {
+                    //
+                    //         value = lch2hex(token as ColorToken);
+                    //     }
+                    //
+                    //     if (value !== '' && value != null) {
+                    //
+                    //         return reduceHexValue(value);
+                    //     }
                 }
                 if ([ColorKind.HEX, ColorKind.LIT, ColorKind.SYS, ColorKind.DPSYS].includes(token.kin)) {
                     return token.val;
                 }
                 if (Array.isArray(token.chi)) {
-                    return (token.val.endsWith('a') ? token.val.slice(0, -1) : token.val) + '(' + token.chi.reduce((acc, curr) => acc + (acc.length > 0 && !(acc.endsWith('/') || curr.typ == exports.EnumToken.LiteralTokenType) ? ' ' : '') + renderToken(curr, options, cache), '') + ')';
+                    const isLegacy = ['rgb', 'rgba', 'hsl', 'hsla'].includes(token.val.toLowerCase());
+                    const useAlpha = (['rgb', 'rgba', 'hsl', 'hsla', 'hwb', 'oklab', 'oklch', 'lab', 'lch'].includes(token.val.toLowerCase()) && token.chi.length == 4) ||
+                        ('color'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0 && token.chi.length == 5);
+                    return (token.val.endsWith('a') ? token.val.slice(0, -1) : token.val) + '(' + token.chi.reduce((acc, curr, index, array) => {
+                        if (/[,/]\s*$/.test(acc)) {
+                            if (curr.typ == exports.EnumToken.WhitespaceTokenType) {
+                                return acc.trimEnd();
+                            }
+                            return acc.trimStart() + renderToken(curr, options, cache);
+                        }
+                        if (isLegacy && curr.typ == exports.EnumToken.CommaTokenType) {
+                            return acc.trimEnd() + ' ';
+                        }
+                        if (curr.typ == exports.EnumToken.WhitespaceTokenType) {
+                            return acc.trimEnd() + ' ';
+                        }
+                        if (curr.typ == exports.EnumToken.CommaTokenType || (curr.typ == exports.EnumToken.LiteralTokenType && curr.val == '/')) {
+                            return acc.trimEnd() + (curr.typ == exports.EnumToken.CommaTokenType ? ',' : '/');
+                        }
+                        return acc.trimEnd() + (useAlpha && index == array.length - 1 ? '/' : ' ') + renderToken(curr, options, cache);
+                    }, '').trimStart() + ')';
                 }
             case exports.EnumToken.ParensTokenType:
             case exports.EnumToken.FunctionTokenType:
@@ -4784,15 +5719,24 @@
         return ['hsl', 'hwb', 'lch', 'oklch'].includes(token.val);
     }
     function isHueInterpolationMethod(token) {
-        if (token.typ != exports.EnumToken.IdenTokenType) {
+        if (!Array.isArray(token)) {
+            return token.typ == exports.EnumToken.IdenTokenType && 'hue'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0;
+        }
+        if (token.length != 2 || token[0].typ != exports.EnumToken.IdenTokenType || token[1].typ != exports.EnumToken.IdenTokenType) {
             return false;
         }
-        return ['shorter', 'longer', 'increasing', 'decreasing'].includes(token.val);
+        return ['shorter', 'longer', 'increasing', 'decreasing'].includes(token[0].val) && 'hue'.localeCompare(token[1].val, undefined, { sensitivity: 'base' }) == 0;
     }
     function isIdentColor(token) {
         return token.typ == exports.EnumToken.ColorTokenType && [ColorKind.SYS, ColorKind.DPSYS, ColorKind.LIT].includes(token.kin) && isIdent(token.val);
     }
+    function isPercentageToken(token) {
+        return token.typ == exports.EnumToken.PercentageTokenType || (token.typ == exports.EnumToken.NumberTokenType && token.val == '0');
+    }
     function isColor(token) {
+        if (token.typ == exports.EnumToken.ColorTokenType) {
+            return true;
+        }
         if (token.typ == exports.EnumToken.IdenTokenType) {
             // named color
             return token.val.toLowerCase() in COLORS_NAMES;
@@ -4881,79 +5825,80 @@
                     }
                     return true;
                 }
-                else { // @ts-ignore
-                    if (token.val == 'color-mix') {
-                        // @ts-ignore
-                        const children = token.chi.reduce((acc, t) => {
-                            if (t.typ == exports.EnumToken.CommaTokenType) {
-                                acc.push([]);
-                            }
-                            else {
-                                if (![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ)) {
-                                    acc[acc.length - 1].push(t);
-                                }
+                // @ts-ignore
+                else if (token.val == 'color-mix') {
+                    // @ts-ignore
+                    const children = token.chi.reduce((acc, t) => {
+                        if (t.typ == exports.EnumToken.CommaTokenType) {
+                            acc.push([]);
+                        }
+                        else {
+                            if (![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ)) {
+                                acc[acc.length - 1].push(t);
                             }
-                            return acc;
-                        }, [[]]);
-                        if (children.length == 3) {
-                            if (children[0].length > 3 ||
-                                children[0][0].typ != exports.EnumToken.IdenTokenType ||
-                                children[0][0].val != 'in' ||
-                                !isColorspace(children[0][1]) ||
-                                (children[0].length == 3 && !isHueInterpolationMethod(children[0][2])) ||
-                                children[1].length > 2 ||
-                                children[1][0].typ != exports.EnumToken.ColorTokenType ||
-                                children[2].length > 2 ||
-                                children[2][0].typ != exports.EnumToken.ColorTokenType) {
+                        }
+                        return acc;
+                    }, [[]]);
+                    if (children.length == 3) {
+                        if (children[0].length > 4 ||
+                            children[0][0].typ != exports.EnumToken.IdenTokenType ||
+                            'in'.localeCompare(children[0][0].val, undefined, { sensitivity: 'base' }) != 0 ||
+                            !isColorspace(children[0][1]) ||
+                            (children[0].length >= 3 && !isHueInterpolationMethod(children[0].slice(2))) ||
+                            children[1].length > 2 ||
+                            !isColor(children[1][0]) ||
+                            (children[1].length == 2 && !isPercentageToken(children[1][1])) ||
+                            children[2].length > 2 ||
+                            (children[2].length == 2 && !isPercentageToken(children[2][1])) ||
+                            !isColor(children[2][0])) {
+                            return false;
+                        }
+                        if (children[1].length == 2) {
+                            if (!(children[1][1].typ == exports.EnumToken.PercentageTokenType || (children[1][1].typ == exports.EnumToken.NumberTokenType && children[1][1].val == '0'))) {
                                 return false;
                             }
-                            if (children[1].length == 2) {
-                                if (!(children[1][1].typ == exports.EnumToken.PercentageTokenType || (children[1][1].typ == exports.EnumToken.NumberTokenType && children[1][1].val == '0'))) {
-                                    return false;
-                                }
-                            }
-                            if (children[2].length == 2) {
-                                if (!(children[2][1].typ == exports.EnumToken.PercentageTokenType || (children[2][1].typ == exports.EnumToken.NumberTokenType && children[2][1].val == '0'))) {
-                                    return false;
-                                }
+                        }
+                        if (children[2].length == 2) {
+                            if (!(children[2][1].typ == exports.EnumToken.PercentageTokenType || (children[2][1].typ == exports.EnumToken.NumberTokenType && children[2][1].val == '0'))) {
+                                return false;
                             }
-                            return true;
                         }
-                        return false;
+                        return true;
                     }
-                    else {
-                        const keywords = ['from', 'none'];
+                    return false;
+                }
+                else {
+                    const keywords = ['from', 'none'];
+                    // @ts-ignore
+                    if (['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch'].includes(token.val)) {
                         // @ts-ignore
-                        if (['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch'].includes(token.val)) {
-                            // @ts-ignore
-                            keywords.push('alpha', ...token.val.slice(-3).split(''));
+                        keywords.push('alpha', ...token.val.slice(-3).split(''));
+                    }
+                    // @ts-ignore
+                    for (const v of token.chi) {
+                        if (v.typ == exports.EnumToken.CommaTokenType) {
+                            isLegacySyntax = true;
                         }
-                        // @ts-ignore
-                        for (const v of token.chi) {
-                            if (v.typ == exports.EnumToken.CommaTokenType) {
-                                isLegacySyntax = true;
+                        if (v.typ == exports.EnumToken.IdenTokenType) {
+                            if (!(keywords.includes(v.val) || v.val.toLowerCase() in COLORS_NAMES)) {
+                                return false;
                             }
-                            if (v.typ == exports.EnumToken.IdenTokenType) {
-                                if (!(keywords.includes(v.val) || v.val.toLowerCase() in COLORS_NAMES)) {
+                            if (keywords.includes(v.val)) {
+                                if (isLegacySyntax) {
                                     return false;
                                 }
-                                if (keywords.includes(v.val)) {
-                                    if (isLegacySyntax) {
-                                        return false;
-                                    }
-                                    // @ts-ignore
-                                    if (v.val == 'from' && ['rgba', 'hsla'].includes(token.val)) {
-                                        return false;
-                                    }
+                                // @ts-ignore
+                                if (v.val == 'from' && ['rgba', 'hsla'].includes(token.val)) {
+                                    return false;
                                 }
-                                continue;
-                            }
-                            if (v.typ == exports.EnumToken.FunctionTokenType && (mathFuncs.includes(v.val) || v.val == 'var' || colorsFunc.includes(v.val))) {
-                                continue;
-                            }
-                            if (![exports.EnumToken.ColorTokenType, exports.EnumToken.IdenTokenType, exports.EnumToken.NumberTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.CommaTokenType, exports.EnumToken.WhitespaceTokenType, exports.EnumToken.LiteralTokenType].includes(v.typ)) {
-                                return false;
                             }
+                            continue;
+                        }
+                        if (v.typ == exports.EnumToken.FunctionTokenType && (mathFuncs.includes(v.val) || v.val == 'var' || colorsFunc.includes(v.val))) {
+                            continue;
+                        }
+                        if (![exports.EnumToken.ColorTokenType, exports.EnumToken.IdenTokenType, exports.EnumToken.NumberTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.CommaTokenType, exports.EnumToken.WhitespaceTokenType, exports.EnumToken.LiteralTokenType].includes(v.typ)) {
+                            return false;
                         }
                     }
                 }
@@ -16741,7 +17686,7 @@
             }
             const t = parseAtRulePrelude(parseTokens(tokens, { minify: options.minify }), atRule);
             const raw = t.reduce((acc, curr) => {
-                acc.push(renderToken(curr, { removeComments: true }));
+                acc.push(renderToken(curr, { removeComments: true, convertColor: false }));
                 return acc;
             }, []);
             const nam = renderToken(atRule, { removeComments: true });
@@ -16799,6 +17744,7 @@
             else {
                 node.val = node.tokens.reduce((acc, curr) => acc + renderToken(curr, {
                     minify: false,
+                    convertColor: false,
                     removeComments: true
                 }), '');
             }
@@ -17257,42 +18203,53 @@
                     value.typ = exports.EnumToken.ChildCombinatorTokenType;
                 }
                 // @ts-ignore
-                else if (value.typ == exports.EnumToken.WhitespaceTokenType) {
-                    if (nextValue != null && nextValue.typ == exports.EnumToken.LiteralTokenType) {
-                        if (['>', '+', '~'].includes(nextValue.val)) {
-                            switch (value.val) {
-                                case '>':
-                                    // @ts-ignore
-                                    nextValue.typ = exports.EnumToken.ChildCombinatorTokenType;
-                                    break;
-                                case '+':
-                                    // @ts-ignore
-                                    nextValue.typ = exports.EnumToken.NextSiblingCombinatorTokenType;
-                                    break;
-                                case '~':
-                                    // @ts-ignore
-                                    nextValue.typ = exports.EnumToken.SubsequentSiblingCombinatorTokenType;
-                                    break;
-                            }
-                            // @ts-ignore
-                            delete nextValue.val;
-                            continue;
-                        }
-                    }
-                    if (previousValue != null && [
-                        exports.EnumToken.ChildCombinatorTokenType,
-                        exports.EnumToken.DescendantCombinatorTokenType,
-                        exports.EnumToken.NextSiblingCombinatorTokenType,
-                        exports.EnumToken.SubsequentSiblingCombinatorTokenType,
-                        exports.EnumToken.ColumnCombinatorTokenType,
-                        exports.EnumToken.NameSpaceAttributeTokenType,
-                        exports.EnumToken.CommaTokenType
-                    ].includes(previousValue.typ)) {
-                        continue;
-                    }
-                    // @ts-ignore
-                    value.typ = exports.EnumToken.DescendantCombinatorTokenType;
-                }
+                // else if (value.typ == EnumToken.WhitespaceTokenType) {
+                //
+                //     if (nextValue != null && nextValue.typ == EnumToken.LiteralTokenType) {
+                //
+                //         if (['>', '+', '~'].includes((<LiteralToken>nextValue).val)) {
+                //
+                //             switch ((<LiteralToken>value).val) {
+                //
+                //                 case '>':
+                //                     // @ts-ignore
+                //                     nextValue.typ = EnumToken.ChildCombinatorTokenType;
+                //                     break;
+                //
+                //                 case '+':
+                //                     // @ts-ignore
+                //                     nextValue.typ = EnumToken.NextSiblingCombinatorTokenType;
+                //                     break;
+                //
+                //                 case '~':
+                //                     // @ts-ignore
+                //                     nextValue.typ = EnumToken.SubsequentSiblingCombinatorTokenType;
+                //                     break;
+                //             }
+                //
+                //             // @ts-ignore
+                //             delete (<LiteralToken>nextValue).val;
+                //
+                //             continue;
+                //         }
+                //     }
+                //
+                //     if (previousValue != null && [
+                //         EnumToken.ChildCombinatorTokenType,
+                //         EnumToken.DescendantCombinatorTokenType,
+                //         EnumToken.NextSiblingCombinatorTokenType,
+                //         EnumToken.SubsequentSiblingCombinatorTokenType,
+                //         EnumToken.ColumnCombinatorTokenType,
+                //         EnumToken.NameSpaceAttributeTokenType,
+                //         EnumToken.CommaTokenType
+                //     ].includes(previousValue.typ)) {
+                //
+                //         continue;
+                //     }
+                //
+                //     // @ts-ignore
+                //     value.typ = EnumToken.DescendantCombinatorTokenType;
+                // }
                 else if (value.typ == exports.EnumToken.LiteralTokenType) {
                     if (value.val.charAt(0) == '&') {
                         // @ts-ignore
@@ -17311,11 +18268,13 @@
                         }
                     }
                     // @ts-ignore
-                    if (value.typ == exports.EnumToken.DelimTokenType) {
-                        // @ts-ignore
-                        value.typ = exports.EnumToken.NextSiblingCombinatorTokenType;
-                    }
-                    else if (['*', '>', '+', '~'].includes(value.val)) {
+                    // if ((<DelimToken>value).typ == EnumToken.DelimTokenType) {
+                    //
+                    //     // @ts-ignore
+                    //     (<NextSiblingCombinatorToken>value).typ = EnumToken.NextSiblingCombinatorTokenType;
+                    //
+                    // } else
+                    if (['*', '>', '+', '~'].includes(value.val)) {
                         switch (value.val) {
                             case '*':
                                 // @ts-ignore
@@ -17852,29 +18811,33 @@
                         }
                     }
                 }
-                continue;
-            }
-            if (options.parseColor) {
-                if (t.typ == exports.EnumToken.IdenTokenType) {
-                    // named color
-                    const value = t.val.toLowerCase();
-                    if (value in COLORS_NAMES) {
-                        Object.assign(t, {
-                            typ: exports.EnumToken.ColorTokenType,
-                            val: COLORS_NAMES[value].length < value.length ? COLORS_NAMES[value] : value,
-                            kin: ColorKind.HEX
-                        });
-                    }
-                    continue;
-                }
-                if (t.typ == exports.EnumToken.HashTokenType && isHexColor(t.val)) {
-                    // hex color
-                    // @ts-ignore
-                    t.typ = exports.EnumToken.ColorTokenType;
-                    // @ts-ignore
-                    t.kin = ColorKind.HEX;
-                }
+                // continue;
             }
+            // if (options.parseColor) {
+            //
+            //     if (t.typ == EnumToken.IdenTokenType) {
+            //         // named color
+            //         const value: string = (t as IdentToken).val.toLowerCase();
+            //
+            //         if (value in COLORS_NAMES) {
+            //             Object.assign(t, {
+            //                 typ: EnumToken.ColorTokenType,
+            //                 val: COLORS_NAMES[value].length < value.length ? COLORS_NAMES[value] : value,
+            //                 kin: ColorKind.HEX
+            //             });
+            //         }
+            //
+            //         continue;
+            //     }
+            //
+            //     if (t.typ == EnumToken.HashTokenType && isHexColor((t as HashToken).val)) {
+            //         // hex color
+            //         // @ts-ignore
+            //         t.typ = EnumToken.ColorTokenType;
+            //         // @ts-ignore
+            //         (t as ColorToken).kin = ColorKind.HEX;
+            //     }
+            // }
         }
         return tokens;
     }
@@ -18366,7 +19329,7 @@
                                 // @ts-ignore
                                 parent.chi.splice(i, 1, {
                                     typ: exports.EnumToken.CommentTokenType,
-                                    val: `/* ${info.node.nam}: ${info.values.reduce((acc, curr) => acc + renderToken(curr), '')} */`
+                                    val: `/* ${info.node.nam}: ${info.values.reduce((acc, curr) => acc + renderToken(curr, { convertColor: false }), '')} */`
                                 });
                                 break;
                             }
@@ -22157,27 +23120,30 @@
                 relative: path
             };
         }
-        let result;
+        let result = '';
         if (url.charAt(0) == '/') {
             result = url;
         }
         else if (currentDirectory.charAt(0) == '/') {
             result = dirname(currentDirectory) + '/' + url;
         }
-        else if (currentDirectory === '' || dirname(currentDirectory) === '') {
-            result = url;
-        }
-        else {
-            result = dirname(currentDirectory) + '/' + url;
-        }
+        // else if (currentDirectory === '' || dirname(currentDirectory) === '') {
+        //
+        //     result = url;
+        // } else {
+        //
+        //     result = dirname(currentDirectory) + '/' + url;
+        // }
         let { parts, i } = splitPath(result);
-        if (parts.length == 0) {
-            const path = result.charAt(0) == '/' ? '/' : '';
-            return {
-                absolute: path,
-                relative: path
-            };
-        }
+        // if (parts.length == 0) {
+        //
+        //     const path = result.charAt(0) == '/' ? '/' : '';
+        //
+        //     return {
+        //         absolute: path,
+        //         relative: path
+        //     }
+        // }
         const absolute = parts.join('/');
         const { parts: dirs } = splitPath(cwd ?? currentDirectory);
         for (const p of dirs) {
diff --git a/dist/index.cjs b/dist/index.cjs
index b9250c84..d234e147 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -9,6 +9,92 @@ var SyntaxValidationResult;
     SyntaxValidationResult[SyntaxValidationResult["Drop"] = 1] = "Drop";
     SyntaxValidationResult[SyntaxValidationResult["Lenient"] = 2] = "Lenient"; /* preserve unknown at-rules, declarations and pseudo-classes */
 })(SyntaxValidationResult || (SyntaxValidationResult = {}));
+/**
+ * color types enum
+ */
+exports.ColorType = void 0;
+(function (ColorType) {
+    /**
+     * convert color to hex
+     */
+    ColorType[ColorType["HEX"] = 0] = "HEX";
+    /**
+     * convert color to rgb
+     */
+    ColorType[ColorType["RGBA"] = 1] = "RGBA";
+    /**
+     * convert color to hwb
+     */
+    ColorType[ColorType["HWB"] = 2] = "HWB";
+    /**
+     * convert color to hsl
+     */
+    ColorType[ColorType["HSLA"] = 3] = "HSLA";
+    /**
+     * convert color to cmyk
+     */
+    ColorType[ColorType["DEVICE_CMYK"] = 4] = "DEVICE_CMYK";
+    /**
+     * convert color to lch
+     */
+    ColorType[ColorType["LCH"] = 5] = "LCH";
+    /**
+     * convert color to oklch
+     */
+    ColorType[ColorType["OKLCH"] = 6] = "OKLCH";
+    /**
+     * convert color to lab
+     */
+    ColorType[ColorType["LAB"] = 7] = "LAB";
+    /**
+     * convert color to oklab
+     */
+    ColorType[ColorType["OKLAB"] = 8] = "OKLAB";
+    /**
+     * convert color to xyz
+     */
+    ColorType[ColorType["XYZ_D65"] = 9] = "XYZ_D65";
+    /**
+     * convert color to xyz-d50
+     */
+    ColorType[ColorType["XYZ_D50"] = 10] = "XYZ_D50";
+    /**
+     * convert color to srgb
+     */
+    ColorType[ColorType["SRGB"] = 11] = "SRGB";
+    /**
+     * convert color to srgb-linear
+     */
+    ColorType[ColorType["SRGB_LINEAR"] = 12] = "SRGB_LINEAR";
+    /**
+     * convert color to display-p3
+     */
+    ColorType[ColorType["DISPLAY_P3"] = 13] = "DISPLAY_P3";
+    /**
+     * convert color to a98-rgb
+     */
+    ColorType[ColorType["A98_RGB"] = 14] = "A98_RGB";
+    /**
+     * convert color to prophoto-rgb
+     */
+    ColorType[ColorType["PROPHOTO_RGB"] = 15] = "PROPHOTO_RGB";
+    /**
+     * convert color to rec2020
+     */
+    ColorType[ColorType["REC2020"] = 16] = "REC2020";
+    /**
+     * alias for hsl
+     */
+    ColorType[ColorType["HSL"] = 3] = "HSL";
+    /**
+     * alias for rgba
+     */
+    ColorType[ColorType["RGB"] = 1] = "RGB";
+    /**
+     * alias for xyz-d65
+     */
+    ColorType[ColorType["XYZ"] = 9] = "XYZ";
+})(exports.ColorType || (exports.ColorType = {}));
 /**
  * validation level enum
  */
@@ -194,6 +280,8 @@ function multiplyMatrices(A, B) {
     return product;
 }
 
+const colorPrecision = 6;
+const anglePrecision = .001;
 const colorRange = {
     lab: {
         l: [0, 100],
@@ -224,28 +312,28 @@ var ColorKind;
     ColorKind[ColorKind["DPSYS"] = 1] = "DPSYS";
     ColorKind[ColorKind["LIT"] = 2] = "LIT";
     ColorKind[ColorKind["HEX"] = 3] = "HEX";
+    ColorKind[ColorKind["RGBA"] = 4] = "RGBA";
+    ColorKind[ColorKind["HSLA"] = 5] = "HSLA";
+    ColorKind[ColorKind["HWB"] = 6] = "HWB";
+    ColorKind[ColorKind["DEVICE_CMYK"] = 7] = "DEVICE_CMYK";
+    ColorKind[ColorKind["OKLAB"] = 8] = "OKLAB";
+    ColorKind[ColorKind["OKLCH"] = 9] = "OKLCH";
+    ColorKind[ColorKind["LAB"] = 10] = "LAB";
+    ColorKind[ColorKind["LCH"] = 11] = "LCH";
+    ColorKind[ColorKind["COLOR"] = 12] = "COLOR";
+    ColorKind[ColorKind["SRGB"] = 13] = "SRGB";
+    ColorKind[ColorKind["PROPHOTO_RGB"] = 14] = "PROPHOTO_RGB";
+    ColorKind[ColorKind["A98_RGB"] = 15] = "A98_RGB";
+    ColorKind[ColorKind["REC2020"] = 16] = "REC2020";
+    ColorKind[ColorKind["DISPLAY_P3"] = 17] = "DISPLAY_P3";
+    ColorKind[ColorKind["SRGB_LINEAR"] = 18] = "SRGB_LINEAR";
+    ColorKind[ColorKind["XYZ_D50"] = 19] = "XYZ_D50";
+    ColorKind[ColorKind["XYZ_D65"] = 20] = "XYZ_D65";
+    ColorKind[ColorKind["LIGHT_DARK"] = 21] = "LIGHT_DARK";
+    ColorKind[ColorKind["COLOR_MIX"] = 22] = "COLOR_MIX";
     ColorKind[ColorKind["RGB"] = 4] = "RGB";
-    ColorKind[ColorKind["RGBA"] = 5] = "RGBA";
-    ColorKind[ColorKind["HSL"] = 6] = "HSL";
-    ColorKind[ColorKind["HSLA"] = 7] = "HSLA";
-    ColorKind[ColorKind["HWB"] = 8] = "HWB";
-    ColorKind[ColorKind["DEVICE_CMYK"] = 9] = "DEVICE_CMYK";
-    ColorKind[ColorKind["OKLAB"] = 10] = "OKLAB";
-    ColorKind[ColorKind["OKLCH"] = 11] = "OKLCH";
-    ColorKind[ColorKind["LAB"] = 12] = "LAB";
-    ColorKind[ColorKind["LCH"] = 13] = "LCH";
-    ColorKind[ColorKind["COLOR"] = 14] = "COLOR";
-    ColorKind[ColorKind["SRGB"] = 15] = "SRGB";
-    ColorKind[ColorKind["PROPHOTO_RGB"] = 16] = "PROPHOTO_RGB";
-    ColorKind[ColorKind["A98_RGB"] = 17] = "A98_RGB";
-    ColorKind[ColorKind["REC2020"] = 18] = "REC2020";
-    ColorKind[ColorKind["DISPLAY_P3"] = 19] = "DISPLAY_P3";
-    ColorKind[ColorKind["SRGB_LINEAR"] = 20] = "SRGB_LINEAR";
-    ColorKind[ColorKind["XYZ"] = 21] = "XYZ";
-    ColorKind[ColorKind["XYZ_D50"] = 22] = "XYZ_D50";
-    ColorKind[ColorKind["XYZ_D65"] = 23] = "XYZ_D65";
-    ColorKind[ColorKind["LIGHT_DARK"] = 24] = "LIGHT_DARK";
-    ColorKind[ColorKind["COLOR_MIX"] = 25] = "COLOR_MIX";
+    ColorKind[ColorKind["HSL"] = 5] = "HSL";
+    ColorKind[ColorKind["XYZ"] = 20] = "XYZ";
 })(ColorKind || (ColorKind = {}));
 const timelineFunc = ['view', 'scroll'];
 const generalEnclosedFunc = ['selector', 'font-tech', 'font-format', 'media', 'supports'];
@@ -428,193 +516,142 @@ const NAMES_COLORS = Object.seal(Object.entries(COLORS_NAMES).reduce((acc, [key,
     return acc;
 }, Object.create(null)));
 
-function toHexString(acc, value) {
-    return acc + value.toString(16).padStart(2, '0');
-}
-function reduceHexValue(value) {
-    const named_color = NAMES_COLORS[expandHexValue(value)];
-    if (value.length == 7) {
-        if (value[1] == value[2] &&
-            value[3] == value[4] &&
-            value[5] == value[6]) {
-            value = `#${value[1]}${value[3]}${value[5]}`;
-        }
-    }
-    else if (value.length == 9) {
-        if (value[1] == value[2] &&
-            value[3] == value[4] &&
-            value[5] == value[6] &&
-            value[7] == value[8]) {
-            value = `#${value[1]}${value[3]}${value[5]}${value[7]}`;
-        }
+function hex2lchToken(token) {
+    const values = hex2lchvalues(token);
+    if (values == null) {
+        return null;
     }
-    return named_color != null && named_color.length <= value.length ? named_color : value;
+    return lchToken(values);
 }
-function expandHexValue(value) {
-    if (value.length == 4) {
-        return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}`;
-    }
-    if (value.length == 5) {
-        return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}${value[4]}${value[4]}`;
+function rgb2lchToken(token) {
+    const values = rgb2lchvalues(token);
+    if (values == null) {
+        return null;
     }
-    return value;
+    return lchToken(values);
 }
-function rgb2hex(token) {
-    let value = '#';
-    let t;
-    // @ts-ignore
-    const components = getComponents(token);
-    // @ts-ignore
-    for (let i = 0; i < 3; i++) {
-        // @ts-ignore
-        t = components[i];
-        // @ts-ignore
-        value += (t.typ == exports.EnumToken.Iden && t.val == 'none' ? '0' : Math.round(getNumber(t) * (t.typ == exports.EnumToken.PercentageTokenType ? 255 : 1))).toString(16).padStart(2, '0');
-    }
-    // @ts-ignore
-    if (components.length == 4) {
-        // @ts-ignore
-        t = components[3];
-        // @ts-ignore
-        const v = (t.typ == exports.EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
-        // @ts-ignore
-        if (v < 1) {
-            // @ts-ignore
-            value += Math.round(255 * getNumber(t)).toString(16).padStart(2, '0');
-        }
+function hsl2lchToken(token) {
+    const values = hsl2lchvalues(token);
+    if (values == null) {
+        return null;
     }
-    return value;
-}
-function hsl2hex(token) {
-    const t = hsl2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-function hwb2hex(token) {
-    const t = hwb2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-function cmyk2hex(token) {
-    const t = cmyk2rgb(token);
-    return t == null ? null : `#${t.reduce(toHexString, '')}`;
+    return lchToken(values);
 }
-function oklab2hex(token) {
-    const t = oklab2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-function oklch2hex(token) {
-    const value = oklch2rgb(token);
-    if (value == null) {
+function hwb2lchToken(token) {
+    const values = hwb2lchvalues(token);
+    if (values == null) {
         return null;
     }
-    return `${value.reduce(toHexString, '#')}`;
-}
-function lab2hex(token) {
-    const t = lab2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-function lch2hex(token) {
-    const t = lch2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
+    return lchToken(values);
 }
-function srgb2hexvalues(r, g, b, alpha) {
-    return [r, g, b].concat(alpha == null || alpha == 1 ? [] : [alpha]).reduce((acc, value) => acc + minmax(Math.round(255 * value), 0, 255).toString(16).padStart(2, '0'), '#');
+function cmyk2lchToken(token) {
+    const values = cmyk2lchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return lchToken(values);
 }
-
-function getComponents(token) {
-    if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
-        const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
-        // @ts-ignore
-        return value.slice(1).match(/([a-fA-F0-9]{2})/g).map((t) => {
-            return { typ: exports.EnumToken.Number, val: parseInt(t, 16).toString() };
-        });
+function lab2lchToken(token) {
+    const values = lab2lchvalues(token);
+    if (values == null) {
+        return null;
     }
-    const result = [];
-    for (const child of (token.chi)) {
-        if ([
-            exports.EnumToken.LiteralTokenType, exports.EnumToken.CommentTokenType, exports.EnumToken.CommaTokenType, exports.EnumToken.WhitespaceTokenType
-        ].includes(child.typ)) {
-            continue;
-        }
-        if (child.typ == exports.EnumToken.ColorTokenType && child.val.localeCompare('currentcolor', undefined, { sensitivity: 'base' }) == 0) {
-            return null;
-        }
-        result.push(child);
+    return lchToken(values);
+}
+function oklab2lchToken(token) {
+    const values = oklab2lchvalues(token);
+    if (values == null) {
+        return null;
     }
-    return result;
+    return lchToken(values);
 }
-
-function XYZ_to_lin_sRGB(x, y, z) {
-    // convert XYZ to linear-light sRGB
-    const M = [
-        [12831 / 3959, -329 / 214, -1974 / 3959],
-        [-851781 / 878810, 1648619 / 878810, 36519 / 878810],
-        [705 / 12673, -2585 / 12673, 705 / 667],
-    ];
-    const XYZ = [x, y, z]; // convert to XYZ
-    return multiplyMatrices(M, XYZ).map((v) => v);
+function oklch2lchToken(token) {
+    const values = oklch2lchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return lchToken(values);
 }
-function XYZ_D50_to_D65(x, y, z) {
-    // Bradford chromatic adaptation from D50 to D65
-    const M = [
-        [0.9554734527042182, -0.023098536874261423, 0.0632593086610217],
-        [-0.028369706963208136, 1.0099954580058226, 0.021041398966943008],
-        [0.012314001688319899, -0.020507696433477912, 1.3303659366080753]
-    ];
-    const XYZ = [x, y, z];
-    return multiplyMatrices(M, XYZ); //.map((v: number) => v);
+function color2lchToken(token) {
+    const values = color2lchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return lchToken(values);
 }
-function srgb2xyz(r, g, b, alpha) {
-    [r, g, b] = srgb2lsrgbvalues(r, g, b);
-    const rgb = [
-        0.436065742824811 * r +
-            0.3851514688337912 * g +
-            0.14307845442264197 * b,
-        0.22249319175623702 * r +
-            0.7168870538238823 * g +
-            0.06061979053616537 * b,
-        0.013923904500943465 * r +
-            0.09708128566574634 * g +
-            0.7140993584005155 * b
+function lchToken(values) {
+    values[2] = toPrecisionAngle(values[2]);
+    const chi = [
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
     ];
-    if (alpha != null && alpha != 1) {
-        rgb.push(alpha);
+    if (values.length == 4) {
+        chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, { typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
     }
-    return rgb;
+    return {
+        typ: exports.EnumToken.ColorTokenType,
+        val: 'lch',
+        chi,
+        kin: ColorKind.LCH
+    };
 }
-
-function hex2lch(token) {
+function hex2lchvalues(token) {
+    const values = hex2labvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...hex2lab(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
-function rgb2lch(token) {
+function rgb2lchvalues(token) {
+    const values = rgb2labvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...rgb2lab(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
-function hsl2lch(token) {
+function hsl2lchvalues(token) {
+    const values = hsl2labvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...hsl2lab(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
-function hwb2lch(token) {
+function hwb2lchvalues(token) {
+    const values = hwb2labvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...hwb2lab(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
-function lab2lch(token) {
+function lab2lchvalues(token) {
+    const values = getLABComponents(token);
     // @ts-ignore
-    return lab2lchvalues(...getLABComponents(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
 function srgb2lch(r, g, blue, alpha) {
     // @ts-ignore
-    return lab2lchvalues(...srgb2lab(r, g, blue, alpha));
+    return labvalues2lchvalues(...srgb2labvalues(r, g, blue, alpha));
 }
-function oklab2lch(token) {
+function oklab2lchvalues(token) {
+    const values = oklab2labvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...oklab2lab(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
-function oklch2lch(token) {
+function cmyk2lchvalues(token) {
+    const values = cmyk2srgbvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...oklch2lab(token));
+    return values == null ? null : srgb2lch(...values);
 }
-function lab2lchvalues(l, a, b, alpha = null) {
+function oklch2lchvalues(token) {
+    const values = oklch2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return labvalues2lchvalues(...values);
+}
+function color2lchvalues(token) {
+    const values = color2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return srgb2lch(...values);
+}
+function labvalues2lchvalues(l, a, b, alpha = null) {
     let c = Math.sqrt(a * a + b * b);
     let h = Math.atan2(b, a) * 180 / Math.PI;
     if (h < 0) {
@@ -627,7 +664,7 @@ function lab2lchvalues(l, a, b, alpha = null) {
 }
 function xyz2lchvalues(x, y, z, alpha) {
     // @ts-ignore(
-    const lch = lab2lchvalues(...xyz2lab(x, y, z));
+    const lch = labvalues2lchvalues(...xyz2lab(x, y, z));
     return alpha == null || alpha == 1 ? lch : lch.concat(alpha);
 }
 function getLCHComponents(token) {
@@ -659,94 +696,372 @@ function getLCHComponents(token) {
     return alpha == null ? [l, c, h] : [l, c, h, alpha];
 }
 
-function hex2oklch(token) {
+/*
+*/
+function xyzd502lch(x, y, z, alpha) {
     // @ts-ignore
-    return lab2lchvalues(...hex2oklab(token));
+    const [l, a, b] = xyz2lab(...XYZ_D50_to_D65(x, y, z));
+    // L in range [0,100]. For use in CSS, add a percent
+    return labvalues2lchvalues(l, a, b, alpha);
 }
-function rgb2oklch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...rgb2oklab(token));
+function XYZ_D65_to_D50(x, y, z, alpha = null) {
+    // Bradford chromatic adaptation from D65 to D50
+    // The matrix below is the result of three operations:
+    // - convert from XYZ to retinal cone domain
+    // - scale components from one reference white to another
+    // - convert back to XYZ
+    // see https://github.com/LeaVerou/color.js/pull/354/files
+    let M = [
+        [1.0479297925449969, 0.022946870601609652, -0.05019226628920524],
+        [0.02962780877005599, 0.9904344267538799, -0.017073799063418826],
+        [-0.009243040646204504, 0.015055191490298152, 0.7518742814281371]
+    ];
+    return multiplyMatrices(M, [x, y, z]).concat(alpha == null || alpha == 1 ? [] : [alpha]);
 }
-function hsl2oklch(token) {
+function xyzd502srgb(x, y, z, alpha = null) {
     // @ts-ignore
-    return lab2lchvalues(...hsl2oklab(token));
+    return lsrgb2srgbvalues(
+    /* r: */
+    x * 3.1341359569958707 -
+        y * 1.6173863321612538 -
+        0.4906619460083532 * z, 
+    /*  g: */
+    x * -0.978795502912089 +
+        y * 1.916254567259524 +
+        0.03344273116131949 * z, 
+    /*    b: */
+    x * 0.07195537988411677 -
+        y * 0.2289768264158322 +
+        1.405386058324125 * z, alpha);
 }
-function hwb2oklch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...hwb2oklab(token));
+
+function XYZ_to_lin_sRGB(x, y, z, alpha = null) {
+    // convert XYZ to linear-light sRGB
+    const M = [
+        [12831 / 3959, -329 / 214, -1974 / 3959],
+        [-851781 / 878810, 1648619 / 878810, 36519 / 878810],
+        [705 / 12673, -2585 / 12673, 705 / 667],
+    ];
+    const XYZ = [x, y, z]; // convert to XYZ
+    return multiplyMatrices(M, XYZ).map((v) => v).concat(alpha == null || alpha == 1 ? [] : [alpha]);
 }
-function lab2oklch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...lab2oklab(token));
+function XYZ_D50_to_D65(x, y, z) {
+    // Bradford chromatic adaptation from D50 to D65
+    const M = [
+        [0.9554734527042182, -0.023098536874261423, 0.0632593086610217],
+        [-0.028369706963208136, 1.0099954580058226, 0.021041398966943008],
+        [0.012314001688319899, -0.020507696433477912, 1.3303659366080753]
+    ];
+    const XYZ = [x, y, z];
+    return multiplyMatrices(M, XYZ); //.map((v: number) => v);
 }
-function lch2oklch(token) {
-    // @ts-ignore
-    return lab2lchvalues(...lch2oklab(token));
+// xyz d65
+function srgb2xyz(r, g, b, alpha) {
+    [r, g, b] = srgb2lsrgbvalues(r, g, b);
+    // xyx d65
+    let rgb = [
+        0.4123907992659595 * r +
+            0.35758433938387796 * g +
+            0.1804807884018343 * b,
+        0.21263900587151036 * r +
+            0.7151686787677559 * g +
+            0.07219231536073371 * b,
+        0.01933081871559185 * r +
+            0.11919477979462599 * g +
+            0.9505321522496606 * b
+    ];
+    if (alpha != null && alpha != 1) {
+        rgb.push(alpha);
+    }
+    return rgb;
 }
-function oklab2oklch(token) {
+// xyz d50
+function srgb2xyz_d50(r, g, b, alpha) {
+    // xyx d65
     // @ts-ignore
-    return lab2lchvalues(...getOKLABComponents(token));
+    let rgb = XYZ_D65_to_D50(...srgb2xyz(r, g, b));
+    if (alpha != null && alpha != 1) {
+        rgb.push(alpha);
+    }
+    return rgb;
 }
-function srgb2oklch(r, g, blue, alpha) {
-    // @ts-ignore
-    return lab2lchvalues(...srgb2oklab(r, g, blue, alpha));
+
+function hex2oklchToken(token) {
+    const values = hex2oklchvalues(token);
+    return oklchToken(values);
 }
-function getOKLCHComponents(token) {
-    const components = getComponents(token);
-    if (components == null) {
+function rgb2oklchToken(token) {
+    const values = rgb2oklchvalues(token);
+    if (values == null) {
         return null;
     }
-    for (let i = 0; i < components.length; i++) {
-        if (![exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.IdenTokenType].includes(components[i].typ)) {
-            return [];
-        }
+    return oklchToken(values);
+}
+function hsl2oklchToken(token) {
+    const values = hsl2oklchvalues(token);
+    if (values == null) {
+        return null;
     }
-    // @ts-ignore
-    let t = components[0];
-    // @ts-ignore
-    const l = getNumber(t);
-    // @ts-ignore
-    t = components[1];
-    // @ts-ignore
-    const c = getNumber(t) * (t.typ == exports.EnumToken.PercentageTokenType ? .4 : 1);
-    // @ts-ignore
-    t = components[2];
-    // @ts-ignore
-    const h = getAngle(t) * 360;
-    // @ts-ignore
-    t = components[3];
-    // @ts-ignore
-    const alpha = t == null || (t.typ == exports.EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
-    return [l, c, h, alpha];
+    return oklchToken(values);
+}
+function hwb2oklchToken(token) {
+    const values = hwb2oklchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklchToken(values);
+}
+function lab2oklchToken(token) {
+    const values = lab2oklchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklchToken(values);
+}
+function oklab2oklchToken(token) {
+    const values = oklab2oklchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklchToken(values);
+}
+function lch2oklchToken(token) {
+    const values = lch2oklchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklchToken(values);
+}
+function color2oklchToken(token) {
+    const values = color2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return oklchToken(srgb2oklch(...values));
+}
+function oklchToken(values) {
+    values[2] = toPrecisionAngle(values[2]);
+    const chi = [
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
+    ];
+    if (values.length == 4) {
+        chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, {
+            typ: exports.EnumToken.PercentageTokenType,
+            val: (values[3] * 100).toFixed()
+        });
+    }
+    return {
+        typ: exports.EnumToken.ColorTokenType,
+        val: 'oklch',
+        chi,
+        kin: ColorKind.OKLCH
+    };
+}
+function hex2oklchvalues(token) {
+    // @ts-ignore
+    return labvalues2lchvalues(...hex2oklabvalues(token));
+}
+function rgb2oklchvalues(token) {
+    const values = rgb2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return labvalues2lchvalues(...values);
+}
+function hsl2oklchvalues(token) {
+    // @ts-ignore
+    return labvalues2lchvalues(...hsl2oklabvalues(token));
+}
+function hwb2oklchvalues(token) {
+    // @ts-ignore
+    return labvalues2lchvalues(...hwb2oklabvalues(token));
+}
+function lab2oklchvalues(token) {
+    // @ts-ignore
+    return labvalues2lchvalues(...lab2oklabvalues(token));
+}
+function lch2oklchvalues(token) {
+    // @ts-ignore
+    return labvalues2lchvalues(...lch2oklabvalues(token));
+}
+function oklab2oklchvalues(token) {
+    // @ts-ignore
+    return labvalues2lchvalues(...getOKLABComponents(token));
+}
+function srgb2oklch(r, g, blue, alpha) {
+    // @ts-ignore
+    return labvalues2lchvalues(...srgb2oklab(r, g, blue, alpha));
+}
+function getOKLCHComponents(token) {
+    const components = getComponents(token);
+    if (components == null) {
+        return null;
+    }
+    for (let i = 0; i < components.length; i++) {
+        if (![exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.IdenTokenType].includes(components[i].typ)) {
+            return [];
+        }
+    }
+    // @ts-ignore
+    let t = components[0];
+    // @ts-ignore
+    const l = getNumber(t);
+    // @ts-ignore
+    t = components[1];
+    // @ts-ignore
+    const c = getNumber(t) * (t.typ == exports.EnumToken.PercentageTokenType ? .4 : 1);
+    // @ts-ignore
+    t = components[2];
+    // @ts-ignore
+    const h = getAngle(t) * 360;
+    // @ts-ignore
+    t = components[3];
+    // @ts-ignore
+    const alpha = t == null || (t.typ == exports.EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
+    return [l, c, h, alpha];
 }
 
-function hex2oklab(token) {
+function hex2oklabToken(token) {
+    const values = hex2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function rgb2oklabToken(token) {
+    const values = rgb2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function hsl2oklabToken(token) {
+    const values = hsl2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function hwb2oklabToken(token) {
+    const values = hwb2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function cmyk2oklabToken(token) {
+    const values = cmyk2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function lab2oklabToken(token) {
+    const values = lab2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function lch2oklabToken(token) {
+    const values = lch2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function oklch2oklabToken(token) {
+    const values = oklch2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function color2oklabToken(token) {
+    const values = color2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function oklabToken(values) {
+    const chi = [
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
+    ];
+    if (values.length == 4) {
+        chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, {
+            typ: exports.EnumToken.PercentageTokenType,
+            val: (values[3] * 100).toFixed()
+        });
+    }
+    return {
+        typ: exports.EnumToken.ColorTokenType,
+        val: 'oklab',
+        chi,
+        kin: ColorKind.OKLAB
+    };
+}
+function hex2oklabvalues(token) {
+    const values = hex2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return srgb2oklab(...values);
+}
+function rgb2oklabvalues(token) {
+    const values = rgb2srgb(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return srgb2oklab(...values);
+}
+function hsl2oklabvalues(token) {
+    const values = hsl2srgb(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2oklab(...hex2srgb(token));
+    return srgb2oklab(...values);
 }
-function rgb2oklab(token) {
+function hwb2oklabvalues(token) {
     // @ts-ignore
-    return srgb2oklab(...rgb2srgb(token));
+    return srgb2oklab(...hwb2srgbvalues(token));
 }
-function hsl2oklab(token) {
+function cmyk2oklabvalues(token) {
+    const values = cmyk2srgbvalues(token);
     // @ts-ignore
-    return srgb2oklab(...hsl2srgb(token));
+    return values == null ? null : srgb2oklab(...values);
 }
-function hwb2oklab(token) {
+function lab2oklabvalues(token) {
+    const values = lab2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2oklab(...hwb2srgb(token));
+    return srgb2oklab(...values);
 }
-function lab2oklab(token) {
+function lch2oklabvalues(token) {
+    const values = lch2srgbvalues(token);
     // @ts-ignore
-    return srgb2oklab(...lab2srgb(token));
+    return values == null ? null : srgb2oklab(...values);
 }
-function lch2oklab(token) {
+function oklch2oklabvalues(token) {
+    const values = getOKLCHComponents(token);
     // @ts-ignore
-    return srgb2oklab(...lch2srgb(token));
+    return values == null ? null : lchvalues2labvalues(...values);
 }
-function oklch2oklab(token) {
+function color2oklabvalues(token) {
+    const values = color2srgbvalues(token);
     // @ts-ignore
-    return lch2labvalues(...getOKLCHComponents(token));
+    return values == null ? null : srgb2oklab(...values);
 }
 function srgb2oklab(r, g, blue, alpha) {
     [r, g, blue] = srgb2lsrgbvalues(r, g, blue);
@@ -756,18 +1071,13 @@ function srgb2oklab(r, g, blue, alpha) {
     const l = 0.2104542553 * L + 0.793617785 * M - 0.0040720468 * S;
     const a = r == g && g == blue ? 0 : 1.9779984951 * L - 2.428592205 * M + 0.4505937099 * S;
     const b = r == g && g == blue ? 0 : 0.0259040371 * L + 0.7827717662 * M - 0.808675766 * S;
-    return alpha == null ? [l, a, b] : [l, a, b, alpha];
+    return alpha == null || alpha == 1 ? [l, a, b] : [l, a, b, alpha];
 }
 function getOKLABComponents(token) {
     const components = getComponents(token);
-    if (components == null) {
+    if (components == null || components.length < 3) {
         return null;
     }
-    for (let i = 0; i < components.length; i++) {
-        if (![exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.IdenTokenType].includes(components[i].typ)) {
-            return null;
-        }
-    }
     // @ts-ignore
     let t = components[0];
     // @ts-ignore
@@ -781,9 +1091,10 @@ function getOKLABComponents(token) {
     // @ts-ignore
     const b = getNumber(t) * (t.typ == exports.EnumToken.PercentageTokenType ? .4 : 1);
     // @ts-ignore
-    t = components[3];
-    // @ts-ignore
-    const alpha = t == null || (t.typ == exports.EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
+    let alpha = null;
+    if (components.length > 3) {
+        alpha = getNumber(components[3]);
+    }
     const rgb = [l, a, b];
     if (alpha != 1 && alpha != null) {
         rgb.push(alpha);
@@ -835,78 +1146,141 @@ function OKLab_to_sRGB(l, a, b) {
         1.7076147009309444 * S);
 }
 
-/*
-*/
-function xyzd502lch(x, y, z, alpha) {
-    // @ts-ignore
-    const [l, a, b] = xyz2lab(...XYZ_D50_to_D65(x, y, z));
-    // L in range [0,100]. For use in CSS, add a percent
-    return lab2lchvalues(l, a, b, alpha);
+function hex2labToken(token) {
+    return labToken(hex2labvalues(token));
 }
-function XYZ_D65_to_D50(x, y, z) {
-    // Bradford chromatic adaptation from D65 to D50
-    // The matrix below is the result of three operations:
-    // - convert from XYZ to retinal cone domain
-    // - scale components from one reference white to another
-    // - convert back to XYZ
-    // see https://github.com/LeaVerou/color.js/pull/354/files
-    var M = [
-        [1.0479297925449969, 0.022946870601609652, -0.05019226628920524],
-        [0.02962780877005599, 0.9904344267538799, -0.017073799063418826],
-        [-0.009243040646204504, 0.015055191490298152, 0.7518742814281371]
-    ];
-    return multiplyMatrices(M, [x, y, z]);
+function rgb2labToken(token) {
+    const values = rgb2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
 }
-function xyzd502srgb(x, y, z) {
-    // @ts-ignore
-    return lsrgb2srgbvalues(
-    /* r: */
-    x * 3.1341359569958707 -
-        y * 1.6173863321612538 -
-        0.4906619460083532 * z, 
-    /*  g: */
-    x * -0.978795502912089 +
-        y * 1.916254567259524 +
-        0.03344273116131949 * z, 
-    /*    b: */
-    x * 0.07195537988411677 -
-        y * 0.2289768264158322 +
-        1.405386058324125 * z);
+function hsl2labToken(token) {
+    const values = hsl2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function hwb2labToken(token) {
+    const values = hwb2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function cmyk2labToken(token) {
+    const values = cmyk2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function lch2labToken(token) {
+    const values = lch2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function oklab2labToken(token) {
+    const values = oklab2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function oklch2labToken(token) {
+    const values = oklch2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function color2labToken(token) {
+    const values = color2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function labToken(values) {
+    const chi = [
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
+    ];
+    if (values.length == 4) {
+        chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, { typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+    }
+    return {
+        typ: exports.EnumToken.ColorTokenType,
+        val: 'lab',
+        chi,
+        kin: ColorKind.LAB
+    };
 }
-
 // L: 0% = 0.0, 100% = 100.0
 // for a and b: -100% = -125, 100% = 125
-function hex2lab(token) {
-    //  @ts-ignore
-    return srgb2lab(...hex2srgb(token));
+function hex2labvalues(token) {
+    // @ts-ignore
+    return srgb2labvalues(...hex2srgbvalues(token));
 }
-function rgb2lab(token) {
+function rgb2labvalues(token) {
+    const values = rgb2srgb(token);
     // @ts-ignore
-    return srgb2lab(...rgb2srgb(token));
+    return values == null ? null : srgb2labvalues(...values);
 }
-function hsl2lab(token) {
+function cmyk2labvalues(token) {
+    const values = cmyk2srgbvalues(token);
     // @ts-ignore
-    return srgb2lab(...hsl2srgb(token));
+    return values == null ? null : srgb2labvalues(...values);
 }
-function hwb2lab(token) {
+function hsl2labvalues(token) {
+    const values = hsl2srgb(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return srgb2labvalues(...values);
+}
+function hwb2labvalues(token) {
     // @ts-ignore
-    return srgb2lab(...hwb2srgb(token));
+    return srgb2labvalues(...hwb2srgbvalues(token));
 }
-function lch2lab(token) {
+function lch2labvalues(token) {
+    const values = getLCHComponents(token);
+    // @ts-ignore
+    return values == null ? null : lchvalues2labvalues(...values);
+}
+function oklab2labvalues(token) {
+    const values = getOKLABComponents(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return lch2labvalues(...getLCHComponents(token));
+    return xyz2lab(...XYZ_D65_to_D50(...OKLab_to_XYZ(...values)));
 }
-function oklab2lab(token) {
+function oklch2labvalues(token) {
+    const values = oklch2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return xyz2lab(...OKLab_to_XYZ(...getOKLABComponents(token)));
+    return srgb2labvalues(...values);
 }
-function oklch2lab(token) {
+function color2labvalues(token) {
+    const val = color2srgbvalues(token);
+    if (val == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2lab(...oklch2srgb(token));
+    return srgb2labvalues(...val);
 }
-function srgb2lab(r, g, b, a) {
+function srgb2labvalues(r, g, b, a) {
     // @ts-ignore */
-    const result = xyz2lab(...srgb2xyz(r, g, b));
+    const result = xyz2lab(...srgb2xyz_d50(r, g, b));
     // Fixes achromatic RGB colors having a _slight_ chroma due to floating-point errors
     // and approximated computations in sRGB <-> CIELab.
     // See: https://github.com/d3/d3-color/pull/46
@@ -938,7 +1312,7 @@ function xyz2lab(x, y, z, a = null) {
     }
     return result;
 }
-function lch2labvalues(l, c, h, a = null) {
+function lchvalues2labvalues(l, c, h, a = null) {
     // l, c * Math.cos(360 * h * Math.PI / 180), c * Math.sin(360 * h * Math.PI / 180
     const result = [l, c * Math.cos(h * Math.PI / 180), c * Math.sin(h * Math.PI / 180)];
     if (a != null) {
@@ -981,6 +1355,12 @@ function getLABComponents(token) {
 // from https://www.w3.org/TR/css-color-4/#color-conversion-code
 // D50 LAB
 function Lab_to_sRGB(l, a, b) {
+    const xyz_d50 = Lab_to_XYZ(l, a, b);
+    // @ts-ignore
+    const xyz_d65 = XYZ_D50_to_D65(...xyz_d50);
+    // @ts-ignore
+    const lin_srgb = XYZ_to_lin_sRGB(...xyz_d65);
+    lin_srgb.map((value, i) => value > 0.0031308 ? 1.055 * Math.pow(value, 1 / 2.4) - 0.055 : 12.92 * value);
     // @ts-ignore
     return xyzd502srgb(...Lab_to_XYZ(l, a, b));
 }
@@ -1012,7 +1392,7 @@ function srgbvalues(token) {
     switch (token.kin) {
         case ColorKind.LIT:
         case ColorKind.HEX:
-            return hex2srgb(token);
+            return hex2srgbvalues(token);
         case ColorKind.RGB:
         case ColorKind.RGBA:
             return rgb2srgb(token);
@@ -1020,15 +1400,15 @@ function srgbvalues(token) {
         case ColorKind.HSLA:
             return hsl2srgb(token);
         case ColorKind.HWB:
-            return hwb2srgb(token);
+            return hwb2srgbvalues(token);
         case ColorKind.LAB:
-            return lab2srgb(token);
+            return lab2srgbvalues(token);
         case ColorKind.LCH:
-            return lch2srgb(token);
+            return lch2srgbvalues(token);
         case ColorKind.OKLAB:
-            return oklab2srgb(token);
+            return oklab2srgbvalues(token);
         case ColorKind.OKLCH:
-            return oklch2srgb(token);
+            return oklch2srgbvalues(token);
         case ColorKind.COLOR:
             return color2srgbvalues(token);
     }
@@ -1037,24 +1417,31 @@ function srgbvalues(token) {
 function rgb2srgb(token) {
     return getComponents(token)?.map?.((t, index) => index == 3 ? ((t.typ == exports.EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t)) : (t.typ == exports.EnumToken.PercentageTokenType ? 255 : 1) * getNumber(t) / 255) ?? null;
 }
-function hex2srgb(token) {
+function rgb2srgbvalues(token) {
+    return getComponents(token)?.map?.((t, index) => index == 3 ? getNumber(t) : getNumber(t) / 255) ?? null;
+}
+function hex2srgbvalues(token) {
     const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
     const rgb = [];
     for (let i = 1; i < value.length; i += 2) {
         rgb.push(parseInt(value.slice(i, i + 2), 16) / 255);
     }
+    if (rgb.length == 4) {
+        rgb[3] = +rgb[3].toFixed(2);
+    }
     return rgb;
 }
-function xyz2srgb(x, y, z) {
+// xyz d65 input
+function xyz2srgb(x, y, z, alpha = null) {
     // @ts-ignore
-    return lsrgb2srgbvalues(...XYZ_to_lin_sRGB(x, y, z));
+    return lsrgb2srgbvalues(...XYZ_to_lin_sRGB(x, y, z, alpha));
 }
-function hwb2srgb(token) {
+function hwb2srgbvalues(token) {
     const { h: hue, s: white, l: black, a: alpha } = hslvalues(token) ?? {};
     if (hue == null || white == null || black == null) {
         return [];
     }
-    const rgb = hsl2srgbvalues(hue, 1, .5);
+    const rgb = hslvalues2srgbvalues(hue, 1, .5);
     for (let i = 0; i < 3; i++) {
         rgb[i] *= (1 - white - black);
         rgb[i] = rgb[i] + white;
@@ -1069,9 +1456,9 @@ function hsl2srgb(token) {
     if (h == null || s == null || l == null) {
         return null;
     }
-    return hsl2srgbvalues(h, s, l, a);
+    return hslvalues2srgbvalues(h, s, l, a);
 }
-function cmyk2srgb(token) {
+function cmyk2srgbvalues(token) {
     const components = getComponents(token);
     if (components == null) {
         return null;
@@ -1097,16 +1484,21 @@ function cmyk2srgb(token) {
         1 - Math.min(1, m * (1 - k) + k),
         1 - Math.min(1, y * (1 - k) + k)
     ];
-    // @ts-ignore
-    if (token.chi.length >= 9) {
-        // @ts-ignore
-        t = token.chi[8];
-        // @ts-ignore
-        rgb.push(getNumber(t));
+    if (components.length == 5) {
+        rgb.push(getNumber(components[4]));
     }
+    // @ts-ignore
+    // if (token.chi.length >= 9) {
+    //
+    //     // @ts-ignore
+    //     t = <NumberToken | PercentageToken>token.chi[8];
+    //
+    //     // @ts-ignore
+    //     rgb.push(getNumber(t));
+    // }
     return rgb;
 }
-function oklab2srgb(token) {
+function oklab2srgbvalues(token) {
     const [l, a, b, alpha] = getOKLABComponents(token) ?? [];
     if (l == null || a == null || b == null) {
         return null;
@@ -1117,13 +1509,13 @@ function oklab2srgb(token) {
     }
     return rgb;
 }
-function oklch2srgb(token) {
+function oklch2srgbvalues(token) {
     const [l, c, h, alpha] = getOKLCHComponents(token) ?? [];
     if (l == null || c == null || h == null) {
         return null;
     }
     // @ts-ignore
-    const rgb = OKLab_to_sRGB(...lch2labvalues(l, c, h));
+    const rgb = OKLab_to_sRGB(...lchvalues2labvalues(l, c, h));
     if (alpha != 1) {
         rgb.push(alpha);
     }
@@ -1154,7 +1546,7 @@ function hslvalues(token) {
     }
     return a == null ? { h, s, l } : { h, s, l, a };
 }
-function hsl2srgbvalues(h, s, l, a = null) {
+function hslvalues2srgbvalues(h, s, l, a = null) {
     let v = l <= .5 ? l * (1.0 + s) : l + s - l * s;
     let r = l;
     let g = l;
@@ -1207,7 +1599,7 @@ function hsl2srgbvalues(h, s, l, a = null) {
     }
     return values;
 }
-function lab2srgb(token) {
+function lab2srgbvalues(token) {
     const [l, a, b, alpha] = getLABComponents(token) ?? [];
     if (l == null || a == null || b == null) {
         return null;
@@ -1218,9 +1610,9 @@ function lab2srgb(token) {
     }
     return rgb;
 }
-function lch2srgb(token) {
+function lch2srgbvalues(token) {
     // @ts-ignore
-    const [l, a, b, alpha] = lch2labvalues(...getLCHComponents(token));
+    const [l, a, b, alpha] = lchvalues2labvalues(...getLCHComponents(token));
     if (l == null || a == null || b == null) {
         return null;
     }
@@ -1251,7 +1643,7 @@ function srgb2lsrgbvalues(r, g, b, a = null) {
     }
     return rgb;
 }
-function lsrgb2srgbvalues(r, g, b, alpha) {
+function lsrgb2srgbvalues(r, g, b, alpha = null) {
     // convert an array of linear-light sRGB values in the range 0.0-1.0
     // to gamma corrected form
     // https://en.wikipedia.org/wiki/SRGB
@@ -1271,41 +1663,319 @@ function lsrgb2srgbvalues(r, g, b, alpha) {
     return rgb;
 }
 
-function srgb2rgb(value) {
-    return minmax(Math.round(value * 255), 0, 255);
+function toHexString(acc, value) {
+    return acc + value.toString(16).padStart(2, '0');
 }
-function hex2rgb(token) {
-    const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
-    const rgb = [];
-    for (let i = 1; i < value.length; i += 2) {
-        rgb.push(parseInt(value.slice(i, i + 2), 16));
+function reduceHexValue(value) {
+    if (value[0] != '#') {
+        value = COLORS_NAMES[value.toLowerCase()] ?? value;
     }
-    return rgb;
-}
-function hwb2rgb(token) {
-    return hwb2srgb(token)?.map?.(srgb2rgb) ?? null;
-}
-function hsl2rgb(token) {
-    let { h, s, l, a } = hslvalues(token) ?? {};
-    if (h == null || s == null || l == null) {
-        return null;
+    const named_color = NAMES_COLORS[expandHexValue(value)];
+    if (value.length == 7) {
+        if (value[1] == value[2] &&
+            value[3] == value[4] &&
+            value[5] == value[6]) {
+            value = `#${value[1]}${value[3]}${value[5]}`;
+        }
     }
-    return hsl2srgbvalues(h, s, l, a).map((t) => minmax(Math.round(t * 255), 0, 255));
-}
-function cmyk2rgb(token) {
-    return cmyk2srgb(token)?.map?.(srgb2rgb) ?? null;
+    else if (value.length == 9) {
+        if (value[1] == value[2] &&
+            value[3] == value[4] &&
+            value[5] == value[6] &&
+            value[7] == value[8]) {
+            value = `#${value[1]}${value[3]}${value[5]}${value[7] == 'f' ? '' : value[7]}`;
+        }
+    }
+    return named_color != null && named_color.length <= value.length ? named_color : value;
+}
+function expandHexValue(value) {
+    if (value.length == 4) {
+        return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}`;
+    }
+    if (value.length == 5) {
+        return `#${value[1]}${value[1]}${value[2]}${value[2]}${value[3]}${value[3]}${value[4]}${value[4]}`;
+    }
+    return value;
+}
+function rgb2HexToken(token) {
+    let value = rgb2hexvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value);
+}
+function hsl2HexToken(token) {
+    let value = hsl2hexvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value);
+}
+function cmyk2HexToken(token) {
+    let value = cmyk2hexvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value);
+}
+function hwb2HexToken(token) {
+    let value = hwb2hexvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value);
+}
+function color2HexToken(token) {
+    let value = color2srgbvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
+function oklab2HexToken(token) {
+    let value = oklab2srgbvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
+function oklch2HexToken(token) {
+    let value = oklch2srgbvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
+function lab2HexToken(token) {
+    let value = lab2srgbvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
+function lch2HexToken(token) {
+    let value = lch2srgbvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
+function hexToken(value) {
+    value = reduceHexValue(value);
+    return {
+        typ: exports.EnumToken.ColorTokenType,
+        val: value,
+        kin: value[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+    };
+}
+function rgb2hexvalues(token) {
+    let value = '#';
+    let t;
+    // @ts-ignore
+    const components = getComponents(token);
+    if (components == null || components.length < 3) {
+        return null;
+    }
+    // @ts-ignore
+    for (let i = 0; i < 3; i++) {
+        // @ts-ignore
+        t = components[i];
+        // @ts-ignore
+        value += (t.typ == exports.EnumToken.Iden && t.val == 'none' ? '0' : Math.round(getNumber(t) * (t.typ == exports.EnumToken.PercentageTokenType ? 255 : 1))).toString(16).padStart(2, '0');
+    }
+    // @ts-ignore
+    if (components.length == 4) {
+        // @ts-ignore
+        t = components[3];
+        // @ts-ignore
+        const v = getNumber(t);
+        // @ts-ignore
+        if (v < 1) {
+            // @ts-ignore
+            value += Math.round(255 * getNumber(t)).toString(16).padStart(2, '0');
+        }
+    }
+    return value;
+}
+function hsl2hexvalues(token) {
+    const t = hsl2rgbvalues(token);
+    if (t == null) {
+        return null;
+    }
+    if (t.length == 4) {
+        t[3] = srgb2rgb(t[3]);
+    }
+    return `${t.reduce(toHexString, '#')}`;
+}
+function hwb2hexvalues(token) {
+    const t = hwb2rgbvalues(token);
+    if (t == null) {
+        return null;
+    }
+    if (t.length == 4) {
+        t[3] = srgb2rgb(t[3]);
+    }
+    return `${t.reduce(toHexString, '#')}`;
+}
+function cmyk2hexvalues(token) {
+    const t = cmyk2rgbvalues(token);
+    if (t == null) {
+        return null;
+    }
+    if (t.length == 4) {
+        t[3] = srgb2rgb(t[3]);
+    }
+    return `#${t.reduce(toHexString, '')}`;
+}
+
+function getComponents(token) {
+    if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
+        const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+        // @ts-ignore
+        return value.slice(1).match(/([a-fA-F0-9]{2})/g).map((t, index) => {
+            return { typ: exports.EnumToken.Number, val: (index < 3 ? parseInt(t, 16) : parseInt(t, 16) / 255).toString() };
+        });
+    }
+    const result = [];
+    for (const child of (token.chi)) {
+        if ([
+            exports.EnumToken.LiteralTokenType, exports.EnumToken.CommentTokenType, exports.EnumToken.CommaTokenType, exports.EnumToken.WhitespaceTokenType
+        ].includes(child.typ)) {
+            continue;
+        }
+        if (child.typ == exports.EnumToken.ColorTokenType && child.val.localeCompare('currentcolor', undefined, { sensitivity: 'base' }) == 0) {
+            return null;
+        }
+        result.push(child);
+    }
+    return result;
+}
+
+function srgb2rgb(value) {
+    return minmax(Math.round(value * 255), 0, 255);
+}
+function hex2RgbToken(token) {
+    return rgb2RgbToken(hex2rgbvalues(token));
+}
+function hsl2RgbToken(token) {
+    const values = hsl2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values);
+}
+function hwb2RgbToken(token) {
+    const values = hwb2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values);
+}
+function cmyk2RgbToken(token) {
+    const values = cmyk2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values);
+}
+function oklab2RgbToken(token) {
+    const values = oklab2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values);
+}
+function oklch2RgbToken(token) {
+    const values = oklch2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values);
+}
+function lab2RgbToken(token) {
+    const values = lab2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values);
+}
+function lch2RgbToken(token) {
+    const values = lch2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values);
+}
+function color2RgbToken(token) {
+    const values = color2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values.map((t, index) => index == 3 ? t : srgb2rgb(t)));
+}
+function rgb2RgbToken(values) {
+    const chi = [
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
+    ];
+    if (values.length == 4) {
+        chi.push({ typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+    }
+    return {
+        typ: exports.EnumToken.ColorTokenType,
+        val: 'rgb',
+        chi,
+        kin: ColorKind.RGB
+    };
+}
+function hex2rgbvalues(token) {
+    const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+    const rgb = [];
+    for (let i = 1; i < value.length; i += 2) {
+        rgb.push(parseInt(value.slice(i, i + 2), 16));
+    }
+    if (rgb.length == 4) {
+        if (rgb[3] == 255) {
+            rgb.pop();
+        }
+        else {
+            rgb[3] = +(rgb[3] / 255).toFixed(2);
+        }
+    }
+    return rgb;
+}
+function hwb2rgbvalues(token) {
+    return hwb2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+}
+function hsl2rgbvalues(token) {
+    let { h, s, l, a } = hslvalues(token) ?? {};
+    if (h == null || s == null || l == null) {
+        return null;
+    }
+    return hslvalues2srgbvalues(h, s, l).map((t) => minmax(Math.round(t * 255), 0, 255)).concat(a == 1 || a == null ? [] : [a]);
+}
+function hsl2srgbvalues(token) {
+    let { h, s, l, a } = hslvalues(token) ?? {};
+    if (h == null || s == null || l == null) {
+        return null;
+    }
+    return hslvalues2srgbvalues(h, s, l).concat(a == 1 || a == null ? [] : [a]);
+}
+function cmyk2rgbvalues(token) {
+    return cmyk2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
-function oklab2rgb(token) {
-    return oklab2srgb(token)?.map?.(srgb2rgb) ?? null;
+function oklab2rgbvalues(token) {
+    return oklab2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
-function oklch2rgb(token) {
-    return oklch2srgb(token)?.map?.(srgb2rgb) ?? null;
+function oklch2rgbvalues(token) {
+    return oklch2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
-function lab2rgb(token) {
-    return lab2srgb(token)?.map?.(srgb2rgb) ?? null;
+function lab2rgbvalues(token) {
+    return lab2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
-function lch2rgb(token) {
-    return lch2srgb(token)?.map?.(srgb2rgb) ?? null;
+function lch2rgbvalues(token) {
+    return lch2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
 
 function hwb2hsv(h, w, b, a) {
@@ -1327,13 +1997,87 @@ function hsl2hsv(h, s, l, a = null) {
     return result;
 }
 
-function hex2hsl(token) {
+function hex2HslToken(token) {
+    // @ts-ignore
+    return hslToken(srgb2hslvalues(...hex2srgbvalues(token)));
+}
+function rgb2HslToken(token) {
+    const values = rgb2hslvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hslToken(values);
+}
+function hwb2HslToken(token) {
+    const values = hwb2hslvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hslToken(values);
+}
+function cmyk2HslToken(token) {
+    const values = cmyk2hslvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hslToken(values);
+}
+function oklab2HslToken(token) {
+    const values = oklab2hslvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hslToken(values);
+}
+function oklch2HslToken(token) {
+    const values = oklch2hslvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hslToken(values);
+}
+function lab2HslToken(token) {
+    const values = lab2hslvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hslToken(values);
+}
+function lch2HslToken(token) {
+    const values = lch2hslvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hslToken(values);
+}
+function color2HslToken(token) {
+    const values = color2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return rgb2hslvalues(...hex2rgb(token));
+    return hslToken(srgb2hslvalues(...values));
+}
+function hslToken(values) {
+    values[0] = toPrecisionAngle(values[0] * 360);
+    const chi = [
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[0]), uni: 'deg' },
+        { typ: exports.EnumToken.PercentageTokenType, val: String(values[1] * 100) },
+        { typ: exports.EnumToken.PercentageTokenType, val: String(values[2] * 100) },
+    ];
+    if (values.length == 4 && values[3] != 1) {
+        chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, { typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+    }
+    return {
+        typ: exports.EnumToken.ColorTokenType,
+        val: 'hsl',
+        chi,
+        kin: ColorKind.HSL
+    };
 }
-function rgb2hsl(token) {
+function rgb2hslvalues(token) {
     const chi = getComponents(token);
-    if (chi == null) {
+    if (chi == null || chi.length < 3) {
         return null;
     }
     // @ts-ignore
@@ -1349,19 +2093,16 @@ function rgb2hsl(token) {
     // @ts-ignore
     let b = getNumber(t);
     // @ts-ignore
-    t = chi[3];
-    // @ts-ignore
     let a = null;
-    if (t != null && !(t.typ == exports.EnumToken.IdenTokenType && t.val == 'none')) {
-        // @ts-ignore
-        a = getNumber(t) / 255;
+    if (chi.length == 4) {
+        a = getNumber(chi[3]);
     }
     const values = [r, g, b];
     if (a != null && a != 1) {
         values.push(a);
     }
     // @ts-ignore
-    return rgb2hslvalues(...values);
+    return rgbvalues2hslvalues(...values);
 }
 // https://gist.github.com/defims/0ca2ef8832833186ed396a2f8a204117#file-annotated-js
 function hsv2hsl(h, s, v, a) {
@@ -1381,32 +2122,37 @@ function hsv2hsl(h, s, v, a) {
     }
     return result;
 }
-function hwb2hsl(token) {
+function cmyk2hslvalues(token) {
+    const values = cmyk2rgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : rgbvalues2hslvalues(...values);
+}
+function hwb2hslvalues(token) {
     // @ts-ignore
     return hsv2hsl(...hwb2hsv(...Object.values(hslvalues(token))));
 }
-function lab2hsl(token) {
+function lab2hslvalues(token) {
     // @ts-ignore
-    return rgb2hslvalues(...lab2rgb(token));
+    return rgbvalues2hslvalues(...lab2rgbvalues(token));
 }
-function lch2hsl(token) {
+function lch2hslvalues(token) {
     // @ts-ignore
-    return rgb2hslvalues(...lch2rgb(token));
+    return rgbvalues2hslvalues(...lch2rgbvalues(token));
 }
-function oklab2hsl(token) {
-    const t = oklab2rgb(token);
+function oklab2hslvalues(token) {
+    const t = oklab2srgbvalues(token);
     // @ts-ignore
-    return t == null ? null : rgb2hslvalues(...t);
+    return t == null ? null : srgb2hslvalues(...t);
 }
-function oklch2hsl(token) {
-    const t = oklch2rgb(token);
+function oklch2hslvalues(token) {
+    const t = oklch2srgbvalues(token);
     // @ts-ignore
-    return t == null ? null : rgb2hslvalues(...t);
+    return t == null ? null : srgb2hslvalues(...t);
 }
-function rgb2hslvalues(r, g, b, a = null) {
-    return srgb2hsl(r / 255, g / 255, b / 255, a);
+function rgbvalues2hslvalues(r, g, b, a = null) {
+    return srgb2hslvalues(r / 255, g / 255, b / 255, a);
 }
-function srgb2hsl(r, g, b, a = null) {
+function srgb2hslvalues(r, g, b, a = null) {
     let max = Math.max(r, g, b);
     let min = Math.min(r, g, b);
     let h = 0;
@@ -1437,18 +2183,95 @@ function srgb2hsl(r, g, b, a = null) {
     return hsl;
 }
 
-function rgb2hwb(token) {
+function rgb2hwbToken(token) {
+    const values = rgb2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function hsl2hwbToken(token) {
+    const values = hsl2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function cmyk2hwbToken(token) {
+    const values = cmyk2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function oklab2hwbToken(token) {
+    const values = oklab2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function oklch2hwbToken(token) {
+    const values = oklch2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function lab2hwbToken(token) {
+    const values = lab2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function lch2hwbToken(token) {
+    const values = lch2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function color2hwbToken(token) {
+    const values = color2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function hwbToken(values) {
+    values[0] = toPrecisionAngle(values[0] * 360);
+    const chi = [
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
+        { typ: exports.EnumToken.PercentageTokenType, val: String(values[1] * 100) },
+        { typ: exports.EnumToken.PercentageTokenType, val: String(values[2] * 100) },
+    ];
+    if (values.length == 4) {
+        chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, { typ: exports.EnumToken.PercentageTokenType, val: String((values[3] * 100).toFixed()) });
+    }
+    return {
+        typ: exports.EnumToken.ColorTokenType,
+        val: 'hwb',
+        chi,
+        kin: ColorKind.HWB
+    };
+}
+function rgb2hwbvalues(token) {
     // @ts-ignore
     return srgb2hwb(...getComponents(token).map((t, index) => {
-        if (index == 3 && t.typ == exports.EnumToken.IdenTokenType && t.val == 'none') {
-            return 1;
+        if (index == 3) {
+            return getNumber(t);
         }
         return getNumber(t) / 255;
     }));
 }
-function hsl2hwb(token) {
+function cmyk2hwbvalues(token) {
     // @ts-ignore
-    return hsl2hwbvalues(...getComponents(token).map((t, index) => {
+    return srgb2hwb(...cmyk2srgbvalues(token));
+}
+function hsl2hwbvalues(token) {
+    // @ts-ignore
+    return hslvalues2hwbvalues(...getComponents(token).map((t, index) => {
         if (index == 3 && (t.typ == exports.EnumToken.IdenTokenType && t.val == 'none')) {
             return 1;
         }
@@ -1458,21 +2281,22 @@ function hsl2hwb(token) {
         return getNumber(t);
     }));
 }
-function lab2hwb(token) {
+function lab2hwbvalues(token) {
     // @ts-ignore
-    return srgb2hwb(...lab2srgb(token));
+    return srgb2hwb(...lab2srgbvalues(token));
 }
-function lch2hwb(token) {
+function lch2hwbvalues(token) {
     // @ts-ignore
-    return srgb2hwb(...lch2srgb(token));
+    return srgb2hwb(...lch2srgbvalues(token));
 }
-function oklab2hwb(token) {
+function oklab2hwbvalues(token) {
     // @ts-ignore
-    return srgb2hwb(...oklab2srgb(token));
+    return srgb2hwb(...oklab2srgbvalues(token));
 }
-function oklch2hwb(token) {
+function oklch2hwbvalues(token) {
+    const values = oklch2srgbvalues(token);
     // @ts-ignore
-    return srgb2hwb(...oklch2srgb(token));
+    return values == null ? null : srgb2hwb(...values);
 }
 function rgb2hue(r, g, b, fallback = 0) {
     let value = rgb2value(r, g, b);
@@ -1500,6 +2324,10 @@ function rgb2value(r, g, b) {
 function rgb2whiteness(r, g, b) {
     return Math.min(r, g, b);
 }
+function color2hwbvalues(token) {
+    // @ts-ignore
+    return srgb2hwb(...color2srgbvalues(token));
+}
 function srgb2hwb(r, g, b, a = null, fallback = 0) {
     r *= 100;
     g *= 100;
@@ -1521,7 +2349,7 @@ function hsv2hwb(h, s, v, a = null) {
     }
     return result;
 }
-function hsl2hwbvalues(h, s, l, a = null) {
+function hslvalues2hwbvalues(h, s, l, a = null) {
     // @ts-ignore
     return hsv2hwb(...hsl2hsv(h, s, l, a));
 }
@@ -1578,60 +2406,6 @@ function gam_prophotorgb(r, g, b, a) {
     }).concat(a == null || a == 1 ? [] : [a]);
 }
 
-function a98rgb2srgbvalues(r, g, b, a = null) {
-    //  @ts-ignore
-    return xyz2srgb(...la98rgb2xyz(...a98rgb2la98(r, g, b, a)));
-}
-function srgb2a98values(r, g, b, a = null) {
-    // @ts-ignore
-    return la98rgb2a98rgb(xyz2la98rgb(...srgb2xyz(r, g, b, a)));
-}
-// a98-rgb functions
-function a98rgb2la98(r, g, b, a = null) {
-    // convert an array of a98-rgb values in the range 0.0 - 1.0
-    // to linear light (un-companded) form.
-    // negative values are also now accepted
-    return [r, g, b].map(function (val) {
-        let sign = val < 0 ? -1 : 1;
-        let abs = Math.abs(val);
-        return sign * Math.pow(abs, 563 / 256);
-    }).concat(a == null || a == 1 ? [] : [a]);
-}
-function la98rgb2a98rgb(r, g, b, a = null) {
-    // convert an array of linear-light a98-rgb  in the range 0.0-1.0
-    // to gamma corrected form
-    // negative values are also now accepted
-    return [r, b, g].map(function (val) {
-        let sign = val < 0 ? -1 : 1;
-        let abs = Math.abs(val);
-        return sign * Math.pow(abs, 256 / 563);
-    }).concat(a == null || a == 1 ? [] : [a]);
-}
-function la98rgb2xyz(r, g, b, a = null) {
-    // convert an array of linear-light a98-rgb values to CIE XYZ
-    // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
-    // has greater numerical precision than section 4.3.5.3 of
-    // https://www.adobe.com/digitalimag/pdfs/AdobeRGB1998.pdf
-    // but the values below were calculated from first principles
-    // from the chromaticity coordinates of R G B W
-    // see matrixmaker.html
-    var M = [
-        [573536 / 994567, 263643 / 1420810, 187206 / 994567],
-        [591459 / 1989134, 6239551 / 9945670, 374412 / 4972835],
-        [53769 / 1989134, 351524 / 4972835, 4929758 / 4972835],
-    ];
-    return multiplyMatrices(M, [r, g, b]).concat(a == null || a == 1 ? [] : [a]);
-}
-function xyz2la98rgb(x, y, z, a = null) {
-    // convert XYZ to linear-light a98-rgb
-    var M = [
-        [1829569 / 896150, -506331 / 896150, -308931 / 896150],
-        [-851781 / 878810, 1648619 / 878810, 36519 / 878810],
-        [16779 / 1248040, -147721 / 1248040, 1266979 / 1248040],
-    ];
-    return multiplyMatrices(M, [x, y, z]).concat(a == null || a == 1 ? [] : [a]);
-}
-
 function rec20202srgb(r, g, b, a) {
     // @ts-ignore
     return xyz2srgb(...lrec20202xyz(...rec20202lrec2020(r, g, b)), a);
@@ -1644,28 +2418,28 @@ function rec20202lrec2020(r, g, b, a) {
     // convert an array of rec2020 RGB values in the range 0.0 - 1.0
     // to linear light (un-companded) form.
     // ITU-R BT.2020-2 p.4
-    const α = 1.09929682680944;
-    const β = 0.018053968510807;
+    const alpha = 1.09929682680944;
+    const beta = 0.018053968510807;
     return [r, g, b].map(function (val) {
         let sign = val < 0 ? -1 : 1;
         let abs = Math.abs(val);
-        if (abs < β * 4.5) {
+        if (abs < beta * 4.5) {
             return val / 4.5;
         }
-        return sign * (Math.pow((abs + α - 1) / α, 1 / 0.45));
+        return sign * (Math.pow((abs + alpha - 1) / alpha, 1 / 0.45));
     }).concat([] );
 }
 function lrec20202rec2020(r, g, b, a) {
     // convert an array of linear-light rec2020 RGB  in the range 0.0-1.0
     // to gamma corrected form
     // ITU-R BT.2020-2 p.4
-    const α = 1.09929682680944;
-    const β = 0.018053968510807;
+    const alpha = 1.09929682680944;
+    const beta = 0.018053968510807;
     return [r, g, b].map(function (val) {
         let sign = val < 0 ? -1 : 1;
         let abs = Math.abs(val);
-        if (abs > β) {
-            return sign * (α * Math.pow(abs, 0.45) - (α - 1));
+        if (abs > beta) {
+            return sign * (alpha * Math.pow(abs, 0.45) - (alpha - 1));
         }
         return 4.5 * val;
     }).concat(a == null || a == 1 ? [] : [a]);
@@ -1674,7 +2448,7 @@ function lrec20202xyz(r, g, b, a) {
     // convert an array of linear-light rec2020 values to CIE XYZ
     // using  D65 (no chromatic adaptation)
     // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
-    var M = [
+    let M = [
         [63426534 / 99577255, 20160776 / 139408157, 47086771 / 278816314],
         [26158966 / 99577255, 472592308 / 697040785, 8267143 / 139408157],
         [0, 19567812 / 697040785, 295819943 / 278816314],
@@ -1684,7 +2458,7 @@ function lrec20202xyz(r, g, b, a) {
 }
 function xyz2lrec2020(x, y, z, a) {
     // convert XYZ to linear-light rec2020
-    var M = [
+    let M = [
         [30757411 / 17917100, -6372589 / 17917100, -4539589 / 17917100],
         [-19765991 / 29648200, 47925759 / 29648200, 467509 / 29648200],
         [792561 / 44930125, -1921689 / 44930125, 42328811 / 44930125],
@@ -1698,7 +2472,7 @@ function p32srgbvalues(r, g, b, alpha) {
 }
 function srgb2p3values(r, g, b, alpha) {
     // @ts-ignore
-    return srgb2xyz(...xyz2lp3(...lp32p3(r, g, b, alpha)));
+    return lp32p3(...xyz2lp3(...srgb2xyz(r, g, b, alpha)));
 }
 function p32lp3(r, g, b, alpha) {
     // convert an array of display-p3 RGB values in the range 0.0 - 1.0
@@ -1739,806 +2513,177 @@ function xyz2lp3(x, y, z, alpha) {
     return result;
 }
 
-function convert(token, to) {
-    if (token.kin == to) {
-        return token;
+function interpolateHue(interpolationMethod, h1, h2) {
+    switch (interpolationMethod.val) {
+        case 'longer':
+            if (h2 - h1 < 180 && h2 - h1 > 0) {
+                h1 += 360;
+            }
+            else if (h2 - h1 <= 0 && h2 - h1 > -180) {
+                h2 += 360;
+            }
+            break;
+        case 'increasing':
+            if (h2 < h1) {
+                h2 += 360;
+            }
+            break;
+        case 'decreasing':
+            if (h2 > h1) {
+                h1 += 360;
+            }
+            break;
+        case 'shorter':
+        default:
+            // shorter
+            if (h2 - h1 > 180) {
+                h1 += 360;
+            }
+            else if (h2 - h1 < -180) {
+                h2 += 360;
+            }
+            break;
     }
-    if (token.kin == ColorKind.COLOR) {
-        const colorSpace = token.chi.find(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
-        if (colorSpace.val == ColorKind[to].toLowerCase().replaceAll('_', '-')) {
-            return token;
-        }
+    return [h1, h2];
+}
+function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color2, percentage2) {
+    if (color1.val == 'currentcolor' || color2.val == 'currentcolor') {
+        return null;
     }
-    let values = [];
-    if (to == ColorKind.HSL) {
-        let t;
-        switch (token.kin) {
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
-                t = rgb2hsl(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.HEX:
-            case ColorKind.LIT:
-                values.push(...hex2hsl(token));
-                break;
-            case ColorKind.HWB:
-                values.push(...hwb2hsl(token));
-                break;
-            case ColorKind.OKLAB:
-                t = oklab2hsl(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.OKLCH:
-                t = oklch2hsl(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.LAB:
-                values.push(...lab2hsl(token));
-                break;
-            case ColorKind.LCH:
-                values.push(...lch2hsl(token));
-                break;
-            case ColorKind.COLOR:
-                // @ts-ignore
-                values.push(...srgb2hsl(...color2srgbvalues(token)));
-                break;
-        }
-        if (values.length > 0) {
-            return values2hsltoken(values);
-        }
+    if (hueInterpolationMethod != null && isRectangularOrthogonalColorspace(colorSpace)) {
+        return null;
     }
-    else if (to == ColorKind.HWB) {
-        switch (token.kin) {
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
-                values.push(...rgb2hwb(token));
-                break;
-            case ColorKind.HEX:
-            case ColorKind.LIT:
-                values.push(...hex2hsl(token));
-                break;
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
-                values.push(...hsl2hwb(token));
-                break;
-            case ColorKind.OKLAB:
-                values.push(...oklab2hwb(token));
-                break;
-            case ColorKind.OKLCH:
-                values.push(...oklch2hwb(token));
-                break;
-            case ColorKind.LAB:
-                values.push(...lab2hwb(token));
-                break;
-            case ColorKind.LCH:
-                values.push(...lch2hwb(token));
-                break;
-        }
-        if (values.length > 0) {
-            return values2hwbtoken(values);
-        }
+    if (isPolarColorspace(colorSpace) && hueInterpolationMethod == null) {
+        hueInterpolationMethod = { typ: exports.EnumToken.IdenTokenType, val: 'shorter' };
     }
-    else if (to == ColorKind.RGB) {
-        let t;
-        switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
-                values.push(...hex2rgb(token));
-                break;
-            case ColorKind.HSL:
-                t = hsl2rgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.HWB:
-                t = hwb2rgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.OKLAB:
-                t = oklab2rgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.OKLCH:
-                t = oklch2rgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.LAB:
-                t = lab2rgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.LCH:
-                t = lch2rgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.COLOR:
-                // @ts-ignore
-                values.push(...srgb2rgb(...color2srgbvalues(token)));
-                break;
+    if (percentage1 == null) {
+        if (percentage2 == null) {
+            // @ts-ignore
+            percentage1 = { typ: exports.EnumToken.NumberTokenType, val: '.5' };
+            // @ts-ignore
+            percentage2 = { typ: exports.EnumToken.NumberTokenType, val: '.5' };
         }
-        if (values.length > 0) {
-            return values2rgbtoken(values);
+        else {
+            if (+percentage2.val <= 0) {
+                return null;
+            }
+            if (+percentage2.val >= 100) {
+                // @ts-ignore
+                percentage2 = { typ: exports.EnumToken.NumberTokenType, val: '1' };
+            }
+            // @ts-ignore
+            percentage1 = { typ: exports.EnumToken.NumberTokenType, val: String(1 - percentage2.val / 100) };
         }
     }
-    else if (to == ColorKind.LAB) {
-        switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
-                values.push(...hex2lab(token));
-                break;
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
-                values.push(...rgb2lab(token));
-                break;
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
-                values.push(...hsl2lab(token));
-                break;
-            case ColorKind.HWB:
-                values.push(...hwb2lab(token));
-                break;
-            case ColorKind.LCH:
-                values.push(...lch2lab(token));
-                break;
-            case ColorKind.OKLAB:
-                values.push(...oklab2lab(token));
-                break;
-            case ColorKind.OKLCH:
-                values.push(...oklch2lab(token));
-                break;
-            case ColorKind.COLOR:
+    else {
+        // @ts-ignore
+        if (percentage1.val <= 0) {
+            return null;
+        }
+        if (percentage2 == null) {
+            // @ts-ignore
+            if (percentage1.val >= 100) {
                 // @ts-ignore
-                values.push(...srgb2lab(...color2srgbvalues(token)));
-                break;
+                percentage1 = { typ: exports.EnumToken.NumberTokenType, val: '1' };
+            }
+            // @ts-ignore
+            percentage2 = { typ: exports.EnumToken.NumberTokenType, val: String(1 - percentage1.val / 100) };
         }
-        if (values.length > 0) {
-            return values2colortoken(values, to);
+        else {
+            // @ts-ignore
+            if (percentage2.val <= 0) {
+                return null;
+            }
         }
     }
-    else if (to == ColorKind.LCH) {
-        switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
-                values.push(...hex2lch(token));
-                break;
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
-                values.push(...rgb2lch(token));
-                break;
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
-                values.push(...hsl2lch(token));
-                break;
-            case ColorKind.HWB:
-                values.push(...hwb2lch(token));
-                break;
-            case ColorKind.LAB:
-                values.push(...lab2lch(token));
-                break;
-            case ColorKind.OKLAB:
-                values.push(...oklab2lch(token));
-                break;
-            case ColorKind.OKLCH:
-                values.push(...oklch2lch(token));
-                break;
-            case ColorKind.COLOR:
-                // @ts-ignore
-                values.push(...srgb2lch(...color2srgbvalues(token)));
-                break;
-        }
-        if (values.length > 0) {
-            return values2colortoken(values, to);
-        }
-    }
-    else if (to == ColorKind.OKLAB) {
-        switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
-                values.push(...hex2oklab(token));
-                break;
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
-                values.push(...rgb2oklab(token));
-                break;
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
-                values.push(...hsl2oklab(token));
-                break;
-            case ColorKind.HWB:
-                values.push(...hwb2oklab(token));
-                break;
-            case ColorKind.LAB:
-                values.push(...lab2oklab(token));
-                break;
-            case ColorKind.LCH:
-                values.push(...lch2oklab(token));
-                break;
-            case ColorKind.OKLCH:
-                values.push(...oklch2oklab(token));
-                break;
-            case ColorKind.COLOR:
-                // @ts-ignore
-                values.push(...srgb2oklab(...color2srgbvalues(token)));
-                break;
-        }
-        if (values.length > 0) {
-            return values2colortoken(values, to);
-        }
-    }
-    else if (to == ColorKind.OKLCH) {
-        switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
-                values.push(...hex2oklch(token));
-                break;
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
-                values.push(...rgb2oklch(token));
-                break;
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
-                values.push(...hsl2oklch(token));
-                break;
-            case ColorKind.HWB:
-                values.push(...hwb2oklch(token));
-                break;
-            case ColorKind.LAB:
-                values.push(...lab2oklch(token));
-                break;
-            case ColorKind.OKLAB:
-                values.push(...oklab2oklch(token));
-                break;
-            case ColorKind.LCH:
-                values.push(...lch2oklch(token));
-                break;
-            case ColorKind.COLOR:
-                // @ts-ignore
-                values.push(...srgb2oklch(...color2srgbvalues(token)));
-                // switch (to) {
-                //
-                //     case ColorKind.SRGB:
-                //
-                //         values.push(...val);
-                //         break;
-                //
-                //     case ColorKind.SRGB_LINEAR:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2lsrgbvalues(...val));
-                //         break;
-                //
-                //     case ColorKind.DISPLAY_P3:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2p3values(...val));
-                //         break;
-                //
-                //     case ColorKind.PROPHOTO_RGB:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2prophotorgbvalues(...val));
-                //         break;
-                //
-                //     case ColorKind.A98_RGB:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2a98values(...val));
-                //         break;
-                //
-                //     case ColorKind.REC2020:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2rec2020values(...val));
-                //         break;
-                //
-                //     case ColorKind.XYZ:
-                //     case ColorKind.XYZ_D65:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2xyz(...val));
-                //         break;
-                //
-                //     case ColorKind.XYZ_D50:
-                //
-                //         // @ts-ignore
-                //         values.push(...(XYZ_D65_to_D50(...srgb2xyz(...val))));
-                //         break;
-                // }
-                break;
-        }
-        if (values.length > 0) {
-            return values2colortoken(values, to);
-        }
-    }
-    else if (colorFuncColorSpace.includes(ColorKind[to].toLowerCase().replaceAll('_', '-'))) {
-        let t;
-        switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
-                values.push(...hex2srgb(token));
-                break;
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
-                t = rgb2srgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
-                t = hsl2srgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.HWB:
-                t = hwb2srgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.LAB:
-                t = lab2srgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.OKLAB:
-                t = oklab2srgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.LCH:
-                t = lch2srgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.OKLCH:
-                t = color2srgbvalues(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
-            case ColorKind.COLOR:
-                const val = color2srgbvalues(token);
-                if (val == null) {
-                    return null;
-                }
-                switch (to) {
-                    case ColorKind.SRGB:
-                        values.push(...val);
-                        break;
-                    case ColorKind.SRGB_LINEAR:
-                        // @ts-ignore
-                        values.push(...srgb2lsrgbvalues(...val));
-                        break;
-                    case ColorKind.DISPLAY_P3:
-                        // @ts-ignore
-                        values.push(...srgb2p3values(...val));
-                        break;
-                    case ColorKind.PROPHOTO_RGB:
-                        // @ts-ignore
-                        values.push(...srgb2prophotorgbvalues(...val));
-                        break;
-                    case ColorKind.A98_RGB:
-                        // @ts-ignore
-                        values.push(...srgb2a98values(...val));
-                        break;
-                    case ColorKind.REC2020:
-                        // @ts-ignore
-                        values.push(...srgb2rec2020values(...val));
-                        break;
-                    case ColorKind.XYZ:
-                    case ColorKind.XYZ_D65:
-                        // @ts-ignore
-                        values.push(...srgb2xyz(...val));
-                        break;
-                    case ColorKind.XYZ_D50:
-                        // @ts-ignore
-                        values.push(...(XYZ_D65_to_D50(...srgb2xyz(...val))));
-                        break;
-                }
-                break;
-        }
-        if (values.length > 0) {
-            return values2colortoken(values, to);
-        }
+    let values1 = srgbvalues(color1);
+    let values2 = srgbvalues(color2);
+    if (values1 == null || values2 == null) {
+        return null;
     }
-    return null;
-}
-function minmax(value, min, max) {
-    if (value < min) {
-        return min;
+    const components1 = getComponents(color1);
+    const components2 = getComponents(color2);
+    if (components1 == null || components2 == null) {
+        return null;
     }
-    if (value > max) {
-        return max;
+    if ((components1[3] != null && components1[3].typ == exports.EnumToken.IdenTokenType && components1[3].val == 'none') && values2.length == 4) {
+        values1[3] = values2[3];
     }
-    return value;
-}
-function color2srgbvalues(token) {
-    const components = getComponents(token);
-    if (components == null) {
-        return null;
+    if ((components2[3] != null && components2[3].typ == exports.EnumToken.IdenTokenType && components2[3].val == 'none') && values1.length == 4) {
+        values2[3] = values1[3];
     }
-    const colorSpace = components.shift();
-    let values = components.map((val) => getNumber(val));
+    const p1 = getNumber(percentage1);
+    const p2 = getNumber(percentage2);
+    const mul1 = values1.length == 4 ? values1.pop() : 1;
+    const mul2 = values2.length == 4 ? values2.pop() : 1;
+    const mul = mul1 * p1 + mul2 * p2;
+    // @ts-ignore
+    const calculate = () => [colorSpace].concat(values1.map((v1, i) => {
+        return {
+            // @ts-ignore
+            typ: exports.EnumToken.NumberTokenType, val: String((mul1 * v1 * p1 + mul2 * values2[i] * p2) / mul)
+        };
+    }).concat(mul == 1 ? [] : [{
+            typ: exports.EnumToken.NumberTokenType, val: String(mul)
+        }]));
     switch (colorSpace.val) {
+        case 'srgb':
+            break;
         case 'display-p3':
             // @ts-ignore
-            values = p32srgbvalues(...values);
+            values1 = srgb2p3values(...values1);
+            // @ts-ignore
+            values2 = srgb2p3values(...values2);
             break;
-        case 'srgb-linear':
+        case 'a98-rgb':
             // @ts-ignore
-            values = lsrgb2srgbvalues(...values);
+            values1 = srgb2a98values(...values1);
+            // @ts-ignore
+            values2 = srgb2a98values(...values2);
             break;
         case 'prophoto-rgb':
             // @ts-ignore
-            values = prophotorgb2srgbvalues(...values);
+            values1 = srgb2prophotorgbvalues(...values1);
+            // @ts-ignore
+            values2 = srgb2prophotorgbvalues(...values2);
             break;
-        case 'a98-rgb':
+        case 'srgb-linear':
             // @ts-ignore
-            values = a98rgb2srgbvalues(...values);
+            values1 = srgb2lsrgbvalues(...values1);
+            // @ts-ignore
+            values2 = srgb2lsrgbvalues(...values2);
             break;
         case 'rec2020':
             // @ts-ignore
-            values = rec20202srgb(...values);
+            values1 = srgb2rec2020values(...values1);
+            // @ts-ignore
+            values2 = srgb2rec2020values(...values2);
             break;
         case 'xyz':
         case 'xyz-d65':
+        case 'xyz-d50':
             // @ts-ignore
-            values = xyz2srgb(...values);
+            values1 = srgb2xyz_d50(...values1);
+            // @ts-ignore
+            values2 = srgb2xyz_d50(...values2);
+            if (colorSpace.val == 'xyz-d50') {
+                // @ts-ignore
+                values1 = XYZ_D65_to_D50(...values1);
+                // @ts-ignore
+                values2 = XYZ_D65_to_D50(...values2);
+            }
             break;
-        case 'xyz-d50':
+        case 'rgb':
             // @ts-ignore
-            values = xyzd502srgb(...values);
-            break;
-        // case srgb:
-    }
-    return values;
-}
-function values2hsltoken(values) {
-    const to = ColorKind.HSL;
-    const chi = [
-        { typ: exports.EnumToken.AngleTokenType, val: String(values[0] * 360), unit: 'deg' },
-        { typ: exports.EnumToken.PercentageTokenType, val: String(values[1] * 100) },
-        { typ: exports.EnumToken.PercentageTokenType, val: String(values[2] * 100) },
-    ];
-    if (values.length == 4) {
-        chi.push({ typ: exports.EnumToken.PercentageTokenType, val: String(values[3] * 100) });
-    }
-    return {
-        typ: exports.EnumToken.ColorTokenType,
-        val: ColorKind[to].toLowerCase().replaceAll('_', '-'),
-        chi,
-        kin: to
-    };
-}
-function values2rgbtoken(values) {
-    const to = ColorKind.RGB;
-    const chi = [
-        { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
-        { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
-        { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
-    ];
-    if (values.length == 4) {
-        chi.push({ typ: exports.EnumToken.PercentageTokenType, val: String(values[3] * 100) });
-    }
-    return {
-        typ: exports.EnumToken.ColorTokenType,
-        val: ColorKind[to],
-        chi,
-        kin: to
-    };
-}
-function values2hwbtoken(values) {
-    const to = ColorKind.HWB;
-    const chi = [
-        { typ: exports.EnumToken.AngleTokenType, val: String(values[0] * 360), unit: 'deg' },
-        { typ: exports.EnumToken.PercentageTokenType, val: String(values[1] * 100) },
-        { typ: exports.EnumToken.PercentageTokenType, val: String(values[2] * 100) },
-    ];
-    if (values.length == 4) {
-        chi.push({ typ: exports.EnumToken.PercentageTokenType, val: String(values[3] * 100) });
-    }
-    return {
-        typ: exports.EnumToken.ColorTokenType,
-        val: ColorKind[to],
-        chi,
-        kin: to
-    };
-}
-function values2colortoken(values, to) {
-    const chi = [
-        { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
-        { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
-        { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
-    ];
-    if (values.length == 4) {
-        chi.push({ typ: exports.EnumToken.PercentageTokenType, val: String(values[3] * 100) });
-    }
-    const colorSpace = ColorKind[to].toLowerCase().replaceAll('_', '-');
-    return colorFuncColorSpace.includes(colorSpace) ? {
-        typ: exports.EnumToken.ColorTokenType,
-        val: 'color',
-        chi: [{ typ: exports.EnumToken.IdenTokenType, val: colorSpace }].concat(chi),
-        kin: ColorKind.COLOR
-    } : {
-        typ: exports.EnumToken.ColorTokenType,
-        val: colorSpace,
-        chi,
-        kin: to
-    };
-}
-/**
- * clamp color values
- * @param token
- */
-function clamp(token) {
-    if (token.kin == ColorKind.RGB || token.kin == ColorKind.RGBA) {
-        token.chi.filter((token) => ![exports.EnumToken.LiteralTokenType, exports.EnumToken.CommaTokenType, exports.EnumToken.WhitespaceTokenType].includes(token.typ)).forEach((token, index) => {
-            if (index <= 2) {
-                if (token.typ == exports.EnumToken.NumberTokenType) {
-                    token.val = String(minmax(+token.val, 0, 255));
-                }
-                else if (token.typ == exports.EnumToken.PercentageTokenType) {
-                    token.val = String(minmax(+token.val, 0, 100));
-                }
-            }
-            else {
-                if (token.typ == exports.EnumToken.NumberTokenType) {
-                    token.val = String(minmax(+token.val, 0, 1));
-                }
-                else if (token.typ == exports.EnumToken.PercentageTokenType) {
-                    token.val = String(minmax(+token.val, 0, 100));
-                }
-            }
-        });
-    }
-    return token;
-}
-function getNumber(token) {
-    if (token.typ == exports.EnumToken.IdenTokenType && token.val == 'none') {
-        return 0;
-    }
-    // @ts-ignore
-    return token.typ == exports.EnumToken.PercentageTokenType ? token.val / 100 : +token.val;
-}
-/**
- * convert angle to turn
- * @param token
- */
-function getAngle(token) {
-    if (token.typ == exports.EnumToken.IdenTokenType) {
-        if (token.val == 'none') {
-            return 0;
-        }
-    }
-    if (token.typ == exports.EnumToken.AngleTokenType) {
-        switch (token.unit) {
-            case 'deg':
-                // @ts-ignore
-                return token.val / 360;
-            case 'rad':
-                // @ts-ignore
-                return token.val / (2 * Math.PI);
-            case 'grad':
-                // @ts-ignore
-                return token.val / 400;
-            case 'turn':
-                // @ts-ignore
-                return +token.val;
-        }
-    }
-    // @ts-ignore
-    return token.val / 360;
-}
-
-function interpolateHue(interpolationMethod, h1, h2) {
-    switch (interpolationMethod.val) {
-        case 'longer':
-            if (h2 - h1 < 180 && h2 - h1 > 0) {
-                h1 += 360;
-            }
-            else if (h2 - h1 <= 0 && h2 - h1 > -180) {
-                h2 += 360;
-            }
-            break;
-        case 'increasing':
-            if (h2 < h1) {
-                h2 += 360;
-            }
-            break;
-        case 'decreasing':
-            if (h2 > h1) {
-                h1 += 360;
-            }
-            break;
-        case 'shorter':
-        default:
-            // shorter
-            if (h2 - h1 > 180) {
-                h1 += 360;
-            }
-            else if (h2 - h1 < -180) {
-                h2 += 360;
-            }
-            break;
-    }
-    return [h1, h2];
-}
-function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color2, percentage2) {
-    if (color1.val == 'currentcolor' || color2.val == 'currentcolor') {
-        return null;
-    }
-    if (hueInterpolationMethod != null && isRectangularOrthogonalColorspace(colorSpace)) {
-        return null;
-    }
-    if (isPolarColorspace(colorSpace) && hueInterpolationMethod == null) {
-        hueInterpolationMethod = { typ: exports.EnumToken.IdenTokenType, val: 'shorter' };
-    }
-    if (percentage1 == null) {
-        if (percentage2 == null) {
-            // @ts-ignore
-            percentage1 = { typ: exports.EnumToken.NumberTokenType, val: '.5' };
-            // @ts-ignore
-            percentage2 = { typ: exports.EnumToken.NumberTokenType, val: '.5' };
-        }
-        else {
-            if (+percentage2.val <= 0) {
-                return null;
-            }
-            if (+percentage2.val >= 100) {
-                // @ts-ignore
-                percentage2 = { typ: exports.EnumToken.NumberTokenType, val: '1' };
-            }
-            // @ts-ignore
-            percentage1 = { typ: exports.EnumToken.NumberTokenType, val: String(1 - percentage2.val / 100) };
-        }
-    }
-    else {
-        // @ts-ignore
-        if (percentage1.val <= 0) {
-            return null;
-        }
-        if (percentage2 == null) {
-            // @ts-ignore
-            if (percentage1.val >= 100) {
-                // @ts-ignore
-                percentage1 = { typ: exports.EnumToken.NumberTokenType, val: '1' };
-            }
-            // @ts-ignore
-            percentage2 = { typ: exports.EnumToken.NumberTokenType, val: String(1 - percentage1.val / 100) };
-        }
-        else {
-            // @ts-ignore
-            if (percentage2.val <= 0) {
-                return null;
-            }
-        }
-    }
-    let values1 = srgbvalues(color1);
-    let values2 = srgbvalues(color2);
-    if (values1 == null || values2 == null) {
-        return null;
-    }
-    const components1 = getComponents(color1);
-    const components2 = getComponents(color2);
-    if (components1 == null || components2 == null) {
-        return null;
-    }
-    if ((components1[3] != null && components1[3].typ == exports.EnumToken.IdenTokenType && components1[3].val == 'none') && values2.length == 4) {
-        values1[3] = values2[3];
-    }
-    if ((components2[3] != null && components2[3].typ == exports.EnumToken.IdenTokenType && components2[3].val == 'none') && values1.length == 4) {
-        values2[3] = values1[3];
-    }
-    const p1 = getNumber(percentage1);
-    const p2 = getNumber(percentage2);
-    const mul1 = values1.length == 4 ? values1.pop() : 1;
-    const mul2 = values2.length == 4 ? values2.pop() : 1;
-    const mul = mul1 * p1 + mul2 * p2;
-    // @ts-ignore
-    const calculate = () => [colorSpace].concat(values1.map((v1, i) => {
-        return {
-            // @ts-ignore
-            typ: exports.EnumToken.NumberTokenType, val: String((mul1 * v1 * p1 + mul2 * values2[i] * p2) / mul)
-        };
-    }).concat(mul == 1 ? [] : [{
-            typ: exports.EnumToken.NumberTokenType, val: String(mul)
-        }]));
-    switch (colorSpace.val) {
-        case 'srgb':
-            break;
-        case 'display-p3':
-            // @ts-ignore
-            values1 = srgb2p3values(...values1);
-            // @ts-ignore
-            values2 = srgb2p3values(...values2);
-            break;
-        case 'a98-rgb':
-            // @ts-ignore
-            values1 = srgb2a98values(...values1);
-            // @ts-ignore
-            values2 = srgb2a98values(...values2);
-            break;
-        case 'prophoto-rgb':
-            // @ts-ignore
-            values1 = srgb2prophotorgbvalues(...values1);
-            // @ts-ignore
-            values2 = srgb2prophotorgbvalues(...values2);
-            break;
-        case 'srgb-linear':
-            // @ts-ignore
-            values1 = srgb2lsrgbvalues(...values1);
-            // @ts-ignore
-            values2 = srgb2lsrgbvalues(...values2);
-            break;
-        case 'rec2020':
-            // @ts-ignore
-            values1 = srgb2rec2020values(...values1);
-            // @ts-ignore
-            values2 = srgb2rec2020values(...values2);
-            break;
-        case 'xyz':
-        case 'xyz-d65':
-        case 'xyz-d50':
-            // @ts-ignore
-            values1 = srgb2xyz(...values1);
-            // @ts-ignore
-            values2 = srgb2xyz(...values2);
-            if (colorSpace.val == 'xyz-d50') {
-                // @ts-ignore
-                values1 = XYZ_D65_to_D50(...values1);
-                // @ts-ignore
-                values2 = XYZ_D65_to_D50(...values2);
-            }
-            break;
-        case 'rgb':
-            // @ts-ignore
-            values1 = srgb2rgb(...values1);
-            // @ts-ignore
-            values2 = srgb2rgb(...values2);
+            values1 = srgb2rgb(...values1);
+            // @ts-ignore
+            values2 = srgb2rgb(...values2);
             break;
         case 'hsl':
             // @ts-ignore
-            values1 = srgb2hsl(...values1);
+            values1 = srgb2hslvalues(...values1);
             // @ts-ignore
-            values2 = srgb2hsl(...values2);
+            values2 = srgb2hslvalues(...values2);
             break;
         case 'hwb':
             // @ts-ignore
@@ -2548,9 +2693,9 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
             break;
         case 'lab':
             // @ts-ignore
-            values1 = srgb2lab(...values1);
+            values1 = srgb2labvalues(...values1);
             // @ts-ignore
-            values2 = srgb2lab(...values2);
+            values2 = srgb2labvalues(...values2);
             break;
         case 'lch':
             // @ts-ignore
@@ -2673,7 +2818,7 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
                 typ: exports.EnumToken.ColorTokenType,
                 val: colorSpace.val,
                 chi: calculate().slice(1),
-                kin: ColorKind[colorSpace.val.toLowerCase().replaceAll('-', '_')]
+                kin: ColorKind[colorSpace.val.toUpperCase().replaceAll('-', '_')]
             };
             if (colorSpace.val == 'hsl' || colorSpace.val == 'hwb') {
                 // @ts-ignore
@@ -3225,291 +3370,991 @@ function evaluateFunc(token) {
                 }
             }
         }
-        // return [token];
+        // return [token];
+    }
+    return [token];
+}
+/**
+ * convert BinaryExpression into an array
+ * @param token
+ */
+function inlineExpression$1(token) {
+    const result = [];
+    // if (token.typ == EnumToken.ParensTokenType && (token as ParensToken).chi.length == 1) {
+    //
+    //     result.push((token as ParensToken).chi[0]);
+    // } else
+    if (token.typ == exports.EnumToken.BinaryExpressionTokenType) {
+        if ([exports.EnumToken.Mul, exports.EnumToken.Div].includes(token.op)) {
+            result.push(token);
+        }
+        else {
+            result.push(...inlineExpression$1(token.l), { typ: token.op }, ...inlineExpression$1(token.r));
+        }
+    }
+    else {
+        result.push(token);
+    }
+    return result;
+}
+/**
+ * evaluate expression
+ * @param token
+ */
+function evaluateExpression(token) {
+    if (token.typ != exports.EnumToken.BinaryExpressionTokenType) {
+        return token;
+    }
+    if (token.r.typ == exports.EnumToken.BinaryExpressionTokenType) {
+        token.r = evaluateExpression(token.r);
+    }
+    if (token.l.typ == exports.EnumToken.BinaryExpressionTokenType) {
+        token.l = evaluateExpression(token.l);
+    }
+    return doEvaluate(token.l, token.r, token.op);
+}
+function isScalarToken(token) {
+    return 'unit' in token ||
+        (token.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(token.val)) ||
+        // @ts-ignore
+        (token.typ == exports.EnumToken.IdenTokenType && typeof Math[token.val.toUpperCase()] == 'number') ||
+        [exports.EnumToken.NumberTokenType, exports.EnumToken.FractionTokenType, exports.EnumToken.PercentageTokenType].includes(token.typ);
+}
+/**
+ *
+ * generate binary expression tree
+ * @param tokens
+ */
+function buildExpression(tokens) {
+    return factor(factor(tokens.filter(t => t.typ != exports.EnumToken.WhitespaceTokenType), ['/', '*']), ['+', '-'])[0];
+}
+function getArithmeticOperation(op) {
+    if (op == '+') {
+        return exports.EnumToken.Add;
+    }
+    if (op == '-') {
+        return exports.EnumToken.Sub;
+    }
+    if (op == '/') {
+        return exports.EnumToken.Div;
+    }
+    return exports.EnumToken.Mul;
+}
+/**
+ *
+ * generate binary expression tree
+ * @param token
+ */
+function factorToken(token) {
+    if (token.typ == exports.EnumToken.ParensTokenType || (token.typ == exports.EnumToken.FunctionTokenType && token.val == 'calc')) {
+        if (token.typ == exports.EnumToken.FunctionTokenType && token.val == 'calc') {
+            token = { ...token, typ: exports.EnumToken.ParensTokenType };
+            // @ts-ignore
+            delete token.val;
+        }
+        return buildExpression(token.chi);
+    }
+    return token;
+}
+/**
+ * generate binary expression tree
+ * @param tokens
+ * @param ops
+ */
+function factor(tokens, ops) {
+    let isOp;
+    const opList = ops.map(x => getArithmeticOperation(x));
+    if (tokens.length == 1) {
+        return [factorToken(tokens[0])];
+    }
+    for (let i = 0; i < tokens.length; i++) {
+        if (tokens[i].typ == exports.EnumToken.ListToken) {
+            // @ts-ignore
+            tokens.splice(i, 1, ...tokens[i].chi);
+        }
+        isOp = opList.includes(tokens[i].typ);
+        if (isOp ||
+            // @ts-ignore
+            (tokens[i].typ == exports.EnumToken.LiteralTokenType && ops.includes(tokens[i].val))) {
+            tokens.splice(i - 1, 3, {
+                typ: exports.EnumToken.BinaryExpressionTokenType,
+                op: isOp ? tokens[i].typ : getArithmeticOperation(tokens[i].val),
+                l: factorToken(tokens[i - 1]),
+                r: factorToken(tokens[i + 1])
+            });
+            i--;
+        }
+    }
+    return tokens;
+}
+
+function parseRelativeColor(relativeKeys, original, rExp, gExp, bExp, aExp) {
+    let r;
+    let g;
+    let b;
+    let alpha = null;
+    let keys = {};
+    let values = {};
+    // colorFuncColorSpace x,y,z or r,g,b
+    const names = relativeKeys.startsWith('xyz') ? 'xyz' : relativeKeys.slice(-3);
+    const converted = convertColor(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_')]);
+    if (converted == null) {
+        return null;
+    }
+    const children = converted.chi.filter(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.LiteralTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
+    [r, g, b, alpha] = converted.kin == ColorKind.COLOR ? children.slice(1) : children;
+    values = {
+        [names[0]]: getValue(r, converted, names[0]),
+        [names[1]]: getValue(g, converted, names[1]), // string,
+        [names[2]]: getValue(b, converted, names[2]),
+        // @ts-ignore
+        alpha: alpha == null ? {
+            typ: exports.EnumToken.NumberTokenType,
+            val: '1'
+        } : (alpha.typ == exports.EnumToken.IdenTokenType && alpha.val == 'none') ? {
+            typ: exports.EnumToken.NumberTokenType,
+            val: '0'
+        } : (alpha.typ == exports.EnumToken.PercentageTokenType ? {
+            typ: exports.EnumToken.NumberTokenType,
+            val: String(getNumber(alpha))
+        } : alpha)
+    };
+    keys = {
+        [names[0]]: getValue(rExp, converted, names[0]),
+        [names[1]]: getValue(gExp, converted, names[1]),
+        [names[2]]: getValue(bExp, converted, names[2]),
+        // @ts-ignore
+        alpha: getValue(aExp == null ? {
+            typ: exports.EnumToken.NumberTokenType,
+            val: '1'
+        } : (aExp.typ == exports.EnumToken.IdenTokenType && aExp.val == 'none') ? {
+            typ: exports.EnumToken.NumberTokenType,
+            val: '0'
+        } : aExp)
+    };
+    return computeComponentValue(keys, converted, values);
+}
+function getValue(t, converted, component) {
+    // if (t == null) {
+    //
+    //     return t;
+    // }
+    if (t.typ == exports.EnumToken.PercentageTokenType) {
+        let value = getNumber(t);
+        let colorSpace = ColorKind[converted.kin].toLowerCase().replaceAll('-', '_');
+        if (colorSpace in colorRange) {
+            // @ts-ignore
+            value *= colorRange[colorSpace][component].at(-1);
+        }
+        return {
+            typ: exports.EnumToken.NumberTokenType,
+            val: String(value)
+        };
+    }
+    return t;
+}
+function computeComponentValue(expr, converted, values) {
+    for (const object of [values, expr]) {
+        if ('h' in object) {
+            // normalize hue
+            for (const k of walkValues([object.h])) {
+                if (k.value.typ == exports.EnumToken.AngleTokenType && k.value.unit == 'deg') {
+                    // @ts-ignore
+                    k.value.typ = exports.EnumToken.NumberTokenType;
+                    // @ts-ignore
+                    delete k.value.unit;
+                }
+            }
+        }
+    }
+    for (const [key, exp] of Object.entries(expr)) {
+        /*
+        if (exp == null) {
+
+            if (key in values) {
+
+                if (typeof values[<RelativeColorTypes>key] == 'number') {
+
+                    expr[<RelativeColorTypes>key] = {
+                        typ: EnumToken.NumberTokenType,
+                        val: reduceNumber(<number>values[<RelativeColorTypes>key])
+                    };
+                } else {
+
+                    expr[<RelativeColorTypes>key] = <Token>values[<RelativeColorTypes>key];
+                }
+            }
+
+        } else
+            */
+        if ([exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.LengthTokenType].includes(exp.typ)) ;
+        else if (exp.typ == exports.EnumToken.IdenTokenType && exp.val in values) {
+            // if (typeof values[<RelativeColorTypes>exp.val] == 'number') {
+            //
+            //     expr[<RelativeColorTypes>key] = {
+            //         typ: EnumToken.NumberTokenType,
+            //         val: reduceNumber(<number>values[<RelativeColorTypes>exp.val])
+            //     };
+            // } else {
+            expr[key] = values[exp.val];
+            // }
+        }
+        else if (exp.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(exp.val)) {
+            for (let { value, parent } of walkValues(exp.chi, exp)) {
+                // if (parent == null) {
+                //
+                //     parent = exp;
+                // }
+                /*
+                if (value.typ == EnumToken.PercentageTokenType) {
+
+                    replaceValue(parent as BinaryExpressionToken | FunctionToken | ParensToken, value, getValue(value, converted, <RelativeColorTypes>key));
+                } else
+                    */
+                if (value.typ == exports.EnumToken.IdenTokenType) {
+                    // @ts-ignore
+                    // if (!(value.val in values || typeof Math[(value as IdentToken).val.toUpperCase()] == 'number')) {
+                    //
+                    //     return null;
+                    // }
+                    // @ts-ignore
+                    replaceValue(parent, value, values[value.val] ?? {
+                        typ: exports.EnumToken.NumberTokenType,
+                        // @ts-ignore
+                        val: '' + Math[value.val.toUpperCase()]
+                        // @ts-ignore
+                    });
+                }
+            }
+            const result = exp.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(exp.val) && exp.val != 'calc' ? evaluateFunc(exp) : evaluate(exp.chi);
+            if (result.length == 1 && result[0].typ != exports.EnumToken.BinaryExpressionTokenType) {
+                expr[key] = result[0];
+            }
+            // else {
+            //
+            //     return null;
+            // }
+        }
+    }
+    return expr;
+}
+function replaceValue(parent, value, newValue) {
+    for (const { value: val, parent: pr } of walkValues([parent])) {
+        if (val.typ == value.typ && val.val == value.val) {
+            if (pr.typ == exports.EnumToken.BinaryExpressionTokenType) {
+                if (pr.l == val) {
+                    pr.l = newValue;
+                }
+                else {
+                    pr.r = newValue;
+                }
+            }
+            else {
+                pr.chi.splice(pr.chi.indexOf(val), 1, newValue);
+            }
+        }
+    }
+}
+
+function rgb2cmykToken(token) {
+    const components = rgb2srgbvalues(token);
+    if (components == null || components.length < 3) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+function hsl2cmykToken(token) {
+    const values = hsl2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...values));
+}
+function hwb2cmykToken(token) {
+    const values = hwb2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...values));
+}
+function lab2cmykToken(token) {
+    const components = lab2srgbvalues(token);
+    if (components == null || components.length < 3) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+function lch2cmykToken(token) {
+    const components = lch2srgbvalues(token);
+    if (components == null || components.length < 3) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+function oklab2cmyk(token) {
+    const components = oklab2srgbvalues(token);
+    if (components == null || components.length < 3) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+function oklch2cmykToken(token) {
+    const components = oklch2srgbvalues(token);
+    if (components == null || components.length < 3) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+function color2cmykToken(token) {
+    const values = color2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...values));
+}
+function srgb2cmykvalues(r, g, b, a = null) {
+    const k = 1 - Math.max(r, g, b);
+    const c = k == 1 ? 0 : (1 - r - k) / (1 - k);
+    const m = k == 1 ? 0 : (1 - g - k) / (1 - k);
+    const y = k == 1 ? 0 : (1 - b - k) / (1 - k);
+    const result = [c, m, y, k];
+    if (a != null && a < 1) {
+        result.push(a);
+    }
+    return result;
+}
+function cmyktoken(values) {
+    return {
+        typ: exports.EnumToken.ColorTokenType,
+        val: 'device-cmyk',
+        chi: values.reduce((acc, curr, index) => index < 4 ? [...acc, {
+                typ: exports.EnumToken.PercentageTokenType,
+                // @ts-ignore
+                val: (curr * 100) + ''
+            }] : [...acc, {
+                typ: exports.EnumToken.LiteralTokenType,
+                val: '/'
+            }, { typ: exports.EnumToken.PercentageTokenType, val: (curr * 100).toFixed() }], []),
+        kin: ColorKind.DEVICE_CMYK
+    };
+}
+
+function a98rgb2srgbvalues(r, g, b, a = null) {
+    //  @ts-ignore
+    return xyz2srgb(...la98rgb2xyz(...a98rgb2la98(r, g, b, a)));
+}
+function srgb2a98values$1(r, g, b, a = null) {
+    // @ts-ignore
+    return la98rgb2a98rgb(...xyz2la98rgb(...srgb2xyz(r, g, b, a)));
+}
+// a98-rgb functions
+function a98rgb2la98(r, g, b, a = null) {
+    // convert an array of a98-rgb values in the range 0.0 - 1.0
+    // to linear light (un-companded) form.
+    // negative values are also now accepted
+    return [r, g, b].map(function (val) {
+        let sign = val < 0 ? -1 : 1;
+        let abs = Math.abs(val);
+        return sign * Math.pow(abs, 563 / 256);
+    }).concat(a == null || a == 1 ? [] : [a]);
+}
+function la98rgb2a98rgb(r, g, b, a = null) {
+    // convert an array of linear-light a98-rgb  in the range 0.0-1.0
+    // to gamma corrected form
+    // negative values are also now accepted
+    return [r, b, g].map(function (val) {
+        let sign = val < 0 ? -1 : 1;
+        let abs = Math.abs(val);
+        return sign * Math.pow(abs, 256 / 563);
+    }).concat(a == null || a == 1 ? [] : [a]);
+}
+function la98rgb2xyz(r, g, b, a = null) {
+    // convert an array of linear-light a98-rgb values to CIE XYZ
+    // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
+    // has greater numerical precision than section 4.3.5.3 of
+    // https://www.adobe.com/digitalimag/pdfs/AdobeRGB1998.pdf
+    // but the values below were calculated from first principles
+    // from the chromaticity coordinates of R G B W
+    // see matrixmaker.html
+    var M = [
+        [573536 / 994567, 263643 / 1420810, 187206 / 994567],
+        [591459 / 1989134, 6239551 / 9945670, 374412 / 4972835],
+        [53769 / 1989134, 351524 / 4972835, 4929758 / 4972835],
+    ];
+    return multiplyMatrices(M, [r, g, b]).concat(a == null || a == 1 ? [] : [a]);
+}
+function xyz2la98rgb(x, y, z, a = null) {
+    // convert XYZ to linear-light a98-rgb
+    var M = [
+        [1829569 / 896150, -506331 / 896150, -308931 / 896150],
+        [-851781 / 878810, 1648619 / 878810, 36519 / 878810],
+        [16779 / 1248040, -147721 / 1248040, 1266979 / 1248040],
+    ];
+    return multiplyMatrices(M, [x, y, z]).concat(a == null || a == 1 ? [] : [a]);
+}
+
+function convertColor(token, to) {
+    if (token.kin == ColorKind.SYS ||
+        token.kin == ColorKind.DPSYS ||
+        (isIdentColor(token) &&
+            ('currentcolor'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0))) {
+        return token;
+    }
+    if (token.kin == ColorKind.COLOR_MIX && to != ColorKind.COLOR_MIX) {
+        const children = token.chi.reduce((acc, t) => {
+            if (t.typ == exports.EnumToken.ColorTokenType) {
+                acc.push([t]);
+            }
+            else {
+                if (![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType, exports.EnumToken.CommaTokenType].includes(t.typ)) {
+                    acc[acc.length - 1].push(t);
+                }
+            }
+            return acc;
+        }, [[]]);
+        token = colorMix(children[0][1], children[0][2], children[1][0], children[1][1], children[2][0], children[2][1]);
+        if (token == null) {
+            return null;
+        }
+    }
+    if (token.cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes(token.val.toLowerCase())) {
+        const chi = getComponents(token);
+        const offset = token.val == 'color' ? 2 : 1;
+        if (chi != null) {
+            // @ts-ignore
+            const color = chi[1];
+            const components = parseRelativeColor(token.val.toLowerCase() == 'color' ? chi[offset].val : token.val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
+            if (components != null) {
+                token = {
+                    ...token,
+                    chi: [...(token.val == 'color' ? [chi[offset]] : []), ...Object.values(components)]
+                };
+                delete token.cal;
+            }
+        }
+    }
+    if (token.kin == to) {
+        if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
+            token.val = reduceHexValue(token.val);
+            token.kin = token.val[0] == '#' ? ColorKind.HEX : ColorKind.LIT;
+        }
+        return token;
+    }
+    if (token.kin == ColorKind.COLOR) {
+        const colorSpace = token.chi.find(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
+        if (colorSpace.val == ColorKind[to].toLowerCase().replaceAll('_', '-')) {
+            return token;
+        }
+    }
+    if (to == ColorKind.HSL) {
+        switch (token.kin) {
+            case ColorKind.RGB:
+            case ColorKind.RGBA:
+                return rgb2HslToken(token);
+            case ColorKind.HEX:
+            case ColorKind.LIT:
+                return hex2HslToken(token);
+            case ColorKind.HWB:
+                return hwb2HslToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2HslToken(token);
+            case ColorKind.OKLAB:
+                return oklab2HslToken(token);
+            case ColorKind.OKLCH:
+                return oklch2HslToken(token);
+            case ColorKind.LAB:
+                return lab2HslToken(token);
+            case ColorKind.LCH:
+                return lch2HslToken(token);
+            case ColorKind.COLOR:
+                return color2HslToken(token);
+        }
+    }
+    else if (to == ColorKind.HWB) {
+        switch (token.kin) {
+            case ColorKind.RGB:
+            case ColorKind.RGBA:
+                return rgb2hwbToken(token);
+            case ColorKind.HEX:
+            case ColorKind.LIT:
+                // @ts-ignore
+                return rgb2hwbToken(token);
+            case ColorKind.HSL:
+            case ColorKind.HSLA:
+                return hsl2hwbToken(token);
+            case ColorKind.OKLAB:
+                return oklab2hwbToken(token);
+            case ColorKind.OKLCH:
+                return oklch2hwbToken(token);
+            case ColorKind.LAB:
+                return lab2hwbToken(token);
+            case ColorKind.LCH:
+                return lch2hwbToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2hwbToken(token);
+            case ColorKind.COLOR:
+                return color2hwbToken(token);
+        }
+    }
+    else if (to == ColorKind.DEVICE_CMYK) {
+        switch (token.kin) {
+            case ColorKind.RGB:
+            case ColorKind.RGBA:
+                return rgb2cmykToken(token);
+            case ColorKind.HEX:
+            case ColorKind.LIT:
+                return rgb2cmykToken(token);
+            case ColorKind.HSL:
+            case ColorKind.HSLA:
+                return hsl2cmykToken(token);
+            case ColorKind.HWB:
+                return hwb2cmykToken(token);
+            case ColorKind.OKLAB:
+                return oklab2cmyk(token);
+            case ColorKind.OKLCH:
+                return oklch2cmykToken(token);
+            case ColorKind.LAB:
+                return lab2cmykToken(token);
+            //
+            case ColorKind.LCH:
+                return lch2cmykToken(token);
+            case ColorKind.COLOR:
+                return color2cmykToken(token);
+        }
+    }
+    else if (to == ColorKind.HEX || to == ColorKind.LIT) {
+        switch (token.kin) {
+            case ColorKind.HEX:
+            case ColorKind.LIT: {
+                const val = reduceHexValue(token.val);
+                return {
+                    typ: exports.EnumToken.ColorTokenType,
+                    val,
+                    kin: val[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+                };
+            }
+            case ColorKind.HSL:
+                return hsl2HexToken(token);
+            case ColorKind.HWB:
+                return hwb2HexToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2HexToken(token);
+            case ColorKind.OKLAB:
+                return oklab2HexToken(token);
+            case ColorKind.OKLCH:
+                return oklch2HexToken(token);
+            case ColorKind.LAB:
+                return lab2HexToken(token);
+            case ColorKind.LCH:
+                return lch2HexToken(token);
+            case ColorKind.COLOR:
+                return color2HexToken(token);
+            case ColorKind.RGB:
+            case ColorKind.RGBA:
+                return rgb2HexToken(token);
+        }
+    }
+    else if (to == ColorKind.RGB) {
+        switch (token.kin) {
+            case ColorKind.HEX:
+            case ColorKind.LIT:
+                return hex2RgbToken(token);
+            case ColorKind.HSL:
+                return hsl2RgbToken(token);
+            case ColorKind.HWB:
+                return hwb2RgbToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2RgbToken(token);
+            case ColorKind.OKLAB:
+                return oklab2RgbToken(token);
+            case ColorKind.OKLCH:
+                return oklch2RgbToken(token);
+            case ColorKind.LAB:
+                return lab2RgbToken(token);
+            case ColorKind.LCH:
+                return lch2RgbToken(token);
+            case ColorKind.COLOR:
+                return color2RgbToken(token);
+        }
+    }
+    else if (to == ColorKind.LAB) {
+        switch (token.kin) {
+            case ColorKind.HEX:
+            case ColorKind.LIT:
+                return hex2labToken(token);
+            case ColorKind.RGB:
+            case ColorKind.RGBA:
+                return rgb2labToken(token);
+            case ColorKind.HSL:
+            case ColorKind.HSLA:
+                return hsl2labToken(token);
+            case ColorKind.HWB:
+                return hwb2labToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2labToken(token);
+            case ColorKind.LCH:
+                return lch2labToken(token);
+            case ColorKind.OKLAB:
+                return oklab2labToken(token);
+            case ColorKind.OKLCH:
+                return oklch2labToken(token);
+            case ColorKind.COLOR:
+                return color2labToken(token);
+        }
+    }
+    else if (to == ColorKind.LCH) {
+        switch (token.kin) {
+            case ColorKind.HEX:
+            case ColorKind.LIT:
+                return hex2lchToken(token);
+            case ColorKind.RGB:
+            case ColorKind.RGBA:
+                return rgb2lchToken(token);
+            case ColorKind.HSL:
+            case ColorKind.HSLA:
+                return hsl2lchToken(token);
+            case ColorKind.HWB:
+                return hwb2lchToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2lchToken(token);
+            case ColorKind.LAB:
+                return lab2lchToken(token);
+            case ColorKind.OKLAB:
+                return oklab2lchToken(token);
+            case ColorKind.OKLCH:
+                return oklch2lchToken(token);
+            case ColorKind.COLOR:
+                return color2lchToken(token);
+        }
     }
-    return [token];
-}
-/**
- * convert BinaryExpression into an array
- * @param token
- */
-function inlineExpression$1(token) {
-    const result = [];
-    // if (token.typ == EnumToken.ParensTokenType && (token as ParensToken).chi.length == 1) {
-    //
-    //     result.push((token as ParensToken).chi[0]);
-    // } else
-    if (token.typ == exports.EnumToken.BinaryExpressionTokenType) {
-        if ([exports.EnumToken.Mul, exports.EnumToken.Div].includes(token.op)) {
-            result.push(token);
+    else if (to == ColorKind.OKLAB) {
+        switch (token.kin) {
+            case ColorKind.HEX:
+            case ColorKind.LIT:
+                return hex2oklabToken(token);
+            case ColorKind.RGB:
+            case ColorKind.RGBA:
+                return rgb2oklabToken(token);
+            case ColorKind.HSL:
+            case ColorKind.HSLA:
+                return hsl2oklabToken(token);
+            case ColorKind.HWB:
+                return hwb2oklabToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2oklabToken(token);
+            case ColorKind.LAB:
+                return lab2oklabToken(token);
+            case ColorKind.LCH:
+                return lch2oklabToken(token);
+            case ColorKind.OKLCH:
+                return oklch2oklabToken(token);
+            case ColorKind.COLOR:
+                return color2oklabToken(token);
         }
-        else {
-            result.push(...inlineExpression$1(token.l), { typ: token.op }, ...inlineExpression$1(token.r));
+    }
+    else if (to == ColorKind.OKLCH) {
+        switch (token.kin) {
+            case ColorKind.HEX:
+            case ColorKind.LIT:
+                return hex2oklchToken(token);
+            case ColorKind.RGB:
+            case ColorKind.RGBA:
+                return rgb2oklchToken(token);
+            case ColorKind.HSL:
+            case ColorKind.HSLA:
+                return hsl2oklchToken(token);
+            case ColorKind.HWB:
+                return hwb2oklchToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return oklab2oklchToken(token);
+            case ColorKind.LAB:
+                return lab2oklchToken(token);
+            case ColorKind.OKLAB:
+                return oklab2oklchToken(token);
+            case ColorKind.LCH:
+                return lch2oklchToken(token);
+            case ColorKind.COLOR:
+                return color2oklchToken(token);
         }
     }
-    else {
-        result.push(token);
+    else if (colorFuncColorSpace.includes(ColorKind[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
+        console.error(ColorKind[token.kin]);
+        switch (token.kin) {
+            case ColorKind.HEX:
+            case ColorKind.LIT:
+                return hex2colorToken(token, to);
+            case ColorKind.RGB:
+            case ColorKind.RGBA:
+                return rgb2colorToken(token, to);
+            case ColorKind.HSL:
+            case ColorKind.HSLA:
+                return hsl2colorToken(token, to);
+            case ColorKind.HWB:
+                return hwb2colorToken(token, to);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2colorToken(token, to);
+            case ColorKind.LAB:
+                return lab2colorToken(token, to);
+            case ColorKind.OKLAB:
+                return oklab2colorToken(token, to);
+            case ColorKind.LCH:
+                return lch2colorToken(token, to);
+            case ColorKind.OKLCH:
+                return oklch2colorToken(token, to);
+            case ColorKind.COLOR:
+            case ColorKind.XYZ:
+            case ColorKind.SRGB:
+            case ColorKind.REC2020:
+            case ColorKind.XYZ_D50:
+            case ColorKind.A98_RGB:
+            case ColorKind.DISPLAY_P3:
+            case ColorKind.SRGB_LINEAR:
+            case ColorKind.PROPHOTO_RGB:
+                return color2colorToken(token, to);
+        }
     }
-    return result;
+    return null;
 }
-/**
- * evaluate expression
- * @param token
- */
-function evaluateExpression(token) {
-    if (token.typ != exports.EnumToken.BinaryExpressionTokenType) {
-        return token;
+function hex2colorToken(token, to) {
+    const values = hex2srgbvalues(token);
+    if (values == null) {
+        return null;
     }
-    if (token.r.typ == exports.EnumToken.BinaryExpressionTokenType) {
-        token.r = evaluateExpression(token.r);
+    return values2colortoken(values, to);
+}
+function rgb2colorToken(token, to) {
+    const values = rgb2srgb(token);
+    if (values == null) {
+        return null;
     }
-    if (token.l.typ == exports.EnumToken.BinaryExpressionTokenType) {
-        token.l = evaluateExpression(token.l);
+    return values2colortoken(values, to);
+}
+function hsl2colorToken(token, to) {
+    const values = hsl2srgb(token);
+    if (values == null) {
+        return null;
     }
-    return doEvaluate(token.l, token.r, token.op);
+    return values2colortoken(values, to);
 }
-function isScalarToken(token) {
-    return 'unit' in token ||
-        (token.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(token.val)) ||
-        // @ts-ignore
-        (token.typ == exports.EnumToken.IdenTokenType && typeof Math[token.val.toUpperCase()] == 'number') ||
-        [exports.EnumToken.NumberTokenType, exports.EnumToken.FractionTokenType, exports.EnumToken.PercentageTokenType].includes(token.typ);
+function hwb2colorToken(token, to) {
+    const values = hwb2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return values2colortoken(values, to);
 }
-/**
- *
- * generate binary expression tree
- * @param tokens
- */
-function buildExpression(tokens) {
-    return factor(factor(tokens.filter(t => t.typ != exports.EnumToken.WhitespaceTokenType), ['/', '*']), ['+', '-'])[0];
+function cmyk2colorToken(token, to) {
+    const values = cmyk2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return values2colortoken(values, to);
 }
-function getArithmeticOperation(op) {
-    if (op == '+') {
-        return exports.EnumToken.Add;
+function lab2colorToken(token, to) {
+    const values = lab2srgbvalues(token);
+    if (values == null) {
+        return null;
     }
-    if (op == '-') {
-        return exports.EnumToken.Sub;
+    return values2colortoken(values, to);
+}
+function oklab2colorToken(token, to) {
+    const values = oklab2srgbvalues(token);
+    if (values == null) {
+        return null;
     }
-    if (op == '/') {
-        return exports.EnumToken.Div;
+    return values2colortoken(values, to);
+}
+function lch2colorToken(token, to) {
+    const values = lch2srgbvalues(token);
+    if (values == null) {
+        return null;
     }
-    return exports.EnumToken.Mul;
+    return values2colortoken(values, to);
 }
-/**
- *
- * generate binary expression tree
- * @param token
- */
-function factorToken(token) {
-    if (token.typ == exports.EnumToken.ParensTokenType || (token.typ == exports.EnumToken.FunctionTokenType && token.val == 'calc')) {
-        if (token.typ == exports.EnumToken.FunctionTokenType && token.val == 'calc') {
-            token = { ...token, typ: exports.EnumToken.ParensTokenType };
-            // @ts-ignore
-            delete token.val;
-        }
-        return buildExpression(token.chi);
+function oklch2colorToken(token, to) {
+    const values = oklch2srgbvalues(token);
+    if (values == null) {
+        return null;
     }
-    return token;
+    return values2colortoken(values, to);
 }
-/**
- * generate binary expression tree
- * @param tokens
- * @param ops
- */
-function factor(tokens, ops) {
-    let isOp;
-    const opList = ops.map(x => getArithmeticOperation(x));
-    if (tokens.length == 1) {
-        return [factorToken(tokens[0])];
+function color2colorToken(token, to) {
+    const values = color2srgbvalues(token);
+    if (values == null) {
+        return null;
     }
-    for (let i = 0; i < tokens.length; i++) {
-        if (tokens[i].typ == exports.EnumToken.ListToken) {
+    console.error({ srgb: values });
+    return values2colortoken(values, to);
+}
+function srgb2srgbcolorspace(val, to) {
+    const values = [];
+    switch (to) {
+        case ColorKind.SRGB:
+            values.push(...val);
+            break;
+        case ColorKind.SRGB_LINEAR:
             // @ts-ignore
-            tokens.splice(i, 1, ...tokens[i].chi);
-        }
-        isOp = opList.includes(tokens[i].typ);
-        if (isOp ||
+            values.push(...srgb2lsrgbvalues(...val));
+            break;
+        case ColorKind.DISPLAY_P3:
             // @ts-ignore
-            (tokens[i].typ == exports.EnumToken.LiteralTokenType && ops.includes(tokens[i].val))) {
-            tokens.splice(i - 1, 3, {
-                typ: exports.EnumToken.BinaryExpressionTokenType,
-                op: isOp ? tokens[i].typ : getArithmeticOperation(tokens[i].val),
-                l: factorToken(tokens[i - 1]),
-                r: factorToken(tokens[i + 1])
-            });
-            i--;
-        }
+            values.push(...srgb2p3values(...val));
+            break;
+        case ColorKind.PROPHOTO_RGB:
+            // @ts-ignore
+            values.push(...srgb2prophotorgbvalues(...val));
+            break;
+        case ColorKind.A98_RGB:
+            // @ts-ignore
+            values.push(...srgb2a98values$1(...val));
+            break;
+        case ColorKind.REC2020:
+            // @ts-ignore
+            values.push(...srgb2rec2020values(...val));
+            break;
+        case ColorKind.XYZ:
+        case ColorKind.XYZ_D65:
+            // @ts-ignore
+            values.push(...srgb2xyz(...val));
+            break;
+        case ColorKind.XYZ_D50:
+            // @ts-ignore
+            values.push(...srgb2xyz_d50(...val));
+            break;
     }
-    return tokens;
+    return values;
 }
-
-function parseRelativeColor(relativeKeys, original, rExp, gExp, bExp, aExp) {
-    let r;
-    let g;
-    let b;
-    let alpha = null;
-    let keys = {};
-    let values = {};
-    // colorFuncColorSpace x,y,z or r,g,b
-    const names = relativeKeys.startsWith('xyz') ? 'xyz' : relativeKeys.slice(-3);
-    const converted = convert(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_')]);
-    // if (converted == null) {
-    //
-    //     return null;
-    // }
-    const children = converted.chi.filter(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.LiteralTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
-    [r, g, b, alpha] = converted.kin == ColorKind.COLOR ? children.slice(1) : children;
-    values = {
-        [names[0]]: getValue(r, converted, names[0]),
-        [names[1]]: getValue(g, converted, names[1]), // string,
-        [names[2]]: getValue(b, converted, names[2]),
-        // @ts-ignore
-        alpha: alpha == null ? {
-            typ: exports.EnumToken.NumberTokenType,
-            val: '1'
-        } : (alpha.typ == exports.EnumToken.IdenTokenType && alpha.val == 'none') ? {
-            typ: exports.EnumToken.NumberTokenType,
-            val: '0'
-        } : (alpha.typ == exports.EnumToken.PercentageTokenType ? {
-            typ: exports.EnumToken.NumberTokenType,
-            val: String(getNumber(alpha))
-        } : alpha)
-    };
-    keys = {
-        [names[0]]: getValue(rExp, converted, names[0]),
-        [names[1]]: getValue(gExp, converted, names[1]),
-        [names[2]]: getValue(bExp, converted, names[2]),
-        // @ts-ignore
-        alpha: getValue(aExp == null ? {
-            typ: exports.EnumToken.NumberTokenType,
-            val: '1'
-        } : (aExp.typ == exports.EnumToken.IdenTokenType && aExp.val == 'none') ? {
-            typ: exports.EnumToken.NumberTokenType,
-            val: '0'
-        } : aExp)
+function minmax(value, min, max) {
+    if (value < min) {
+        return min;
+    }
+    if (value > max) {
+        return max;
+    }
+    return value;
+}
+function color2srgbvalues(token) {
+    const components = getComponents(token);
+    if (components == null) {
+        return null;
+    }
+    const colorSpace = components.shift();
+    let values = components.map((val) => getNumber(val));
+    switch (colorSpace.val.toLowerCase()) {
+        case 'display-p3':
+            // @ts-ignore
+            values = p32srgbvalues(...values);
+            break;
+        case 'srgb-linear':
+            // @ts-ignore
+            values = lsrgb2srgbvalues(...values);
+            break;
+        case 'prophoto-rgb':
+            // @ts-ignore
+            values = prophotorgb2srgbvalues(...values);
+            break;
+        case 'a98-rgb':
+            // @ts-ignore
+            values = a98rgb2srgbvalues(...values);
+            break;
+        case 'rec2020':
+            // @ts-ignore
+            values = rec20202srgb(...values);
+            break;
+        case 'xyz':
+        case 'xyz-d65':
+            // @ts-ignore
+            values = xyz2srgb(...values);
+            break;
+        case 'xyz-d50':
+            // @ts-ignore
+            values = xyzd502srgb(...values);
+            break;
+        // case srgb:
+    }
+    return values;
+}
+function values2colortoken(values, to) {
+    // console.error({srgb2: values});
+    values = srgb2srgbcolorspace(values, to);
+    // console.error({srgb3: values, to: ColorKind[to]});
+    const chi = [
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
+        { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
+    ];
+    if (values.length == 4) {
+        chi.push({ typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+    }
+    const colorSpace = ColorKind[to].toLowerCase().replaceAll('_', '-');
+    return colorFuncColorSpace.includes(colorSpace) ? {
+        typ: exports.EnumToken.ColorTokenType,
+        val: 'color',
+        chi: [{ typ: exports.EnumToken.IdenTokenType, val: colorSpace }].concat(chi),
+        kin: ColorKind.COLOR
+    } : {
+        typ: exports.EnumToken.ColorTokenType,
+        val: colorSpace,
+        chi,
+        kin: to
     };
-    return computeComponentValue(keys, converted, values);
 }
-function getValue(t, converted, component) {
-    // if (t == null) {
-    //
-    //     return t;
-    // }
-    if (t.typ == exports.EnumToken.PercentageTokenType) {
-        let value = getNumber(t);
-        let colorSpace = ColorKind[converted.kin].toLowerCase().replaceAll('-', '_');
-        if (colorSpace in colorRange) {
-            // @ts-ignore
-            value *= colorRange[colorSpace][component].at(-1);
-        }
-        return {
-            typ: exports.EnumToken.NumberTokenType,
-            val: String(value)
-        };
+function getNumber(token) {
+    if (token.typ == exports.EnumToken.IdenTokenType && token.val == 'none') {
+        return 0;
     }
-    return t;
+    // @ts-ignore
+    return token.typ == exports.EnumToken.PercentageTokenType ? token.val / 100 : +token.val;
 }
-function computeComponentValue(expr, converted, values) {
-    for (const object of [values, expr]) {
-        if ('h' in object) {
-            // normalize hue
-            for (const k of walkValues([object.h])) {
-                if (k.value.typ == exports.EnumToken.AngleTokenType && k.value.unit == 'deg') {
-                    // @ts-ignore
-                    k.value.typ = exports.EnumToken.NumberTokenType;
-                    // @ts-ignore
-                    delete k.value.unit;
-                }
-            }
+/**
+ * convert angle to turn
+ * @param token
+ */
+function getAngle(token) {
+    if (token.typ == exports.EnumToken.IdenTokenType) {
+        if (token.val == 'none') {
+            return 0;
         }
     }
-    for (const [key, exp] of Object.entries(expr)) {
-        /*
-        if (exp == null) {
-
-            if (key in values) {
-
-                if (typeof values[<RelativeColorTypes>key] == 'number') {
-
-                    expr[<RelativeColorTypes>key] = {
-                        typ: EnumToken.NumberTokenType,
-                        val: reduceNumber(<number>values[<RelativeColorTypes>key])
-                    };
-                } else {
-
-                    expr[<RelativeColorTypes>key] = <Token>values[<RelativeColorTypes>key];
-                }
-            }
-
-        } else
-            */
-        if ([exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.LengthTokenType].includes(exp.typ)) ;
-        else if (exp.typ == exports.EnumToken.IdenTokenType && exp.val in values) {
-            // if (typeof values[<RelativeColorTypes>exp.val] == 'number') {
-            //
-            //     expr[<RelativeColorTypes>key] = {
-            //         typ: EnumToken.NumberTokenType,
-            //         val: reduceNumber(<number>values[<RelativeColorTypes>exp.val])
-            //     };
-            // } else {
-            expr[key] = values[exp.val];
-            // }
-        }
-        else if (exp.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(exp.val)) {
-            for (let { value, parent } of walkValues(exp.chi, exp)) {
-                // if (parent == null) {
-                //
-                //     parent = exp;
-                // }
-                /*
-                if (value.typ == EnumToken.PercentageTokenType) {
-
-                    replaceValue(parent as BinaryExpressionToken | FunctionToken | ParensToken, value, getValue(value, converted, <RelativeColorTypes>key));
-                } else
-                    */
-                if (value.typ == exports.EnumToken.IdenTokenType) {
-                    // @ts-ignore
-                    // if (!(value.val in values || typeof Math[(value as IdentToken).val.toUpperCase()] == 'number')) {
-                    //
-                    //     return null;
-                    // }
-                    // @ts-ignore
-                    replaceValue(parent, value, values[value.val] ?? {
-                        typ: exports.EnumToken.NumberTokenType,
-                        // @ts-ignore
-                        val: '' + Math[value.val.toUpperCase()]
-                        // @ts-ignore
-                    });
-                }
-            }
-            const result = exp.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(exp.val) && exp.val != 'calc' ? evaluateFunc(exp) : evaluate(exp.chi);
-            if (result.length == 1 && result[0].typ != exports.EnumToken.BinaryExpressionTokenType) {
-                expr[key] = result[0];
-            }
-            // else {
-            //
-            //     return null;
-            // }
+    if (token.typ == exports.EnumToken.AngleTokenType) {
+        switch (token.unit) {
+            case 'deg':
+                // @ts-ignore
+                return token.val / 360;
+            case 'rad':
+                // @ts-ignore
+                return token.val / (2 * Math.PI);
+            case 'grad':
+                // @ts-ignore
+                return token.val / 400;
+            case 'turn':
+                // @ts-ignore
+                return +token.val;
         }
     }
-    return expr;
+    // @ts-ignore
+    return token.val / 360;
 }
-function replaceValue(parent, value, newValue) {
-    for (const { value: val, parent: pr } of walkValues([parent])) {
-        if (val.typ == value.typ && val.val == value.val) {
-            if (pr.typ == exports.EnumToken.BinaryExpressionTokenType) {
-                if (pr.l == val) {
-                    pr.l = newValue;
-                }
-                else {
-                    pr.r = newValue;
-                }
-            }
-            else {
-                pr.chi.splice(pr.chi.indexOf(val), 1, newValue);
-            }
-        }
+function toPrecisionAngle(angle) {
+    angle = +angle.toPrecision(colorPrecision);
+    if (Math.abs(angle) >= 360) {
+        angle %= 360;
+    }
+    if (Math.abs(angle) < anglePrecision) {
+        angle = 0;
     }
+    if (angle < 0) {
+        angle += 360;
+    }
+    return angle;
 }
 
 // from https://github.com/Rich-Harris/vlq/tree/master
@@ -3870,179 +4715,269 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
             if ([exports.EnumToken.Mul, exports.EnumToken.Div].includes(token.op)) {
                 let result = '';
                 if (token.l.typ == exports.EnumToken.BinaryExpressionTokenType &&
-                    [exports.EnumToken.Add, exports.EnumToken.Sub].includes(token.l.op)) {
-                    result = '(' + renderToken(token.l, options, cache) + ')';
-                }
-                else {
-                    result = renderToken(token.l, options, cache);
-                }
-                result += token.op == exports.EnumToken.Mul ? '*' : '/';
-                if (token.r.typ == exports.EnumToken.BinaryExpressionTokenType &&
-                    [exports.EnumToken.Add, exports.EnumToken.Sub].includes(token.r.op)) {
-                    result += '(' + renderToken(token.r, options, cache) + ')';
-                }
-                else {
-                    result += renderToken(token.r, options, cache);
-                }
-                return result;
-            }
-            return renderToken(token.l, options, cache) + (token.op == exports.EnumToken.Add ? ' + ' : (token.op == exports.EnumToken.Sub ? ' - ' : (token.op == exports.EnumToken.Mul ? '*' : '/'))) + renderToken(token.r, options, cache);
-        case exports.EnumToken.FractionTokenType:
-            const fraction = renderToken(token.l) + '/' + renderToken(token.r);
-            if (+token.r.val != 0) {
-                const value = minifyNumber(+token.l.val / +token.r.val);
-                if (value.length <= fraction.length) {
-                    return value;
-                }
-            }
-            return fraction;
-        case exports.EnumToken.Add:
-            return ' + ';
-        case exports.EnumToken.Sub:
-            return ' - ';
-        case exports.EnumToken.UniversalSelectorTokenType:
-        case exports.EnumToken.Mul:
-            return '*';
-        case exports.EnumToken.Div:
-            return '/';
-        case exports.EnumToken.ColorTokenType:
-            if (token.kin == ColorKind.LIGHT_DARK || ('chi' in token && !options.convertColor)) {
-                return token.val + '(' + token.chi.reduce((acc, curr) => acc + renderToken(curr, options, cache), '') + ')';
-            }
-            if (options.convertColor) {
-                if (token.cal == 'mix' && token.val == 'color-mix') {
-                    const children = token.chi.reduce((acc, t) => {
-                        if (t.typ == exports.EnumToken.ColorTokenType) {
-                            acc.push([t]);
-                        }
-                        else {
-                            if (![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType, exports.EnumToken.CommaTokenType].includes(t.typ)) {
-                                acc[acc.length - 1].push(t);
-                            }
-                        }
-                        return acc;
-                    }, [[]]);
-                    const value = colorMix(children[0][1], children[0][2], children[1][0], children[1][1], children[2][0], children[2][1]);
-                    if (value != null) {
-                        token = value;
-                    }
-                    else if (!token.chi.some(t => t.typ == exports.EnumToken.CommaTokenType)) {
-                        token.chi = children.reduce((acc, curr, index) => {
-                            if (acc.length > 0) {
-                                acc.push({ typ: exports.EnumToken.CommaTokenType });
-                            }
-                            acc.push(...curr);
-                            return acc;
-                        }, []);
-                    }
-                }
-                if (token.cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes(token.val)) {
-                    const chi = getComponents(token);
-                    const offset = token.val == 'color' ? 2 : 1;
-                    if (chi != null) {
-                        // @ts-ignore
-                        const color = chi[1];
-                        const components = parseRelativeColor(token.val == 'color' ? chi[offset].val : token.val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
-                        if (components != null) {
-                            token.chi = [...(token.val == 'color' ? [chi[offset]] : []), ...Object.values(components)];
-                            delete token.cal;
-                        }
-                    }
-                }
-                if (token.val == 'color') {
-                    if (token.chi[0].typ == exports.EnumToken.IdenTokenType && colorFuncColorSpace.includes(token.chi[0].val.toLowerCase())) {
-                        const values = color2srgbvalues(token);
-                        if (Array.isArray(values) && values.every(t => !Number.isNaN(t))) {
-                            // @ts-ignore
-                            return reduceHexValue(srgb2hexvalues(...values));
-                        }
-                    }
-                }
-                if (token.cal != null) {
-                    let slice = false;
-                    if (token.cal == 'rel') {
-                        const last = token.chi.at(-1);
-                        if ((last.typ == exports.EnumToken.NumberTokenType && last.val == '1') || (last.typ == exports.EnumToken.IdenTokenType && last.val == 'none')) {
-                            const prev = token.chi.at(-2);
-                            if (prev.typ == exports.EnumToken.LiteralTokenType && prev.val == '/') {
-                                slice = true;
-                            }
-                        }
-                    }
-                    return clamp(token).val + '(' + (slice ? token.chi.slice(0, -2) : token.chi).reduce((acc, curr) => {
-                        const val = renderToken(curr, options, cache);
-                        if (curr.typ == exports.EnumToken.LiteralTokenType && curr.val == '/') {
-                            return acc.trimEnd() + '/';
-                        }
-                        if (curr.typ == exports.EnumToken.CommaTokenType) {
-                            return acc.trimEnd() + ',';
-                        }
-                        if (curr.typ == exports.EnumToken.WhitespaceTokenType) {
-                            const v = acc.at(-1);
-                            if (v == ' ' || v == ',' || v == '/') {
-                                return acc.trimEnd();
-                            }
-                            return acc.trimEnd() + ' ';
-                        }
-                        if (acc.length > 0) {
-                            return acc + (['/', ',', ' '].includes(acc.at(-1)) ? '' : ' ') + val;
-                        }
-                        return val;
-                    }, '') + ')';
-                }
-                if (token.kin == ColorKind.LIT && token.val.localeCompare('currentcolor', undefined, { sensitivity: 'base' }) == 0) {
-                    return 'currentcolor';
-                }
-                clamp(token);
-                if (Array.isArray(token.chi) && token.chi.some((t) => t.typ == exports.EnumToken.FunctionTokenType || (t.typ == exports.EnumToken.ColorTokenType && Array.isArray(t.chi)))) {
-                    const replaceSemiColon = /^((rgba?)|(hsla?)|(hwb)|((ok)?lab)|((ok)?lch))$/i.test(token.val);
-                    return (token.val.endsWith('a') ? token.val.slice(0, -1) : token.val) + '(' + token.chi.reduce((acc, curr, index, array) => {
-                        if (curr.typ == exports.EnumToken.Literal && curr.val == '/') {
-                            return acc.trimEnd() + '/';
-                        }
-                        if (curr.typ == exports.EnumToken.CommaTokenType) {
-                            return acc.trimEnd() + (replaceSemiColon ? ' ' : ',');
-                        }
-                        if (curr.typ == exports.EnumToken.WhitespaceTokenType) {
-                            return /[,\/\s]/.test(acc.at(-1)) ? acc.trimEnd() : acc.trimEnd() + ' ';
-                        }
-                        return acc + renderToken(curr, options, cache);
-                    }, '') + ')';
-                }
-                let value = token.kin == ColorKind.HEX ? token.val.toLowerCase() : (token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : '');
-                if (token.val == 'rgb' || token.val == 'rgba') {
-                    value = rgb2hex(token);
-                }
-                else if (token.val == 'hsl' || token.val == 'hsla') {
-                    value = hsl2hex(token);
-                }
-                else if (token.val == 'hwb') {
-                    value = hwb2hex(token);
-                }
-                else if (token.val == 'device-cmyk') {
-                    value = cmyk2hex(token);
+                    [exports.EnumToken.Add, exports.EnumToken.Sub].includes(token.l.op)) {
+                    result = '(' + renderToken(token.l, options, cache) + ')';
                 }
-                else if (token.val == 'oklab') {
-                    value = oklab2hex(token);
+                else {
+                    result = renderToken(token.l, options, cache);
                 }
-                else if (token.val == 'oklch') {
-                    value = oklch2hex(token);
+                result += token.op == exports.EnumToken.Mul ? '*' : '/';
+                if (token.r.typ == exports.EnumToken.BinaryExpressionTokenType &&
+                    [exports.EnumToken.Add, exports.EnumToken.Sub].includes(token.r.op)) {
+                    result += '(' + renderToken(token.r, options, cache) + ')';
                 }
-                else if (token.val == 'lab') {
-                    value = lab2hex(token);
+                else {
+                    result += renderToken(token.r, options, cache);
                 }
-                else if (token.val == 'lch') {
-                    value = lch2hex(token);
+                return result;
+            }
+            return renderToken(token.l, options, cache) + (token.op == exports.EnumToken.Add ? ' + ' : (token.op == exports.EnumToken.Sub ? ' - ' : (token.op == exports.EnumToken.Mul ? '*' : '/'))) + renderToken(token.r, options, cache);
+        case exports.EnumToken.FractionTokenType:
+            const fraction = renderToken(token.l) + '/' + renderToken(token.r);
+            if (+token.r.val != 0) {
+                const value = minifyNumber(+token.l.val / +token.r.val);
+                if (value.length <= fraction.length) {
+                    return value;
                 }
-                if (value !== '' && value != null) {
-                    return reduceHexValue(value);
+            }
+            return fraction;
+        case exports.EnumToken.Add:
+            return ' + ';
+        case exports.EnumToken.Sub:
+            return ' - ';
+        case exports.EnumToken.UniversalSelectorTokenType:
+        case exports.EnumToken.Mul:
+            return '*';
+        case exports.EnumToken.Div:
+            return '/';
+        case exports.EnumToken.ColorTokenType:
+            if (token.kin == ColorKind.LIGHT_DARK || ('chi' in token && options.convertColor === false)) {
+                return token.val + '(' + token.chi.reduce((acc, curr) => acc + renderToken(curr, options, cache), '') + ')';
+            }
+            if (options.convertColor !== false) {
+                // console.error([typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[(ColorType[options.convertColor] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorKind] ?? ColorKind.HEX])
+                const value = convertColor(token, typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[exports.ColorType[options.convertColor ?? 'HEX']?.toUpperCase?.().replaceAll?.('-', '_')] ?? ColorKind.HEX);
+                //
+                if (value != null) {
+                    token = value;
                 }
+                //     if ((token as ColorToken).kin == ColorKind.COLOR_MIX) {
+                //
+                //         const children: Token[][] = (<Token[]>(token as ColorToken).chi).reduce((acc: Token[][], t: Token) => {
+                //
+                //             if (t.typ == EnumToken.ColorTokenType) {
+                //
+                //                 acc.push([t]);
+                //             } else {
+                //
+                //                 if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType, EnumToken.CommaTokenType].includes(t.typ)) {
+                //
+                //                     acc[acc.length - 1].push(t);
+                //                 }
+                //             }
+                //
+                //             return acc;
+                //         }, <Token[][]>[[]]);
+                //
+                //         const value: ColorToken | null = colorMix(<IdentToken>children[0][1], <IdentToken>children[0][2], <ColorToken>children[1][0], <PercentageToken>children[1][1], <ColorToken>children[2][0], <PercentageToken>children[2][1]);
+                //
+                //         if (value != null) {
+                //
+                //             token = value;
+                //         } else if (!(token as ColorToken).chi!.some(t => t.typ == EnumToken.CommaTokenType)) {
+                //
+                //             (token as ColorToken).chi = children.reduce((acc, curr, index) => {
+                //
+                //                 if (acc.length > 0) {
+                //
+                //                     acc.push({typ: EnumToken.CommaTokenType});
+                //                 }
+                //
+                //                 acc.push(...curr);
+                //                 return acc;
+                //             }, [] as Token[]);
+                //         }
+                //     }
+                //
+                //     if ((token as ColorToken).cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes((token as ColorToken).val)) {
+                //
+                //         const chi: Token[] | null = getComponents(token as ColorToken);
+                //         const offset: number = (token as ColorToken).val == 'color' ? 2 : 1;
+                //
+                //         if (chi != null) {
+                //
+                //             // @ts-ignore
+                //             const color: ColorToken = chi[1];
+                //             const components: Record<RelativeColorTypes, Token> = <Record<RelativeColorTypes, Token>>parseRelativeColor((token as ColorToken).val == 'color' ? (<IdentToken>chi[offset]).val : <string>(token as ColorToken).val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
+                //
+                //             if (components != null) {
+                //
+                //                 (token as ColorToken).chi = [...((token as ColorToken).val == 'color' ? [chi[offset]] : []), ...Object.values(components)];
+                //
+                //                 delete (token as ColorToken).cal;
+                //             }
+                //         }
+                //     }
+                //
+                //     if ((token as ColorToken).val == 'color') {
+                //
+                //         if ((<IdentToken>(<Token[]>(token as ColorToken).chi)[0]).typ == EnumToken.IdenTokenType && colorFuncColorSpace.includes(((<Token[]>(token as ColorToken).chi)[0] as IdentToken).val.toLowerCase())) {
+                //
+                //             const values = color2srgbvalues(token as ColorToken) as number[];
+                //
+                //             if (Array.isArray(values) && values.every(t => !Number.isNaN(t))) {
+                //
+                //                 // @ts-ignore
+                //                 return reduceHexValue(srgb2hexvalues(...values));
+                //             }
+                //         }
+                //     }
+                //
+                //     if ((token as ColorToken).cal != null) {
+                //
+                //         let slice: boolean = false;
+                //
+                //         if ((token as ColorToken).cal == 'rel') {
+                //
+                //             const last: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-1);
+                //
+                //             if ((last.typ == EnumToken.NumberTokenType && (last as NumberToken).val == '1') || (last.typ == EnumToken.IdenTokenType && (last as IdentToken).val == 'none')) {
+                //
+                //                 const prev: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-2);
+                //
+                //                 if (prev.typ == EnumToken.LiteralTokenType && (prev as LiteralToken).val == '/') {
+                //
+                //                     slice = true;
+                //                 }
+                //             }
+                //         }
+                //
+                //         return clamp(token as ColorToken).val + '(' + (slice ? (<Token[]>(token as ColorToken).chi).slice(0, -2) : <Token[]>(token as ColorToken).chi).reduce((acc: string, curr: Token): string => {
+                //
+                //             const val: string = renderToken(curr, options, cache);
+                //
+                //             if (curr.typ == EnumToken.LiteralTokenType && (curr as LiteralToken).val == '/') {
+                //
+                //                 return acc.trimEnd() + '/';
+                //             }
+                //
+                //             if (curr.typ == EnumToken.CommaTokenType) {
+                //
+                //                 return acc.trimEnd() + ',';
+                //             }
+                //
+                //             if (curr.typ == EnumToken.WhitespaceTokenType) {
+                //
+                //                 const v: string = acc.at(-1) as string;
+                //
+                //                 if (v == ' ' || v == ',' || v == '/') {
+                //
+                //                     return acc.trimEnd();
+                //                 }
+                //
+                //                 return acc.trimEnd() + ' ';
+                //             }
+                //
+                //             if (acc.length > 0) {
+                //
+                //                 return acc + (['/', ',', ' '].includes(<string>acc.at(-1)) ? '' : ' ') + val;
+                //             }
+                //
+                //             return val;
+                //         }, '') + ')';
+                //     }
+                //
+                //     if ((token as ColorToken).kin == ColorKind.LIT && (token as ColorToken).val.localeCompare('currentcolor', undefined, {sensitivity: 'base'}) == 0) {
+                //
+                //         return 'currentcolor';
+                //     }
+                //
+                //     clamp(token as ColorToken);
+                //
+                //     if (Array.isArray((token as ColorToken).chi) && (token as ColorToken).chi!.some((t: Token): boolean => t.typ == EnumToken.FunctionTokenType || (t.typ == EnumToken.ColorTokenType && Array.isArray((t as ColorToken).chi)))) {
+                //
+                //         const replaceSemiColon: boolean = /^((rgba?)|(hsla?)|(hwb)|((ok)?lab)|((ok)?lch))$/i.test((token as ColorToken).val);
+                //
+                //         return ((token as ColorToken).val.endsWith('a') ? (token as ColorToken).val.slice(0, -1) : (token as ColorToken).val) + '(' + (token as ColorToken).chi!.reduce((acc: string, curr: Token, index: number, array: Token[]): string => {
+                //
+                //             if (curr.typ == EnumToken.Literal && (curr as LiteralToken).val == '/') {
+                //
+                //                 return acc.trimEnd() + '/';
+                //             }
+                //
+                //             if (curr.typ == EnumToken.CommaTokenType) {
+                //
+                //                 return acc.trimEnd() + (replaceSemiColon ? ' ' : ',');
+                //             }
+                //
+                //             if (curr.typ == EnumToken.WhitespaceTokenType) {
+                //
+                //                 return /[,\/\s]/.test(acc.at(-1) as string) ? acc.trimEnd() : acc.trimEnd() + ' ';
+                //             }
+                //
+                //             return acc + renderToken(curr, options, cache)
+                //         }, '') + ')';
+                //     }
+                //
+                //     let value: string | null = (token as ColorToken).kin == ColorKind.HEX ? (token as ColorToken).val.toLowerCase() : ((token as ColorToken).kin == ColorKind.LIT ? COLORS_NAMES[(token as ColorToken).val.toLowerCase()] : '');
+                //
+                //     if ((token as ColorToken).val == 'rgb' || (token as ColorToken).val == 'rgba') {
+                //
+                //         value = rgb2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'hsl' || (token as ColorToken).val == 'hsla') {
+                //
+                //         value = hsl2hex(token as ColorToken);
+                //
+                //     } else if ((token as ColorToken).val == 'hwb') {
+                //
+                //         value = hwb2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'device-cmyk') {
+                //
+                //         value = cmyk2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'oklab') {
+                //
+                //         value = oklab2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'oklch') {
+                //
+                //         value = oklch2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'lab') {
+                //
+                //         value = lab2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'lch') {
+                //
+                //         value = lch2hex(token as ColorToken);
+                //     }
+                //
+                //     if (value !== '' && value != null) {
+                //
+                //         return reduceHexValue(value);
+                //     }
             }
             if ([ColorKind.HEX, ColorKind.LIT, ColorKind.SYS, ColorKind.DPSYS].includes(token.kin)) {
                 return token.val;
             }
             if (Array.isArray(token.chi)) {
-                return (token.val.endsWith('a') ? token.val.slice(0, -1) : token.val) + '(' + token.chi.reduce((acc, curr) => acc + (acc.length > 0 && !(acc.endsWith('/') || curr.typ == exports.EnumToken.LiteralTokenType) ? ' ' : '') + renderToken(curr, options, cache), '') + ')';
+                const isLegacy = ['rgb', 'rgba', 'hsl', 'hsla'].includes(token.val.toLowerCase());
+                const useAlpha = (['rgb', 'rgba', 'hsl', 'hsla', 'hwb', 'oklab', 'oklch', 'lab', 'lch'].includes(token.val.toLowerCase()) && token.chi.length == 4) ||
+                    ('color'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0 && token.chi.length == 5);
+                return (token.val.endsWith('a') ? token.val.slice(0, -1) : token.val) + '(' + token.chi.reduce((acc, curr, index, array) => {
+                    if (/[,/]\s*$/.test(acc)) {
+                        if (curr.typ == exports.EnumToken.WhitespaceTokenType) {
+                            return acc.trimEnd();
+                        }
+                        return acc.trimStart() + renderToken(curr, options, cache);
+                    }
+                    if (isLegacy && curr.typ == exports.EnumToken.CommaTokenType) {
+                        return acc.trimEnd() + ' ';
+                    }
+                    if (curr.typ == exports.EnumToken.WhitespaceTokenType) {
+                        return acc.trimEnd() + ' ';
+                    }
+                    if (curr.typ == exports.EnumToken.CommaTokenType || (curr.typ == exports.EnumToken.LiteralTokenType && curr.val == '/')) {
+                        return acc.trimEnd() + (curr.typ == exports.EnumToken.CommaTokenType ? ',' : '/');
+                    }
+                    return acc.trimEnd() + (useAlpha && index == array.length - 1 ? '/' : ' ') + renderToken(curr, options, cache);
+                }, '').trimStart() + ')';
             }
         case exports.EnumToken.ParensTokenType:
         case exports.EnumToken.FunctionTokenType:
@@ -4783,15 +5718,24 @@ function isPolarColorspace(token) {
     return ['hsl', 'hwb', 'lch', 'oklch'].includes(token.val);
 }
 function isHueInterpolationMethod(token) {
-    if (token.typ != exports.EnumToken.IdenTokenType) {
+    if (!Array.isArray(token)) {
+        return token.typ == exports.EnumToken.IdenTokenType && 'hue'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0;
+    }
+    if (token.length != 2 || token[0].typ != exports.EnumToken.IdenTokenType || token[1].typ != exports.EnumToken.IdenTokenType) {
         return false;
     }
-    return ['shorter', 'longer', 'increasing', 'decreasing'].includes(token.val);
+    return ['shorter', 'longer', 'increasing', 'decreasing'].includes(token[0].val) && 'hue'.localeCompare(token[1].val, undefined, { sensitivity: 'base' }) == 0;
 }
 function isIdentColor(token) {
     return token.typ == exports.EnumToken.ColorTokenType && [ColorKind.SYS, ColorKind.DPSYS, ColorKind.LIT].includes(token.kin) && isIdent(token.val);
 }
+function isPercentageToken(token) {
+    return token.typ == exports.EnumToken.PercentageTokenType || (token.typ == exports.EnumToken.NumberTokenType && token.val == '0');
+}
 function isColor(token) {
+    if (token.typ == exports.EnumToken.ColorTokenType) {
+        return true;
+    }
     if (token.typ == exports.EnumToken.IdenTokenType) {
         // named color
         return token.val.toLowerCase() in COLORS_NAMES;
@@ -4880,79 +5824,80 @@ function isColor(token) {
                 }
                 return true;
             }
-            else { // @ts-ignore
-                if (token.val == 'color-mix') {
-                    // @ts-ignore
-                    const children = token.chi.reduce((acc, t) => {
-                        if (t.typ == exports.EnumToken.CommaTokenType) {
-                            acc.push([]);
-                        }
-                        else {
-                            if (![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ)) {
-                                acc[acc.length - 1].push(t);
-                            }
+            // @ts-ignore
+            else if (token.val == 'color-mix') {
+                // @ts-ignore
+                const children = token.chi.reduce((acc, t) => {
+                    if (t.typ == exports.EnumToken.CommaTokenType) {
+                        acc.push([]);
+                    }
+                    else {
+                        if (![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ)) {
+                            acc[acc.length - 1].push(t);
                         }
-                        return acc;
-                    }, [[]]);
-                    if (children.length == 3) {
-                        if (children[0].length > 3 ||
-                            children[0][0].typ != exports.EnumToken.IdenTokenType ||
-                            children[0][0].val != 'in' ||
-                            !isColorspace(children[0][1]) ||
-                            (children[0].length == 3 && !isHueInterpolationMethod(children[0][2])) ||
-                            children[1].length > 2 ||
-                            children[1][0].typ != exports.EnumToken.ColorTokenType ||
-                            children[2].length > 2 ||
-                            children[2][0].typ != exports.EnumToken.ColorTokenType) {
+                    }
+                    return acc;
+                }, [[]]);
+                if (children.length == 3) {
+                    if (children[0].length > 4 ||
+                        children[0][0].typ != exports.EnumToken.IdenTokenType ||
+                        'in'.localeCompare(children[0][0].val, undefined, { sensitivity: 'base' }) != 0 ||
+                        !isColorspace(children[0][1]) ||
+                        (children[0].length >= 3 && !isHueInterpolationMethod(children[0].slice(2))) ||
+                        children[1].length > 2 ||
+                        !isColor(children[1][0]) ||
+                        (children[1].length == 2 && !isPercentageToken(children[1][1])) ||
+                        children[2].length > 2 ||
+                        (children[2].length == 2 && !isPercentageToken(children[2][1])) ||
+                        !isColor(children[2][0])) {
+                        return false;
+                    }
+                    if (children[1].length == 2) {
+                        if (!(children[1][1].typ == exports.EnumToken.PercentageTokenType || (children[1][1].typ == exports.EnumToken.NumberTokenType && children[1][1].val == '0'))) {
                             return false;
                         }
-                        if (children[1].length == 2) {
-                            if (!(children[1][1].typ == exports.EnumToken.PercentageTokenType || (children[1][1].typ == exports.EnumToken.NumberTokenType && children[1][1].val == '0'))) {
-                                return false;
-                            }
-                        }
-                        if (children[2].length == 2) {
-                            if (!(children[2][1].typ == exports.EnumToken.PercentageTokenType || (children[2][1].typ == exports.EnumToken.NumberTokenType && children[2][1].val == '0'))) {
-                                return false;
-                            }
+                    }
+                    if (children[2].length == 2) {
+                        if (!(children[2][1].typ == exports.EnumToken.PercentageTokenType || (children[2][1].typ == exports.EnumToken.NumberTokenType && children[2][1].val == '0'))) {
+                            return false;
                         }
-                        return true;
                     }
-                    return false;
+                    return true;
                 }
-                else {
-                    const keywords = ['from', 'none'];
+                return false;
+            }
+            else {
+                const keywords = ['from', 'none'];
+                // @ts-ignore
+                if (['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch'].includes(token.val)) {
                     // @ts-ignore
-                    if (['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch'].includes(token.val)) {
-                        // @ts-ignore
-                        keywords.push('alpha', ...token.val.slice(-3).split(''));
+                    keywords.push('alpha', ...token.val.slice(-3).split(''));
+                }
+                // @ts-ignore
+                for (const v of token.chi) {
+                    if (v.typ == exports.EnumToken.CommaTokenType) {
+                        isLegacySyntax = true;
                     }
-                    // @ts-ignore
-                    for (const v of token.chi) {
-                        if (v.typ == exports.EnumToken.CommaTokenType) {
-                            isLegacySyntax = true;
+                    if (v.typ == exports.EnumToken.IdenTokenType) {
+                        if (!(keywords.includes(v.val) || v.val.toLowerCase() in COLORS_NAMES)) {
+                            return false;
                         }
-                        if (v.typ == exports.EnumToken.IdenTokenType) {
-                            if (!(keywords.includes(v.val) || v.val.toLowerCase() in COLORS_NAMES)) {
+                        if (keywords.includes(v.val)) {
+                            if (isLegacySyntax) {
                                 return false;
                             }
-                            if (keywords.includes(v.val)) {
-                                if (isLegacySyntax) {
-                                    return false;
-                                }
-                                // @ts-ignore
-                                if (v.val == 'from' && ['rgba', 'hsla'].includes(token.val)) {
-                                    return false;
-                                }
+                            // @ts-ignore
+                            if (v.val == 'from' && ['rgba', 'hsla'].includes(token.val)) {
+                                return false;
                             }
-                            continue;
-                        }
-                        if (v.typ == exports.EnumToken.FunctionTokenType && (mathFuncs.includes(v.val) || v.val == 'var' || colorsFunc.includes(v.val))) {
-                            continue;
-                        }
-                        if (![exports.EnumToken.ColorTokenType, exports.EnumToken.IdenTokenType, exports.EnumToken.NumberTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.CommaTokenType, exports.EnumToken.WhitespaceTokenType, exports.EnumToken.LiteralTokenType].includes(v.typ)) {
-                            return false;
                         }
+                        continue;
+                    }
+                    if (v.typ == exports.EnumToken.FunctionTokenType && (mathFuncs.includes(v.val) || v.val == 'var' || colorsFunc.includes(v.val))) {
+                        continue;
+                    }
+                    if (![exports.EnumToken.ColorTokenType, exports.EnumToken.IdenTokenType, exports.EnumToken.NumberTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.CommaTokenType, exports.EnumToken.WhitespaceTokenType, exports.EnumToken.LiteralTokenType].includes(v.typ)) {
+                        return false;
                     }
                 }
             }
@@ -13490,27 +14435,30 @@ function resolve(url, currentDirectory, cwd) {
             relative: path
         };
     }
-    let result;
+    let result = '';
     if (url.charAt(0) == '/') {
         result = url;
     }
     else if (currentDirectory.charAt(0) == '/') {
         result = dirname(currentDirectory) + '/' + url;
     }
-    else if (currentDirectory === '' || dirname(currentDirectory) === '') {
-        result = url;
-    }
-    else {
-        result = dirname(currentDirectory) + '/' + url;
-    }
+    // else if (currentDirectory === '' || dirname(currentDirectory) === '') {
+    //
+    //     result = url;
+    // } else {
+    //
+    //     result = dirname(currentDirectory) + '/' + url;
+    // }
     let { parts, i } = splitPath(result);
-    if (parts.length == 0) {
-        const path = result.charAt(0) == '/' ? '/' : '';
-        return {
-            absolute: path,
-            relative: path
-        };
-    }
+    // if (parts.length == 0) {
+    //
+    //     const path = result.charAt(0) == '/' ? '/' : '';
+    //
+    //     return {
+    //         absolute: path,
+    //         relative: path
+    //     }
+    // }
     const absolute = parts.join('/');
     const { parts: dirs } = splitPath(cwd ?? currentDirectory);
     for (const p of dirs) {
@@ -16850,7 +17798,7 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
         }
         const t = parseAtRulePrelude(parseTokens(tokens, { minify: options.minify }), atRule);
         const raw = t.reduce((acc, curr) => {
-            acc.push(renderToken(curr, { removeComments: true }));
+            acc.push(renderToken(curr, { removeComments: true, convertColor: false }));
             return acc;
         }, []);
         const nam = renderToken(atRule, { removeComments: true });
@@ -16908,6 +17856,7 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
         else {
             node.val = node.tokens.reduce((acc, curr) => acc + renderToken(curr, {
                 minify: false,
+                convertColor: false,
                 removeComments: true
             }), '');
         }
@@ -17366,42 +18315,53 @@ function parseSelector(tokens) {
                 value.typ = exports.EnumToken.ChildCombinatorTokenType;
             }
             // @ts-ignore
-            else if (value.typ == exports.EnumToken.WhitespaceTokenType) {
-                if (nextValue != null && nextValue.typ == exports.EnumToken.LiteralTokenType) {
-                    if (['>', '+', '~'].includes(nextValue.val)) {
-                        switch (value.val) {
-                            case '>':
-                                // @ts-ignore
-                                nextValue.typ = exports.EnumToken.ChildCombinatorTokenType;
-                                break;
-                            case '+':
-                                // @ts-ignore
-                                nextValue.typ = exports.EnumToken.NextSiblingCombinatorTokenType;
-                                break;
-                            case '~':
-                                // @ts-ignore
-                                nextValue.typ = exports.EnumToken.SubsequentSiblingCombinatorTokenType;
-                                break;
-                        }
-                        // @ts-ignore
-                        delete nextValue.val;
-                        continue;
-                    }
-                }
-                if (previousValue != null && [
-                    exports.EnumToken.ChildCombinatorTokenType,
-                    exports.EnumToken.DescendantCombinatorTokenType,
-                    exports.EnumToken.NextSiblingCombinatorTokenType,
-                    exports.EnumToken.SubsequentSiblingCombinatorTokenType,
-                    exports.EnumToken.ColumnCombinatorTokenType,
-                    exports.EnumToken.NameSpaceAttributeTokenType,
-                    exports.EnumToken.CommaTokenType
-                ].includes(previousValue.typ)) {
-                    continue;
-                }
-                // @ts-ignore
-                value.typ = exports.EnumToken.DescendantCombinatorTokenType;
-            }
+            // else if (value.typ == EnumToken.WhitespaceTokenType) {
+            //
+            //     if (nextValue != null && nextValue.typ == EnumToken.LiteralTokenType) {
+            //
+            //         if (['>', '+', '~'].includes((<LiteralToken>nextValue).val)) {
+            //
+            //             switch ((<LiteralToken>value).val) {
+            //
+            //                 case '>':
+            //                     // @ts-ignore
+            //                     nextValue.typ = EnumToken.ChildCombinatorTokenType;
+            //                     break;
+            //
+            //                 case '+':
+            //                     // @ts-ignore
+            //                     nextValue.typ = EnumToken.NextSiblingCombinatorTokenType;
+            //                     break;
+            //
+            //                 case '~':
+            //                     // @ts-ignore
+            //                     nextValue.typ = EnumToken.SubsequentSiblingCombinatorTokenType;
+            //                     break;
+            //             }
+            //
+            //             // @ts-ignore
+            //             delete (<LiteralToken>nextValue).val;
+            //
+            //             continue;
+            //         }
+            //     }
+            //
+            //     if (previousValue != null && [
+            //         EnumToken.ChildCombinatorTokenType,
+            //         EnumToken.DescendantCombinatorTokenType,
+            //         EnumToken.NextSiblingCombinatorTokenType,
+            //         EnumToken.SubsequentSiblingCombinatorTokenType,
+            //         EnumToken.ColumnCombinatorTokenType,
+            //         EnumToken.NameSpaceAttributeTokenType,
+            //         EnumToken.CommaTokenType
+            //     ].includes(previousValue.typ)) {
+            //
+            //         continue;
+            //     }
+            //
+            //     // @ts-ignore
+            //     value.typ = EnumToken.DescendantCombinatorTokenType;
+            // }
             else if (value.typ == exports.EnumToken.LiteralTokenType) {
                 if (value.val.charAt(0) == '&') {
                     // @ts-ignore
@@ -17420,11 +18380,13 @@ function parseSelector(tokens) {
                     }
                 }
                 // @ts-ignore
-                if (value.typ == exports.EnumToken.DelimTokenType) {
-                    // @ts-ignore
-                    value.typ = exports.EnumToken.NextSiblingCombinatorTokenType;
-                }
-                else if (['*', '>', '+', '~'].includes(value.val)) {
+                // if ((<DelimToken>value).typ == EnumToken.DelimTokenType) {
+                //
+                //     // @ts-ignore
+                //     (<NextSiblingCombinatorToken>value).typ = EnumToken.NextSiblingCombinatorTokenType;
+                //
+                // } else
+                if (['*', '>', '+', '~'].includes(value.val)) {
                     switch (value.val) {
                         case '*':
                             // @ts-ignore
@@ -17961,29 +18923,33 @@ function parseTokens(tokens, options = {}) {
                     }
                 }
             }
-            continue;
-        }
-        if (options.parseColor) {
-            if (t.typ == exports.EnumToken.IdenTokenType) {
-                // named color
-                const value = t.val.toLowerCase();
-                if (value in COLORS_NAMES) {
-                    Object.assign(t, {
-                        typ: exports.EnumToken.ColorTokenType,
-                        val: COLORS_NAMES[value].length < value.length ? COLORS_NAMES[value] : value,
-                        kin: ColorKind.HEX
-                    });
-                }
-                continue;
-            }
-            if (t.typ == exports.EnumToken.HashTokenType && isHexColor(t.val)) {
-                // hex color
-                // @ts-ignore
-                t.typ = exports.EnumToken.ColorTokenType;
-                // @ts-ignore
-                t.kin = ColorKind.HEX;
-            }
+            // continue;
         }
+        // if (options.parseColor) {
+        //
+        //     if (t.typ == EnumToken.IdenTokenType) {
+        //         // named color
+        //         const value: string = (t as IdentToken).val.toLowerCase();
+        //
+        //         if (value in COLORS_NAMES) {
+        //             Object.assign(t, {
+        //                 typ: EnumToken.ColorTokenType,
+        //                 val: COLORS_NAMES[value].length < value.length ? COLORS_NAMES[value] : value,
+        //                 kin: ColorKind.HEX
+        //             });
+        //         }
+        //
+        //         continue;
+        //     }
+        //
+        //     if (t.typ == EnumToken.HashTokenType && isHexColor((t as HashToken).val)) {
+        //         // hex color
+        //         // @ts-ignore
+        //         t.typ = EnumToken.ColorTokenType;
+        //         // @ts-ignore
+        //         (t as ColorToken).kin = ColorKind.HEX;
+        //     }
+        // }
     }
     return tokens;
 }
@@ -18475,7 +19441,7 @@ class InlineCssVariablesFeature {
                             // @ts-ignore
                             parent.chi.splice(i, 1, {
                                 typ: exports.EnumToken.CommentTokenType,
-                                val: `/* ${info.node.nam}: ${info.values.reduce((acc, curr) => acc + renderToken(curr), '')} */`
+                                val: `/* ${info.node.nam}: ${info.values.reduce((acc, curr) => acc + renderToken(curr, { convertColor: false }), '')} */`
                             });
                             break;
                         }
diff --git a/dist/index.d.ts b/dist/index.d.ts
index 14b34b8e..480db196 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -1,3 +1,88 @@
+/**
+ * color types enum
+ */
+declare enum ColorType {
+    /**
+     * convert color to hex
+     */
+    HEX = 0,
+    /**
+     * convert color to rgb
+     */
+    RGBA = 1,
+    /**
+     * convert color to hwb
+     */
+    HWB = 2,
+    /**
+     * convert color to hsl
+     */
+    HSLA = 3,
+    /**
+     * convert color to cmyk
+     */
+    DEVICE_CMYK = 4,
+    /**
+     * convert color to lch
+     */
+    LCH = 5,
+    /**
+     * convert color to oklch
+     */
+    OKLCH = 6,
+    /**
+     * convert color to lab
+     */
+    LAB = 7,
+    /**
+     * convert color to oklab
+     */
+    OKLAB = 8,
+    /**
+     * convert color to xyz
+     */
+    XYZ_D65 = 9,
+    /**
+     * convert color to xyz-d50
+     */
+    XYZ_D50 = 10,
+    /**
+     * convert color to srgb
+     */
+    SRGB = 11,
+    /**
+     * convert color to srgb-linear
+     */
+    SRGB_LINEAR = 12,
+    /**
+     * convert color to display-p3
+     */
+    DISPLAY_P3 = 13,
+    /**
+     * convert color to a98-rgb
+     */
+    A98_RGB = 14,
+    /**
+     * convert color to prophoto-rgb
+     */
+    PROPHOTO_RGB = 15,
+    /**
+     * convert color to rec2020
+     */
+    REC2020 = 16,
+    /**
+     * alias for hsl
+     */
+    HSL = 3,
+    /**
+     * alias for rgba
+     */
+    RGB = 1,
+    /**
+     * alias for xyz-d65
+     */
+    XYZ = 9
+}
 /**
  * validation level enum
  */
@@ -208,28 +293,28 @@ declare enum ColorKind {
     DPSYS = 1,
     LIT = 2,
     HEX = 3,
+    RGBA = 4,
+    HSLA = 5,
+    HWB = 6,
+    DEVICE_CMYK = 7,
+    OKLAB = 8,
+    OKLCH = 9,
+    LAB = 10,
+    LCH = 11,
+    COLOR = 12,
+    SRGB = 13,
+    PROPHOTO_RGB = 14,
+    A98_RGB = 15,
+    REC2020 = 16,
+    DISPLAY_P3 = 17,
+    SRGB_LINEAR = 18,
+    XYZ_D50 = 19,
+    XYZ_D65 = 20,
+    LIGHT_DARK = 21,
+    COLOR_MIX = 22,
     RGB = 4,
-    RGBA = 5,
-    HSL = 6,
-    HSLA = 7,
-    HWB = 8,
-    DEVICE_CMYK = 9,
-    OKLAB = 10,
-    OKLCH = 11,
-    LAB = 12,
-    LCH = 13,
-    COLOR = 14,
-    SRGB = 15,
-    PROPHOTO_RGB = 16,
-    A98_RGB = 17,
-    REC2020 = 18,
-    DISPLAY_P3 = 19,
-    SRGB_LINEAR = 20,
-    XYZ = 21,
-    XYZ_D50 = 22,
-    XYZ_D65 = 23,
-    LIGHT_DARK = 24,
-    COLOR_MIX = 25
+    HSL = 5,
+    XYZ = 20
 }
 
 /**
@@ -1246,7 +1331,7 @@ export declare interface RenderOptions {
     indent?: string;
     newLine?: string;
     removeComments?: boolean;
-    convertColor?: boolean;
+    convertColor?: boolean | ColorType;
     withParents?: boolean;
     output?: string;
     cwd?: string;
@@ -1356,4 +1441,4 @@ declare function parse(iterator: string, opt?: ParserOptions): Promise<ParseResu
  */
 declare function transform(css: string, options?: TransformOptions): Promise<TransformResult>;
 
-export { EnumToken, ValidationLevel, dirname, expand, load, minify, parse, parseString, parseTokens, render, renderToken, resolve, transform, walk, walkValues };
+export { ColorType, EnumToken, ValidationLevel, dirname, expand, load, minify, parse, parseString, parseTokens, render, renderToken, resolve, transform, walk, walkValues };
diff --git a/dist/lib/ast/features/inlinecssvariables.js b/dist/lib/ast/features/inlinecssvariables.js
index 5f8c2112..f4cdebc8 100644
--- a/dist/lib/ast/features/inlinecssvariables.js
+++ b/dist/lib/ast/features/inlinecssvariables.js
@@ -148,7 +148,7 @@ class InlineCssVariablesFeature {
                             // @ts-ignore
                             parent.chi.splice(i, 1, {
                                 typ: EnumToken.CommentTokenType,
-                                val: `/* ${info.node.nam}: ${info.values.reduce((acc, curr) => acc + renderToken(curr), '')} */`
+                                val: `/* ${info.node.nam}: ${info.values.reduce((acc, curr) => acc + renderToken(curr, { convertColor: false }), '')} */`
                             });
                             break;
                         }
diff --git a/dist/lib/ast/types.js b/dist/lib/ast/types.js
index a01f04dd..e54380ab 100644
--- a/dist/lib/ast/types.js
+++ b/dist/lib/ast/types.js
@@ -4,6 +4,92 @@ var SyntaxValidationResult;
     SyntaxValidationResult[SyntaxValidationResult["Drop"] = 1] = "Drop";
     SyntaxValidationResult[SyntaxValidationResult["Lenient"] = 2] = "Lenient"; /* preserve unknown at-rules, declarations and pseudo-classes */
 })(SyntaxValidationResult || (SyntaxValidationResult = {}));
+/**
+ * color types enum
+ */
+var ColorType;
+(function (ColorType) {
+    /**
+     * convert color to hex
+     */
+    ColorType[ColorType["HEX"] = 0] = "HEX";
+    /**
+     * convert color to rgb
+     */
+    ColorType[ColorType["RGBA"] = 1] = "RGBA";
+    /**
+     * convert color to hwb
+     */
+    ColorType[ColorType["HWB"] = 2] = "HWB";
+    /**
+     * convert color to hsl
+     */
+    ColorType[ColorType["HSLA"] = 3] = "HSLA";
+    /**
+     * convert color to cmyk
+     */
+    ColorType[ColorType["DEVICE_CMYK"] = 4] = "DEVICE_CMYK";
+    /**
+     * convert color to lch
+     */
+    ColorType[ColorType["LCH"] = 5] = "LCH";
+    /**
+     * convert color to oklch
+     */
+    ColorType[ColorType["OKLCH"] = 6] = "OKLCH";
+    /**
+     * convert color to lab
+     */
+    ColorType[ColorType["LAB"] = 7] = "LAB";
+    /**
+     * convert color to oklab
+     */
+    ColorType[ColorType["OKLAB"] = 8] = "OKLAB";
+    /**
+     * convert color to xyz
+     */
+    ColorType[ColorType["XYZ_D65"] = 9] = "XYZ_D65";
+    /**
+     * convert color to xyz-d50
+     */
+    ColorType[ColorType["XYZ_D50"] = 10] = "XYZ_D50";
+    /**
+     * convert color to srgb
+     */
+    ColorType[ColorType["SRGB"] = 11] = "SRGB";
+    /**
+     * convert color to srgb-linear
+     */
+    ColorType[ColorType["SRGB_LINEAR"] = 12] = "SRGB_LINEAR";
+    /**
+     * convert color to display-p3
+     */
+    ColorType[ColorType["DISPLAY_P3"] = 13] = "DISPLAY_P3";
+    /**
+     * convert color to a98-rgb
+     */
+    ColorType[ColorType["A98_RGB"] = 14] = "A98_RGB";
+    /**
+     * convert color to prophoto-rgb
+     */
+    ColorType[ColorType["PROPHOTO_RGB"] = 15] = "PROPHOTO_RGB";
+    /**
+     * convert color to rec2020
+     */
+    ColorType[ColorType["REC2020"] = 16] = "REC2020";
+    /**
+     * alias for hsl
+     */
+    ColorType[ColorType["HSL"] = 3] = "HSL";
+    /**
+     * alias for rgba
+     */
+    ColorType[ColorType["RGB"] = 1] = "RGB";
+    /**
+     * alias for xyz-d65
+     */
+    ColorType[ColorType["XYZ"] = 9] = "XYZ";
+})(ColorType || (ColorType = {}));
 /**
  * validation level enum
  */
@@ -155,4 +241,4 @@ var EnumToken;
     EnumToken[EnumToken["TimelineFunction"] = 16] = "TimelineFunction";
 })(EnumToken || (EnumToken = {}));
 
-export { EnumToken, SyntaxValidationResult, ValidationLevel };
+export { ColorType, EnumToken, SyntaxValidationResult, ValidationLevel };
diff --git a/dist/lib/fs/resolve.js b/dist/lib/fs/resolve.js
index 3a37b419..54dfacb1 100644
--- a/dist/lib/fs/resolve.js
+++ b/dist/lib/fs/resolve.js
@@ -71,27 +71,30 @@ function resolve(url, currentDirectory, cwd) {
             relative: path
         };
     }
-    let result;
+    let result = '';
     if (url.charAt(0) == '/') {
         result = url;
     }
     else if (currentDirectory.charAt(0) == '/') {
         result = dirname(currentDirectory) + '/' + url;
     }
-    else if (currentDirectory === '' || dirname(currentDirectory) === '') {
-        result = url;
-    }
-    else {
-        result = dirname(currentDirectory) + '/' + url;
-    }
+    // else if (currentDirectory === '' || dirname(currentDirectory) === '') {
+    //
+    //     result = url;
+    // } else {
+    //
+    //     result = dirname(currentDirectory) + '/' + url;
+    // }
     let { parts, i } = splitPath(result);
-    if (parts.length == 0) {
-        const path = result.charAt(0) == '/' ? '/' : '';
-        return {
-            absolute: path,
-            relative: path
-        };
-    }
+    // if (parts.length == 0) {
+    //
+    //     const path = result.charAt(0) == '/' ? '/' : '';
+    //
+    //     return {
+    //         absolute: path,
+    //         relative: path
+    //     }
+    // }
     const absolute = parts.join('/');
     const { parts: dirs } = splitPath(cwd ?? currentDirectory);
     for (const p of dirs) {
diff --git a/dist/lib/parser/parse.js b/dist/lib/parser/parse.js
index 2b75a194..d5b5959c 100644
--- a/dist/lib/parser/parse.js
+++ b/dist/lib/parser/parse.js
@@ -1,4 +1,4 @@
-import { isIdentStart, isIdent, isIdentColor, mathFuncs, isColor, parseColor, isHexColor, isPseudo, pseudoElements, isAtKeyword, isFunction, isNumber, isPercentage, isFlex, isDimension, parseDimension, isHash, mediaTypes } from '../syntax/syntax.js';
+import { isIdentStart, isIdent, isIdentColor, mathFuncs, isColor, parseColor, isPseudo, pseudoElements, isAtKeyword, isFunction, isNumber, isPercentage, isFlex, isDimension, parseDimension, isHexColor, isHash, mediaTypes } from '../syntax/syntax.js';
 import { EnumToken, ValidationLevel, SyntaxValidationResult } from '../ast/types.js';
 import { minify, definedPropertySettings, combinators } from '../ast/minify.js';
 import { walkValues, walk, WalkerOptionEnum } from '../ast/walk.js';
@@ -6,7 +6,7 @@ import { expand } from '../ast/expand.js';
 import './utils/config.js';
 import { parseDeclarationNode } from './utils/declaration.js';
 import { renderToken } from '../renderer/render.js';
-import { funcLike, COLORS_NAMES, ColorKind, timingFunc, timelineFunc, systemColors, deprecatedSystemColors, colorsFunc } from '../syntax/color/utils/constants.js';
+import { funcLike, timingFunc, timelineFunc, COLORS_NAMES, ColorKind, systemColors, deprecatedSystemColors, colorsFunc } from '../syntax/color/utils/constants.js';
 import { buildExpression } from '../ast/math/expression.js';
 import { tokenize } from './tokenize.js';
 import '../validation/config.js';
@@ -484,7 +484,7 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
         }
         const t = parseAtRulePrelude(parseTokens(tokens, { minify: options.minify }), atRule);
         const raw = t.reduce((acc, curr) => {
-            acc.push(renderToken(curr, { removeComments: true }));
+            acc.push(renderToken(curr, { removeComments: true, convertColor: false }));
             return acc;
         }, []);
         const nam = renderToken(atRule, { removeComments: true });
@@ -542,6 +542,7 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
         else {
             node.val = node.tokens.reduce((acc, curr) => acc + renderToken(curr, {
                 minify: false,
+                convertColor: false,
                 removeComments: true
             }), '');
         }
@@ -1000,42 +1001,53 @@ function parseSelector(tokens) {
                 value.typ = EnumToken.ChildCombinatorTokenType;
             }
             // @ts-ignore
-            else if (value.typ == EnumToken.WhitespaceTokenType) {
-                if (nextValue != null && nextValue.typ == EnumToken.LiteralTokenType) {
-                    if (['>', '+', '~'].includes(nextValue.val)) {
-                        switch (value.val) {
-                            case '>':
-                                // @ts-ignore
-                                nextValue.typ = EnumToken.ChildCombinatorTokenType;
-                                break;
-                            case '+':
-                                // @ts-ignore
-                                nextValue.typ = EnumToken.NextSiblingCombinatorTokenType;
-                                break;
-                            case '~':
-                                // @ts-ignore
-                                nextValue.typ = EnumToken.SubsequentSiblingCombinatorTokenType;
-                                break;
-                        }
-                        // @ts-ignore
-                        delete nextValue.val;
-                        continue;
-                    }
-                }
-                if (previousValue != null && [
-                    EnumToken.ChildCombinatorTokenType,
-                    EnumToken.DescendantCombinatorTokenType,
-                    EnumToken.NextSiblingCombinatorTokenType,
-                    EnumToken.SubsequentSiblingCombinatorTokenType,
-                    EnumToken.ColumnCombinatorTokenType,
-                    EnumToken.NameSpaceAttributeTokenType,
-                    EnumToken.CommaTokenType
-                ].includes(previousValue.typ)) {
-                    continue;
-                }
-                // @ts-ignore
-                value.typ = EnumToken.DescendantCombinatorTokenType;
-            }
+            // else if (value.typ == EnumToken.WhitespaceTokenType) {
+            //
+            //     if (nextValue != null && nextValue.typ == EnumToken.LiteralTokenType) {
+            //
+            //         if (['>', '+', '~'].includes((<LiteralToken>nextValue).val)) {
+            //
+            //             switch ((<LiteralToken>value).val) {
+            //
+            //                 case '>':
+            //                     // @ts-ignore
+            //                     nextValue.typ = EnumToken.ChildCombinatorTokenType;
+            //                     break;
+            //
+            //                 case '+':
+            //                     // @ts-ignore
+            //                     nextValue.typ = EnumToken.NextSiblingCombinatorTokenType;
+            //                     break;
+            //
+            //                 case '~':
+            //                     // @ts-ignore
+            //                     nextValue.typ = EnumToken.SubsequentSiblingCombinatorTokenType;
+            //                     break;
+            //             }
+            //
+            //             // @ts-ignore
+            //             delete (<LiteralToken>nextValue).val;
+            //
+            //             continue;
+            //         }
+            //     }
+            //
+            //     if (previousValue != null && [
+            //         EnumToken.ChildCombinatorTokenType,
+            //         EnumToken.DescendantCombinatorTokenType,
+            //         EnumToken.NextSiblingCombinatorTokenType,
+            //         EnumToken.SubsequentSiblingCombinatorTokenType,
+            //         EnumToken.ColumnCombinatorTokenType,
+            //         EnumToken.NameSpaceAttributeTokenType,
+            //         EnumToken.CommaTokenType
+            //     ].includes(previousValue.typ)) {
+            //
+            //         continue;
+            //     }
+            //
+            //     // @ts-ignore
+            //     value.typ = EnumToken.DescendantCombinatorTokenType;
+            // }
             else if (value.typ == EnumToken.LiteralTokenType) {
                 if (value.val.charAt(0) == '&') {
                     // @ts-ignore
@@ -1054,11 +1066,13 @@ function parseSelector(tokens) {
                     }
                 }
                 // @ts-ignore
-                if (value.typ == EnumToken.DelimTokenType) {
-                    // @ts-ignore
-                    value.typ = EnumToken.NextSiblingCombinatorTokenType;
-                }
-                else if (['*', '>', '+', '~'].includes(value.val)) {
+                // if ((<DelimToken>value).typ == EnumToken.DelimTokenType) {
+                //
+                //     // @ts-ignore
+                //     (<NextSiblingCombinatorToken>value).typ = EnumToken.NextSiblingCombinatorTokenType;
+                //
+                // } else
+                if (['*', '>', '+', '~'].includes(value.val)) {
                     switch (value.val) {
                         case '*':
                             // @ts-ignore
@@ -1595,29 +1609,33 @@ function parseTokens(tokens, options = {}) {
                     }
                 }
             }
-            continue;
-        }
-        if (options.parseColor) {
-            if (t.typ == EnumToken.IdenTokenType) {
-                // named color
-                const value = t.val.toLowerCase();
-                if (value in COLORS_NAMES) {
-                    Object.assign(t, {
-                        typ: EnumToken.ColorTokenType,
-                        val: COLORS_NAMES[value].length < value.length ? COLORS_NAMES[value] : value,
-                        kin: ColorKind.HEX
-                    });
-                }
-                continue;
-            }
-            if (t.typ == EnumToken.HashTokenType && isHexColor(t.val)) {
-                // hex color
-                // @ts-ignore
-                t.typ = EnumToken.ColorTokenType;
-                // @ts-ignore
-                t.kin = ColorKind.HEX;
-            }
+            // continue;
         }
+        // if (options.parseColor) {
+        //
+        //     if (t.typ == EnumToken.IdenTokenType) {
+        //         // named color
+        //         const value: string = (t as IdentToken).val.toLowerCase();
+        //
+        //         if (value in COLORS_NAMES) {
+        //             Object.assign(t, {
+        //                 typ: EnumToken.ColorTokenType,
+        //                 val: COLORS_NAMES[value].length < value.length ? COLORS_NAMES[value] : value,
+        //                 kin: ColorKind.HEX
+        //             });
+        //         }
+        //
+        //         continue;
+        //     }
+        //
+        //     if (t.typ == EnumToken.HashTokenType && isHexColor((t as HashToken).val)) {
+        //         // hex color
+        //         // @ts-ignore
+        //         t.typ = EnumToken.ColorTokenType;
+        //         // @ts-ignore
+        //         (t as ColorToken).kin = ColorKind.HEX;
+        //     }
+        // }
     }
     return tokens;
 }
diff --git a/dist/lib/renderer/render.js b/dist/lib/renderer/render.js
index 134f8482..9e41a336 100644
--- a/dist/lib/renderer/render.js
+++ b/dist/lib/renderer/render.js
@@ -1,16 +1,12 @@
-import { getAngle, color2srgbvalues, clamp } from '../syntax/color/color.js';
-import { colorsFunc, ColorKind, colorFuncColorSpace, COLORS_NAMES, funcLike } from '../syntax/color/utils/constants.js';
-import { getComponents } from '../syntax/color/utils/components.js';
-import { reduceHexValue, srgb2hexvalues, rgb2hex, hsl2hex, hwb2hex, cmyk2hex, oklab2hex, oklch2hex, lab2hex, lch2hex } from '../syntax/color/hex.js';
-import { EnumToken } from '../ast/types.js';
+import { getAngle, convertColor } from '../syntax/color/color.js';
+import { colorsFunc, ColorKind, funcLike } from '../syntax/color/utils/constants.js';
+import { EnumToken, ColorType } from '../ast/types.js';
 import '../ast/minify.js';
 import '../ast/walk.js';
 import { expand } from '../ast/expand.js';
-import { colorMix } from '../syntax/color/color-mix.js';
-import { parseRelativeColor } from '../syntax/color/relativecolor.js';
-import { SourceMap } from './sourcemap/sourcemap.js';
 import { isColor, pseudoElements, mathFuncs, isNewLine } from '../syntax/syntax.js';
 import { minifyNumber } from '../syntax/utils.js';
+import { SourceMap } from './sourcemap/sourcemap.js';
 
 function update(position, str) {
     let i = 0;
@@ -315,143 +311,233 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
         case EnumToken.Div:
             return '/';
         case EnumToken.ColorTokenType:
-            if (token.kin == ColorKind.LIGHT_DARK || ('chi' in token && !options.convertColor)) {
+            if (token.kin == ColorKind.LIGHT_DARK || ('chi' in token && options.convertColor === false)) {
                 return token.val + '(' + token.chi.reduce((acc, curr) => acc + renderToken(curr, options, cache), '') + ')';
             }
-            if (options.convertColor) {
-                if (token.cal == 'mix' && token.val == 'color-mix') {
-                    const children = token.chi.reduce((acc, t) => {
-                        if (t.typ == EnumToken.ColorTokenType) {
-                            acc.push([t]);
-                        }
-                        else {
-                            if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType, EnumToken.CommaTokenType].includes(t.typ)) {
-                                acc[acc.length - 1].push(t);
-                            }
-                        }
-                        return acc;
-                    }, [[]]);
-                    const value = colorMix(children[0][1], children[0][2], children[1][0], children[1][1], children[2][0], children[2][1]);
-                    if (value != null) {
-                        token = value;
-                    }
-                    else if (!token.chi.some(t => t.typ == EnumToken.CommaTokenType)) {
-                        token.chi = children.reduce((acc, curr, index) => {
-                            if (acc.length > 0) {
-                                acc.push({ typ: EnumToken.CommaTokenType });
-                            }
-                            acc.push(...curr);
-                            return acc;
-                        }, []);
-                    }
-                }
-                if (token.cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes(token.val)) {
-                    const chi = getComponents(token);
-                    const offset = token.val == 'color' ? 2 : 1;
-                    if (chi != null) {
-                        // @ts-ignore
-                        const color = chi[1];
-                        const components = parseRelativeColor(token.val == 'color' ? chi[offset].val : token.val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
-                        if (components != null) {
-                            token.chi = [...(token.val == 'color' ? [chi[offset]] : []), ...Object.values(components)];
-                            delete token.cal;
-                        }
-                    }
-                }
-                if (token.val == 'color') {
-                    if (token.chi[0].typ == EnumToken.IdenTokenType && colorFuncColorSpace.includes(token.chi[0].val.toLowerCase())) {
-                        const values = color2srgbvalues(token);
-                        if (Array.isArray(values) && values.every(t => !Number.isNaN(t))) {
-                            // @ts-ignore
-                            return reduceHexValue(srgb2hexvalues(...values));
-                        }
-                    }
-                }
-                if (token.cal != null) {
-                    let slice = false;
-                    if (token.cal == 'rel') {
-                        const last = token.chi.at(-1);
-                        if ((last.typ == EnumToken.NumberTokenType && last.val == '1') || (last.typ == EnumToken.IdenTokenType && last.val == 'none')) {
-                            const prev = token.chi.at(-2);
-                            if (prev.typ == EnumToken.LiteralTokenType && prev.val == '/') {
-                                slice = true;
-                            }
-                        }
-                    }
-                    return clamp(token).val + '(' + (slice ? token.chi.slice(0, -2) : token.chi).reduce((acc, curr) => {
-                        const val = renderToken(curr, options, cache);
-                        if (curr.typ == EnumToken.LiteralTokenType && curr.val == '/') {
-                            return acc.trimEnd() + '/';
-                        }
-                        if (curr.typ == EnumToken.CommaTokenType) {
-                            return acc.trimEnd() + ',';
-                        }
-                        if (curr.typ == EnumToken.WhitespaceTokenType) {
-                            const v = acc.at(-1);
-                            if (v == ' ' || v == ',' || v == '/') {
-                                return acc.trimEnd();
-                            }
-                            return acc.trimEnd() + ' ';
-                        }
-                        if (acc.length > 0) {
-                            return acc + (['/', ',', ' '].includes(acc.at(-1)) ? '' : ' ') + val;
-                        }
-                        return val;
-                    }, '') + ')';
-                }
-                if (token.kin == ColorKind.LIT && token.val.localeCompare('currentcolor', undefined, { sensitivity: 'base' }) == 0) {
-                    return 'currentcolor';
-                }
-                clamp(token);
-                if (Array.isArray(token.chi) && token.chi.some((t) => t.typ == EnumToken.FunctionTokenType || (t.typ == EnumToken.ColorTokenType && Array.isArray(t.chi)))) {
-                    const replaceSemiColon = /^((rgba?)|(hsla?)|(hwb)|((ok)?lab)|((ok)?lch))$/i.test(token.val);
-                    return (token.val.endsWith('a') ? token.val.slice(0, -1) : token.val) + '(' + token.chi.reduce((acc, curr, index, array) => {
-                        if (curr.typ == EnumToken.Literal && curr.val == '/') {
-                            return acc.trimEnd() + '/';
-                        }
-                        if (curr.typ == EnumToken.CommaTokenType) {
-                            return acc.trimEnd() + (replaceSemiColon ? ' ' : ',');
-                        }
-                        if (curr.typ == EnumToken.WhitespaceTokenType) {
-                            return /[,\/\s]/.test(acc.at(-1)) ? acc.trimEnd() : acc.trimEnd() + ' ';
-                        }
-                        return acc + renderToken(curr, options, cache);
-                    }, '') + ')';
-                }
-                let value = token.kin == ColorKind.HEX ? token.val.toLowerCase() : (token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : '');
-                if (token.val == 'rgb' || token.val == 'rgba') {
-                    value = rgb2hex(token);
-                }
-                else if (token.val == 'hsl' || token.val == 'hsla') {
-                    value = hsl2hex(token);
-                }
-                else if (token.val == 'hwb') {
-                    value = hwb2hex(token);
-                }
-                else if (token.val == 'device-cmyk') {
-                    value = cmyk2hex(token);
-                }
-                else if (token.val == 'oklab') {
-                    value = oklab2hex(token);
-                }
-                else if (token.val == 'oklch') {
-                    value = oklch2hex(token);
-                }
-                else if (token.val == 'lab') {
-                    value = lab2hex(token);
-                }
-                else if (token.val == 'lch') {
-                    value = lch2hex(token);
-                }
-                if (value !== '' && value != null) {
-                    return reduceHexValue(value);
-                }
+            if (options.convertColor !== false) {
+                // console.error([typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[(ColorType[options.convertColor] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorKind] ?? ColorKind.HEX])
+                const value = convertColor(token, typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[ColorType[options.convertColor ?? 'HEX']?.toUpperCase?.().replaceAll?.('-', '_')] ?? ColorKind.HEX);
+                //
+                if (value != null) {
+                    token = value;
+                }
+                //     if ((token as ColorToken).kin == ColorKind.COLOR_MIX) {
+                //
+                //         const children: Token[][] = (<Token[]>(token as ColorToken).chi).reduce((acc: Token[][], t: Token) => {
+                //
+                //             if (t.typ == EnumToken.ColorTokenType) {
+                //
+                //                 acc.push([t]);
+                //             } else {
+                //
+                //                 if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType, EnumToken.CommaTokenType].includes(t.typ)) {
+                //
+                //                     acc[acc.length - 1].push(t);
+                //                 }
+                //             }
+                //
+                //             return acc;
+                //         }, <Token[][]>[[]]);
+                //
+                //         const value: ColorToken | null = colorMix(<IdentToken>children[0][1], <IdentToken>children[0][2], <ColorToken>children[1][0], <PercentageToken>children[1][1], <ColorToken>children[2][0], <PercentageToken>children[2][1]);
+                //
+                //         if (value != null) {
+                //
+                //             token = value;
+                //         } else if (!(token as ColorToken).chi!.some(t => t.typ == EnumToken.CommaTokenType)) {
+                //
+                //             (token as ColorToken).chi = children.reduce((acc, curr, index) => {
+                //
+                //                 if (acc.length > 0) {
+                //
+                //                     acc.push({typ: EnumToken.CommaTokenType});
+                //                 }
+                //
+                //                 acc.push(...curr);
+                //                 return acc;
+                //             }, [] as Token[]);
+                //         }
+                //     }
+                //
+                //     if ((token as ColorToken).cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes((token as ColorToken).val)) {
+                //
+                //         const chi: Token[] | null = getComponents(token as ColorToken);
+                //         const offset: number = (token as ColorToken).val == 'color' ? 2 : 1;
+                //
+                //         if (chi != null) {
+                //
+                //             // @ts-ignore
+                //             const color: ColorToken = chi[1];
+                //             const components: Record<RelativeColorTypes, Token> = <Record<RelativeColorTypes, Token>>parseRelativeColor((token as ColorToken).val == 'color' ? (<IdentToken>chi[offset]).val : <string>(token as ColorToken).val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
+                //
+                //             if (components != null) {
+                //
+                //                 (token as ColorToken).chi = [...((token as ColorToken).val == 'color' ? [chi[offset]] : []), ...Object.values(components)];
+                //
+                //                 delete (token as ColorToken).cal;
+                //             }
+                //         }
+                //     }
+                //
+                //     if ((token as ColorToken).val == 'color') {
+                //
+                //         if ((<IdentToken>(<Token[]>(token as ColorToken).chi)[0]).typ == EnumToken.IdenTokenType && colorFuncColorSpace.includes(((<Token[]>(token as ColorToken).chi)[0] as IdentToken).val.toLowerCase())) {
+                //
+                //             const values = color2srgbvalues(token as ColorToken) as number[];
+                //
+                //             if (Array.isArray(values) && values.every(t => !Number.isNaN(t))) {
+                //
+                //                 // @ts-ignore
+                //                 return reduceHexValue(srgb2hexvalues(...values));
+                //             }
+                //         }
+                //     }
+                //
+                //     if ((token as ColorToken).cal != null) {
+                //
+                //         let slice: boolean = false;
+                //
+                //         if ((token as ColorToken).cal == 'rel') {
+                //
+                //             const last: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-1);
+                //
+                //             if ((last.typ == EnumToken.NumberTokenType && (last as NumberToken).val == '1') || (last.typ == EnumToken.IdenTokenType && (last as IdentToken).val == 'none')) {
+                //
+                //                 const prev: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-2);
+                //
+                //                 if (prev.typ == EnumToken.LiteralTokenType && (prev as LiteralToken).val == '/') {
+                //
+                //                     slice = true;
+                //                 }
+                //             }
+                //         }
+                //
+                //         return clamp(token as ColorToken).val + '(' + (slice ? (<Token[]>(token as ColorToken).chi).slice(0, -2) : <Token[]>(token as ColorToken).chi).reduce((acc: string, curr: Token): string => {
+                //
+                //             const val: string = renderToken(curr, options, cache);
+                //
+                //             if (curr.typ == EnumToken.LiteralTokenType && (curr as LiteralToken).val == '/') {
+                //
+                //                 return acc.trimEnd() + '/';
+                //             }
+                //
+                //             if (curr.typ == EnumToken.CommaTokenType) {
+                //
+                //                 return acc.trimEnd() + ',';
+                //             }
+                //
+                //             if (curr.typ == EnumToken.WhitespaceTokenType) {
+                //
+                //                 const v: string = acc.at(-1) as string;
+                //
+                //                 if (v == ' ' || v == ',' || v == '/') {
+                //
+                //                     return acc.trimEnd();
+                //                 }
+                //
+                //                 return acc.trimEnd() + ' ';
+                //             }
+                //
+                //             if (acc.length > 0) {
+                //
+                //                 return acc + (['/', ',', ' '].includes(<string>acc.at(-1)) ? '' : ' ') + val;
+                //             }
+                //
+                //             return val;
+                //         }, '') + ')';
+                //     }
+                //
+                //     if ((token as ColorToken).kin == ColorKind.LIT && (token as ColorToken).val.localeCompare('currentcolor', undefined, {sensitivity: 'base'}) == 0) {
+                //
+                //         return 'currentcolor';
+                //     }
+                //
+                //     clamp(token as ColorToken);
+                //
+                //     if (Array.isArray((token as ColorToken).chi) && (token as ColorToken).chi!.some((t: Token): boolean => t.typ == EnumToken.FunctionTokenType || (t.typ == EnumToken.ColorTokenType && Array.isArray((t as ColorToken).chi)))) {
+                //
+                //         const replaceSemiColon: boolean = /^((rgba?)|(hsla?)|(hwb)|((ok)?lab)|((ok)?lch))$/i.test((token as ColorToken).val);
+                //
+                //         return ((token as ColorToken).val.endsWith('a') ? (token as ColorToken).val.slice(0, -1) : (token as ColorToken).val) + '(' + (token as ColorToken).chi!.reduce((acc: string, curr: Token, index: number, array: Token[]): string => {
+                //
+                //             if (curr.typ == EnumToken.Literal && (curr as LiteralToken).val == '/') {
+                //
+                //                 return acc.trimEnd() + '/';
+                //             }
+                //
+                //             if (curr.typ == EnumToken.CommaTokenType) {
+                //
+                //                 return acc.trimEnd() + (replaceSemiColon ? ' ' : ',');
+                //             }
+                //
+                //             if (curr.typ == EnumToken.WhitespaceTokenType) {
+                //
+                //                 return /[,\/\s]/.test(acc.at(-1) as string) ? acc.trimEnd() : acc.trimEnd() + ' ';
+                //             }
+                //
+                //             return acc + renderToken(curr, options, cache)
+                //         }, '') + ')';
+                //     }
+                //
+                //     let value: string | null = (token as ColorToken).kin == ColorKind.HEX ? (token as ColorToken).val.toLowerCase() : ((token as ColorToken).kin == ColorKind.LIT ? COLORS_NAMES[(token as ColorToken).val.toLowerCase()] : '');
+                //
+                //     if ((token as ColorToken).val == 'rgb' || (token as ColorToken).val == 'rgba') {
+                //
+                //         value = rgb2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'hsl' || (token as ColorToken).val == 'hsla') {
+                //
+                //         value = hsl2hex(token as ColorToken);
+                //
+                //     } else if ((token as ColorToken).val == 'hwb') {
+                //
+                //         value = hwb2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'device-cmyk') {
+                //
+                //         value = cmyk2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'oklab') {
+                //
+                //         value = oklab2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'oklch') {
+                //
+                //         value = oklch2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'lab') {
+                //
+                //         value = lab2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'lch') {
+                //
+                //         value = lch2hex(token as ColorToken);
+                //     }
+                //
+                //     if (value !== '' && value != null) {
+                //
+                //         return reduceHexValue(value);
+                //     }
             }
             if ([ColorKind.HEX, ColorKind.LIT, ColorKind.SYS, ColorKind.DPSYS].includes(token.kin)) {
                 return token.val;
             }
             if (Array.isArray(token.chi)) {
-                return (token.val.endsWith('a') ? token.val.slice(0, -1) : token.val) + '(' + token.chi.reduce((acc, curr) => acc + (acc.length > 0 && !(acc.endsWith('/') || curr.typ == EnumToken.LiteralTokenType) ? ' ' : '') + renderToken(curr, options, cache), '') + ')';
+                const isLegacy = ['rgb', 'rgba', 'hsl', 'hsla'].includes(token.val.toLowerCase());
+                const useAlpha = (['rgb', 'rgba', 'hsl', 'hsla', 'hwb', 'oklab', 'oklch', 'lab', 'lch'].includes(token.val.toLowerCase()) && token.chi.length == 4) ||
+                    ('color'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0 && token.chi.length == 5);
+                return (token.val.endsWith('a') ? token.val.slice(0, -1) : token.val) + '(' + token.chi.reduce((acc, curr, index, array) => {
+                    if (/[,/]\s*$/.test(acc)) {
+                        if (curr.typ == EnumToken.WhitespaceTokenType) {
+                            return acc.trimEnd();
+                        }
+                        return acc.trimStart() + renderToken(curr, options, cache);
+                    }
+                    if (isLegacy && curr.typ == EnumToken.CommaTokenType) {
+                        return acc.trimEnd() + ' ';
+                    }
+                    if (curr.typ == EnumToken.WhitespaceTokenType) {
+                        return acc.trimEnd() + ' ';
+                    }
+                    if (curr.typ == EnumToken.CommaTokenType || (curr.typ == EnumToken.LiteralTokenType && curr.val == '/')) {
+                        return acc.trimEnd() + (curr.typ == EnumToken.CommaTokenType ? ',' : '/');
+                    }
+                    return acc.trimEnd() + (useAlpha && index == array.length - 1 ? '/' : ' ') + renderToken(curr, options, cache);
+                }, '').trimStart() + ')';
             }
         case EnumToken.ParensTokenType:
         case EnumToken.FunctionTokenType:
diff --git a/dist/lib/syntax/color/a98rgb.js b/dist/lib/syntax/color/a98rgb.js
index 35ce6400..24a61a9e 100644
--- a/dist/lib/syntax/color/a98rgb.js
+++ b/dist/lib/syntax/color/a98rgb.js
@@ -16,7 +16,7 @@ function a98rgb2srgbvalues(r, g, b, a = null) {
 }
 function srgb2a98values(r, g, b, a = null) {
     // @ts-ignore
-    return la98rgb2a98rgb(xyz2la98rgb(...srgb2xyz(r, g, b, a)));
+    return la98rgb2a98rgb(...xyz2la98rgb(...srgb2xyz(r, g, b, a)));
 }
 // a98-rgb functions
 function a98rgb2la98(r, g, b, a = null) {
diff --git a/dist/lib/syntax/color/cmyk.js b/dist/lib/syntax/color/cmyk.js
new file mode 100644
index 00000000..363fc012
--- /dev/null
+++ b/dist/lib/syntax/color/cmyk.js
@@ -0,0 +1,104 @@
+import { ColorKind } from './utils/constants.js';
+import { EnumToken } from '../../ast/types.js';
+import '../../ast/minify.js';
+import '../../ast/walk.js';
+import '../../parser/parse.js';
+import '../../parser/tokenize.js';
+import '../../parser/utils/config.js';
+import { color2srgbvalues } from './color.js';
+import { hsl2srgbvalues } from './rgb.js';
+import { lch2srgbvalues, lab2srgbvalues, oklch2srgbvalues, oklab2srgbvalues, hwb2srgbvalues, rgb2srgbvalues } from './srgb.js';
+import '../../renderer/sourcemap/lib/encode.js';
+
+function rgb2cmykToken(token) {
+    const components = rgb2srgbvalues(token);
+    if (components == null || components.length < 3) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+function hsl2cmykToken(token) {
+    const values = hsl2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...values));
+}
+function hwb2cmykToken(token) {
+    const values = hwb2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...values));
+}
+function lab2cmykToken(token) {
+    const components = lab2srgbvalues(token);
+    if (components == null || components.length < 3) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+function lch2cmykToken(token) {
+    const components = lch2srgbvalues(token);
+    if (components == null || components.length < 3) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+function oklab2cmyk(token) {
+    const components = oklab2srgbvalues(token);
+    if (components == null || components.length < 3) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+function oklch2cmykToken(token) {
+    const components = oklch2srgbvalues(token);
+    if (components == null || components.length < 3) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+function color2cmykToken(token) {
+    const values = color2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...values));
+}
+function srgb2cmykvalues(r, g, b, a = null) {
+    const k = 1 - Math.max(r, g, b);
+    const c = k == 1 ? 0 : (1 - r - k) / (1 - k);
+    const m = k == 1 ? 0 : (1 - g - k) / (1 - k);
+    const y = k == 1 ? 0 : (1 - b - k) / (1 - k);
+    const result = [c, m, y, k];
+    if (a != null && a < 1) {
+        result.push(a);
+    }
+    return result;
+}
+function cmyktoken(values) {
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'device-cmyk',
+        chi: values.reduce((acc, curr, index) => index < 4 ? [...acc, {
+                typ: EnumToken.PercentageTokenType,
+                // @ts-ignore
+                val: (curr * 100) + ''
+            }] : [...acc, {
+                typ: EnumToken.LiteralTokenType,
+                val: '/'
+            }, { typ: EnumToken.PercentageTokenType, val: (curr * 100).toFixed() }], []),
+        kin: ColorKind.DEVICE_CMYK
+    };
+}
+
+export { color2cmykToken, hsl2cmykToken, hwb2cmykToken, lab2cmykToken, lch2cmykToken, oklab2cmyk, oklch2cmykToken, rgb2cmykToken, srgb2cmykvalues };
diff --git a/dist/lib/syntax/color/color-mix.js b/dist/lib/syntax/color/color-mix.js
index d1e7113d..648dec5c 100644
--- a/dist/lib/syntax/color/color-mix.js
+++ b/dist/lib/syntax/color/color-mix.js
@@ -9,17 +9,16 @@ import { getNumber } from './color.js';
 import { srgb2rgb } from './rgb.js';
 import { ColorKind } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
-import { srgb2hwb } from './hwb.js';
-import { srgb2hsl } from './hsl.js';
 import { srgbvalues, srgb2lsrgbvalues } from './srgb.js';
+import { srgb2hwb } from './hwb.js';
+import { srgb2hslvalues } from './hsl.js';
 import { srgb2lch, xyz2lchvalues } from './lch.js';
-import { srgb2lab } from './lab.js';
+import { srgb2labvalues } from './lab.js';
 import { srgb2p3values } from './p3.js';
 import { srgb2oklch } from './oklch.js';
 import { srgb2oklab } from './oklab.js';
-import { srgb2a98values } from './a98rgb.js';
 import { srgb2prophotorgbvalues } from './prophotorgb.js';
-import { srgb2xyz } from './xyz.js';
+import { srgb2xyz_d50 } from './xyz.js';
 import { XYZ_D65_to_D50, xyzd502lch } from './xyzd50.js';
 import { srgb2rec2020values } from './rec2020.js';
 import '../../renderer/sourcemap/lib/encode.js';
@@ -174,9 +173,9 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
         case 'xyz-d65':
         case 'xyz-d50':
             // @ts-ignore
-            values1 = srgb2xyz(...values1);
+            values1 = srgb2xyz_d50(...values1);
             // @ts-ignore
-            values2 = srgb2xyz(...values2);
+            values2 = srgb2xyz_d50(...values2);
             if (colorSpace.val == 'xyz-d50') {
                 // @ts-ignore
                 values1 = XYZ_D65_to_D50(...values1);
@@ -192,9 +191,9 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
             break;
         case 'hsl':
             // @ts-ignore
-            values1 = srgb2hsl(...values1);
+            values1 = srgb2hslvalues(...values1);
             // @ts-ignore
-            values2 = srgb2hsl(...values2);
+            values2 = srgb2hslvalues(...values2);
             break;
         case 'hwb':
             // @ts-ignore
@@ -204,9 +203,9 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
             break;
         case 'lab':
             // @ts-ignore
-            values1 = srgb2lab(...values1);
+            values1 = srgb2labvalues(...values1);
             // @ts-ignore
-            values2 = srgb2lab(...values2);
+            values2 = srgb2labvalues(...values2);
             break;
         case 'lch':
             // @ts-ignore
@@ -329,7 +328,7 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
                 typ: EnumToken.ColorTokenType,
                 val: colorSpace.val,
                 chi: calculate().slice(1),
-                kin: ColorKind[colorSpace.val.toLowerCase().replaceAll('-', '_')]
+                kin: ColorKind[colorSpace.val.toUpperCase().replaceAll('-', '_')]
             };
             if (colorSpace.val == 'hsl' || colorSpace.val == 'hwb') {
                 // @ts-ignore
diff --git a/dist/lib/syntax/color/color.js b/dist/lib/syntax/color/color.js
index 5769acd1..18abae80 100644
--- a/dist/lib/syntax/color/color.js
+++ b/dist/lib/syntax/color/color.js
@@ -4,26 +4,74 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { srgb2rgb, lch2rgb, lab2rgb, oklch2rgb, oklab2rgb, hwb2rgb, hsl2rgb, hex2rgb } from './rgb.js';
-import { srgb2hsl, lch2hsl, lab2hsl, oklch2hsl, oklab2hsl, hwb2hsl, hex2hsl, rgb2hsl } from './hsl.js';
-import { lch2hwb, lab2hwb, oklch2hwb, oklab2hwb, hsl2hwb, rgb2hwb } from './hwb.js';
-import { srgb2lab, oklch2lab, oklab2lab, lch2lab, hwb2lab, hsl2lab, rgb2lab, hex2lab } from './lab.js';
-import { srgb2lch, oklch2lch, oklab2lch, lab2lch, hwb2lch, hsl2lch, rgb2lch, hex2lch } from './lch.js';
-import { srgb2oklab, oklch2oklab, lch2oklab, lab2oklab, hwb2oklab, hsl2oklab, rgb2oklab, hex2oklab } from './oklab.js';
-import { srgb2oklch, lch2oklch, oklab2oklch, lab2oklch, hwb2oklch, hsl2oklch, rgb2oklch, hex2oklch } from './oklch.js';
-import { ColorKind, colorFuncColorSpace } from './utils/constants.js';
+import { isIdentColor } from '../syntax.js';
+import { color2RgbToken, lch2RgbToken, lab2RgbToken, oklch2RgbToken, oklab2RgbToken, cmyk2RgbToken, hwb2RgbToken, hsl2RgbToken, hex2RgbToken, cmyk2rgbvalues } from './rgb.js';
+import { color2HslToken, lch2HslToken, lab2HslToken, oklch2HslToken, oklab2HslToken, cmyk2HslToken, hwb2HslToken, hex2HslToken, rgb2HslToken } from './hsl.js';
+import { color2hwbToken, cmyk2hwbToken, lch2hwbToken, lab2hwbToken, oklch2hwbToken, oklab2hwbToken, hsl2hwbToken, rgb2hwbToken } from './hwb.js';
+import { color2labToken, oklch2labToken, oklab2labToken, lch2labToken, cmyk2labToken, hwb2labToken, hsl2labToken, rgb2labToken, hex2labToken } from './lab.js';
+import { color2lchToken, oklch2lchToken, oklab2lchToken, lab2lchToken, cmyk2lchToken, hwb2lchToken, hsl2lchToken, rgb2lchToken, hex2lchToken } from './lch.js';
+import { color2oklabToken, oklch2oklabToken, lch2oklabToken, lab2oklabToken, cmyk2oklabToken, hwb2oklabToken, hsl2oklabToken, rgb2oklabToken, hex2oklabToken } from './oklab.js';
+import { color2oklchToken, lch2oklchToken, oklab2oklchToken, lab2oklchToken, hwb2oklchToken, hsl2oklchToken, rgb2oklchToken, hex2oklchToken } from './oklch.js';
+import { ColorKind, colorFuncColorSpace, colorPrecision, anglePrecision } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
-import { xyz2srgb, lsrgb2srgbvalues, srgb2lsrgbvalues, lch2srgb, oklab2srgb, lab2srgb, hwb2srgb, hsl2srgb, rgb2srgb, hex2srgb } from './srgb.js';
+import { oklch2srgbvalues, lch2srgbvalues, oklab2srgbvalues, lab2srgbvalues, hwb2srgbvalues, hsl2srgb, rgb2srgb, hex2srgbvalues, xyz2srgb, lsrgb2srgbvalues, srgb2lsrgbvalues } from './srgb.js';
 import { prophotorgb2srgbvalues, srgb2prophotorgbvalues } from './prophotorgb.js';
-import { a98rgb2srgbvalues, srgb2a98values } from './a98rgb.js';
 import { rec20202srgb, srgb2rec2020values } from './rec2020.js';
-import { srgb2xyz } from './xyz.js';
+import { srgb2xyz_d50, srgb2xyz } from './xyz.js';
 import { p32srgbvalues, srgb2p3values } from './p3.js';
-import { xyzd502srgb, XYZ_D65_to_D50 } from './xyzd50.js';
+import { xyzd502srgb } from './xyzd50.js';
+import { colorMix } from './color-mix.js';
+import { reduceHexValue, rgb2HexToken, color2HexToken, lch2HexToken, lab2HexToken, oklch2HexToken, oklab2HexToken, cmyk2HexToken, hwb2HexToken, hsl2HexToken } from './hex.js';
+import { parseRelativeColor } from './relativecolor.js';
+import { color2cmykToken, lch2cmykToken, lab2cmykToken, oklch2cmykToken, oklab2cmyk, hwb2cmykToken, hsl2cmykToken, rgb2cmykToken } from './cmyk.js';
+import { a98rgb2srgbvalues, srgb2a98values } from './a98rgb.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
-function convert(token, to) {
+function convertColor(token, to) {
+    if (token.kin == ColorKind.SYS ||
+        token.kin == ColorKind.DPSYS ||
+        (isIdentColor(token) &&
+            ('currentcolor'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0))) {
+        return token;
+    }
+    if (token.kin == ColorKind.COLOR_MIX && to != ColorKind.COLOR_MIX) {
+        const children = token.chi.reduce((acc, t) => {
+            if (t.typ == EnumToken.ColorTokenType) {
+                acc.push([t]);
+            }
+            else {
+                if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType, EnumToken.CommaTokenType].includes(t.typ)) {
+                    acc[acc.length - 1].push(t);
+                }
+            }
+            return acc;
+        }, [[]]);
+        token = colorMix(children[0][1], children[0][2], children[1][0], children[1][1], children[2][0], children[2][1]);
+        if (token == null) {
+            return null;
+        }
+    }
+    if (token.cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes(token.val.toLowerCase())) {
+        const chi = getComponents(token);
+        const offset = token.val == 'color' ? 2 : 1;
+        if (chi != null) {
+            // @ts-ignore
+            const color = chi[1];
+            const components = parseRelativeColor(token.val.toLowerCase() == 'color' ? chi[offset].val : token.val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
+            if (components != null) {
+                token = {
+                    ...token,
+                    chi: [...(token.val == 'color' ? [chi[offset]] : []), ...Object.values(components)]
+                };
+                delete token.cal;
+            }
+        }
+    }
     if (token.kin == to) {
+        if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
+            token.val = reduceHexValue(token.val);
+            token.kin = token.val[0] == '#' ? ColorKind.HEX : ColorKind.LIT;
+        }
         return token;
     }
     if (token.kin == ColorKind.COLOR) {
@@ -32,438 +80,384 @@ function convert(token, to) {
             return token;
         }
     }
-    let values = [];
     if (to == ColorKind.HSL) {
-        let t;
         switch (token.kin) {
             case ColorKind.RGB:
             case ColorKind.RGBA:
-                t = rgb2hsl(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return rgb2HslToken(token);
             case ColorKind.HEX:
             case ColorKind.LIT:
-                values.push(...hex2hsl(token));
-                break;
+                return hex2HslToken(token);
             case ColorKind.HWB:
-                values.push(...hwb2hsl(token));
-                break;
+                return hwb2HslToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2HslToken(token);
             case ColorKind.OKLAB:
-                t = oklab2hsl(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return oklab2HslToken(token);
             case ColorKind.OKLCH:
-                t = oklch2hsl(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return oklch2HslToken(token);
             case ColorKind.LAB:
-                values.push(...lab2hsl(token));
-                break;
+                return lab2HslToken(token);
             case ColorKind.LCH:
-                values.push(...lch2hsl(token));
-                break;
+                return lch2HslToken(token);
             case ColorKind.COLOR:
-                // @ts-ignore
-                values.push(...srgb2hsl(...color2srgbvalues(token)));
-                break;
-        }
-        if (values.length > 0) {
-            return values2hsltoken(values);
+                return color2HslToken(token);
         }
     }
     else if (to == ColorKind.HWB) {
         switch (token.kin) {
             case ColorKind.RGB:
             case ColorKind.RGBA:
-                values.push(...rgb2hwb(token));
-                break;
+                return rgb2hwbToken(token);
             case ColorKind.HEX:
             case ColorKind.LIT:
-                values.push(...hex2hsl(token));
-                break;
+                // @ts-ignore
+                return rgb2hwbToken(token);
             case ColorKind.HSL:
             case ColorKind.HSLA:
-                values.push(...hsl2hwb(token));
-                break;
+                return hsl2hwbToken(token);
             case ColorKind.OKLAB:
-                values.push(...oklab2hwb(token));
-                break;
+                return oklab2hwbToken(token);
             case ColorKind.OKLCH:
-                values.push(...oklch2hwb(token));
-                break;
+                return oklch2hwbToken(token);
             case ColorKind.LAB:
-                values.push(...lab2hwb(token));
-                break;
+                return lab2hwbToken(token);
             case ColorKind.LCH:
-                values.push(...lch2hwb(token));
-                break;
+                return lch2hwbToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2hwbToken(token);
+            case ColorKind.COLOR:
+                return color2hwbToken(token);
         }
-        if (values.length > 0) {
-            return values2hwbtoken(values);
+    }
+    else if (to == ColorKind.DEVICE_CMYK) {
+        switch (token.kin) {
+            case ColorKind.RGB:
+            case ColorKind.RGBA:
+                return rgb2cmykToken(token);
+            case ColorKind.HEX:
+            case ColorKind.LIT:
+                return rgb2cmykToken(token);
+            case ColorKind.HSL:
+            case ColorKind.HSLA:
+                return hsl2cmykToken(token);
+            case ColorKind.HWB:
+                return hwb2cmykToken(token);
+            case ColorKind.OKLAB:
+                return oklab2cmyk(token);
+            case ColorKind.OKLCH:
+                return oklch2cmykToken(token);
+            case ColorKind.LAB:
+                return lab2cmykToken(token);
+            //
+            case ColorKind.LCH:
+                return lch2cmykToken(token);
+            case ColorKind.COLOR:
+                return color2cmykToken(token);
+        }
+    }
+    else if (to == ColorKind.HEX || to == ColorKind.LIT) {
+        switch (token.kin) {
+            case ColorKind.HEX:
+            case ColorKind.LIT: {
+                const val = reduceHexValue(token.val);
+                return {
+                    typ: EnumToken.ColorTokenType,
+                    val,
+                    kin: val[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+                };
+            }
+            case ColorKind.HSL:
+                return hsl2HexToken(token);
+            case ColorKind.HWB:
+                return hwb2HexToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2HexToken(token);
+            case ColorKind.OKLAB:
+                return oklab2HexToken(token);
+            case ColorKind.OKLCH:
+                return oklch2HexToken(token);
+            case ColorKind.LAB:
+                return lab2HexToken(token);
+            case ColorKind.LCH:
+                return lch2HexToken(token);
+            case ColorKind.COLOR:
+                return color2HexToken(token);
+            case ColorKind.RGB:
+            case ColorKind.RGBA:
+                return rgb2HexToken(token);
         }
     }
     else if (to == ColorKind.RGB) {
-        let t;
         switch (token.kin) {
             case ColorKind.HEX:
             case ColorKind.LIT:
-                values.push(...hex2rgb(token));
-                break;
+                return hex2RgbToken(token);
             case ColorKind.HSL:
-                t = hsl2rgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return hsl2RgbToken(token);
             case ColorKind.HWB:
-                t = hwb2rgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return hwb2RgbToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2RgbToken(token);
             case ColorKind.OKLAB:
-                t = oklab2rgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return oklab2RgbToken(token);
             case ColorKind.OKLCH:
-                t = oklch2rgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return oklch2RgbToken(token);
             case ColorKind.LAB:
-                t = lab2rgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return lab2RgbToken(token);
             case ColorKind.LCH:
-                t = lch2rgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return lch2RgbToken(token);
             case ColorKind.COLOR:
-                // @ts-ignore
-                values.push(...srgb2rgb(...color2srgbvalues(token)));
-                break;
-        }
-        if (values.length > 0) {
-            return values2rgbtoken(values);
+                return color2RgbToken(token);
         }
     }
     else if (to == ColorKind.LAB) {
         switch (token.kin) {
             case ColorKind.HEX:
             case ColorKind.LIT:
-                values.push(...hex2lab(token));
-                break;
+                return hex2labToken(token);
             case ColorKind.RGB:
             case ColorKind.RGBA:
-                values.push(...rgb2lab(token));
-                break;
+                return rgb2labToken(token);
             case ColorKind.HSL:
             case ColorKind.HSLA:
-                values.push(...hsl2lab(token));
-                break;
+                return hsl2labToken(token);
             case ColorKind.HWB:
-                values.push(...hwb2lab(token));
-                break;
+                return hwb2labToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2labToken(token);
             case ColorKind.LCH:
-                values.push(...lch2lab(token));
-                break;
+                return lch2labToken(token);
             case ColorKind.OKLAB:
-                values.push(...oklab2lab(token));
-                break;
+                return oklab2labToken(token);
             case ColorKind.OKLCH:
-                values.push(...oklch2lab(token));
-                break;
+                return oklch2labToken(token);
             case ColorKind.COLOR:
-                // @ts-ignore
-                values.push(...srgb2lab(...color2srgbvalues(token)));
-                break;
-        }
-        if (values.length > 0) {
-            return values2colortoken(values, to);
+                return color2labToken(token);
         }
     }
     else if (to == ColorKind.LCH) {
         switch (token.kin) {
             case ColorKind.HEX:
             case ColorKind.LIT:
-                values.push(...hex2lch(token));
-                break;
+                return hex2lchToken(token);
             case ColorKind.RGB:
             case ColorKind.RGBA:
-                values.push(...rgb2lch(token));
-                break;
+                return rgb2lchToken(token);
             case ColorKind.HSL:
             case ColorKind.HSLA:
-                values.push(...hsl2lch(token));
-                break;
+                return hsl2lchToken(token);
             case ColorKind.HWB:
-                values.push(...hwb2lch(token));
-                break;
+                return hwb2lchToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2lchToken(token);
             case ColorKind.LAB:
-                values.push(...lab2lch(token));
-                break;
+                return lab2lchToken(token);
             case ColorKind.OKLAB:
-                values.push(...oklab2lch(token));
-                break;
+                return oklab2lchToken(token);
             case ColorKind.OKLCH:
-                values.push(...oklch2lch(token));
-                break;
+                return oklch2lchToken(token);
             case ColorKind.COLOR:
-                // @ts-ignore
-                values.push(...srgb2lch(...color2srgbvalues(token)));
-                break;
-        }
-        if (values.length > 0) {
-            return values2colortoken(values, to);
+                return color2lchToken(token);
         }
     }
     else if (to == ColorKind.OKLAB) {
         switch (token.kin) {
             case ColorKind.HEX:
             case ColorKind.LIT:
-                values.push(...hex2oklab(token));
-                break;
+                return hex2oklabToken(token);
             case ColorKind.RGB:
             case ColorKind.RGBA:
-                values.push(...rgb2oklab(token));
-                break;
+                return rgb2oklabToken(token);
             case ColorKind.HSL:
             case ColorKind.HSLA:
-                values.push(...hsl2oklab(token));
-                break;
+                return hsl2oklabToken(token);
             case ColorKind.HWB:
-                values.push(...hwb2oklab(token));
-                break;
+                return hwb2oklabToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2oklabToken(token);
             case ColorKind.LAB:
-                values.push(...lab2oklab(token));
-                break;
+                return lab2oklabToken(token);
             case ColorKind.LCH:
-                values.push(...lch2oklab(token));
-                break;
+                return lch2oklabToken(token);
             case ColorKind.OKLCH:
-                values.push(...oklch2oklab(token));
-                break;
+                return oklch2oklabToken(token);
             case ColorKind.COLOR:
-                // @ts-ignore
-                values.push(...srgb2oklab(...color2srgbvalues(token)));
-                break;
-        }
-        if (values.length > 0) {
-            return values2colortoken(values, to);
+                return color2oklabToken(token);
         }
     }
     else if (to == ColorKind.OKLCH) {
         switch (token.kin) {
             case ColorKind.HEX:
             case ColorKind.LIT:
-                values.push(...hex2oklch(token));
-                break;
+                return hex2oklchToken(token);
             case ColorKind.RGB:
             case ColorKind.RGBA:
-                values.push(...rgb2oklch(token));
-                break;
+                return rgb2oklchToken(token);
             case ColorKind.HSL:
             case ColorKind.HSLA:
-                values.push(...hsl2oklch(token));
-                break;
+                return hsl2oklchToken(token);
             case ColorKind.HWB:
-                values.push(...hwb2oklch(token));
-                break;
+                return hwb2oklchToken(token);
+            case ColorKind.DEVICE_CMYK:
+                return oklab2oklchToken(token);
             case ColorKind.LAB:
-                values.push(...lab2oklch(token));
-                break;
+                return lab2oklchToken(token);
             case ColorKind.OKLAB:
-                values.push(...oklab2oklch(token));
-                break;
+                return oklab2oklchToken(token);
             case ColorKind.LCH:
-                values.push(...lch2oklch(token));
-                break;
+                return lch2oklchToken(token);
             case ColorKind.COLOR:
-                // @ts-ignore
-                values.push(...srgb2oklch(...color2srgbvalues(token)));
-                // switch (to) {
-                //
-                //     case ColorKind.SRGB:
-                //
-                //         values.push(...val);
-                //         break;
-                //
-                //     case ColorKind.SRGB_LINEAR:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2lsrgbvalues(...val));
-                //         break;
-                //
-                //     case ColorKind.DISPLAY_P3:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2p3values(...val));
-                //         break;
-                //
-                //     case ColorKind.PROPHOTO_RGB:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2prophotorgbvalues(...val));
-                //         break;
-                //
-                //     case ColorKind.A98_RGB:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2a98values(...val));
-                //         break;
-                //
-                //     case ColorKind.REC2020:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2rec2020values(...val));
-                //         break;
-                //
-                //     case ColorKind.XYZ:
-                //     case ColorKind.XYZ_D65:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2xyz(...val));
-                //         break;
-                //
-                //     case ColorKind.XYZ_D50:
-                //
-                //         // @ts-ignore
-                //         values.push(...(XYZ_D65_to_D50(...srgb2xyz(...val))));
-                //         break;
-                // }
-                break;
-        }
-        if (values.length > 0) {
-            return values2colortoken(values, to);
+                return color2oklchToken(token);
         }
     }
-    else if (colorFuncColorSpace.includes(ColorKind[to].toLowerCase().replaceAll('_', '-'))) {
-        let t;
+    else if (colorFuncColorSpace.includes(ColorKind[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
+        console.error(ColorKind[token.kin]);
         switch (token.kin) {
             case ColorKind.HEX:
             case ColorKind.LIT:
-                values.push(...hex2srgb(token));
-                break;
+                return hex2colorToken(token, to);
             case ColorKind.RGB:
             case ColorKind.RGBA:
-                t = rgb2srgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return rgb2colorToken(token, to);
             case ColorKind.HSL:
             case ColorKind.HSLA:
-                t = hsl2srgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return hsl2colorToken(token, to);
             case ColorKind.HWB:
-                t = hwb2srgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return hwb2colorToken(token, to);
+            case ColorKind.DEVICE_CMYK:
+                return cmyk2colorToken(token, to);
             case ColorKind.LAB:
-                t = lab2srgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return lab2colorToken(token, to);
             case ColorKind.OKLAB:
-                t = oklab2srgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return oklab2colorToken(token, to);
             case ColorKind.LCH:
-                t = lch2srgb(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return lch2colorToken(token, to);
             case ColorKind.OKLCH:
-                t = color2srgbvalues(token);
-                if (t == null) {
-                    return null;
-                }
-                values.push(...t);
-                break;
+                return oklch2colorToken(token, to);
             case ColorKind.COLOR:
-                const val = color2srgbvalues(token);
-                if (val == null) {
-                    return null;
-                }
-                switch (to) {
-                    case ColorKind.SRGB:
-                        values.push(...val);
-                        break;
-                    case ColorKind.SRGB_LINEAR:
-                        // @ts-ignore
-                        values.push(...srgb2lsrgbvalues(...val));
-                        break;
-                    case ColorKind.DISPLAY_P3:
-                        // @ts-ignore
-                        values.push(...srgb2p3values(...val));
-                        break;
-                    case ColorKind.PROPHOTO_RGB:
-                        // @ts-ignore
-                        values.push(...srgb2prophotorgbvalues(...val));
-                        break;
-                    case ColorKind.A98_RGB:
-                        // @ts-ignore
-                        values.push(...srgb2a98values(...val));
-                        break;
-                    case ColorKind.REC2020:
-                        // @ts-ignore
-                        values.push(...srgb2rec2020values(...val));
-                        break;
-                    case ColorKind.XYZ:
-                    case ColorKind.XYZ_D65:
-                        // @ts-ignore
-                        values.push(...srgb2xyz(...val));
-                        break;
-                    case ColorKind.XYZ_D50:
-                        // @ts-ignore
-                        values.push(...(XYZ_D65_to_D50(...srgb2xyz(...val))));
-                        break;
-                }
-                break;
-        }
-        if (values.length > 0) {
-            return values2colortoken(values, to);
+            case ColorKind.XYZ:
+            case ColorKind.SRGB:
+            case ColorKind.REC2020:
+            case ColorKind.XYZ_D50:
+            case ColorKind.A98_RGB:
+            case ColorKind.DISPLAY_P3:
+            case ColorKind.SRGB_LINEAR:
+            case ColorKind.PROPHOTO_RGB:
+                return color2colorToken(token, to);
         }
     }
     return null;
 }
+function hex2colorToken(token, to) {
+    const values = hex2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return values2colortoken(values, to);
+}
+function rgb2colorToken(token, to) {
+    const values = rgb2srgb(token);
+    if (values == null) {
+        return null;
+    }
+    return values2colortoken(values, to);
+}
+function hsl2colorToken(token, to) {
+    const values = hsl2srgb(token);
+    if (values == null) {
+        return null;
+    }
+    return values2colortoken(values, to);
+}
+function hwb2colorToken(token, to) {
+    const values = hwb2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return values2colortoken(values, to);
+}
+function cmyk2colorToken(token, to) {
+    const values = cmyk2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return values2colortoken(values, to);
+}
+function lab2colorToken(token, to) {
+    const values = lab2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return values2colortoken(values, to);
+}
+function oklab2colorToken(token, to) {
+    const values = oklab2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return values2colortoken(values, to);
+}
+function lch2colorToken(token, to) {
+    const values = lch2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return values2colortoken(values, to);
+}
+function oklch2colorToken(token, to) {
+    const values = oklch2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return values2colortoken(values, to);
+}
+function color2colorToken(token, to) {
+    const values = color2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    console.error({ srgb: values });
+    return values2colortoken(values, to);
+}
+function srgb2srgbcolorspace(val, to) {
+    const values = [];
+    switch (to) {
+        case ColorKind.SRGB:
+            values.push(...val);
+            break;
+        case ColorKind.SRGB_LINEAR:
+            // @ts-ignore
+            values.push(...srgb2lsrgbvalues(...val));
+            break;
+        case ColorKind.DISPLAY_P3:
+            // @ts-ignore
+            values.push(...srgb2p3values(...val));
+            break;
+        case ColorKind.PROPHOTO_RGB:
+            // @ts-ignore
+            values.push(...srgb2prophotorgbvalues(...val));
+            break;
+        case ColorKind.A98_RGB:
+            // @ts-ignore
+            values.push(...srgb2a98values(...val));
+            break;
+        case ColorKind.REC2020:
+            // @ts-ignore
+            values.push(...srgb2rec2020values(...val));
+            break;
+        case ColorKind.XYZ:
+        case ColorKind.XYZ_D65:
+            // @ts-ignore
+            values.push(...srgb2xyz(...val));
+            break;
+        case ColorKind.XYZ_D50:
+            // @ts-ignore
+            values.push(...srgb2xyz_d50(...val));
+            break;
+    }
+    return values;
+}
 function minmax(value, min, max) {
     if (value < min) {
         return min;
@@ -480,7 +474,7 @@ function color2srgbvalues(token) {
     }
     const colorSpace = components.shift();
     let values = components.map((val) => getNumber(val));
-    switch (colorSpace.val) {
+    switch (colorSpace.val.toLowerCase()) {
         case 'display-p3':
             // @ts-ignore
             values = p32srgbvalues(...values);
@@ -514,65 +508,17 @@ function color2srgbvalues(token) {
     }
     return values;
 }
-function values2hsltoken(values) {
-    const to = ColorKind.HSL;
-    const chi = [
-        { typ: EnumToken.AngleTokenType, val: String(values[0] * 360), unit: 'deg' },
-        { typ: EnumToken.PercentageTokenType, val: String(values[1] * 100) },
-        { typ: EnumToken.PercentageTokenType, val: String(values[2] * 100) },
-    ];
-    if (values.length == 4) {
-        chi.push({ typ: EnumToken.PercentageTokenType, val: String(values[3] * 100) });
-    }
-    return {
-        typ: EnumToken.ColorTokenType,
-        val: ColorKind[to].toLowerCase().replaceAll('_', '-'),
-        chi,
-        kin: to
-    };
-}
-function values2rgbtoken(values) {
-    const to = ColorKind.RGB;
-    const chi = [
-        { typ: EnumToken.NumberTokenType, val: String(values[0]) },
-        { typ: EnumToken.NumberTokenType, val: String(values[1]) },
-        { typ: EnumToken.NumberTokenType, val: String(values[2]) },
-    ];
-    if (values.length == 4) {
-        chi.push({ typ: EnumToken.PercentageTokenType, val: String(values[3] * 100) });
-    }
-    return {
-        typ: EnumToken.ColorTokenType,
-        val: ColorKind[to],
-        chi,
-        kin: to
-    };
-}
-function values2hwbtoken(values) {
-    const to = ColorKind.HWB;
-    const chi = [
-        { typ: EnumToken.AngleTokenType, val: String(values[0] * 360), unit: 'deg' },
-        { typ: EnumToken.PercentageTokenType, val: String(values[1] * 100) },
-        { typ: EnumToken.PercentageTokenType, val: String(values[2] * 100) },
-    ];
-    if (values.length == 4) {
-        chi.push({ typ: EnumToken.PercentageTokenType, val: String(values[3] * 100) });
-    }
-    return {
-        typ: EnumToken.ColorTokenType,
-        val: ColorKind[to],
-        chi,
-        kin: to
-    };
-}
 function values2colortoken(values, to) {
+    // console.error({srgb2: values});
+    values = srgb2srgbcolorspace(values, to);
+    // console.error({srgb3: values, to: ColorKind[to]});
     const chi = [
         { typ: EnumToken.NumberTokenType, val: String(values[0]) },
         { typ: EnumToken.NumberTokenType, val: String(values[1]) },
         { typ: EnumToken.NumberTokenType, val: String(values[2]) },
     ];
     if (values.length == 4) {
-        chi.push({ typ: EnumToken.PercentageTokenType, val: String(values[3] * 100) });
+        chi.push({ typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
     }
     const colorSpace = ColorKind[to].toLowerCase().replaceAll('_', '-');
     return colorFuncColorSpace.includes(colorSpace) ? {
@@ -587,33 +533,6 @@ function values2colortoken(values, to) {
         kin: to
     };
 }
-/**
- * clamp color values
- * @param token
- */
-function clamp(token) {
-    if (token.kin == ColorKind.RGB || token.kin == ColorKind.RGBA) {
-        token.chi.filter((token) => ![EnumToken.LiteralTokenType, EnumToken.CommaTokenType, EnumToken.WhitespaceTokenType].includes(token.typ)).forEach((token, index) => {
-            if (index <= 2) {
-                if (token.typ == EnumToken.NumberTokenType) {
-                    token.val = String(minmax(+token.val, 0, 255));
-                }
-                else if (token.typ == EnumToken.PercentageTokenType) {
-                    token.val = String(minmax(+token.val, 0, 100));
-                }
-            }
-            else {
-                if (token.typ == EnumToken.NumberTokenType) {
-                    token.val = String(minmax(+token.val, 0, 1));
-                }
-                else if (token.typ == EnumToken.PercentageTokenType) {
-                    token.val = String(minmax(+token.val, 0, 100));
-                }
-            }
-        });
-    }
-    return token;
-}
 function getNumber(token) {
     if (token.typ == EnumToken.IdenTokenType && token.val == 'none') {
         return 0;
@@ -650,5 +569,18 @@ function getAngle(token) {
     // @ts-ignore
     return token.val / 360;
 }
+function toPrecisionAngle(angle) {
+    angle = +angle.toPrecision(colorPrecision);
+    if (Math.abs(angle) >= 360) {
+        angle %= 360;
+    }
+    if (Math.abs(angle) < anglePrecision) {
+        angle = 0;
+    }
+    if (angle < 0) {
+        angle += 360;
+    }
+    return angle;
+}
 
-export { clamp, color2srgbvalues, convert, getAngle, getNumber, minmax, values2hsltoken };
+export { cmyk2colorToken, color2colorToken, color2srgbvalues, convertColor, getAngle, getNumber, hex2colorToken, hsl2colorToken, hwb2colorToken, lab2colorToken, lch2colorToken, minmax, oklab2colorToken, oklch2colorToken, rgb2colorToken, toPrecisionAngle };
diff --git a/dist/lib/syntax/color/hex.js b/dist/lib/syntax/color/hex.js
index f6b18048..01e0d45a 100644
--- a/dist/lib/syntax/color/hex.js
+++ b/dist/lib/syntax/color/hex.js
@@ -4,16 +4,20 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { minmax, getNumber } from './color.js';
-import { hsl2rgb, hwb2rgb, cmyk2rgb, oklab2rgb, oklch2rgb, lab2rgb, lch2rgb } from './rgb.js';
-import { NAMES_COLORS } from './utils/constants.js';
+import { color2srgbvalues, getNumber } from './color.js';
+import { srgb2rgb, cmyk2rgbvalues, hwb2rgbvalues, hsl2rgbvalues } from './rgb.js';
+import { COLORS_NAMES, NAMES_COLORS, ColorKind } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
+import { lch2srgbvalues, lab2srgbvalues, oklch2srgbvalues, oklab2srgbvalues } from './srgb.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function toHexString(acc, value) {
     return acc + value.toString(16).padStart(2, '0');
 }
 function reduceHexValue(value) {
+    if (value[0] != '#') {
+        value = COLORS_NAMES[value.toLowerCase()] ?? value;
+    }
     const named_color = NAMES_COLORS[expandHexValue(value)];
     if (value.length == 7) {
         if (value[1] == value[2] &&
@@ -27,7 +31,7 @@ function reduceHexValue(value) {
             value[3] == value[4] &&
             value[5] == value[6] &&
             value[7] == value[8]) {
-            value = `#${value[1]}${value[3]}${value[5]}${value[7]}`;
+            value = `#${value[1]}${value[3]}${value[5]}${value[7] == 'f' ? '' : value[7]}`;
         }
     }
     return named_color != null && named_color.length <= value.length ? named_color : value;
@@ -41,11 +45,85 @@ function expandHexValue(value) {
     }
     return value;
 }
-function rgb2hex(token) {
+function rgb2HexToken(token) {
+    let value = rgb2hexvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value);
+}
+function hsl2HexToken(token) {
+    let value = hsl2hexvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value);
+}
+function cmyk2HexToken(token) {
+    let value = cmyk2hexvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value);
+}
+function hwb2HexToken(token) {
+    let value = hwb2hexvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value);
+}
+function color2HexToken(token) {
+    let value = color2srgbvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
+function oklab2HexToken(token) {
+    let value = oklab2srgbvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
+function oklch2HexToken(token) {
+    let value = oklch2srgbvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
+function lab2HexToken(token) {
+    let value = lab2srgbvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
+function lch2HexToken(token) {
+    let value = lch2srgbvalues(token);
+    if (value == null) {
+        return null;
+    }
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
+function hexToken(value) {
+    value = reduceHexValue(value);
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: value,
+        kin: value[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+    };
+}
+function rgb2hexvalues(token) {
     let value = '#';
     let t;
     // @ts-ignore
     const components = getComponents(token);
+    if (components == null || components.length < 3) {
+        return null;
+    }
     // @ts-ignore
     for (let i = 0; i < 3; i++) {
         // @ts-ignore
@@ -58,7 +136,7 @@ function rgb2hex(token) {
         // @ts-ignore
         t = components[3];
         // @ts-ignore
-        const v = (t.typ == EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
+        const v = getNumber(t);
         // @ts-ignore
         if (v < 1) {
             // @ts-ignore
@@ -67,39 +145,35 @@ function rgb2hex(token) {
     }
     return value;
 }
-function hsl2hex(token) {
-    const t = hsl2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-function hwb2hex(token) {
-    const t = hwb2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-function cmyk2hex(token) {
-    const t = cmyk2rgb(token);
-    return t == null ? null : `#${t.reduce(toHexString, '')}`;
-}
-function oklab2hex(token) {
-    const t = oklab2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-function oklch2hex(token) {
-    const value = oklch2rgb(token);
-    if (value == null) {
+function hsl2hexvalues(token) {
+    const t = hsl2rgbvalues(token);
+    if (t == null) {
         return null;
     }
-    return `${value.reduce(toHexString, '#')}`;
-}
-function lab2hex(token) {
-    const t = lab2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
+    if (t.length == 4) {
+        t[3] = srgb2rgb(t[3]);
+    }
+    return `${t.reduce(toHexString, '#')}`;
 }
-function lch2hex(token) {
-    const t = lch2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
+function hwb2hexvalues(token) {
+    const t = hwb2rgbvalues(token);
+    if (t == null) {
+        return null;
+    }
+    if (t.length == 4) {
+        t[3] = srgb2rgb(t[3]);
+    }
+    return `${t.reduce(toHexString, '#')}`;
 }
-function srgb2hexvalues(r, g, b, alpha) {
-    return [r, g, b].concat(alpha == null || alpha == 1 ? [] : [alpha]).reduce((acc, value) => acc + minmax(Math.round(255 * value), 0, 255).toString(16).padStart(2, '0'), '#');
+function cmyk2hexvalues(token) {
+    const t = cmyk2rgbvalues(token);
+    if (t == null) {
+        return null;
+    }
+    if (t.length == 4) {
+        t[3] = srgb2rgb(t[3]);
+    }
+    return `#${t.reduce(toHexString, '')}`;
 }
 
-export { cmyk2hex, expandHexValue, hsl2hex, hwb2hex, lab2hex, lch2hex, oklab2hex, oklch2hex, reduceHexValue, rgb2hex, srgb2hexvalues };
+export { cmyk2HexToken, cmyk2hexvalues, color2HexToken, expandHexValue, hsl2HexToken, hsl2hexvalues, hwb2HexToken, hwb2hexvalues, lab2HexToken, lch2HexToken, oklab2HexToken, oklch2HexToken, reduceHexValue, rgb2HexToken, rgb2hexvalues };
diff --git a/dist/lib/syntax/color/hsl.js b/dist/lib/syntax/color/hsl.js
index d774a84b..7e75d5ef 100644
--- a/dist/lib/syntax/color/hsl.js
+++ b/dist/lib/syntax/color/hsl.js
@@ -1,24 +1,98 @@
 import { hwb2hsv } from './hsv.js';
-import { getNumber } from './color.js';
-import { lch2rgb, lab2rgb, oklch2rgb, oklab2rgb, hex2rgb } from './rgb.js';
-import './utils/constants.js';
+import { color2srgbvalues, toPrecisionAngle, getNumber } from './color.js';
+import { lch2rgbvalues, lab2rgbvalues, cmyk2rgbvalues } from './rgb.js';
+import { ColorKind } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
+import { hex2srgbvalues, oklch2srgbvalues, oklab2srgbvalues, hslvalues } from './srgb.js';
 import { EnumToken } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { hslvalues } from './srgb.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
-function hex2hsl(token) {
+function hex2HslToken(token) {
     // @ts-ignore
-    return rgb2hslvalues(...hex2rgb(token));
+    return hslToken(srgb2hslvalues(...hex2srgbvalues(token)));
 }
-function rgb2hsl(token) {
+function rgb2HslToken(token) {
+    const values = rgb2hslvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hslToken(values);
+}
+function hwb2HslToken(token) {
+    const values = hwb2hslvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hslToken(values);
+}
+function cmyk2HslToken(token) {
+    const values = cmyk2hslvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hslToken(values);
+}
+function oklab2HslToken(token) {
+    const values = oklab2hslvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hslToken(values);
+}
+function oklch2HslToken(token) {
+    const values = oklch2hslvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hslToken(values);
+}
+function lab2HslToken(token) {
+    const values = lab2hslvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hslToken(values);
+}
+function lch2HslToken(token) {
+    const values = lch2hslvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hslToken(values);
+}
+function color2HslToken(token) {
+    const values = color2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return hslToken(srgb2hslvalues(...values));
+}
+function hslToken(values) {
+    values[0] = toPrecisionAngle(values[0] * 360);
+    const chi = [
+        { typ: EnumToken.NumberTokenType, val: String(values[0]), uni: 'deg' },
+        { typ: EnumToken.PercentageTokenType, val: String(values[1] * 100) },
+        { typ: EnumToken.PercentageTokenType, val: String(values[2] * 100) },
+    ];
+    if (values.length == 4 && values[3] != 1) {
+        chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, { typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+    }
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'hsl',
+        chi,
+        kin: ColorKind.HSL
+    };
+}
+function rgb2hslvalues(token) {
     const chi = getComponents(token);
-    if (chi == null) {
+    if (chi == null || chi.length < 3) {
         return null;
     }
     // @ts-ignore
@@ -34,19 +108,16 @@ function rgb2hsl(token) {
     // @ts-ignore
     let b = getNumber(t);
     // @ts-ignore
-    t = chi[3];
-    // @ts-ignore
     let a = null;
-    if (t != null && !(t.typ == EnumToken.IdenTokenType && t.val == 'none')) {
-        // @ts-ignore
-        a = getNumber(t) / 255;
+    if (chi.length == 4) {
+        a = getNumber(chi[3]);
     }
     const values = [r, g, b];
     if (a != null && a != 1) {
         values.push(a);
     }
     // @ts-ignore
-    return rgb2hslvalues(...values);
+    return rgbvalues2hslvalues(...values);
 }
 // https://gist.github.com/defims/0ca2ef8832833186ed396a2f8a204117#file-annotated-js
 function hsv2hsl(h, s, v, a) {
@@ -66,32 +137,37 @@ function hsv2hsl(h, s, v, a) {
     }
     return result;
 }
-function hwb2hsl(token) {
+function cmyk2hslvalues(token) {
+    const values = cmyk2rgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : rgbvalues2hslvalues(...values);
+}
+function hwb2hslvalues(token) {
     // @ts-ignore
     return hsv2hsl(...hwb2hsv(...Object.values(hslvalues(token))));
 }
-function lab2hsl(token) {
+function lab2hslvalues(token) {
     // @ts-ignore
-    return rgb2hslvalues(...lab2rgb(token));
+    return rgbvalues2hslvalues(...lab2rgbvalues(token));
 }
-function lch2hsl(token) {
+function lch2hslvalues(token) {
     // @ts-ignore
-    return rgb2hslvalues(...lch2rgb(token));
+    return rgbvalues2hslvalues(...lch2rgbvalues(token));
 }
-function oklab2hsl(token) {
-    const t = oklab2rgb(token);
+function oklab2hslvalues(token) {
+    const t = oklab2srgbvalues(token);
     // @ts-ignore
-    return t == null ? null : rgb2hslvalues(...t);
+    return t == null ? null : srgb2hslvalues(...t);
 }
-function oklch2hsl(token) {
-    const t = oklch2rgb(token);
+function oklch2hslvalues(token) {
+    const t = oklch2srgbvalues(token);
     // @ts-ignore
-    return t == null ? null : rgb2hslvalues(...t);
+    return t == null ? null : srgb2hslvalues(...t);
 }
-function rgb2hslvalues(r, g, b, a = null) {
-    return srgb2hsl(r / 255, g / 255, b / 255, a);
+function rgbvalues2hslvalues(r, g, b, a = null) {
+    return srgb2hslvalues(r / 255, g / 255, b / 255, a);
 }
-function srgb2hsl(r, g, b, a = null) {
+function srgb2hslvalues(r, g, b, a = null) {
     let max = Math.max(r, g, b);
     let min = Math.min(r, g, b);
     let h = 0;
@@ -122,4 +198,4 @@ function srgb2hsl(r, g, b, a = null) {
     return hsl;
 }
 
-export { hex2hsl, hsv2hsl, hwb2hsl, lab2hsl, lch2hsl, oklab2hsl, oklch2hsl, rgb2hsl, rgb2hslvalues, srgb2hsl };
+export { cmyk2HslToken, cmyk2hslvalues, color2HslToken, hex2HslToken, hsv2hsl, hwb2HslToken, hwb2hslvalues, lab2HslToken, lab2hslvalues, lch2HslToken, lch2hslvalues, oklab2HslToken, oklab2hslvalues, oklch2HslToken, oklch2hslvalues, rgb2HslToken, rgb2hslvalues, rgbvalues2hslvalues, srgb2hslvalues };
diff --git a/dist/lib/syntax/color/hwb.js b/dist/lib/syntax/color/hwb.js
index 2f38531c..555b2237 100644
--- a/dist/lib/syntax/color/hwb.js
+++ b/dist/lib/syntax/color/hwb.js
@@ -1,28 +1,105 @@
 import { hsl2hsv } from './hsv.js';
-import './utils/constants.js';
+import { ColorKind } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
-import { getAngle, getNumber } from './color.js';
+import { color2srgbvalues, toPrecisionAngle, getAngle, getNumber } from './color.js';
 import { EnumToken } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { lch2srgb, lab2srgb, oklch2srgb, oklab2srgb } from './srgb.js';
+import { cmyk2srgbvalues, lch2srgbvalues, lab2srgbvalues, oklch2srgbvalues, oklab2srgbvalues } from './srgb.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
-function rgb2hwb(token) {
+function rgb2hwbToken(token) {
+    const values = rgb2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function hsl2hwbToken(token) {
+    const values = hsl2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function cmyk2hwbToken(token) {
+    const values = cmyk2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function oklab2hwbToken(token) {
+    const values = oklab2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function oklch2hwbToken(token) {
+    const values = oklch2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function lab2hwbToken(token) {
+    const values = lab2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function lch2hwbToken(token) {
+    const values = lch2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function color2hwbToken(token) {
+    const values = color2hwbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return hwbToken(values);
+}
+function hwbToken(values) {
+    values[0] = toPrecisionAngle(values[0] * 360);
+    const chi = [
+        { typ: EnumToken.NumberTokenType, val: String(values[0]) },
+        { typ: EnumToken.PercentageTokenType, val: String(values[1] * 100) },
+        { typ: EnumToken.PercentageTokenType, val: String(values[2] * 100) },
+    ];
+    if (values.length == 4) {
+        chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, { typ: EnumToken.PercentageTokenType, val: String((values[3] * 100).toFixed()) });
+    }
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'hwb',
+        chi,
+        kin: ColorKind.HWB
+    };
+}
+function rgb2hwbvalues(token) {
     // @ts-ignore
     return srgb2hwb(...getComponents(token).map((t, index) => {
-        if (index == 3 && t.typ == EnumToken.IdenTokenType && t.val == 'none') {
-            return 1;
+        if (index == 3) {
+            return getNumber(t);
         }
         return getNumber(t) / 255;
     }));
 }
-function hsl2hwb(token) {
+function cmyk2hwbvalues(token) {
+    // @ts-ignore
+    return srgb2hwb(...cmyk2srgbvalues(token));
+}
+function hsl2hwbvalues(token) {
     // @ts-ignore
-    return hsl2hwbvalues(...getComponents(token).map((t, index) => {
+    return hslvalues2hwbvalues(...getComponents(token).map((t, index) => {
         if (index == 3 && (t.typ == EnumToken.IdenTokenType && t.val == 'none')) {
             return 1;
         }
@@ -32,21 +109,22 @@ function hsl2hwb(token) {
         return getNumber(t);
     }));
 }
-function lab2hwb(token) {
+function lab2hwbvalues(token) {
     // @ts-ignore
-    return srgb2hwb(...lab2srgb(token));
+    return srgb2hwb(...lab2srgbvalues(token));
 }
-function lch2hwb(token) {
+function lch2hwbvalues(token) {
     // @ts-ignore
-    return srgb2hwb(...lch2srgb(token));
+    return srgb2hwb(...lch2srgbvalues(token));
 }
-function oklab2hwb(token) {
+function oklab2hwbvalues(token) {
     // @ts-ignore
-    return srgb2hwb(...oklab2srgb(token));
+    return srgb2hwb(...oklab2srgbvalues(token));
 }
-function oklch2hwb(token) {
+function oklch2hwbvalues(token) {
+    const values = oklch2srgbvalues(token);
     // @ts-ignore
-    return srgb2hwb(...oklch2srgb(token));
+    return values == null ? null : srgb2hwb(...values);
 }
 function rgb2hue(r, g, b, fallback = 0) {
     let value = rgb2value(r, g, b);
@@ -74,6 +152,10 @@ function rgb2value(r, g, b) {
 function rgb2whiteness(r, g, b) {
     return Math.min(r, g, b);
 }
+function color2hwbvalues(token) {
+    // @ts-ignore
+    return srgb2hwb(...color2srgbvalues(token));
+}
 function srgb2hwb(r, g, b, a = null, fallback = 0) {
     r *= 100;
     g *= 100;
@@ -95,9 +177,9 @@ function hsv2hwb(h, s, v, a = null) {
     }
     return result;
 }
-function hsl2hwbvalues(h, s, l, a = null) {
+function hslvalues2hwbvalues(h, s, l, a = null) {
     // @ts-ignore
     return hsv2hwb(...hsl2hsv(h, s, l, a));
 }
 
-export { hsl2hwb, hsl2hwbvalues, hsv2hwb, lab2hwb, lch2hwb, oklab2hwb, oklch2hwb, rgb2hwb, srgb2hwb };
+export { cmyk2hwbToken, cmyk2hwbvalues, color2hwbToken, color2hwbvalues, hsl2hwbToken, hsl2hwbvalues, hslvalues2hwbvalues, hsv2hwb, hwbToken, lab2hwbToken, lab2hwbvalues, lch2hwbToken, lch2hwbvalues, oklab2hwbToken, oklab2hwbvalues, oklch2hwbToken, oklch2hwbvalues, rgb2hwbToken, rgb2hwbvalues, srgb2hwb };
diff --git a/dist/lib/syntax/color/lab.js b/dist/lib/syntax/color/lab.js
index 14120a14..29986ad9 100644
--- a/dist/lib/syntax/color/lab.js
+++ b/dist/lib/syntax/color/lab.js
@@ -1,52 +1,154 @@
-import { e, k, D50 } from './utils/constants.js';
+import { ColorKind, e, k, D50 } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
-import { srgb2xyz } from './xyz.js';
-import { oklch2srgb, hwb2srgb, hsl2srgb, rgb2srgb, hex2srgb } from './srgb.js';
+import { srgb2xyz_d50, XYZ_D50_to_D65, XYZ_to_lin_sRGB } from './xyz.js';
+import { oklch2srgbvalues, cmyk2srgbvalues, hwb2srgbvalues, hsl2srgb, rgb2srgb, hex2srgbvalues } from './srgb.js';
 import { getLCHComponents } from './lch.js';
-import { OKLab_to_XYZ, getOKLABComponents } from './oklab.js';
-import { getNumber } from './color.js';
+import { getOKLABComponents, OKLab_to_XYZ } from './oklab.js';
+import { color2srgbvalues, getNumber } from './color.js';
 import { EnumToken } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { xyzd502srgb } from './xyzd50.js';
+import { XYZ_D65_to_D50, xyzd502srgb } from './xyzd50.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
+function hex2labToken(token) {
+    return labToken(hex2labvalues(token));
+}
+function rgb2labToken(token) {
+    const values = rgb2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function hsl2labToken(token) {
+    const values = hsl2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function hwb2labToken(token) {
+    const values = hwb2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function cmyk2labToken(token) {
+    const values = cmyk2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function lch2labToken(token) {
+    const values = lch2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function oklab2labToken(token) {
+    const values = oklab2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function oklch2labToken(token) {
+    const values = oklch2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function color2labToken(token) {
+    const values = color2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return labToken(values);
+}
+function labToken(values) {
+    const chi = [
+        { typ: EnumToken.NumberTokenType, val: String(values[0]) },
+        { typ: EnumToken.NumberTokenType, val: String(values[1]) },
+        { typ: EnumToken.NumberTokenType, val: String(values[2]) },
+    ];
+    if (values.length == 4) {
+        chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, { typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+    }
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'lab',
+        chi,
+        kin: ColorKind.LAB
+    };
+}
 // L: 0% = 0.0, 100% = 100.0
 // for a and b: -100% = -125, 100% = 125
-function hex2lab(token) {
-    //  @ts-ignore
-    return srgb2lab(...hex2srgb(token));
+function hex2labvalues(token) {
+    // @ts-ignore
+    return srgb2labvalues(...hex2srgbvalues(token));
 }
-function rgb2lab(token) {
+function rgb2labvalues(token) {
+    const values = rgb2srgb(token);
     // @ts-ignore
-    return srgb2lab(...rgb2srgb(token));
+    return values == null ? null : srgb2labvalues(...values);
 }
-function hsl2lab(token) {
+function cmyk2labvalues(token) {
+    const values = cmyk2srgbvalues(token);
     // @ts-ignore
-    return srgb2lab(...hsl2srgb(token));
+    return values == null ? null : srgb2labvalues(...values);
 }
-function hwb2lab(token) {
+function hsl2labvalues(token) {
+    const values = hsl2srgb(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2lab(...hwb2srgb(token));
+    return srgb2labvalues(...values);
 }
-function lch2lab(token) {
+function hwb2labvalues(token) {
     // @ts-ignore
-    return lch2labvalues(...getLCHComponents(token));
+    return srgb2labvalues(...hwb2srgbvalues(token));
 }
-function oklab2lab(token) {
+function lch2labvalues(token) {
+    const values = getLCHComponents(token);
     // @ts-ignore
-    return xyz2lab(...OKLab_to_XYZ(...getOKLABComponents(token)));
+    return values == null ? null : lchvalues2labvalues(...values);
 }
-function oklch2lab(token) {
+function oklab2labvalues(token) {
+    const values = getOKLABComponents(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2lab(...oklch2srgb(token));
+    return xyz2lab(...XYZ_D65_to_D50(...OKLab_to_XYZ(...values)));
 }
-function srgb2lab(r, g, b, a) {
+function oklch2labvalues(token) {
+    const values = oklch2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return srgb2labvalues(...values);
+}
+function color2labvalues(token) {
+    const val = color2srgbvalues(token);
+    if (val == null) {
+        return null;
+    }
+    // @ts-ignore
+    return srgb2labvalues(...val);
+}
+function srgb2labvalues(r, g, b, a) {
     // @ts-ignore */
-    const result = xyz2lab(...srgb2xyz(r, g, b));
+    const result = xyz2lab(...srgb2xyz_d50(r, g, b));
     // Fixes achromatic RGB colors having a _slight_ chroma due to floating-point errors
     // and approximated computations in sRGB <-> CIELab.
     // See: https://github.com/d3/d3-color/pull/46
@@ -78,7 +180,7 @@ function xyz2lab(x, y, z, a = null) {
     }
     return result;
 }
-function lch2labvalues(l, c, h, a = null) {
+function lchvalues2labvalues(l, c, h, a = null) {
     // l, c * Math.cos(360 * h * Math.PI / 180), c * Math.sin(360 * h * Math.PI / 180
     const result = [l, c * Math.cos(h * Math.PI / 180), c * Math.sin(h * Math.PI / 180)];
     if (a != null) {
@@ -121,6 +223,12 @@ function getLABComponents(token) {
 // from https://www.w3.org/TR/css-color-4/#color-conversion-code
 // D50 LAB
 function Lab_to_sRGB(l, a, b) {
+    const xyz_d50 = Lab_to_XYZ(l, a, b);
+    // @ts-ignore
+    const xyz_d65 = XYZ_D50_to_D65(...xyz_d50);
+    // @ts-ignore
+    const lin_srgb = XYZ_to_lin_sRGB(...xyz_d65);
+    lin_srgb.map((value, i) => value > 0.0031308 ? 1.055 * Math.pow(value, 1 / 2.4) - 0.055 : 12.92 * value);
     // @ts-ignore
     return xyzd502srgb(...Lab_to_XYZ(l, a, b));
 }
@@ -145,4 +253,4 @@ function Lab_to_XYZ(l, a, b) {
     return xyz.map((value, i) => value * D50[i]);
 }
 
-export { Lab_to_XYZ, Lab_to_sRGB, getLABComponents, hex2lab, hsl2lab, hwb2lab, lch2lab, lch2labvalues, oklab2lab, oklch2lab, rgb2lab, srgb2lab, xyz2lab };
+export { Lab_to_XYZ, Lab_to_sRGB, cmyk2labToken, cmyk2labvalues, color2labToken, color2labvalues, getLABComponents, hex2labToken, hex2labvalues, hsl2labToken, hsl2labvalues, hwb2labToken, hwb2labvalues, lch2labToken, lch2labvalues, lchvalues2labvalues, oklab2labToken, oklab2labvalues, oklch2labToken, oklch2labvalues, rgb2labToken, rgb2labvalues, srgb2labvalues, xyz2lab };
diff --git a/dist/lib/syntax/color/lch.js b/dist/lib/syntax/color/lch.js
index aa270b35..2d0d6c74 100644
--- a/dist/lib/syntax/color/lch.js
+++ b/dist/lib/syntax/color/lch.js
@@ -1,48 +1,152 @@
-import './utils/constants.js';
+import { ColorKind } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
-import { getNumber, getAngle } from './color.js';
+import { color2srgbvalues, toPrecisionAngle, getNumber, getAngle } from './color.js';
 import { EnumToken } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { srgb2lab, xyz2lab, oklch2lab, oklab2lab, getLABComponents, hwb2lab, hsl2lab, rgb2lab, hex2lab } from './lab.js';
+import { cmyk2srgbvalues } from './srgb.js';
+import { srgb2labvalues, xyz2lab, oklch2labvalues, oklab2labvalues, getLABComponents, hwb2labvalues, hsl2labvalues, rgb2labvalues, hex2labvalues } from './lab.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
-function hex2lch(token) {
+function hex2lchToken(token) {
+    const values = hex2lchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return lchToken(values);
+}
+function rgb2lchToken(token) {
+    const values = rgb2lchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return lchToken(values);
+}
+function hsl2lchToken(token) {
+    const values = hsl2lchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return lchToken(values);
+}
+function hwb2lchToken(token) {
+    const values = hwb2lchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return lchToken(values);
+}
+function cmyk2lchToken(token) {
+    const values = cmyk2lchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return lchToken(values);
+}
+function lab2lchToken(token) {
+    const values = lab2lchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return lchToken(values);
+}
+function oklab2lchToken(token) {
+    const values = oklab2lchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return lchToken(values);
+}
+function oklch2lchToken(token) {
+    const values = oklch2lchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return lchToken(values);
+}
+function color2lchToken(token) {
+    const values = color2lchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return lchToken(values);
+}
+function lchToken(values) {
+    values[2] = toPrecisionAngle(values[2]);
+    const chi = [
+        { typ: EnumToken.NumberTokenType, val: String(values[0]) },
+        { typ: EnumToken.NumberTokenType, val: String(values[1]) },
+        { typ: EnumToken.NumberTokenType, val: String(values[2]) },
+    ];
+    if (values.length == 4) {
+        chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, { typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+    }
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'lch',
+        chi,
+        kin: ColorKind.LCH
+    };
+}
+function hex2lchvalues(token) {
+    const values = hex2labvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...hex2lab(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
-function rgb2lch(token) {
+function rgb2lchvalues(token) {
+    const values = rgb2labvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...rgb2lab(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
-function hsl2lch(token) {
+function hsl2lchvalues(token) {
+    const values = hsl2labvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...hsl2lab(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
-function hwb2lch(token) {
+function hwb2lchvalues(token) {
+    const values = hwb2labvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...hwb2lab(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
-function lab2lch(token) {
+function lab2lchvalues(token) {
+    const values = getLABComponents(token);
     // @ts-ignore
-    return lab2lchvalues(...getLABComponents(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
 function srgb2lch(r, g, blue, alpha) {
     // @ts-ignore
-    return lab2lchvalues(...srgb2lab(r, g, blue, alpha));
+    return labvalues2lchvalues(...srgb2labvalues(r, g, blue, alpha));
+}
+function oklab2lchvalues(token) {
+    const values = oklab2labvalues(token);
+    // @ts-ignore
+    return values == null ? null : labvalues2lchvalues(...values);
 }
-function oklab2lch(token) {
+function cmyk2lchvalues(token) {
+    const values = cmyk2srgbvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...oklab2lab(token));
+    return values == null ? null : srgb2lch(...values);
 }
-function oklch2lch(token) {
+function oklch2lchvalues(token) {
+    const values = oklch2labvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return labvalues2lchvalues(...values);
+}
+function color2lchvalues(token) {
+    const values = color2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return lab2lchvalues(...oklch2lab(token));
+    return srgb2lch(...values);
 }
-function lab2lchvalues(l, a, b, alpha = null) {
+function labvalues2lchvalues(l, a, b, alpha = null) {
     let c = Math.sqrt(a * a + b * b);
     let h = Math.atan2(b, a) * 180 / Math.PI;
     if (h < 0) {
@@ -55,7 +159,7 @@ function lab2lchvalues(l, a, b, alpha = null) {
 }
 function xyz2lchvalues(x, y, z, alpha) {
     // @ts-ignore(
-    const lch = lab2lchvalues(...xyz2lab(x, y, z));
+    const lch = labvalues2lchvalues(...xyz2lab(x, y, z));
     return alpha == null || alpha == 1 ? lch : lch.concat(alpha);
 }
 function getLCHComponents(token) {
@@ -87,4 +191,4 @@ function getLCHComponents(token) {
     return alpha == null ? [l, c, h] : [l, c, h, alpha];
 }
 
-export { getLCHComponents, hex2lch, hsl2lch, hwb2lch, lab2lch, lab2lchvalues, oklab2lch, oklch2lch, rgb2lch, srgb2lch, xyz2lchvalues };
+export { cmyk2lchToken, cmyk2lchvalues, color2lchToken, color2lchvalues, getLCHComponents, hex2lchToken, hex2lchvalues, hsl2lchToken, hsl2lchvalues, hwb2lchToken, hwb2lchvalues, lab2lchToken, lab2lchvalues, labvalues2lchvalues, oklab2lchToken, oklab2lchvalues, oklch2lchToken, oklch2lchvalues, rgb2lchToken, rgb2lchvalues, srgb2lch, xyz2lchvalues };
diff --git a/dist/lib/syntax/color/oklab.js b/dist/lib/syntax/color/oklab.js
index 58f668c0..a9dc30b9 100644
--- a/dist/lib/syntax/color/oklab.js
+++ b/dist/lib/syntax/color/oklab.js
@@ -1,45 +1,155 @@
 import { multiplyMatrices } from './utils/matrix.js';
-import './utils/constants.js';
+import { ColorKind } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
-import { srgb2lsrgbvalues, lch2srgb, lab2srgb, hwb2srgb, hsl2srgb, rgb2srgb, hex2srgb, lsrgb2srgbvalues } from './srgb.js';
-import { getNumber } from './color.js';
+import { srgb2lsrgbvalues, lch2srgbvalues, lab2srgbvalues, cmyk2srgbvalues, hwb2srgbvalues, hsl2srgb, rgb2srgb, hex2srgbvalues, lsrgb2srgbvalues } from './srgb.js';
+import { color2srgbvalues, getNumber } from './color.js';
 import { EnumToken } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { lch2labvalues } from './lab.js';
+import { lchvalues2labvalues } from './lab.js';
 import { getOKLCHComponents } from './oklch.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
-function hex2oklab(token) {
+function hex2oklabToken(token) {
+    const values = hex2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function rgb2oklabToken(token) {
+    const values = rgb2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function hsl2oklabToken(token) {
+    const values = hsl2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function hwb2oklabToken(token) {
+    const values = hwb2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function cmyk2oklabToken(token) {
+    const values = cmyk2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function lab2oklabToken(token) {
+    const values = lab2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function lch2oklabToken(token) {
+    const values = lch2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function oklch2oklabToken(token) {
+    const values = oklch2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function color2oklabToken(token) {
+    const values = color2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklabToken(values);
+}
+function oklabToken(values) {
+    const chi = [
+        { typ: EnumToken.NumberTokenType, val: String(values[0]) },
+        { typ: EnumToken.NumberTokenType, val: String(values[1]) },
+        { typ: EnumToken.NumberTokenType, val: String(values[2]) },
+    ];
+    if (values.length == 4) {
+        chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, {
+            typ: EnumToken.PercentageTokenType,
+            val: (values[3] * 100).toFixed()
+        });
+    }
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'oklab',
+        chi,
+        kin: ColorKind.OKLAB
+    };
+}
+function hex2oklabvalues(token) {
+    const values = hex2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    // @ts-ignore
+    return srgb2oklab(...values);
+}
+function rgb2oklabvalues(token) {
+    const values = rgb2srgb(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2oklab(...hex2srgb(token));
+    return srgb2oklab(...values);
 }
-function rgb2oklab(token) {
+function hsl2oklabvalues(token) {
+    const values = hsl2srgb(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2oklab(...rgb2srgb(token));
+    return srgb2oklab(...values);
 }
-function hsl2oklab(token) {
+function hwb2oklabvalues(token) {
     // @ts-ignore
-    return srgb2oklab(...hsl2srgb(token));
+    return srgb2oklab(...hwb2srgbvalues(token));
 }
-function hwb2oklab(token) {
+function cmyk2oklabvalues(token) {
+    const values = cmyk2srgbvalues(token);
     // @ts-ignore
-    return srgb2oklab(...hwb2srgb(token));
+    return values == null ? null : srgb2oklab(...values);
 }
-function lab2oklab(token) {
+function lab2oklabvalues(token) {
+    const values = lab2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2oklab(...lab2srgb(token));
+    return srgb2oklab(...values);
 }
-function lch2oklab(token) {
+function lch2oklabvalues(token) {
+    const values = lch2srgbvalues(token);
     // @ts-ignore
-    return srgb2oklab(...lch2srgb(token));
+    return values == null ? null : srgb2oklab(...values);
 }
-function oklch2oklab(token) {
+function oklch2oklabvalues(token) {
+    const values = getOKLCHComponents(token);
     // @ts-ignore
-    return lch2labvalues(...getOKLCHComponents(token));
+    return values == null ? null : lchvalues2labvalues(...values);
+}
+function color2oklabvalues(token) {
+    const values = color2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2oklab(...values);
 }
 function srgb2oklab(r, g, blue, alpha) {
     [r, g, blue] = srgb2lsrgbvalues(r, g, blue);
@@ -49,18 +159,13 @@ function srgb2oklab(r, g, blue, alpha) {
     const l = 0.2104542553 * L + 0.793617785 * M - 0.0040720468 * S;
     const a = r == g && g == blue ? 0 : 1.9779984951 * L - 2.428592205 * M + 0.4505937099 * S;
     const b = r == g && g == blue ? 0 : 0.0259040371 * L + 0.7827717662 * M - 0.808675766 * S;
-    return alpha == null ? [l, a, b] : [l, a, b, alpha];
+    return alpha == null || alpha == 1 ? [l, a, b] : [l, a, b, alpha];
 }
 function getOKLABComponents(token) {
     const components = getComponents(token);
-    if (components == null) {
+    if (components == null || components.length < 3) {
         return null;
     }
-    for (let i = 0; i < components.length; i++) {
-        if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.IdenTokenType].includes(components[i].typ)) {
-            return null;
-        }
-    }
     // @ts-ignore
     let t = components[0];
     // @ts-ignore
@@ -74,9 +179,10 @@ function getOKLABComponents(token) {
     // @ts-ignore
     const b = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? .4 : 1);
     // @ts-ignore
-    t = components[3];
-    // @ts-ignore
-    const alpha = t == null || (t.typ == EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
+    let alpha = null;
+    if (components.length > 3) {
+        alpha = getNumber(components[3]);
+    }
     const rgb = [l, a, b];
     if (alpha != 1 && alpha != null) {
         rgb.push(alpha);
@@ -128,4 +234,4 @@ function OKLab_to_sRGB(l, a, b) {
         1.7076147009309444 * S);
 }
 
-export { OKLab_to_XYZ, OKLab_to_sRGB, getOKLABComponents, hex2oklab, hsl2oklab, hwb2oklab, lab2oklab, lch2oklab, oklch2oklab, rgb2oklab, srgb2oklab };
+export { OKLab_to_XYZ, OKLab_to_sRGB, cmyk2oklabToken, cmyk2oklabvalues, color2oklabToken, getOKLABComponents, hex2oklabToken, hex2oklabvalues, hsl2oklabToken, hsl2oklabvalues, hwb2oklabToken, hwb2oklabvalues, lab2oklabToken, lab2oklabvalues, lch2oklabToken, lch2oklabvalues, oklch2oklabToken, oklch2oklabvalues, rgb2oklabToken, rgb2oklabvalues, srgb2oklab };
diff --git a/dist/lib/syntax/color/oklch.js b/dist/lib/syntax/color/oklch.js
index 7a7aa8f9..fcc7da5a 100644
--- a/dist/lib/syntax/color/oklch.js
+++ b/dist/lib/syntax/color/oklch.js
@@ -1,47 +1,125 @@
-import './utils/constants.js';
+import { ColorKind } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
-import { getNumber, getAngle } from './color.js';
+import { color2srgbvalues, toPrecisionAngle, getNumber, getAngle } from './color.js';
 import { EnumToken } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { lab2lchvalues } from './lch.js';
-import { srgb2oklab, lch2oklab, getOKLABComponents, lab2oklab, hwb2oklab, hsl2oklab, rgb2oklab, hex2oklab } from './oklab.js';
+import { labvalues2lchvalues } from './lch.js';
+import { srgb2oklab, lch2oklabvalues, getOKLABComponents, lab2oklabvalues, hwb2oklabvalues, hsl2oklabvalues, rgb2oklabvalues, hex2oklabvalues } from './oklab.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
-function hex2oklch(token) {
+function hex2oklchToken(token) {
+    const values = hex2oklchvalues(token);
+    return oklchToken(values);
+}
+function rgb2oklchToken(token) {
+    const values = rgb2oklchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklchToken(values);
+}
+function hsl2oklchToken(token) {
+    const values = hsl2oklchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklchToken(values);
+}
+function hwb2oklchToken(token) {
+    const values = hwb2oklchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklchToken(values);
+}
+function lab2oklchToken(token) {
+    const values = lab2oklchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklchToken(values);
+}
+function oklab2oklchToken(token) {
+    const values = oklab2oklchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklchToken(values);
+}
+function lch2oklchToken(token) {
+    const values = lch2oklchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklchToken(values);
+}
+function color2oklchToken(token) {
+    const values = color2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return lab2lchvalues(...hex2oklab(token));
+    return oklchToken(srgb2oklch(...values));
 }
-function rgb2oklch(token) {
+function oklchToken(values) {
+    values[2] = toPrecisionAngle(values[2]);
+    const chi = [
+        { typ: EnumToken.NumberTokenType, val: String(values[0]) },
+        { typ: EnumToken.NumberTokenType, val: String(values[1]) },
+        { typ: EnumToken.NumberTokenType, val: String(values[2]) },
+    ];
+    if (values.length == 4) {
+        chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, {
+            typ: EnumToken.PercentageTokenType,
+            val: (values[3] * 100).toFixed()
+        });
+    }
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'oklch',
+        chi,
+        kin: ColorKind.OKLCH
+    };
+}
+function hex2oklchvalues(token) {
+    // @ts-ignore
+    return labvalues2lchvalues(...hex2oklabvalues(token));
+}
+function rgb2oklchvalues(token) {
+    const values = rgb2oklabvalues(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return lab2lchvalues(...rgb2oklab(token));
+    return labvalues2lchvalues(...values);
 }
-function hsl2oklch(token) {
+function hsl2oklchvalues(token) {
     // @ts-ignore
-    return lab2lchvalues(...hsl2oklab(token));
+    return labvalues2lchvalues(...hsl2oklabvalues(token));
 }
-function hwb2oklch(token) {
+function hwb2oklchvalues(token) {
     // @ts-ignore
-    return lab2lchvalues(...hwb2oklab(token));
+    return labvalues2lchvalues(...hwb2oklabvalues(token));
 }
-function lab2oklch(token) {
+function lab2oklchvalues(token) {
     // @ts-ignore
-    return lab2lchvalues(...lab2oklab(token));
+    return labvalues2lchvalues(...lab2oklabvalues(token));
 }
-function lch2oklch(token) {
+function lch2oklchvalues(token) {
     // @ts-ignore
-    return lab2lchvalues(...lch2oklab(token));
+    return labvalues2lchvalues(...lch2oklabvalues(token));
 }
-function oklab2oklch(token) {
+function oklab2oklchvalues(token) {
     // @ts-ignore
-    return lab2lchvalues(...getOKLABComponents(token));
+    return labvalues2lchvalues(...getOKLABComponents(token));
 }
 function srgb2oklch(r, g, blue, alpha) {
     // @ts-ignore
-    return lab2lchvalues(...srgb2oklab(r, g, blue, alpha));
+    return labvalues2lchvalues(...srgb2oklab(r, g, blue, alpha));
 }
 function getOKLCHComponents(token) {
     const components = getComponents(token);
@@ -72,4 +150,4 @@ function getOKLCHComponents(token) {
     return [l, c, h, alpha];
 }
 
-export { getOKLCHComponents, hex2oklch, hsl2oklch, hwb2oklch, lab2oklch, lch2oklch, oklab2oklch, rgb2oklch, srgb2oklch };
+export { color2oklchToken, getOKLCHComponents, hex2oklchToken, hex2oklchvalues, hsl2oklchToken, hsl2oklchvalues, hwb2oklchToken, hwb2oklchvalues, lab2oklchToken, lab2oklchvalues, lch2oklchToken, lch2oklchvalues, oklab2oklchToken, oklab2oklchvalues, rgb2oklchToken, rgb2oklchvalues, srgb2oklch };
diff --git a/dist/lib/syntax/color/p3.js b/dist/lib/syntax/color/p3.js
index a2d18ccb..5b17460c 100644
--- a/dist/lib/syntax/color/p3.js
+++ b/dist/lib/syntax/color/p3.js
@@ -1,4 +1,4 @@
-import { xyz2srgb, lsrgb2srgbvalues, srgb2lsrgbvalues } from './srgb.js';
+import { lsrgb2srgbvalues, xyz2srgb, srgb2lsrgbvalues } from './srgb.js';
 import { multiplyMatrices } from './utils/matrix.js';
 import './utils/constants.js';
 import '../../ast/types.js';
@@ -16,7 +16,7 @@ function p32srgbvalues(r, g, b, alpha) {
 }
 function srgb2p3values(r, g, b, alpha) {
     // @ts-ignore
-    return srgb2xyz(...xyz2lp3(...lp32p3(r, g, b, alpha)));
+    return lp32p3(...xyz2lp3(...srgb2xyz(r, g, b, alpha)));
 }
 function p32lp3(r, g, b, alpha) {
     // convert an array of display-p3 RGB values in the range 0.0 - 1.0
diff --git a/dist/lib/syntax/color/prophotorgb.js b/dist/lib/syntax/color/prophotorgb.js
index f11819ff..8672e587 100644
--- a/dist/lib/syntax/color/prophotorgb.js
+++ b/dist/lib/syntax/color/prophotorgb.js
@@ -1,5 +1,5 @@
-import { srgb2xyz } from './xyz.js';
 import { XYZ_D65_to_D50, xyzd502srgb } from './xyzd50.js';
+import { srgb2xyz } from './xyz.js';
 
 function prophotorgb2srgbvalues(r, g, b, a = null) {
     // @ts-ignore
diff --git a/dist/lib/syntax/color/rec2020.js b/dist/lib/syntax/color/rec2020.js
index 1aebb40d..fdf8de87 100644
--- a/dist/lib/syntax/color/rec2020.js
+++ b/dist/lib/syntax/color/rec2020.js
@@ -22,28 +22,28 @@ function rec20202lrec2020(r, g, b, a) {
     // convert an array of rec2020 RGB values in the range 0.0 - 1.0
     // to linear light (un-companded) form.
     // ITU-R BT.2020-2 p.4
-    const α = 1.09929682680944;
-    const β = 0.018053968510807;
+    const alpha = 1.09929682680944;
+    const beta = 0.018053968510807;
     return [r, g, b].map(function (val) {
         let sign = val < 0 ? -1 : 1;
         let abs = Math.abs(val);
-        if (abs < β * 4.5) {
+        if (abs < beta * 4.5) {
             return val / 4.5;
         }
-        return sign * (Math.pow((abs + α - 1) / α, 1 / 0.45));
+        return sign * (Math.pow((abs + alpha - 1) / alpha, 1 / 0.45));
     }).concat([] );
 }
 function lrec20202rec2020(r, g, b, a) {
     // convert an array of linear-light rec2020 RGB  in the range 0.0-1.0
     // to gamma corrected form
     // ITU-R BT.2020-2 p.4
-    const α = 1.09929682680944;
-    const β = 0.018053968510807;
+    const alpha = 1.09929682680944;
+    const beta = 0.018053968510807;
     return [r, g, b].map(function (val) {
         let sign = val < 0 ? -1 : 1;
         let abs = Math.abs(val);
-        if (abs > β) {
-            return sign * (α * Math.pow(abs, 0.45) - (α - 1));
+        if (abs > beta) {
+            return sign * (alpha * Math.pow(abs, 0.45) - (alpha - 1));
         }
         return 4.5 * val;
     }).concat(a == null || a == 1 ? [] : [a]);
@@ -52,7 +52,7 @@ function lrec20202xyz(r, g, b, a) {
     // convert an array of linear-light rec2020 values to CIE XYZ
     // using  D65 (no chromatic adaptation)
     // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
-    var M = [
+    let M = [
         [63426534 / 99577255, 20160776 / 139408157, 47086771 / 278816314],
         [26158966 / 99577255, 472592308 / 697040785, 8267143 / 139408157],
         [0, 19567812 / 697040785, 295819943 / 278816314],
@@ -62,7 +62,7 @@ function lrec20202xyz(r, g, b, a) {
 }
 function xyz2lrec2020(x, y, z, a) {
     // convert XYZ to linear-light rec2020
-    var M = [
+    let M = [
         [30757411 / 17917100, -6372589 / 17917100, -4539589 / 17917100],
         [-19765991 / 29648200, 47925759 / 29648200, 467509 / 29648200],
         [792561 / 44930125, -1921689 / 44930125, 42328811 / 44930125],
diff --git a/dist/lib/syntax/color/relativecolor.js b/dist/lib/syntax/color/relativecolor.js
index 9d23ccb6..87431761 100644
--- a/dist/lib/syntax/color/relativecolor.js
+++ b/dist/lib/syntax/color/relativecolor.js
@@ -1,4 +1,4 @@
-import { convert, getNumber } from './color.js';
+import { convertColor, getNumber } from './color.js';
 import { EnumToken } from '../../ast/types.js';
 import '../../ast/minify.js';
 import { walkValues } from '../../ast/walk.js';
@@ -19,11 +19,10 @@ function parseRelativeColor(relativeKeys, original, rExp, gExp, bExp, aExp) {
     let values = {};
     // colorFuncColorSpace x,y,z or r,g,b
     const names = relativeKeys.startsWith('xyz') ? 'xyz' : relativeKeys.slice(-3);
-    const converted = convert(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_')]);
-    // if (converted == null) {
-    //
-    //     return null;
-    // }
+    const converted = convertColor(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_')]);
+    if (converted == null) {
+        return null;
+    }
     const children = converted.chi.filter(t => ![EnumToken.WhitespaceTokenType, EnumToken.LiteralTokenType, EnumToken.CommentTokenType].includes(t.typ));
     [r, g, b, alpha] = converted.kin == ColorKind.COLOR ? children.slice(1) : children;
     values = {
diff --git a/dist/lib/syntax/color/rgb.js b/dist/lib/syntax/color/rgb.js
index d586fe05..43583bb4 100644
--- a/dist/lib/syntax/color/rgb.js
+++ b/dist/lib/syntax/color/rgb.js
@@ -1,50 +1,140 @@
-import { minmax } from './color.js';
-import { COLORS_NAMES, ColorKind } from './utils/constants.js';
-import '../../ast/types.js';
+import { color2srgbvalues, minmax } from './color.js';
+import { ColorKind, COLORS_NAMES } from './utils/constants.js';
+import { EnumToken } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { expandHexValue } from './hex.js';
-import { hslvalues, hsl2srgbvalues, hwb2srgb, cmyk2srgb, oklab2srgb, oklch2srgb, lab2srgb, lch2srgb } from './srgb.js';
+import { hslvalues, hslvalues2srgbvalues, lch2srgbvalues, lab2srgbvalues, oklch2srgbvalues, oklab2srgbvalues, cmyk2srgbvalues, hwb2srgbvalues } from './srgb.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function srgb2rgb(value) {
     return minmax(Math.round(value * 255), 0, 255);
 }
-function hex2rgb(token) {
+function hex2RgbToken(token) {
+    return rgb2RgbToken(hex2rgbvalues(token));
+}
+function hsl2RgbToken(token) {
+    const values = hsl2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values);
+}
+function hwb2RgbToken(token) {
+    const values = hwb2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values);
+}
+function cmyk2RgbToken(token) {
+    const values = cmyk2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values);
+}
+function oklab2RgbToken(token) {
+    const values = oklab2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values);
+}
+function oklch2RgbToken(token) {
+    const values = oklch2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values);
+}
+function lab2RgbToken(token) {
+    const values = lab2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values);
+}
+function lch2RgbToken(token) {
+    const values = lch2rgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values);
+}
+function color2RgbToken(token) {
+    const values = color2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return rgb2RgbToken(values.map((t, index) => index == 3 ? t : srgb2rgb(t)));
+}
+function rgb2RgbToken(values) {
+    const chi = [
+        { typ: EnumToken.NumberTokenType, val: String(values[0]) },
+        { typ: EnumToken.NumberTokenType, val: String(values[1]) },
+        { typ: EnumToken.NumberTokenType, val: String(values[2]) },
+    ];
+    if (values.length == 4) {
+        chi.push({ typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+    }
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'rgb',
+        chi,
+        kin: ColorKind.RGB
+    };
+}
+function hex2rgbvalues(token) {
     const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
     const rgb = [];
     for (let i = 1; i < value.length; i += 2) {
         rgb.push(parseInt(value.slice(i, i + 2), 16));
     }
+    if (rgb.length == 4) {
+        if (rgb[3] == 255) {
+            rgb.pop();
+        }
+        else {
+            rgb[3] = +(rgb[3] / 255).toFixed(2);
+        }
+    }
     return rgb;
 }
-function hwb2rgb(token) {
-    return hwb2srgb(token)?.map?.(srgb2rgb) ?? null;
+function hwb2rgbvalues(token) {
+    return hwb2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
+}
+function hsl2rgbvalues(token) {
+    let { h, s, l, a } = hslvalues(token) ?? {};
+    if (h == null || s == null || l == null) {
+        return null;
+    }
+    return hslvalues2srgbvalues(h, s, l).map((t) => minmax(Math.round(t * 255), 0, 255)).concat(a == 1 || a == null ? [] : [a]);
 }
-function hsl2rgb(token) {
+function hsl2srgbvalues(token) {
     let { h, s, l, a } = hslvalues(token) ?? {};
     if (h == null || s == null || l == null) {
         return null;
     }
-    return hsl2srgbvalues(h, s, l, a).map((t) => minmax(Math.round(t * 255), 0, 255));
+    return hslvalues2srgbvalues(h, s, l).concat(a == 1 || a == null ? [] : [a]);
 }
-function cmyk2rgb(token) {
-    return cmyk2srgb(token)?.map?.(srgb2rgb) ?? null;
+function cmyk2rgbvalues(token) {
+    return cmyk2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
-function oklab2rgb(token) {
-    return oklab2srgb(token)?.map?.(srgb2rgb) ?? null;
+function oklab2rgbvalues(token) {
+    return oklab2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
-function oklch2rgb(token) {
-    return oklch2srgb(token)?.map?.(srgb2rgb) ?? null;
+function oklch2rgbvalues(token) {
+    return oklch2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
-function lab2rgb(token) {
-    return lab2srgb(token)?.map?.(srgb2rgb) ?? null;
+function lab2rgbvalues(token) {
+    return lab2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
-function lch2rgb(token) {
-    return lch2srgb(token)?.map?.(srgb2rgb) ?? null;
+function lch2rgbvalues(token) {
+    return lch2srgbvalues(token)?.map?.((t, index) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
 
-export { cmyk2rgb, hex2rgb, hsl2rgb, hwb2rgb, lab2rgb, lch2rgb, oklab2rgb, oklch2rgb, srgb2rgb };
+export { cmyk2RgbToken, cmyk2rgbvalues, color2RgbToken, hex2RgbToken, hex2rgbvalues, hsl2RgbToken, hsl2rgbvalues, hsl2srgbvalues, hwb2RgbToken, hwb2rgbvalues, lab2RgbToken, lab2rgbvalues, lch2RgbToken, lch2rgbvalues, oklab2RgbToken, oklab2rgbvalues, oklch2RgbToken, oklch2rgbvalues, srgb2rgb };
diff --git a/dist/lib/syntax/color/srgb.js b/dist/lib/syntax/color/srgb.js
index 5ba83ec5..cab0ab15 100644
--- a/dist/lib/syntax/color/srgb.js
+++ b/dist/lib/syntax/color/srgb.js
@@ -8,7 +8,7 @@ import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { expandHexValue } from './hex.js';
-import { lch2labvalues, Lab_to_sRGB, getLABComponents } from './lab.js';
+import { lchvalues2labvalues, Lab_to_sRGB, getLABComponents } from './lab.js';
 import { OKLab_to_sRGB, getOKLABComponents } from './oklab.js';
 import { getLCHComponents } from './lch.js';
 import { getOKLCHComponents } from './oklch.js';
@@ -22,7 +22,7 @@ function srgbvalues(token) {
     switch (token.kin) {
         case ColorKind.LIT:
         case ColorKind.HEX:
-            return hex2srgb(token);
+            return hex2srgbvalues(token);
         case ColorKind.RGB:
         case ColorKind.RGBA:
             return rgb2srgb(token);
@@ -30,15 +30,15 @@ function srgbvalues(token) {
         case ColorKind.HSLA:
             return hsl2srgb(token);
         case ColorKind.HWB:
-            return hwb2srgb(token);
+            return hwb2srgbvalues(token);
         case ColorKind.LAB:
-            return lab2srgb(token);
+            return lab2srgbvalues(token);
         case ColorKind.LCH:
-            return lch2srgb(token);
+            return lch2srgbvalues(token);
         case ColorKind.OKLAB:
-            return oklab2srgb(token);
+            return oklab2srgbvalues(token);
         case ColorKind.OKLCH:
-            return oklch2srgb(token);
+            return oklch2srgbvalues(token);
         case ColorKind.COLOR:
             return color2srgbvalues(token);
     }
@@ -47,24 +47,31 @@ function srgbvalues(token) {
 function rgb2srgb(token) {
     return getComponents(token)?.map?.((t, index) => index == 3 ? ((t.typ == EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t)) : (t.typ == EnumToken.PercentageTokenType ? 255 : 1) * getNumber(t) / 255) ?? null;
 }
-function hex2srgb(token) {
+function rgb2srgbvalues(token) {
+    return getComponents(token)?.map?.((t, index) => index == 3 ? getNumber(t) : getNumber(t) / 255) ?? null;
+}
+function hex2srgbvalues(token) {
     const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
     const rgb = [];
     for (let i = 1; i < value.length; i += 2) {
         rgb.push(parseInt(value.slice(i, i + 2), 16) / 255);
     }
+    if (rgb.length == 4) {
+        rgb[3] = +rgb[3].toFixed(2);
+    }
     return rgb;
 }
-function xyz2srgb(x, y, z) {
+// xyz d65 input
+function xyz2srgb(x, y, z, alpha = null) {
     // @ts-ignore
-    return lsrgb2srgbvalues(...XYZ_to_lin_sRGB(x, y, z));
+    return lsrgb2srgbvalues(...XYZ_to_lin_sRGB(x, y, z, alpha));
 }
-function hwb2srgb(token) {
+function hwb2srgbvalues(token) {
     const { h: hue, s: white, l: black, a: alpha } = hslvalues(token) ?? {};
     if (hue == null || white == null || black == null) {
         return [];
     }
-    const rgb = hsl2srgbvalues(hue, 1, .5);
+    const rgb = hslvalues2srgbvalues(hue, 1, .5);
     for (let i = 0; i < 3; i++) {
         rgb[i] *= (1 - white - black);
         rgb[i] = rgb[i] + white;
@@ -79,9 +86,9 @@ function hsl2srgb(token) {
     if (h == null || s == null || l == null) {
         return null;
     }
-    return hsl2srgbvalues(h, s, l, a);
+    return hslvalues2srgbvalues(h, s, l, a);
 }
-function cmyk2srgb(token) {
+function cmyk2srgbvalues(token) {
     const components = getComponents(token);
     if (components == null) {
         return null;
@@ -107,16 +114,21 @@ function cmyk2srgb(token) {
         1 - Math.min(1, m * (1 - k) + k),
         1 - Math.min(1, y * (1 - k) + k)
     ];
-    // @ts-ignore
-    if (token.chi.length >= 9) {
-        // @ts-ignore
-        t = token.chi[8];
-        // @ts-ignore
-        rgb.push(getNumber(t));
+    if (components.length == 5) {
+        rgb.push(getNumber(components[4]));
     }
+    // @ts-ignore
+    // if (token.chi.length >= 9) {
+    //
+    //     // @ts-ignore
+    //     t = <NumberToken | PercentageToken>token.chi[8];
+    //
+    //     // @ts-ignore
+    //     rgb.push(getNumber(t));
+    // }
     return rgb;
 }
-function oklab2srgb(token) {
+function oklab2srgbvalues(token) {
     const [l, a, b, alpha] = getOKLABComponents(token) ?? [];
     if (l == null || a == null || b == null) {
         return null;
@@ -127,13 +139,13 @@ function oklab2srgb(token) {
     }
     return rgb;
 }
-function oklch2srgb(token) {
+function oklch2srgbvalues(token) {
     const [l, c, h, alpha] = getOKLCHComponents(token) ?? [];
     if (l == null || c == null || h == null) {
         return null;
     }
     // @ts-ignore
-    const rgb = OKLab_to_sRGB(...lch2labvalues(l, c, h));
+    const rgb = OKLab_to_sRGB(...lchvalues2labvalues(l, c, h));
     if (alpha != 1) {
         rgb.push(alpha);
     }
@@ -164,7 +176,7 @@ function hslvalues(token) {
     }
     return a == null ? { h, s, l } : { h, s, l, a };
 }
-function hsl2srgbvalues(h, s, l, a = null) {
+function hslvalues2srgbvalues(h, s, l, a = null) {
     let v = l <= .5 ? l * (1.0 + s) : l + s - l * s;
     let r = l;
     let g = l;
@@ -217,7 +229,7 @@ function hsl2srgbvalues(h, s, l, a = null) {
     }
     return values;
 }
-function lab2srgb(token) {
+function lab2srgbvalues(token) {
     const [l, a, b, alpha] = getLABComponents(token) ?? [];
     if (l == null || a == null || b == null) {
         return null;
@@ -228,9 +240,9 @@ function lab2srgb(token) {
     }
     return rgb;
 }
-function lch2srgb(token) {
+function lch2srgbvalues(token) {
     // @ts-ignore
-    const [l, a, b, alpha] = lch2labvalues(...getLCHComponents(token));
+    const [l, a, b, alpha] = lchvalues2labvalues(...getLCHComponents(token));
     if (l == null || a == null || b == null) {
         return null;
     }
@@ -261,7 +273,7 @@ function srgb2lsrgbvalues(r, g, b, a = null) {
     }
     return rgb;
 }
-function lsrgb2srgbvalues(r, g, b, alpha) {
+function lsrgb2srgbvalues(r, g, b, alpha = null) {
     // convert an array of linear-light sRGB values in the range 0.0-1.0
     // to gamma corrected form
     // https://en.wikipedia.org/wiki/SRGB
@@ -281,4 +293,4 @@ function lsrgb2srgbvalues(r, g, b, alpha) {
     return rgb;
 }
 
-export { cmyk2srgb, hex2srgb, hsl2srgb, hsl2srgbvalues, hslvalues, hwb2srgb, lab2srgb, lch2srgb, lsrgb2srgbvalues, oklab2srgb, oklch2srgb, rgb2srgb, srgb2lsrgbvalues, srgbvalues, xyz2srgb };
+export { cmyk2srgbvalues, hex2srgbvalues, hsl2srgb, hslvalues, hslvalues2srgbvalues, hwb2srgbvalues, lab2srgbvalues, lch2srgbvalues, lsrgb2srgbvalues, oklab2srgbvalues, oklch2srgbvalues, rgb2srgb, rgb2srgbvalues, srgb2lsrgbvalues, srgbvalues, xyz2srgb };
diff --git a/dist/lib/syntax/color/utils/components.js b/dist/lib/syntax/color/utils/components.js
index 27dde577..09c5bdbc 100644
--- a/dist/lib/syntax/color/utils/components.js
+++ b/dist/lib/syntax/color/utils/components.js
@@ -12,8 +12,8 @@ function getComponents(token) {
     if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
         const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
         // @ts-ignore
-        return value.slice(1).match(/([a-fA-F0-9]{2})/g).map((t) => {
-            return { typ: EnumToken.Number, val: parseInt(t, 16).toString() };
+        return value.slice(1).match(/([a-fA-F0-9]{2})/g).map((t, index) => {
+            return { typ: EnumToken.Number, val: (index < 3 ? parseInt(t, 16) : parseInt(t, 16) / 255).toString() };
         });
     }
     const result = [];
diff --git a/dist/lib/syntax/color/utils/constants.js b/dist/lib/syntax/color/utils/constants.js
index ebbf10e8..9562a03e 100644
--- a/dist/lib/syntax/color/utils/constants.js
+++ b/dist/lib/syntax/color/utils/constants.js
@@ -6,6 +6,8 @@ import '../../../parser/tokenize.js';
 import '../../../parser/utils/config.js';
 import '../../../renderer/sourcemap/lib/encode.js';
 
+const colorPrecision = 6;
+const anglePrecision = .001;
 const colorRange = {
     lab: {
         l: [0, 100],
@@ -36,28 +38,28 @@ var ColorKind;
     ColorKind[ColorKind["DPSYS"] = 1] = "DPSYS";
     ColorKind[ColorKind["LIT"] = 2] = "LIT";
     ColorKind[ColorKind["HEX"] = 3] = "HEX";
+    ColorKind[ColorKind["RGBA"] = 4] = "RGBA";
+    ColorKind[ColorKind["HSLA"] = 5] = "HSLA";
+    ColorKind[ColorKind["HWB"] = 6] = "HWB";
+    ColorKind[ColorKind["DEVICE_CMYK"] = 7] = "DEVICE_CMYK";
+    ColorKind[ColorKind["OKLAB"] = 8] = "OKLAB";
+    ColorKind[ColorKind["OKLCH"] = 9] = "OKLCH";
+    ColorKind[ColorKind["LAB"] = 10] = "LAB";
+    ColorKind[ColorKind["LCH"] = 11] = "LCH";
+    ColorKind[ColorKind["COLOR"] = 12] = "COLOR";
+    ColorKind[ColorKind["SRGB"] = 13] = "SRGB";
+    ColorKind[ColorKind["PROPHOTO_RGB"] = 14] = "PROPHOTO_RGB";
+    ColorKind[ColorKind["A98_RGB"] = 15] = "A98_RGB";
+    ColorKind[ColorKind["REC2020"] = 16] = "REC2020";
+    ColorKind[ColorKind["DISPLAY_P3"] = 17] = "DISPLAY_P3";
+    ColorKind[ColorKind["SRGB_LINEAR"] = 18] = "SRGB_LINEAR";
+    ColorKind[ColorKind["XYZ_D50"] = 19] = "XYZ_D50";
+    ColorKind[ColorKind["XYZ_D65"] = 20] = "XYZ_D65";
+    ColorKind[ColorKind["LIGHT_DARK"] = 21] = "LIGHT_DARK";
+    ColorKind[ColorKind["COLOR_MIX"] = 22] = "COLOR_MIX";
     ColorKind[ColorKind["RGB"] = 4] = "RGB";
-    ColorKind[ColorKind["RGBA"] = 5] = "RGBA";
-    ColorKind[ColorKind["HSL"] = 6] = "HSL";
-    ColorKind[ColorKind["HSLA"] = 7] = "HSLA";
-    ColorKind[ColorKind["HWB"] = 8] = "HWB";
-    ColorKind[ColorKind["DEVICE_CMYK"] = 9] = "DEVICE_CMYK";
-    ColorKind[ColorKind["OKLAB"] = 10] = "OKLAB";
-    ColorKind[ColorKind["OKLCH"] = 11] = "OKLCH";
-    ColorKind[ColorKind["LAB"] = 12] = "LAB";
-    ColorKind[ColorKind["LCH"] = 13] = "LCH";
-    ColorKind[ColorKind["COLOR"] = 14] = "COLOR";
-    ColorKind[ColorKind["SRGB"] = 15] = "SRGB";
-    ColorKind[ColorKind["PROPHOTO_RGB"] = 16] = "PROPHOTO_RGB";
-    ColorKind[ColorKind["A98_RGB"] = 17] = "A98_RGB";
-    ColorKind[ColorKind["REC2020"] = 18] = "REC2020";
-    ColorKind[ColorKind["DISPLAY_P3"] = 19] = "DISPLAY_P3";
-    ColorKind[ColorKind["SRGB_LINEAR"] = 20] = "SRGB_LINEAR";
-    ColorKind[ColorKind["XYZ"] = 21] = "XYZ";
-    ColorKind[ColorKind["XYZ_D50"] = 22] = "XYZ_D50";
-    ColorKind[ColorKind["XYZ_D65"] = 23] = "XYZ_D65";
-    ColorKind[ColorKind["LIGHT_DARK"] = 24] = "LIGHT_DARK";
-    ColorKind[ColorKind["COLOR_MIX"] = 25] = "COLOR_MIX";
+    ColorKind[ColorKind["HSL"] = 5] = "HSL";
+    ColorKind[ColorKind["XYZ"] = 20] = "XYZ";
 })(ColorKind || (ColorKind = {}));
 const timelineFunc = ['view', 'scroll'];
 const generalEnclosedFunc = ['selector', 'font-tech', 'font-format', 'media', 'supports'];
@@ -240,4 +242,4 @@ const NAMES_COLORS = Object.seal(Object.entries(COLORS_NAMES).reduce((acc, [key,
     return acc;
 }, Object.create(null)));
 
-export { COLORS_NAMES, ColorKind, D50, NAMES_COLORS, colorFuncColorSpace, colorRange, colorsFunc, deprecatedSystemColors, e, funcLike, generalEnclosedFunc, k, systemColors, timelineFunc, timingFunc };
+export { COLORS_NAMES, ColorKind, D50, NAMES_COLORS, anglePrecision, colorFuncColorSpace, colorPrecision, colorRange, colorsFunc, deprecatedSystemColors, e, funcLike, generalEnclosedFunc, k, systemColors, timelineFunc, timingFunc };
diff --git a/dist/lib/syntax/color/xyz.js b/dist/lib/syntax/color/xyz.js
index ea64118d..bd6c6874 100644
--- a/dist/lib/syntax/color/xyz.js
+++ b/dist/lib/syntax/color/xyz.js
@@ -7,9 +7,10 @@ import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { srgb2lsrgbvalues } from './srgb.js';
+import { XYZ_D65_to_D50 } from './xyzd50.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
-function XYZ_to_lin_sRGB(x, y, z) {
+function XYZ_to_lin_sRGB(x, y, z, alpha = null) {
     // convert XYZ to linear-light sRGB
     const M = [
         [12831 / 3959, -329 / 214, -1974 / 3959],
@@ -17,7 +18,7 @@ function XYZ_to_lin_sRGB(x, y, z) {
         [705 / 12673, -2585 / 12673, 705 / 667],
     ];
     const XYZ = [x, y, z]; // convert to XYZ
-    return multiplyMatrices(M, XYZ).map((v) => v);
+    return multiplyMatrices(M, XYZ).map((v) => v).concat(alpha == null || alpha == 1 ? [] : [alpha]);
 }
 function XYZ_D50_to_D65(x, y, z) {
     // Bradford chromatic adaptation from D50 to D65
@@ -29,23 +30,35 @@ function XYZ_D50_to_D65(x, y, z) {
     const XYZ = [x, y, z];
     return multiplyMatrices(M, XYZ); //.map((v: number) => v);
 }
+// xyz d65
 function srgb2xyz(r, g, b, alpha) {
     [r, g, b] = srgb2lsrgbvalues(r, g, b);
-    const rgb = [
-        0.436065742824811 * r +
-            0.3851514688337912 * g +
-            0.14307845442264197 * b,
-        0.22249319175623702 * r +
-            0.7168870538238823 * g +
-            0.06061979053616537 * b,
-        0.013923904500943465 * r +
-            0.09708128566574634 * g +
-            0.7140993584005155 * b
+    // xyx d65
+    let rgb = [
+        0.4123907992659595 * r +
+            0.35758433938387796 * g +
+            0.1804807884018343 * b,
+        0.21263900587151036 * r +
+            0.7151686787677559 * g +
+            0.07219231536073371 * b,
+        0.01933081871559185 * r +
+            0.11919477979462599 * g +
+            0.9505321522496606 * b
     ];
     if (alpha != null && alpha != 1) {
         rgb.push(alpha);
     }
     return rgb;
 }
+// xyz d50
+function srgb2xyz_d50(r, g, b, alpha) {
+    // xyx d65
+    // @ts-ignore
+    let rgb = XYZ_D65_to_D50(...srgb2xyz(r, g, b));
+    if (alpha != null && alpha != 1) {
+        rgb.push(alpha);
+    }
+    return rgb;
+}
 
-export { XYZ_D50_to_D65, XYZ_to_lin_sRGB, srgb2xyz };
+export { XYZ_D50_to_D65, XYZ_to_lin_sRGB, srgb2xyz, srgb2xyz_d50 };
diff --git a/dist/lib/syntax/color/xyzd50.js b/dist/lib/syntax/color/xyzd50.js
index 4abdcbaf..e364a980 100644
--- a/dist/lib/syntax/color/xyzd50.js
+++ b/dist/lib/syntax/color/xyzd50.js
@@ -8,7 +8,7 @@ import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { xyz2lab } from './lab.js';
-import { lab2lchvalues } from './lch.js';
+import { labvalues2lchvalues } from './lch.js';
 import { XYZ_D50_to_D65 } from './xyz.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
@@ -18,23 +18,23 @@ function xyzd502lch(x, y, z, alpha) {
     // @ts-ignore
     const [l, a, b] = xyz2lab(...XYZ_D50_to_D65(x, y, z));
     // L in range [0,100]. For use in CSS, add a percent
-    return lab2lchvalues(l, a, b, alpha);
+    return labvalues2lchvalues(l, a, b, alpha);
 }
-function XYZ_D65_to_D50(x, y, z) {
+function XYZ_D65_to_D50(x, y, z, alpha = null) {
     // Bradford chromatic adaptation from D65 to D50
     // The matrix below is the result of three operations:
     // - convert from XYZ to retinal cone domain
     // - scale components from one reference white to another
     // - convert back to XYZ
     // see https://github.com/LeaVerou/color.js/pull/354/files
-    var M = [
+    let M = [
         [1.0479297925449969, 0.022946870601609652, -0.05019226628920524],
         [0.02962780877005599, 0.9904344267538799, -0.017073799063418826],
         [-0.009243040646204504, 0.015055191490298152, 0.7518742814281371]
     ];
-    return multiplyMatrices(M, [x, y, z]);
+    return multiplyMatrices(M, [x, y, z]).concat(alpha == null || alpha == 1 ? [] : [alpha]);
 }
-function xyzd502srgb(x, y, z) {
+function xyzd502srgb(x, y, z, alpha = null) {
     // @ts-ignore
     return lsrgb2srgbvalues(
     /* r: */
@@ -48,7 +48,7 @@ function xyzd502srgb(x, y, z) {
     /*    b: */
     x * 0.07195537988411677 -
         y * 0.2289768264158322 +
-        1.405386058324125 * z);
+        1.405386058324125 * z, alpha);
 }
 
 export { XYZ_D65_to_D50, xyzd502lch, xyzd502srgb };
diff --git a/dist/lib/syntax/syntax.js b/dist/lib/syntax/syntax.js
index b9a7f726..e24fd527 100644
--- a/dist/lib/syntax/syntax.js
+++ b/dist/lib/syntax/syntax.js
@@ -498,15 +498,24 @@ function isPolarColorspace(token) {
     return ['hsl', 'hwb', 'lch', 'oklch'].includes(token.val);
 }
 function isHueInterpolationMethod(token) {
-    if (token.typ != EnumToken.IdenTokenType) {
+    if (!Array.isArray(token)) {
+        return token.typ == EnumToken.IdenTokenType && 'hue'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0;
+    }
+    if (token.length != 2 || token[0].typ != EnumToken.IdenTokenType || token[1].typ != EnumToken.IdenTokenType) {
         return false;
     }
-    return ['shorter', 'longer', 'increasing', 'decreasing'].includes(token.val);
+    return ['shorter', 'longer', 'increasing', 'decreasing'].includes(token[0].val) && 'hue'.localeCompare(token[1].val, undefined, { sensitivity: 'base' }) == 0;
 }
 function isIdentColor(token) {
     return token.typ == EnumToken.ColorTokenType && [ColorKind.SYS, ColorKind.DPSYS, ColorKind.LIT].includes(token.kin) && isIdent(token.val);
 }
+function isPercentageToken(token) {
+    return token.typ == EnumToken.PercentageTokenType || (token.typ == EnumToken.NumberTokenType && token.val == '0');
+}
 function isColor(token) {
+    if (token.typ == EnumToken.ColorTokenType) {
+        return true;
+    }
     if (token.typ == EnumToken.IdenTokenType) {
         // named color
         return token.val.toLowerCase() in COLORS_NAMES;
@@ -595,79 +604,80 @@ function isColor(token) {
                 }
                 return true;
             }
-            else { // @ts-ignore
-                if (token.val == 'color-mix') {
-                    // @ts-ignore
-                    const children = token.chi.reduce((acc, t) => {
-                        if (t.typ == EnumToken.CommaTokenType) {
-                            acc.push([]);
-                        }
-                        else {
-                            if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ)) {
-                                acc[acc.length - 1].push(t);
-                            }
+            // @ts-ignore
+            else if (token.val == 'color-mix') {
+                // @ts-ignore
+                const children = token.chi.reduce((acc, t) => {
+                    if (t.typ == EnumToken.CommaTokenType) {
+                        acc.push([]);
+                    }
+                    else {
+                        if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ)) {
+                            acc[acc.length - 1].push(t);
                         }
-                        return acc;
-                    }, [[]]);
-                    if (children.length == 3) {
-                        if (children[0].length > 3 ||
-                            children[0][0].typ != EnumToken.IdenTokenType ||
-                            children[0][0].val != 'in' ||
-                            !isColorspace(children[0][1]) ||
-                            (children[0].length == 3 && !isHueInterpolationMethod(children[0][2])) ||
-                            children[1].length > 2 ||
-                            children[1][0].typ != EnumToken.ColorTokenType ||
-                            children[2].length > 2 ||
-                            children[2][0].typ != EnumToken.ColorTokenType) {
+                    }
+                    return acc;
+                }, [[]]);
+                if (children.length == 3) {
+                    if (children[0].length > 4 ||
+                        children[0][0].typ != EnumToken.IdenTokenType ||
+                        'in'.localeCompare(children[0][0].val, undefined, { sensitivity: 'base' }) != 0 ||
+                        !isColorspace(children[0][1]) ||
+                        (children[0].length >= 3 && !isHueInterpolationMethod(children[0].slice(2))) ||
+                        children[1].length > 2 ||
+                        !isColor(children[1][0]) ||
+                        (children[1].length == 2 && !isPercentageToken(children[1][1])) ||
+                        children[2].length > 2 ||
+                        (children[2].length == 2 && !isPercentageToken(children[2][1])) ||
+                        !isColor(children[2][0])) {
+                        return false;
+                    }
+                    if (children[1].length == 2) {
+                        if (!(children[1][1].typ == EnumToken.PercentageTokenType || (children[1][1].typ == EnumToken.NumberTokenType && children[1][1].val == '0'))) {
                             return false;
                         }
-                        if (children[1].length == 2) {
-                            if (!(children[1][1].typ == EnumToken.PercentageTokenType || (children[1][1].typ == EnumToken.NumberTokenType && children[1][1].val == '0'))) {
-                                return false;
-                            }
-                        }
-                        if (children[2].length == 2) {
-                            if (!(children[2][1].typ == EnumToken.PercentageTokenType || (children[2][1].typ == EnumToken.NumberTokenType && children[2][1].val == '0'))) {
-                                return false;
-                            }
+                    }
+                    if (children[2].length == 2) {
+                        if (!(children[2][1].typ == EnumToken.PercentageTokenType || (children[2][1].typ == EnumToken.NumberTokenType && children[2][1].val == '0'))) {
+                            return false;
                         }
-                        return true;
                     }
-                    return false;
+                    return true;
                 }
-                else {
-                    const keywords = ['from', 'none'];
+                return false;
+            }
+            else {
+                const keywords = ['from', 'none'];
+                // @ts-ignore
+                if (['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch'].includes(token.val)) {
                     // @ts-ignore
-                    if (['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch'].includes(token.val)) {
-                        // @ts-ignore
-                        keywords.push('alpha', ...token.val.slice(-3).split(''));
+                    keywords.push('alpha', ...token.val.slice(-3).split(''));
+                }
+                // @ts-ignore
+                for (const v of token.chi) {
+                    if (v.typ == EnumToken.CommaTokenType) {
+                        isLegacySyntax = true;
                     }
-                    // @ts-ignore
-                    for (const v of token.chi) {
-                        if (v.typ == EnumToken.CommaTokenType) {
-                            isLegacySyntax = true;
+                    if (v.typ == EnumToken.IdenTokenType) {
+                        if (!(keywords.includes(v.val) || v.val.toLowerCase() in COLORS_NAMES)) {
+                            return false;
                         }
-                        if (v.typ == EnumToken.IdenTokenType) {
-                            if (!(keywords.includes(v.val) || v.val.toLowerCase() in COLORS_NAMES)) {
+                        if (keywords.includes(v.val)) {
+                            if (isLegacySyntax) {
                                 return false;
                             }
-                            if (keywords.includes(v.val)) {
-                                if (isLegacySyntax) {
-                                    return false;
-                                }
-                                // @ts-ignore
-                                if (v.val == 'from' && ['rgba', 'hsla'].includes(token.val)) {
-                                    return false;
-                                }
+                            // @ts-ignore
+                            if (v.val == 'from' && ['rgba', 'hsla'].includes(token.val)) {
+                                return false;
                             }
-                            continue;
-                        }
-                        if (v.typ == EnumToken.FunctionTokenType && (mathFuncs.includes(v.val) || v.val == 'var' || colorsFunc.includes(v.val))) {
-                            continue;
-                        }
-                        if (![EnumToken.ColorTokenType, EnumToken.IdenTokenType, EnumToken.NumberTokenType, EnumToken.AngleTokenType, EnumToken.PercentageTokenType, EnumToken.CommaTokenType, EnumToken.WhitespaceTokenType, EnumToken.LiteralTokenType].includes(v.typ)) {
-                            return false;
                         }
+                        continue;
+                    }
+                    if (v.typ == EnumToken.FunctionTokenType && (mathFuncs.includes(v.val) || v.val == 'var' || colorsFunc.includes(v.val))) {
+                        continue;
+                    }
+                    if (![EnumToken.ColorTokenType, EnumToken.IdenTokenType, EnumToken.NumberTokenType, EnumToken.AngleTokenType, EnumToken.PercentageTokenType, EnumToken.CommaTokenType, EnumToken.WhitespaceTokenType, EnumToken.LiteralTokenType].includes(v.typ)) {
+                        return false;
                     }
                 }
             }
@@ -947,4 +957,4 @@ function isWhiteSpace(codepoint) {
         codepoint == 0xa || codepoint == 0xc || codepoint == 0xd;
 }
 
-export { colorFontTech, fontFeaturesTech, fontFormat, isAngle, isAtKeyword, isColor, isColorspace, isDigit, isDimension, isFlex, isFrequency, isFunction, isHash, isHexColor, isHueInterpolationMethod, isIdent, isIdentCodepoint, isIdentColor, isIdentStart, isLength, isNewLine, isNonPrintable, isNumber, isPercentage, isPolarColorspace, isPseudo, isRectangularOrthogonalColorspace, isResolution, isTime, isWhiteSpace, mathFuncs, mediaTypes, mozExtensions, parseColor, parseDimension, pseudoAliasMap, pseudoElements, transformFunctions, webkitExtensions, wildCardFuncs };
+export { colorFontTech, fontFeaturesTech, fontFormat, isAngle, isAtKeyword, isColor, isColorspace, isDigit, isDimension, isFlex, isFrequency, isFunction, isHash, isHexColor, isHueInterpolationMethod, isIdent, isIdentCodepoint, isIdentColor, isIdentStart, isLength, isNewLine, isNonPrintable, isNumber, isPercentage, isPercentageToken, isPolarColorspace, isPseudo, isRectangularOrthogonalColorspace, isResolution, isTime, isWhiteSpace, mathFuncs, mediaTypes, mozExtensions, parseColor, parseDimension, pseudoAliasMap, pseudoElements, transformFunctions, webkitExtensions, wildCardFuncs };
diff --git a/dist/node/index.js b/dist/node/index.js
index 570fe18c..cb33ab9f 100644
--- a/dist/node/index.js
+++ b/dist/node/index.js
@@ -1,5 +1,5 @@
 import process from 'node:process';
-export { EnumToken, ValidationLevel } from '../lib/ast/types.js';
+export { ColorType, EnumToken, ValidationLevel } from '../lib/ast/types.js';
 export { minify } from '../lib/ast/minify.js';
 export { walk, walkValues } from '../lib/ast/walk.js';
 export { expand } from '../lib/ast/expand.js';
diff --git a/dist/web/index.js b/dist/web/index.js
index d13d2a20..4b67fcc5 100644
--- a/dist/web/index.js
+++ b/dist/web/index.js
@@ -1,4 +1,4 @@
-export { EnumToken, ValidationLevel } from '../lib/ast/types.js';
+export { ColorType, EnumToken, ValidationLevel } from '../lib/ast/types.js';
 export { minify } from '../lib/ast/minify.js';
 export { walk, walkValues } from '../lib/ast/walk.js';
 export { expand } from '../lib/ast/expand.js';
diff --git a/jsr.json b/jsr.json
index 14078f47..205fd108 100644
--- a/jsr.json
+++ b/jsr.json
@@ -1,6 +1,6 @@
 {
   "name": "@tbela99/css-parser",
-  "version": "1.2.0-alpha2",
+  "version": "1.2.0-alpha3",
   "publish": {
     "include": [
       "src",
diff --git a/package.json b/package.json
index 75f76622..a8c6485f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@tbela99/css-parser",
   "description": "CSS parser for node and the browser",
-  "version": "v1.2.0-alpha2",
+  "version": "v1.2.0-alpha3",
   "exports": {
     ".": "./dist/node/index.js",
     "./node": "./dist/node/index.js",
diff --git a/src/@types/index.d.ts b/src/@types/index.d.ts
index 4e5df859..db7c3c20 100644
--- a/src/@types/index.d.ts
+++ b/src/@types/index.d.ts
@@ -2,7 +2,7 @@ import {VisitorNodeMap} from "./visitor.d.ts";
 import {AstAtRule, AstDeclaration, AstNode, AstRule, AstRuleStyleSheet, Location, Position} from "./ast.d.ts";
 import {SourceMap} from "../lib/renderer/sourcemap/index.ts";
 import {PropertyListOptions} from "./parse.d.ts";
-import {EnumToken, ValidationLevel, ValidationToken} from "../lib/index.ts";
+import {ColorType, EnumToken, ValidationLevel, ValidationToken} from "../lib/index.ts";
 import type {Token} from "./token.d.ts";
 import {FeatureWalkMode} from "../lib/ast/features/type.ts";
 
@@ -116,7 +116,7 @@ export declare interface RenderOptions {
     indent?: string;
     newLine?: string;
     removeComments?: boolean;
-    convertColor?: boolean;
+    convertColor?: boolean | ColorType;
     withParents?: boolean;
     output?: string;
     cwd?: string;
diff --git a/src/lib/ast/features/inlinecssvariables.ts b/src/lib/ast/features/inlinecssvariables.ts
index a2b99f9d..07a736c4 100644
--- a/src/lib/ast/features/inlinecssvariables.ts
+++ b/src/lib/ast/features/inlinecssvariables.ts
@@ -84,7 +84,7 @@ function replace(node: AstDeclaration | AstRule | AstComment | AstRuleList, vari
 
 export class InlineCssVariablesFeature {
 
-     get ordering() {
+    get ordering() {
         return 0;
     }
 
@@ -219,7 +219,7 @@ export class InlineCssVariablesFeature {
                             // @ts-ignore
                             (<AstDeclaration[]>parent.chi).splice(i, 1, {
                                 typ: EnumToken.CommentTokenType,
-                                val: `/* ${info.node.nam}: ${info.values.reduce((acc: string, curr: Token): string => acc + renderToken(curr), '')} */`
+                                val: `/* ${info.node.nam}: ${info.values.reduce((acc: string, curr: Token): string => acc + renderToken(curr, {convertColor: false}), '')} */`
                             } as CommentToken);
                             break;
                         }
diff --git a/src/lib/ast/features/prefix.ts b/src/lib/ast/features/prefix.ts
index 3e89533a..599f3a8e 100644
--- a/src/lib/ast/features/prefix.ts
+++ b/src/lib/ast/features/prefix.ts
@@ -9,18 +9,16 @@ import type {
     ParserOptions,
     Token
 } from "../../../@types/index.d.ts";
-import {
-    getSyntaxConfig,
+import type {
     ValidationAmpersandToken,
     ValidationBracketToken,
     ValidationColumnToken,
     ValidationKeywordToken,
     ValidationPipeToken,
     ValidationPropertyToken,
-    ValidationSyntaxGroupEnum,
-    ValidationToken,
-    ValidationTokenEnum
-} from '../../validation/index.ts'
+    ValidationToken
+} from '../../validation/index.ts';
+import {getSyntaxConfig, ValidationSyntaxGroupEnum, ValidationTokenEnum} from '../../validation/index.ts';
 import {walkValues} from "../walk.ts";
 import {pseudoAliasMap} from "../../syntax/index.ts";
 import {splitRule} from "../minify.ts";
@@ -147,14 +145,14 @@ export class ComputePrefixFeature {
 
                     if (!(nam in config.declarations)) {
 
-                        if ( (<AstDeclaration>node).nam in pseudoAliasMap) {
+                        if ((<AstDeclaration>node).nam in pseudoAliasMap) {
 
-                            nam = pseudoAliasMap[ (<AstDeclaration>node).nam];
+                            nam = pseudoAliasMap[(<AstDeclaration>node).nam];
 
                         }
                     }
 
-                    if (nam in config.declarations ) {
+                    if (nam in config.declarations) {
 
                         (<AstDeclaration>node).nam = nam;
                     }
diff --git a/src/lib/ast/math/math.ts b/src/lib/ast/math/math.ts
index 804faa74..85575f27 100644
--- a/src/lib/ast/math/math.ts
+++ b/src/lib/ast/math/math.ts
@@ -1,7 +1,7 @@
 import type {FractionToken} from "../../../@types/index.d.ts";
 import {EnumToken} from "../types.ts";
 
-import {minifyNumber} from "../../syntax";
+import {minifyNumber} from "../../syntax/index.ts";
 
 export function gcd (x: number, y: number): number {
 
diff --git a/src/lib/ast/transform/compute.ts b/src/lib/ast/transform/compute.ts
index 96b80a26..72ed5c3b 100644
--- a/src/lib/ast/transform/compute.ts
+++ b/src/lib/ast/transform/compute.ts
@@ -1,5 +1,6 @@
 import type {AngleToken, FunctionToken, IdentToken, LengthToken, NumberToken, Token} from "../../../@types/token.d.ts";
-import {identity, Matrix, multiply} from "./utils.ts";
+import type {Matrix} from "./utils.ts";
+import {identity, multiply} from "./utils.ts";
 import {EnumToken} from "../types.ts";
 import {length2Px, transformFunctions} from "../../syntax/index.ts";
 import {stripCommaToken} from "../../validation/utils/index.ts";
diff --git a/src/lib/ast/transform/matrix.ts b/src/lib/ast/transform/matrix.ts
index 4773c9b8..834d7d3c 100644
--- a/src/lib/ast/transform/matrix.ts
+++ b/src/lib/ast/transform/matrix.ts
@@ -1,10 +1,11 @@
-import {identity, is2DMatrix, Matrix, toZero} from "./utils.ts";
+import type {Matrix} from "./utils.ts";
+import {identity, is2DMatrix, toZero} from "./utils.ts";
 import {EnumToken} from "../types.ts";
 import type {FunctionToken, IdentToken, Token} from "../../../@types/index.d.ts";
 import {eq} from "../../parser/utils/eq.ts";
 import {getNumber} from "../../syntax/color/index.ts";
-import {NumberToken} from "../../validation/index.ts";
-import {minifyNumber} from "../../syntax";
+import type {NumberToken} from "../../validation/index.ts";
+import {minifyNumber} from "../../syntax/index.ts";
 
 export function parseMatrix(mat: FunctionToken | IdentToken): Matrix | null {
 
diff --git a/src/lib/ast/transform/minify.ts b/src/lib/ast/transform/minify.ts
index 0932c88f..e4378e59 100644
--- a/src/lib/ast/transform/minify.ts
+++ b/src/lib/ast/transform/minify.ts
@@ -1,4 +1,5 @@
-import {decompose, epsilon, identity, Matrix, multiply, round, toZero} from "./utils.ts";
+import type {Matrix} from "./utils.ts";
+import {decompose, epsilon, identity, multiply, round, toZero} from "./utils.ts";
 import {EnumToken} from "../types.ts";
 import type {FunctionToken, Token} from "../../../@types/index.d.ts";
 import {computeMatrix} from "./compute.ts";
diff --git a/src/lib/ast/transform/perspective.ts b/src/lib/ast/transform/perspective.ts
index 12960aeb..91c52e83 100644
--- a/src/lib/ast/transform/perspective.ts
+++ b/src/lib/ast/transform/perspective.ts
@@ -1,4 +1,5 @@
-import {identity, Matrix, multiply} from "./utils.ts";
+import type {Matrix} from "./utils.ts";
+import {identity, multiply} from "./utils.ts";
 import type {IdentToken} from "../../../@types/index.d.ts";
 
 export function perspective(x: number | IdentToken, from: Matrix): Matrix {
diff --git a/src/lib/ast/transform/rotate.ts b/src/lib/ast/transform/rotate.ts
index 8ae77ac4..1c9486f4 100644
--- a/src/lib/ast/transform/rotate.ts
+++ b/src/lib/ast/transform/rotate.ts
@@ -1,4 +1,5 @@
-import {identity, Matrix, multiply} from "./utils.ts";
+import type {Matrix} from "./utils.ts";
+import {identity, multiply} from "./utils.ts";
 
 /**
  * angle in radian
diff --git a/src/lib/ast/transform/scale.ts b/src/lib/ast/transform/scale.ts
index 7f20607a..38a25798 100644
--- a/src/lib/ast/transform/scale.ts
+++ b/src/lib/ast/transform/scale.ts
@@ -1,4 +1,5 @@
-import {identity, Matrix, multiply} from "./utils.ts";
+import type {Matrix} from "./utils.ts";
+import {identity, multiply} from "./utils.ts";
 
 export function scaleX(x: number, from: Matrix): Matrix {
 
diff --git a/src/lib/ast/transform/skew.ts b/src/lib/ast/transform/skew.ts
index ae62373d..f716d8e0 100644
--- a/src/lib/ast/transform/skew.ts
+++ b/src/lib/ast/transform/skew.ts
@@ -1,4 +1,5 @@
-import {identity, Matrix, multiply} from "./utils.ts";
+import type {Matrix} from "./utils.ts";
+import {identity, multiply} from "./utils.ts";
 
 export function skewX(x: number, from: Matrix): Matrix {
 
diff --git a/src/lib/ast/transform/translate.ts b/src/lib/ast/transform/translate.ts
index 850e1e8f..3929ca6b 100644
--- a/src/lib/ast/transform/translate.ts
+++ b/src/lib/ast/transform/translate.ts
@@ -1,4 +1,5 @@
-import {identity, Matrix, multiply} from "./utils.ts";
+import type {Matrix} from "./utils.ts";
+import {identity, multiply} from "./utils.ts";
 
 export function translateX(x: number, from: Matrix): Matrix {
 
diff --git a/src/lib/ast/types.ts b/src/lib/ast/types.ts
index c7d94478..08f48b42 100644
--- a/src/lib/ast/types.ts
+++ b/src/lib/ast/types.ts
@@ -1,10 +1,95 @@
-
 export enum SyntaxValidationResult {
     Valid,
     Drop,
     Lenient/* preserve unknown at-rules, declarations and pseudo-classes */
 }
 
+/**
+ * color types enum
+ */
+export enum ColorType {
+    /**
+     * convert color to hex
+     */
+    HEX,
+    /**
+     * convert color to rgb
+     */
+    RGBA,
+    /**
+     * convert color to hwb
+     */
+    HWB,
+    /**
+     * convert color to hsl
+     */
+    HSLA,
+    /**
+     * convert color to cmyk
+     */
+    DEVICE_CMYK,
+    /**
+     * convert color to lch
+     */
+    LCH,
+    /**
+     * convert color to oklch
+     */
+    OKLCH,
+    /**
+     * convert color to lab
+     */
+    LAB,
+    /**
+     * convert color to oklab
+     */
+    OKLAB,
+    /**
+     * convert color to xyz
+     */
+    XYZ_D65,
+    /**
+     * convert color to xyz-d50
+     */
+    XYZ_D50,
+    /**
+     * convert color to srgb
+     */
+    SRGB,
+    /**
+     * convert color to srgb-linear
+     */
+    SRGB_LINEAR,
+    /**
+     * convert color to display-p3
+     */
+    DISPLAY_P3,
+    /**
+     * convert color to a98-rgb
+     */
+    A98_RGB,
+    /**
+     * convert color to prophoto-rgb
+     */
+    PROPHOTO_RGB,
+    /**
+     * convert color to rec2020
+     */
+    REC2020,
+    /**
+     * alias for hsl
+     */
+    HSL = HSLA,
+    /**
+     * alias for rgba
+     */
+    RGB = RGBA,
+    /**
+     * alias for xyz-d65
+     */
+    XYZ = XYZ_D65
+}
+
 /**
  * validation level enum
  */
diff --git a/src/lib/fs/resolve.ts b/src/lib/fs/resolve.ts
index 844fed29..481fbb80 100644
--- a/src/lib/fs/resolve.ts
+++ b/src/lib/fs/resolve.ts
@@ -98,33 +98,34 @@ export function resolve(url: string, currentDirectory: string, cwd?: string): {
         }
     }
 
-    let result: string;
+    let result: string = '';
 
     if (url.charAt(0) == '/') {
 
         result = url;
     } else if (currentDirectory.charAt(0) == '/') {
 
-        result = dirname(currentDirectory) + '/' + url;
-    } else if (currentDirectory === '' || dirname(currentDirectory) === '') {
-
-        result = url;
-    } else {
-
         result = dirname(currentDirectory) + '/' + url;
     }
+    // else if (currentDirectory === '' || dirname(currentDirectory) === '') {
+    //
+    //     result = url;
+    // } else {
+    //
+    //     result = dirname(currentDirectory) + '/' + url;
+    // }
 
     let {parts, i} = splitPath(result);
 
-    if (parts.length == 0) {
-
-        const path = result.charAt(0) == '/' ? '/' : '';
-
-        return {
-            absolute: path,
-            relative: path
-        }
-    }
+    // if (parts.length == 0) {
+    //
+    //     const path = result.charAt(0) == '/' ? '/' : '';
+    //
+    //     return {
+    //         absolute: path,
+    //         relative: path
+    //     }
+    // }
 
     const absolute = parts.join('/');
     const {parts: dirs} = splitPath(cwd ?? currentDirectory);
diff --git a/src/lib/parser/parse.ts b/src/lib/parser/parse.ts
index 11019b17..86f038db 100644
--- a/src/lib/parser/parse.ts
+++ b/src/lib/parser/parse.ts
@@ -778,7 +778,7 @@ function parseNode(results: TokenizeResult[], context: AstRuleList | AstInvalidR
 
         const raw: string[] = t.reduce((acc: string[], curr: Token) => {
 
-            acc.push(renderToken(curr, {removeComments: true}));
+            acc.push(renderToken(curr, {removeComments: true, convertColor: false}));
             return acc
         }, []);
 
@@ -857,6 +857,7 @@ function parseNode(results: TokenizeResult[], context: AstRuleList | AstInvalidR
 
             node.val = (node.tokens as Token[]).reduce((acc, curr) => acc + renderToken(curr, {
                 minify: false,
+                convertColor: false,
                 removeComments: true
             }), '');
         }
@@ -1510,54 +1511,56 @@ export function parseSelector(tokens: Token[]): Token[] {
                 value.typ = EnumToken.ChildCombinatorTokenType;
             }
 
-            // @ts-ignore
-            else if (value.typ == EnumToken.WhitespaceTokenType) {
-
-                if (nextValue != null && nextValue.typ == EnumToken.LiteralTokenType) {
-
-                    if (['>', '+', '~'].includes((<LiteralToken>nextValue).val)) {
-
-                        switch ((<LiteralToken>value).val) {
-
-                            case '>':
-                                // @ts-ignore
-                                nextValue.typ = EnumToken.ChildCombinatorTokenType;
-                                break;
-
-                            case '+':
-                                // @ts-ignore
-                                nextValue.typ = EnumToken.NextSiblingCombinatorTokenType;
-                                break;
-
-                            case '~':
-                                // @ts-ignore
-                                nextValue.typ = EnumToken.SubsequentSiblingCombinatorTokenType;
-                                break;
-                        }
-
-                        // @ts-ignore
-                        delete (<LiteralToken>nextValue).val;
-
-                        continue;
-                    }
-                }
-
-                if (previousValue != null && [
-                    EnumToken.ChildCombinatorTokenType,
-                    EnumToken.DescendantCombinatorTokenType,
-                    EnumToken.NextSiblingCombinatorTokenType,
-                    EnumToken.SubsequentSiblingCombinatorTokenType,
-                    EnumToken.ColumnCombinatorTokenType,
-                    EnumToken.NameSpaceAttributeTokenType,
-                    EnumToken.CommaTokenType
-                ].includes(previousValue.typ)) {
-
-                    continue;
-                }
-
                 // @ts-ignore
-                value.typ = EnumToken.DescendantCombinatorTokenType;
-            } else if (value.typ == EnumToken.LiteralTokenType) {
+                // else if (value.typ == EnumToken.WhitespaceTokenType) {
+                //
+                //     if (nextValue != null && nextValue.typ == EnumToken.LiteralTokenType) {
+                //
+                //         if (['>', '+', '~'].includes((<LiteralToken>nextValue).val)) {
+                //
+                //             switch ((<LiteralToken>value).val) {
+                //
+                //                 case '>':
+                //                     // @ts-ignore
+                //                     nextValue.typ = EnumToken.ChildCombinatorTokenType;
+                //                     break;
+                //
+                //                 case '+':
+                //                     // @ts-ignore
+                //                     nextValue.typ = EnumToken.NextSiblingCombinatorTokenType;
+                //                     break;
+                //
+                //                 case '~':
+                //                     // @ts-ignore
+                //                     nextValue.typ = EnumToken.SubsequentSiblingCombinatorTokenType;
+                //                     break;
+                //             }
+                //
+                //             // @ts-ignore
+                //             delete (<LiteralToken>nextValue).val;
+                //
+                //             continue;
+                //         }
+                //     }
+                //
+                //     if (previousValue != null && [
+                //         EnumToken.ChildCombinatorTokenType,
+                //         EnumToken.DescendantCombinatorTokenType,
+                //         EnumToken.NextSiblingCombinatorTokenType,
+                //         EnumToken.SubsequentSiblingCombinatorTokenType,
+                //         EnumToken.ColumnCombinatorTokenType,
+                //         EnumToken.NameSpaceAttributeTokenType,
+                //         EnumToken.CommaTokenType
+                //     ].includes(previousValue.typ)) {
+                //
+                //         continue;
+                //     }
+                //
+                //     // @ts-ignore
+                //     value.typ = EnumToken.DescendantCombinatorTokenType;
+            // }
+
+            else if (value.typ == EnumToken.LiteralTokenType) {
 
                 if ((<LiteralToken>value).val.charAt(0) == '&') {
 
@@ -1579,12 +1582,13 @@ export function parseSelector(tokens: Token[]): Token[] {
                 }
 
                 // @ts-ignore
-                if ((<DelimToken>value).typ == EnumToken.DelimTokenType) {
-
-                    // @ts-ignore
-                    (<NextSiblingCombinatorToken>value).typ = EnumToken.NextSiblingCombinatorTokenType;
-
-                } else if (['*', '>', '+', '~'].includes((<LiteralToken>value).val)) {
+                // if ((<DelimToken>value).typ == EnumToken.DelimTokenType) {
+                //
+                //     // @ts-ignore
+                //     (<NextSiblingCombinatorToken>value).typ = EnumToken.NextSiblingCombinatorTokenType;
+                //
+                // } else
+                if (['*', '>', '+', '~'].includes((<LiteralToken>value).val)) {
 
                     switch ((<LiteralToken>value).val) {
 
@@ -2278,34 +2282,34 @@ export function parseTokens(tokens: Token[], options: ParseTokenOptions = {}): T
                 }
             }
 
-            continue;
+            // continue;
         }
 
-        if (options.parseColor) {
-
-            if (t.typ == EnumToken.IdenTokenType) {
-                // named color
-                const value: string = (t as IdentToken).val.toLowerCase();
-
-                if (value in COLORS_NAMES) {
-                    Object.assign(t, {
-                        typ: EnumToken.ColorTokenType,
-                        val: COLORS_NAMES[value].length < value.length ? COLORS_NAMES[value] : value,
-                        kin: ColorKind.HEX
-                    });
-                }
-
-                continue;
-            }
-
-            if (t.typ == EnumToken.HashTokenType && isHexColor((t as HashToken).val)) {
-                // hex color
-                // @ts-ignore
-                t.typ = EnumToken.ColorTokenType;
-                // @ts-ignore
-                (t as ColorToken).kin = ColorKind.HEX;
-            }
-        }
+        // if (options.parseColor) {
+        //
+        //     if (t.typ == EnumToken.IdenTokenType) {
+        //         // named color
+        //         const value: string = (t as IdentToken).val.toLowerCase();
+        //
+        //         if (value in COLORS_NAMES) {
+        //             Object.assign(t, {
+        //                 typ: EnumToken.ColorTokenType,
+        //                 val: COLORS_NAMES[value].length < value.length ? COLORS_NAMES[value] : value,
+        //                 kin: ColorKind.HEX
+        //             });
+        //         }
+        //
+        //         continue;
+        //     }
+        //
+        //     if (t.typ == EnumToken.HashTokenType && isHexColor((t as HashToken).val)) {
+        //         // hex color
+        //         // @ts-ignore
+        //         t.typ = EnumToken.ColorTokenType;
+        //         // @ts-ignore
+        //         (t as ColorToken).kin = ColorKind.HEX;
+        //     }
+        // }
     }
 
     return tokens;
diff --git a/src/lib/renderer/index.ts b/src/lib/renderer/index.ts
index 2d00a1f9..4a97fb47 100644
--- a/src/lib/renderer/index.ts
+++ b/src/lib/renderer/index.ts
@@ -1,3 +1,3 @@
 
 export * from './render.ts';
-export {colorsFunc} from "../syntax/color/utils";
\ No newline at end of file
+export {colorsFunc} from "../syntax/color/utils/index.ts";
\ No newline at end of file
diff --git a/src/lib/renderer/render.ts b/src/lib/renderer/render.ts
index fc9bda07..f35524b0 100644
--- a/src/lib/renderer/render.ts
+++ b/src/lib/renderer/render.ts
@@ -43,28 +43,10 @@ import type {
     Token,
     UrlToken
 } from "../../@types/index.d.ts";
-import {
-    clamp,
-    cmyk2hex,
-    color2srgbvalues,
-    colorMix,
-    COLORS_NAMES,
-    getAngle,
-    hsl2hex,
-    hwb2hex,
-    lab2hex,
-    lch2hex,
-    oklab2hex,
-    oklch2hex,
-    parseRelativeColor,
-    reduceHexValue,
-    RelativeColorTypes,
-    rgb2hex,
-    srgb2hexvalues
-} from "../syntax/color/index.ts";
-import {EnumToken, expand} from "../ast/index.ts";
+import {convertColor, getAngle} from "../syntax/color/index.ts";
+import {ColorType, EnumToken, expand} from "../ast/index.ts";
 import {SourceMap} from "./sourcemap/index.ts";
-import {colorFuncColorSpace, ColorKind, colorsFunc, funcLike, getComponents} from "../syntax/color/utils/index.ts";
+import {ColorKind, colorsFunc, funcLike} from "../syntax/color/utils/index.ts";
 import {isColor, isNewLine, mathFuncs, minifyNumber, pseudoElements} from "../syntax/index.ts";
 
 function update(position: Position, str: string) {
@@ -515,215 +497,254 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
 
         case EnumToken.ColorTokenType:
 
-            if ((token as ColorToken).kin == ColorKind.LIGHT_DARK || ('chi' in token && !options.convertColor)) {
+            if ((token as ColorToken).kin == ColorKind.LIGHT_DARK || ('chi' in token && options.convertColor === false)) {
 
                 return (token as ColorToken).val + '(' + ((token as ColorToken).chi as Token[]).reduce((acc: string, curr: Token) => acc + renderToken(curr, options, cache), '') + ')';
             }
 
-            if (options.convertColor) {
+            if (options.convertColor !== false) {
 
-                if ((token as ColorToken).cal == 'mix' && (token as ColorToken).val == 'color-mix') {
+                // console.error([typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[(ColorType[options.convertColor] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorKind] ?? ColorKind.HEX])
+                const value = convertColor(token, typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[(ColorType[options.convertColor ?? 'HEX'] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorKind] ?? ColorKind.HEX);
 
-                    const children: Token[][] = (<Token[]>(token as ColorToken).chi).reduce((acc: Token[][], t: Token) => {
+                //
+                if (value != null) {
 
-                        if (t.typ == EnumToken.ColorTokenType) {
-
-                            acc.push([t]);
-                        } else {
-
-                            if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType, EnumToken.CommaTokenType].includes(t.typ)) {
+                    token = value;
+                }
 
-                                acc[acc.length - 1].push(t);
-                            }
-                        }
+                //     if ((token as ColorToken).kin == ColorKind.COLOR_MIX) {
+                //
+                //         const children: Token[][] = (<Token[]>(token as ColorToken).chi).reduce((acc: Token[][], t: Token) => {
+                //
+                //             if (t.typ == EnumToken.ColorTokenType) {
+                //
+                //                 acc.push([t]);
+                //             } else {
+                //
+                //                 if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType, EnumToken.CommaTokenType].includes(t.typ)) {
+                //
+                //                     acc[acc.length - 1].push(t);
+                //                 }
+                //             }
+                //
+                //             return acc;
+                //         }, <Token[][]>[[]]);
+                //
+                //         const value: ColorToken | null = colorMix(<IdentToken>children[0][1], <IdentToken>children[0][2], <ColorToken>children[1][0], <PercentageToken>children[1][1], <ColorToken>children[2][0], <PercentageToken>children[2][1]);
+                //
+                //         if (value != null) {
+                //
+                //             token = value;
+                //         } else if (!(token as ColorToken).chi!.some(t => t.typ == EnumToken.CommaTokenType)) {
+                //
+                //             (token as ColorToken).chi = children.reduce((acc, curr, index) => {
+                //
+                //                 if (acc.length > 0) {
+                //
+                //                     acc.push({typ: EnumToken.CommaTokenType});
+                //                 }
+                //
+                //                 acc.push(...curr);
+                //                 return acc;
+                //             }, [] as Token[]);
+                //         }
+                //     }
+                //
+                //     if ((token as ColorToken).cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes((token as ColorToken).val)) {
+                //
+                //         const chi: Token[] | null = getComponents(token as ColorToken);
+                //         const offset: number = (token as ColorToken).val == 'color' ? 2 : 1;
+                //
+                //         if (chi != null) {
+                //
+                //             // @ts-ignore
+                //             const color: ColorToken = chi[1];
+                //             const components: Record<RelativeColorTypes, Token> = <Record<RelativeColorTypes, Token>>parseRelativeColor((token as ColorToken).val == 'color' ? (<IdentToken>chi[offset]).val : <string>(token as ColorToken).val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
+                //
+                //             if (components != null) {
+                //
+                //                 (token as ColorToken).chi = [...((token as ColorToken).val == 'color' ? [chi[offset]] : []), ...Object.values(components)];
+                //
+                //                 delete (token as ColorToken).cal;
+                //             }
+                //         }
+                //     }
+                //
+                //     if ((token as ColorToken).val == 'color') {
+                //
+                //         if ((<IdentToken>(<Token[]>(token as ColorToken).chi)[0]).typ == EnumToken.IdenTokenType && colorFuncColorSpace.includes(((<Token[]>(token as ColorToken).chi)[0] as IdentToken).val.toLowerCase())) {
+                //
+                //             const values = color2srgbvalues(token as ColorToken) as number[];
+                //
+                //             if (Array.isArray(values) && values.every(t => !Number.isNaN(t))) {
+                //
+                //                 // @ts-ignore
+                //                 return reduceHexValue(srgb2hexvalues(...values));
+                //             }
+                //         }
+                //     }
+                //
+                //     if ((token as ColorToken).cal != null) {
+                //
+                //         let slice: boolean = false;
+                //
+                //         if ((token as ColorToken).cal == 'rel') {
+                //
+                //             const last: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-1);
+                //
+                //             if ((last.typ == EnumToken.NumberTokenType && (last as NumberToken).val == '1') || (last.typ == EnumToken.IdenTokenType && (last as IdentToken).val == 'none')) {
+                //
+                //                 const prev: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-2);
+                //
+                //                 if (prev.typ == EnumToken.LiteralTokenType && (prev as LiteralToken).val == '/') {
+                //
+                //                     slice = true;
+                //                 }
+                //             }
+                //         }
+                //
+                //         return clamp(token as ColorToken).val + '(' + (slice ? (<Token[]>(token as ColorToken).chi).slice(0, -2) : <Token[]>(token as ColorToken).chi).reduce((acc: string, curr: Token): string => {
+                //
+                //             const val: string = renderToken(curr, options, cache);
+                //
+                //             if (curr.typ == EnumToken.LiteralTokenType && (curr as LiteralToken).val == '/') {
+                //
+                //                 return acc.trimEnd() + '/';
+                //             }
+                //
+                //             if (curr.typ == EnumToken.CommaTokenType) {
+                //
+                //                 return acc.trimEnd() + ',';
+                //             }
+                //
+                //             if (curr.typ == EnumToken.WhitespaceTokenType) {
+                //
+                //                 const v: string = acc.at(-1) as string;
+                //
+                //                 if (v == ' ' || v == ',' || v == '/') {
+                //
+                //                     return acc.trimEnd();
+                //                 }
+                //
+                //                 return acc.trimEnd() + ' ';
+                //             }
+                //
+                //             if (acc.length > 0) {
+                //
+                //                 return acc + (['/', ',', ' '].includes(<string>acc.at(-1)) ? '' : ' ') + val;
+                //             }
+                //
+                //             return val;
+                //         }, '') + ')';
+                //     }
+                //
+                //     if ((token as ColorToken).kin == ColorKind.LIT && (token as ColorToken).val.localeCompare('currentcolor', undefined, {sensitivity: 'base'}) == 0) {
+                //
+                //         return 'currentcolor';
+                //     }
+                //
+                //     clamp(token as ColorToken);
+                //
+                //     if (Array.isArray((token as ColorToken).chi) && (token as ColorToken).chi!.some((t: Token): boolean => t.typ == EnumToken.FunctionTokenType || (t.typ == EnumToken.ColorTokenType && Array.isArray((t as ColorToken).chi)))) {
+                //
+                //         const replaceSemiColon: boolean = /^((rgba?)|(hsla?)|(hwb)|((ok)?lab)|((ok)?lch))$/i.test((token as ColorToken).val);
+                //
+                //         return ((token as ColorToken).val.endsWith('a') ? (token as ColorToken).val.slice(0, -1) : (token as ColorToken).val) + '(' + (token as ColorToken).chi!.reduce((acc: string, curr: Token, index: number, array: Token[]): string => {
+                //
+                //             if (curr.typ == EnumToken.Literal && (curr as LiteralToken).val == '/') {
+                //
+                //                 return acc.trimEnd() + '/';
+                //             }
+                //
+                //             if (curr.typ == EnumToken.CommaTokenType) {
+                //
+                //                 return acc.trimEnd() + (replaceSemiColon ? ' ' : ',');
+                //             }
+                //
+                //             if (curr.typ == EnumToken.WhitespaceTokenType) {
+                //
+                //                 return /[,\/\s]/.test(acc.at(-1) as string) ? acc.trimEnd() : acc.trimEnd() + ' ';
+                //             }
+                //
+                //             return acc + renderToken(curr, options, cache)
+                //         }, '') + ')';
+                //     }
+                //
+                //     let value: string | null = (token as ColorToken).kin == ColorKind.HEX ? (token as ColorToken).val.toLowerCase() : ((token as ColorToken).kin == ColorKind.LIT ? COLORS_NAMES[(token as ColorToken).val.toLowerCase()] : '');
+                //
+                //     if ((token as ColorToken).val == 'rgb' || (token as ColorToken).val == 'rgba') {
+                //
+                //         value = rgb2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'hsl' || (token as ColorToken).val == 'hsla') {
+                //
+                //         value = hsl2hex(token as ColorToken);
+                //
+                //     } else if ((token as ColorToken).val == 'hwb') {
+                //
+                //         value = hwb2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'device-cmyk') {
+                //
+                //         value = cmyk2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'oklab') {
+                //
+                //         value = oklab2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'oklch') {
+                //
+                //         value = oklch2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'lab') {
+                //
+                //         value = lab2hex(token as ColorToken);
+                //     } else if ((token as ColorToken).val == 'lch') {
+                //
+                //         value = lch2hex(token as ColorToken);
+                //     }
+                //
+                //     if (value !== '' && value != null) {
+                //
+                //         return reduceHexValue(value);
+                //     }
+            }
 
-                        return acc;
-                    }, <Token[][]>[[]]);
+            if ([ColorKind.HEX, ColorKind.LIT, ColorKind.SYS, ColorKind.DPSYS].includes((token as ColorToken).kin)) {
 
-                    const value: ColorToken | null = colorMix(<IdentToken>children[0][1], <IdentToken>children[0][2], <ColorToken>children[1][0], <PercentageToken>children[1][1], <ColorToken>children[2][0], <PercentageToken>children[2][1]);
+                return (token as ColorToken).val;
+            }
 
-                    if (value != null) {
+            if (Array.isArray((token as ColorToken).chi)) {
 
-                        token = value;
-                    } else if (!(token as ColorToken).chi!.some(t => t.typ == EnumToken.CommaTokenType)) {
+                const isLegacy: boolean = ['rgb', 'rgba', 'hsl', 'hsla'].includes((token as ColorToken).val.toLowerCase());
+                const useAlpha: boolean = (['rgb', 'rgba', 'hsl', 'hsla', 'hwb', 'oklab', 'oklch', 'lab', 'lch'].includes((token as ColorToken).val.toLowerCase()) && (token as ColorToken).chi!.length == 4) ||
+                    ('color'.localeCompare((token as ColorToken).val, undefined, {sensitivity: 'base'}) == 0 && (token as ColorToken).chi!.length == 5);
+                return ((token as ColorToken).val.endsWith('a') ? (token as ColorToken).val.slice(0, -1) : (token as ColorToken).val) + '(' + (token as ColorToken).chi!.reduce((acc: string, curr: Token, index: number, array: Token[]) => {
 
-                        (token as ColorToken).chi = children.reduce((acc, curr, index) => {
+                    if (/[,/]\s*$/.test(acc)) {
 
-                            if (acc.length > 0) {
+                        if (curr.typ == EnumToken.WhitespaceTokenType) {
 
-                                acc.push({typ: EnumToken.CommaTokenType});
-                            }
+                            return acc.trimEnd();
+                        }
 
-                            acc.push(...curr);
-                            return acc;
-                        }, [] as Token[]);
+                        return acc.trimStart() + renderToken(curr, options, cache);
                     }
-                }
-
-                if ((token as ColorToken).cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes((token as ColorToken).val)) {
-
-                    const chi: Token[] | null = getComponents(token as ColorToken);
-                    const offset: number = (token as ColorToken).val == 'color' ? 2 : 1;
-
-                    if (chi != null) {
-
-                        // @ts-ignore
-                        const color: ColorToken = chi[1];
-                        const components: Record<RelativeColorTypes, Token> = <Record<RelativeColorTypes, Token>>parseRelativeColor((token as ColorToken).val == 'color' ? (<IdentToken>chi[offset]).val : <string>(token as ColorToken).val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
-
-                        if (components != null) {
 
-                            (token as ColorToken).chi = [...((token as ColorToken).val == 'color' ? [chi[offset]] : []), ...Object.values(components)];
+                    if (isLegacy && curr.typ == EnumToken.CommaTokenType) {
 
-                            delete (token as ColorToken).cal;
-                        }
+                        return acc.trimEnd() + ' ';
                     }
-                }
-
-                if ((token as ColorToken).val == 'color') {
 
-                    if ((<IdentToken>(<Token[]>(token as ColorToken).chi)[0]).typ == EnumToken.IdenTokenType && colorFuncColorSpace.includes(((<Token[]>(token as ColorToken).chi)[0] as IdentToken).val.toLowerCase())) {
+                    if (curr.typ == EnumToken.WhitespaceTokenType) {
 
-                        const values = color2srgbvalues(token as ColorToken) as number[];
-
-                        if (Array.isArray(values) && values.every(t => !Number.isNaN(t))) {
-
-                            // @ts-ignore
-                            return reduceHexValue(srgb2hexvalues(...values));
-                        }
+                        return acc.trimEnd() + ' ';
                     }
-                }
-
-                if ((token as ColorToken).cal != null) {
-
-                    let slice: boolean = false;
-
-                    if ((token as ColorToken).cal == 'rel') {
-
-                        const last: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-1);
-
-                        if ((last.typ == EnumToken.NumberTokenType && (last as NumberToken).val == '1') || (last.typ == EnumToken.IdenTokenType && (last as IdentToken).val == 'none')) {
 
-                            const prev: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-2);
+                    if (curr.typ == EnumToken.CommaTokenType || (curr.typ == EnumToken.LiteralTokenType && (curr as LiteralToken).val == '/')) {
 
-                            if (prev.typ == EnumToken.LiteralTokenType && (prev as LiteralToken).val == '/') {
-
-                                slice = true;
-                            }
-                        }
+                        return acc.trimEnd() + (curr.typ == EnumToken.CommaTokenType ? ',' : '/');
                     }
 
-                    return clamp(token as ColorToken).val + '(' + (slice ? (<Token[]>(token as ColorToken).chi).slice(0, -2) : <Token[]>(token as ColorToken).chi).reduce((acc: string, curr: Token): string => {
-
-                        const val: string = renderToken(curr, options, cache);
-
-                        if (curr.typ == EnumToken.LiteralTokenType && (curr as LiteralToken).val == '/') {
-
-                            return acc.trimEnd() + '/';
-                        }
-
-                        if (curr.typ == EnumToken.CommaTokenType) {
-
-                            return acc.trimEnd() + ',';
-                        }
-
-                        if (curr.typ == EnumToken.WhitespaceTokenType) {
-
-                            const v: string = acc.at(-1) as string;
-
-                            if (v == ' ' || v == ',' || v == '/') {
-
-                                return acc.trimEnd();
-                            }
-
-                            return acc.trimEnd() + ' ';
-                        }
-
-                        if (acc.length > 0) {
-
-                            return acc + (['/', ',', ' '].includes(<string>acc.at(-1)) ? '' : ' ') + val;
-                        }
-
-                        return val;
-                    }, '') + ')';
-                }
-
-                if ((token as ColorToken).kin == ColorKind.LIT && (token as ColorToken).val.localeCompare('currentcolor', undefined, {sensitivity: 'base'}) == 0) {
-
-                    return 'currentcolor';
-                }
-
-                clamp(token as ColorToken);
-
-                if (Array.isArray((token as ColorToken).chi) && (token as ColorToken).chi!.some((t: Token): boolean => t.typ == EnumToken.FunctionTokenType || (t.typ == EnumToken.ColorTokenType && Array.isArray((t as ColorToken).chi)))) {
-
-                    const replaceSemiColon: boolean = /^((rgba?)|(hsla?)|(hwb)|((ok)?lab)|((ok)?lch))$/i.test((token as ColorToken).val);
-
-                    return ((token as ColorToken).val.endsWith('a') ? (token as ColorToken).val.slice(0, -1) : (token as ColorToken).val) + '(' + (token as ColorToken).chi!.reduce((acc: string, curr: Token, index: number, array: Token[]): string => {
-
-                        if (curr.typ == EnumToken.Literal && (curr as LiteralToken).val == '/') {
-
-                            return acc.trimEnd() + '/';
-                        }
-
-                        if (curr.typ == EnumToken.CommaTokenType) {
-
-                            return acc.trimEnd() + (replaceSemiColon ? ' ' : ',');
-                        }
-
-                        if (curr.typ == EnumToken.WhitespaceTokenType) {
-
-                            return /[,\/\s]/.test(acc.at(-1) as string) ? acc.trimEnd() : acc.trimEnd() + ' ';
-                        }
-
-                        return acc + renderToken(curr, options, cache)
-                    }, '') + ')';
-                }
-
-                let value: string | null = (token as ColorToken).kin == ColorKind.HEX ? (token as ColorToken).val.toLowerCase() : ((token as ColorToken).kin == ColorKind.LIT ? COLORS_NAMES[(token as ColorToken).val.toLowerCase()] : '');
-
-                if ((token as ColorToken).val == 'rgb' || (token as ColorToken).val == 'rgba') {
-
-                    value = rgb2hex(token as ColorToken);
-                } else if ((token as ColorToken).val == 'hsl' || (token as ColorToken).val == 'hsla') {
-
-                    value = hsl2hex(token as ColorToken);
-
-                } else if ((token as ColorToken).val == 'hwb') {
-
-                    value = hwb2hex(token as ColorToken);
-                } else if ((token as ColorToken).val == 'device-cmyk') {
-
-                    value = cmyk2hex(token as ColorToken);
-                } else if ((token as ColorToken).val == 'oklab') {
-
-                    value = oklab2hex(token as ColorToken);
-                } else if ((token as ColorToken).val == 'oklch') {
-
-                    value = oklch2hex(token as ColorToken);
-                } else if ((token as ColorToken).val == 'lab') {
-
-                    value = lab2hex(token as ColorToken);
-                } else if ((token as ColorToken).val == 'lch') {
-
-                    value = lch2hex(token as ColorToken);
-                }
-
-                if (value !== '' && value != null) {
-
-                    return reduceHexValue(value);
-                }
-            }
-
-
-            if ([ColorKind.HEX, ColorKind.LIT, ColorKind.SYS, ColorKind.DPSYS].includes((token as ColorToken).kin)) {
-
-                return (token as ColorToken).val;
-            }
-
-            if (Array.isArray((token as ColorToken).chi)) {
-
-                return ((token as ColorToken).val.endsWith('a') ? (token as ColorToken).val.slice(0, -1) : (token as ColorToken).val) + '(' + (token as ColorToken).chi!.reduce((acc: string, curr: Token) => acc + (acc.length > 0 && !(acc.endsWith('/') || curr.typ == EnumToken.LiteralTokenType) ? ' ' : '') + renderToken(curr, options, cache), '') + ')';
+                    return acc.trimEnd() + (useAlpha && index == array.length - 1 ? '/' : ' ') + renderToken(curr, options, cache)
+                }, '').trimStart() + ')';
             }
 
         case EnumToken.ParensTokenType:
@@ -975,7 +996,7 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
 
             const uni: string = token.typ == EnumToken.PercentageTokenType ? '%' : 'fr';
             const perc: string = (<FractionToken>(token as PercentageToken).val).typ == EnumToken.FractionTokenType ? renderToken(<FractionToken>(token as PercentageToken).val, options, cache) : minifyNumber(<string>(token as PercentageToken).val);
-            
+
             return options.minify && perc == '0' ? '0' : (perc.includes('/') ? perc.replace('/', uni + '/') : perc + uni);
 
         case EnumToken.NumberTokenType:
diff --git a/src/lib/syntax/color/a98rgb.ts b/src/lib/syntax/color/a98rgb.ts
index 7c50ba40..b40a84b2 100644
--- a/src/lib/syntax/color/a98rgb.ts
+++ b/src/lib/syntax/color/a98rgb.ts
@@ -1,5 +1,5 @@
 import {xyz2srgb} from "./srgb.ts";
-import {multiplyMatrices} from "./utils";
+import {multiplyMatrices} from "./utils/index.ts";
 import {srgb2xyz} from "./xyz.ts";
 
 export function a98rgb2srgbvalues(r: number, g: number, b: number, a: number | null = null): number[] {
@@ -11,7 +11,7 @@ export function a98rgb2srgbvalues(r: number, g: number, b: number, a: number | n
 export function srgb2a98values(r: number, g: number, b: number, a: number | null = null): number[] {
 
     // @ts-ignore
-    return la98rgb2a98rgb(xyz2la98rgb(...srgb2xyz(r, g, b, a)));
+    return la98rgb2a98rgb(...xyz2la98rgb(...srgb2xyz(r, g, b, a)));
 }
 
 // a98-rgb functions
@@ -31,6 +31,7 @@ function a98rgb2la98(r: number, g: number, b: number, a: number | null = null):
 function la98rgb2a98rgb(r: number, g: number, b: number, a: number | null = null): number[] {
     // convert an array of linear-light a98-rgb  in the range 0.0-1.0
     // to gamma corrected form
+
     // negative values are also now accepted
     return [r, b, g].map(function (val) {
         let sign = val < 0? -1 : 1;
diff --git a/src/lib/syntax/color/cmyk.ts b/src/lib/syntax/color/cmyk.ts
new file mode 100644
index 00000000..51083936
--- /dev/null
+++ b/src/lib/syntax/color/cmyk.ts
@@ -0,0 +1,140 @@
+import type {ColorToken, Token} from "../../../@types/token.d.ts";
+import {ColorKind} from "./utils/index.ts";
+import {EnumToken} from "../../ast/index.ts";
+import {color2srgbvalues} from "./color.ts";
+import {
+    hwb2srgbvalues,
+    lab2srgbvalues,
+    lch2srgbvalues,
+    oklab2srgbvalues,
+    oklch2srgbvalues,
+    rgb2srgbvalues
+} from "./srgb.ts";
+import {hsl2srgbvalues} from "./rgb.ts";
+
+export function rgb2cmykToken(token: ColorToken): ColorToken | null {
+
+    const components: number[] | null = rgb2srgbvalues(token);
+
+    if (components == null || components.length < 3) {
+        return null;
+    }
+
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+
+export function hsl2cmykToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = hsl2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...values));
+}
+
+export function hwb2cmykToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = hwb2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...values));
+}
+
+export function lab2cmykToken(token: ColorToken): ColorToken | null {
+
+    const components: number[] | null = lab2srgbvalues(token);
+
+    if (components == null || components.length < 3) {
+        return null;
+    }
+
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+
+export function lch2cmykToken(token: ColorToken): ColorToken | null {
+
+    const components: number[] | null = lch2srgbvalues(token);
+
+    if (components == null || components.length < 3) {
+        return null;
+    }
+
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+
+export function oklab2cmyk(token: ColorToken): ColorToken | null {
+
+    const components: number[] | null = oklab2srgbvalues(token);
+
+    if (components == null || components.length < 3) {
+        return null;
+    }
+
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+
+export function oklch2cmykToken(token: ColorToken): ColorToken | null {
+
+    const components: number[] | null = oklch2srgbvalues(token);
+
+    if (components == null || components.length < 3) {
+        return null;
+    }
+
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...components));
+}
+
+export function color2cmykToken(token: ColorToken): ColorToken | null {
+
+    const values = color2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    // @ts-ignore
+    return cmyktoken(srgb2cmykvalues(...values));
+}
+
+export function srgb2cmykvalues(r: number, g: number, b: number, a: number | null = null): number[] {
+
+    const k: number = 1 - Math.max(r, g, b);
+    const c: number = k == 1 ? 0 : (1 - r - k) / (1 - k);
+    const m: number = k == 1 ? 0 : (1 - g - k) / (1 - k);
+    const y: number = k == 1 ? 0 : (1 - b - k) / (1 - k);
+
+    const result: number[] = [c, m, y, k];
+    if (a != null && a < 1) {
+        result.push(a);
+    }
+
+    return result;
+}
+function cmyktoken(values: number[]): ColorToken {
+
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'device-cmyk',
+        chi: values.reduce((acc: Token[], curr: number, index: number) => index < 4 ? [...acc, {
+            typ: EnumToken.PercentageTokenType,
+            // @ts-ignore
+            val: (curr * 100) + ''
+        } as Token] : [...acc, {
+            typ: EnumToken.LiteralTokenType,
+            val: '/'
+        } as Token, {typ: EnumToken.PercentageTokenType, val: (curr * 100).toFixed()} as Token], [] as Token[]) as Token[],
+        kin: ColorKind.DEVICE_CMYK
+    }
+}
diff --git a/src/lib/syntax/color/color-mix.ts b/src/lib/syntax/color/color-mix.ts
index 69a8a930..f3c6c08a 100644
--- a/src/lib/syntax/color/color-mix.ts
+++ b/src/lib/syntax/color/color-mix.ts
@@ -4,16 +4,15 @@ import {getNumber} from "./color.ts";
 import {srgb2lsrgbvalues, srgbvalues} from "./srgb.ts";
 import {srgb2lch, xyz2lchvalues} from "./lch.ts";
 import {srgb2rgb} from "./rgb.ts";
-import {srgb2hsl} from "./hsl.ts";
+import {srgb2hslvalues} from "./hsl.ts";
 import {srgb2hwb} from "./hwb.ts";
-import {srgb2lab} from "./lab.ts";
+import {srgb2labvalues} from "./lab.ts";
 import {srgb2p3values} from "./p3.ts";
-import {ColorKind, getComponents} from "./utils";
+import {ColorKind, getComponents} from "./utils/index.ts";
 import {srgb2oklch} from "./oklch.ts";
 import {srgb2oklab} from "./oklab.ts";
-import {srgb2a98values} from "./a98rgb.ts";
 import {srgb2prophotorgbvalues} from "./prophotorgb.ts";
-import {srgb2xyz} from "./xyz.ts";
+import {srgb2xyz_d50} from "./xyz.ts";
 import {XYZ_D65_to_D50, xyzd502lch} from "./xyzd50.ts";
 import {srgb2rec2020values} from "./rec2020.ts";
 import {isPolarColorspace, isRectangularOrthogonalColorspace} from "../index.ts";
@@ -233,9 +232,9 @@ export function colorMix(colorSpace: IdentToken, hueInterpolationMethod: IdentTo
         case 'xyz-d50':
 
             // @ts-ignore
-            values1 = srgb2xyz(...values1);
+            values1 = srgb2xyz_d50(...values1);
             // @ts-ignore
-            values2 = srgb2xyz(...values2);
+            values2 = srgb2xyz_d50(...values2);
 
             if (colorSpace.val == 'xyz-d50') {
                 // @ts-ignore
@@ -257,9 +256,9 @@ export function colorMix(colorSpace: IdentToken, hueInterpolationMethod: IdentTo
         case 'hsl':
 
             // @ts-ignore
-            values1 = srgb2hsl(...values1);
+            values1 = srgb2hslvalues(...values1);
             // @ts-ignore
-            values2 = srgb2hsl(...values2);
+            values2 = srgb2hslvalues(...values2);
             break;
 
         case 'hwb':
@@ -273,9 +272,9 @@ export function colorMix(colorSpace: IdentToken, hueInterpolationMethod: IdentTo
         case 'lab':
 
             // @ts-ignore
-            values1 = srgb2lab(...values1);
+            values1 = srgb2labvalues(...values1);
             // @ts-ignore
-            values2 = srgb2lab(...values2);
+            values2 = srgb2labvalues(...values2);
             break;
 
         case 'lch':
@@ -439,7 +438,7 @@ export function colorMix(colorSpace: IdentToken, hueInterpolationMethod: IdentTo
                 typ: EnumToken.ColorTokenType,
                 val: colorSpace.val,
                 chi: calculate().slice(1),
-                kin: ColorKind[colorSpace.val.toLowerCase().replaceAll('-', '_') as keyof typeof ColorKind]
+                kin: ColorKind[colorSpace.val.toUpperCase().replaceAll('-', '_') as keyof typeof ColorKind]
             };
 
             if (colorSpace.val == 'hsl' || colorSpace.val == 'hwb') {
diff --git a/src/lib/syntax/color/color.ts b/src/lib/syntax/color/color.ts
index 79589036..99cd4b42 100644
--- a/src/lib/syntax/color/color.ts
+++ b/src/lib/syntax/color/color.ts
@@ -1,36 +1,196 @@
 import type {AngleToken, ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
 import {EnumToken} from "../../ast/index.ts";
-import {hex2rgb, hsl2rgb, hwb2rgb, lab2rgb, lch2rgb, oklab2rgb, oklch2rgb, srgb2rgb} from "./rgb.ts";
-import {hex2hsl, hwb2hsl, lab2hsl, lch2hsl, oklab2hsl, oklch2hsl, rgb2hsl, srgb2hsl} from "./hsl.ts";
-import {hsl2hwb, lab2hwb, lch2hwb, oklab2hwb, oklch2hwb, rgb2hwb} from "./hwb.ts";
-import {hex2lab, hsl2lab, hwb2lab, lch2lab, oklab2lab, oklch2lab, rgb2lab, srgb2lab} from "./lab.ts";
-import {hex2lch, hsl2lch, hwb2lch, lab2lch, oklab2lch, oklch2lch, rgb2lch, srgb2lch} from "./lch.ts";
-import {hex2oklab, hsl2oklab, hwb2oklab, lab2oklab, lch2oklab, oklch2oklab, rgb2oklab, srgb2oklab} from "./oklab.ts";
-import {hex2oklch, hsl2oklch, hwb2oklch, lab2oklch, lch2oklch, oklab2oklch, rgb2oklch, srgb2oklch,} from "./oklch.ts";
-import {colorFuncColorSpace, ColorKind, getComponents} from "./utils/index.ts";
 import {
-    hex2srgb,
+    cmyk2RgbToken,
+    cmyk2rgbvalues,
+    color2RgbToken,
+    hex2RgbToken,
+    hsl2RgbToken,
+    hwb2RgbToken,
+    lab2RgbToken,
+    lch2RgbToken,
+    oklab2RgbToken,
+    oklch2RgbToken
+} from "./rgb.ts";
+import {
+    cmyk2HslToken,
+    color2HslToken,
+    hex2HslToken,
+    hwb2HslToken,
+    lab2HslToken,
+    lch2HslToken,
+    oklab2HslToken,
+    oklch2HslToken,
+    rgb2HslToken
+} from "./hsl.ts";
+import {
+    cmyk2hwbToken,
+    color2hwbToken,
+    hsl2hwbToken,
+    lab2hwbToken,
+    lch2hwbToken,
+    oklab2hwbToken,
+    oklch2hwbToken,
+    rgb2hwbToken
+} from "./hwb.ts";
+import {
+    cmyk2labToken,
+    color2labToken,
+    hex2labToken,
+    hsl2labToken,
+    hwb2labToken,
+    lch2labToken,
+    oklab2labToken,
+    oklch2labToken,
+    rgb2labToken
+} from "./lab.ts";
+import {
+    cmyk2lchToken,
+    color2lchToken,
+    hex2lchToken,
+    hsl2lchToken,
+    hwb2lchToken,
+    lab2lchToken,
+    oklab2lchToken,
+    oklch2lchToken,
+    rgb2lchToken
+} from "./lch.ts";
+import {
+    cmyk2oklabToken,
+    color2oklabToken,
+    hex2oklabToken,
+    hsl2oklabToken,
+    hwb2oklabToken,
+    lab2oklabToken,
+    lch2oklabToken,
+    oklch2oklabToken,
+    rgb2oklabToken
+} from "./oklab.ts";
+import {
+    color2oklchToken,
+    hex2oklchToken,
+    hsl2oklchToken,
+    hwb2oklchToken,
+    lab2oklchToken,
+    lch2oklchToken,
+    oklab2oklchToken,
+    rgb2oklchToken,
+} from "./oklch.ts";
+import {anglePrecision, colorFuncColorSpace, ColorKind, colorPrecision, getComponents} from "./utils/index.ts";
+import {
+    hex2srgbvalues,
     hsl2srgb,
-    hwb2srgb,
-    lab2srgb,
-    lch2srgb,
+    hwb2srgbvalues,
+    lab2srgbvalues,
+    lch2srgbvalues,
     lsrgb2srgbvalues,
-    oklab2srgb,
+    oklab2srgbvalues,
+    oklch2srgbvalues,
     rgb2srgb,
     srgb2lsrgbvalues,
     xyz2srgb
 } from "./srgb.ts";
 import {prophotorgb2srgbvalues, srgb2prophotorgbvalues} from "./prophotorgb.ts";
-import {a98rgb2srgbvalues, srgb2a98values} from "./a98rgb.ts";
 import {rec20202srgb, srgb2rec2020values} from "./rec2020.ts";
-import {srgb2xyz} from "./xyz.ts";
+import {srgb2xyz, srgb2xyz_d50} from "./xyz.ts";
 import {p32srgbvalues, srgb2p3values} from "./p3.ts";
-import {XYZ_D65_to_D50, xyzd502srgb} from "./xyzd50.ts";
+import {xyzd502srgb} from "./xyzd50.ts";
+import {colorMix} from "./color-mix.ts";
+import {
+    cmyk2HexToken,
+    color2HexToken,
+    hsl2HexToken,
+    hwb2HexToken,
+    lab2HexToken,
+    lch2HexToken,
+    oklab2HexToken,
+    oklch2HexToken,
+    reduceHexValue,
+    rgb2HexToken
+} from "./hex.ts";
+import type {RelativeColorTypes} from "./relativecolor.ts";
+import {parseRelativeColor} from "./relativecolor.ts";
+import {isIdentColor} from "../syntax.ts";
+import {
+    color2cmykToken,
+    hsl2cmykToken,
+    hwb2cmykToken,
+    lab2cmykToken,
+    lch2cmykToken,
+    oklab2cmyk,
+    oklch2cmykToken,
+    rgb2cmykToken
+} from "./cmyk.ts";
+import {a98rgb2srgbvalues, srgb2a98values} from "./a98rgb.ts";
 
-export function convert(token: ColorToken, to: ColorKind): ColorToken | null {
+export function convertColor(token: ColorToken, to: ColorKind): ColorToken | null {
+
+    if (token.kin == ColorKind.SYS ||
+        token.kin == ColorKind.DPSYS ||
+        (isIdentColor(token) &&
+            ('currentcolor'.localeCompare(token.val, undefined, {sensitivity: 'base'}) == 0))
+    ) {
+
+        return token
+    }
+
+    if (token.kin == ColorKind.COLOR_MIX && to != ColorKind.COLOR_MIX) {
+
+        const children: Token[][] = (<Token[]>(token as ColorToken).chi).reduce((acc: Token[][], t: Token) => {
+
+            if (t.typ == EnumToken.ColorTokenType) {
+
+                acc.push([t]);
+            } else {
+
+                if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType, EnumToken.CommaTokenType].includes(t.typ)) {
+
+                    acc[acc.length - 1].push(t);
+                }
+            }
+
+            return acc;
+        }, <Token[][]>[[]]);
+
+        token = colorMix(<IdentToken>children[0][1], <IdentToken>children[0][2], <ColorToken>children[1][0], <PercentageToken>children[1][1], <ColorToken>children[2][0], <PercentageToken>children[2][1]) as ColorToken;
+
+        if (token == null) {
+
+            return null;
+        }
+    }
+
+    if ((token as ColorToken).cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes((token as ColorToken).val.toLowerCase())) {
+
+        const chi: Token[] | null = getComponents(token as ColorToken);
+        const offset: number = (token as ColorToken).val == 'color' ? 2 : 1;
+
+        if (chi != null) {
+
+            // @ts-ignore
+            const color: ColorToken = chi[1];
+            const components: Record<RelativeColorTypes, Token> = <Record<RelativeColorTypes, Token>>parseRelativeColor((token as ColorToken).val.toLowerCase() == 'color' ? (<IdentToken>chi[offset]).val : <string>(token as ColorToken).val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
+
+            if (components != null) {
+
+                token = {
+                    ...token,
+                    chi: [...((token as ColorToken).val == 'color' ? [chi[offset]] : []), ...Object.values(components)]
+                };
+
+                delete (token as ColorToken).cal;
+            }
+        }
+    }
 
     if (token.kin == to) {
 
+        if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
+
+            token.val = reduceHexValue(token.val);
+            token.kin = token.val[0] == '#' ? ColorKind.HEX : ColorKind.LIT;
+        }
+
         return token;
     }
 
@@ -44,82 +204,50 @@ export function convert(token: ColorToken, to: ColorKind): ColorToken | null {
         }
     }
 
-    let values: number[] = [];
-
     if (to == ColorKind.HSL) {
 
-        let t: number[] | null;
 
         switch (token.kin) {
 
             case ColorKind.RGB:
             case ColorKind.RGBA:
 
-                t = rgb2hsl(token);
-
-                if (t == null) {
-
-                    return null;
-                }
+                return rgb2HslToken(token);
 
-                values.push(...t);
-                break;
             case ColorKind.HEX:
             case ColorKind.LIT:
 
-                values.push(...hex2hsl(token));
-                break;
+                return hex2HslToken(token);
+
             case ColorKind.HWB:
 
-                values.push(...hwb2hsl(token));
-                break;
+                return hwb2HslToken(token);
 
-            case ColorKind.OKLAB:
+            case ColorKind.DEVICE_CMYK:
 
-                t = oklab2hsl(token);
+                return cmyk2HslToken(token);
 
-                if (t == null) {
-
-                    return null;
-                }
+            case ColorKind.OKLAB:
 
-                values.push(...t);
-                break;
+                return oklab2HslToken(token);
 
             case ColorKind.OKLCH:
 
-                t = oklch2hsl(token);
-
-                if (t == null) {
-
-                    return null;
-                }
-
-                values.push(...t);
-                break;
+                return oklch2HslToken(token);
 
             case ColorKind.LAB:
 
-
-                values.push(...lab2hsl(token));
-                break;
+                return lab2HslToken(token);
 
             case ColorKind.LCH:
 
-                values.push(...lch2hsl(token));
-                break;
+                return lch2HslToken(token);
 
             case ColorKind.COLOR:
 
-                // @ts-ignore
-                values.push(...srgb2hsl(...color2srgbvalues(token)));
-                break;
+                return color2HslToken(token);
         }
 
-        if (values.length > 0) {
-
-            return values2hsltoken(values);
-        }
     } else if (to == ColorKind.HWB) {
 
         switch (token.kin) {
@@ -127,134 +255,180 @@ export function convert(token: ColorToken, to: ColorKind): ColorToken | null {
             case ColorKind.RGB:
             case ColorKind.RGBA:
 
-                values.push(...rgb2hwb(token));
-                break;
+                return rgb2hwbToken(token);
+
             case ColorKind.HEX:
             case ColorKind.LIT:
 
-                values.push(...hex2hsl(token));
-                break;
+                // @ts-ignore
+                return rgb2hwbToken(token);
+
             case ColorKind.HSL:
             case ColorKind.HSLA:
 
-                values.push(...hsl2hwb(token));
-                break;
+                return hsl2hwbToken(token);
 
             case ColorKind.OKLAB:
 
-                values.push(...oklab2hwb(token));
-                break;
+                return oklab2hwbToken(token);
 
             case ColorKind.OKLCH:
 
-                values.push(...oklch2hwb(token));
-                break;
+                return oklch2hwbToken(token);
 
             case ColorKind.LAB:
 
-                values.push(...lab2hwb(token));
-                break;
+                return lab2hwbToken(token);
 
             case ColorKind.LCH:
 
-                values.push(...lch2hwb(token));
-                break;
-        }
+                return lch2hwbToken(token);
+
+            case ColorKind.DEVICE_CMYK:
 
-        if (values.length > 0) {
+                return cmyk2hwbToken(token);
 
-            return values2hwbtoken(values);
+            case ColorKind.COLOR:
+
+                return color2hwbToken(token);
         }
-    } else if (to == ColorKind.RGB) {
-            let t : number[] | null;
+
+    } else if (to == ColorKind.DEVICE_CMYK) {
+
         switch (token.kin) {
 
+            case ColorKind.RGB:
+            case ColorKind.RGBA:
+
+                return rgb2cmykToken(token);
+
             case ColorKind.HEX:
             case ColorKind.LIT:
 
-                values.push(...hex2rgb(token));
-                break
-            case ColorKind.HSL:
-
-                t = hsl2rgb(token);
+                return rgb2cmykToken(token);
 
-                if (t == null) {
+            case ColorKind.HSL:
+            case ColorKind.HSLA:
 
-                    return null;
-                }
+                return hsl2cmykToken(token);
 
-                values.push(...t);
-                break
             case ColorKind.HWB:
 
-                t = hwb2rgb(token);
+                return hwb2cmykToken(token);
 
-                if (t == null) {
+            case ColorKind.OKLAB:
 
-                    return null;
-                }
+                return oklab2cmyk(token);
 
-                values.push(...t);
-                break;
+            case ColorKind.OKLCH:
 
-            case ColorKind.OKLAB:
+                return oklch2cmykToken(token);
 
-                t =oklab2rgb(token);
+            case ColorKind.LAB:
 
-                if (t == null) {
+                return lab2cmykToken(token);
+            //
+            case ColorKind.LCH:
 
-                    return null;
-                }
+                return lch2cmykToken(token);
 
-                values.push(...t);
-                break;
+            case ColorKind.COLOR:
 
-            case ColorKind.OKLCH:
+                return color2cmykToken(token);
+
+        }
+    } else if (to == ColorKind.HEX || to == ColorKind.LIT) {
+        switch (token.kin) {
 
-                t = oklch2rgb(token);
+            case ColorKind.HEX:
+            case ColorKind.LIT: {
 
-                if (t == null) {
+                const val = reduceHexValue(token.val);
 
-                    return null;
+                return {
+                    typ: EnumToken.ColorTokenType,
+                    val,
+                    kin: val[0] == '#' ? ColorKind.HEX : ColorKind.LIT
                 }
+            }
 
-                values.push(...t);
-                break;
+            case ColorKind.HSL:
 
-            case ColorKind.LAB:
+                return hsl2HexToken(token);
 
-                t = lab2rgb(token);
+            case ColorKind.HWB:
 
-                if (t == null) {
+                return hwb2HexToken(token);
 
-                    return null;
-                }
+            case ColorKind.DEVICE_CMYK:
 
-                values.push(...t);
-                break;
+                return cmyk2HexToken(token);
 
-            case ColorKind.LCH:
+            case ColorKind.OKLAB:
+
+                return oklab2HexToken(token);
 
-                t = lch2rgb(token);
+            case ColorKind.OKLCH:
 
-                if (t == null) {
+                return oklch2HexToken(token);
 
-                    return null;
-                }
+            case ColorKind.LAB:
 
-                values.push(...t);
-                break;
+                return lab2HexToken(token);
+
+            case ColorKind.LCH:
+
+                return lch2HexToken(token);
 
             case ColorKind.COLOR:
 
-                // @ts-ignore
-                values.push(...srgb2rgb(...color2srgbvalues(token)));
-                break;
+                return color2HexToken(token);
+
+            case ColorKind.RGB:
+            case ColorKind.RGBA:
+
+                return rgb2HexToken(token);
         }
 
-        if (values.length > 0) {
+    } else if (to == ColorKind.RGB) {
+        switch (token.kin) {
+
+            case ColorKind.HEX:
+            case ColorKind.LIT:
+
+                return hex2RgbToken(token);
+
+            case ColorKind.HSL:
+
+                return hsl2RgbToken(token);
+
+            case ColorKind.HWB:
+
+                return hwb2RgbToken(token);
+
+            case ColorKind.DEVICE_CMYK:
+
+                return cmyk2RgbToken(token);
+
+            case ColorKind.OKLAB:
+
+                return oklab2RgbToken(token);
+
+            case ColorKind.OKLCH:
+
+                return oklch2RgbToken(token);
+
+            case ColorKind.LAB:
+
+                return lab2RgbToken(token);
 
-            return values2rgbtoken(values);
+            case ColorKind.LCH:
+
+                return lch2RgbToken(token);
+
+            case ColorKind.COLOR:
+
+                return color2RgbToken(token);
         }
 
     } else if (to == ColorKind.LAB) {
@@ -264,44 +438,41 @@ export function convert(token: ColorToken, to: ColorKind): ColorToken | null {
             case ColorKind.HEX:
             case ColorKind.LIT:
 
-                values.push(...hex2lab(token));
-                break;
+                return hex2labToken(token);
+
             case ColorKind.RGB:
             case ColorKind.RGBA:
 
-                values.push(...rgb2lab(token));
-                break;
+                return rgb2labToken(token);
+
             case ColorKind.HSL:
             case ColorKind.HSLA:
 
-                values.push(...hsl2lab(token));
-                break;
+                return hsl2labToken(token);
 
             case ColorKind.HWB:
-                values.push(...hwb2lab(token));
-                break;
+
+                return hwb2labToken(token);
+
+            case ColorKind.DEVICE_CMYK:
+
+                return cmyk2labToken(token);
 
             case ColorKind.LCH:
-                values.push(...lch2lab(token));
-                break;
+
+                return lch2labToken(token);
 
             case ColorKind.OKLAB:
-                values.push(...oklab2lab(token));
-                break;
+
+                return oklab2labToken(token);
 
             case ColorKind.OKLCH:
-                values.push(...oklch2lab(token));
-                break;
 
-            case ColorKind.COLOR:
-                // @ts-ignore
-                values.push(...srgb2lab(...color2srgbvalues(token)));
-                break;
-        }
+                return oklch2labToken(token);
 
-        if (values.length > 0) {
+            case ColorKind.COLOR:
 
-            return values2colortoken(values, to);
+                return color2labToken(token);
         }
 
     } else if (to == ColorKind.LCH) {
@@ -310,45 +481,41 @@ export function convert(token: ColorToken, to: ColorKind): ColorToken | null {
 
             case ColorKind.HEX:
             case ColorKind.LIT:
+                return hex2lchToken(token);
 
-                values.push(...hex2lch(token));
-                break;
             case ColorKind.RGB:
             case ColorKind.RGBA:
 
-                values.push(...rgb2lch(token));
-                break;
+                return rgb2lchToken(token);
+
             case ColorKind.HSL:
             case ColorKind.HSLA:
 
-                values.push(...hsl2lch(token));
-                break;
+                return hsl2lchToken(token);
 
             case ColorKind.HWB:
-                values.push(...hwb2lch(token));
-                break;
+
+                return hwb2lchToken(token);
+
+            case ColorKind.DEVICE_CMYK:
+
+                return cmyk2lchToken(token);
 
             case ColorKind.LAB:
-                values.push(...lab2lch(token));
-                break;
+
+                return lab2lchToken(token);
 
             case ColorKind.OKLAB:
-                values.push(...oklab2lch(token));
-                break;
+
+                return oklab2lchToken(token);
 
             case ColorKind.OKLCH:
-                values.push(...oklch2lch(token));
-                break;
 
-            case ColorKind.COLOR:
-                // @ts-ignore
-                values.push(...srgb2lch(...color2srgbvalues(token)));
-                break;
-        }
+                return oklch2lchToken(token);
 
-        if (values.length > 0) {
+            case ColorKind.COLOR:
 
-            return values2colortoken(values, to);
+                return color2lchToken(token);
         }
 
     } else if (to == ColorKind.OKLAB) {
@@ -358,44 +525,41 @@ export function convert(token: ColorToken, to: ColorKind): ColorToken | null {
             case ColorKind.HEX:
             case ColorKind.LIT:
 
-                values.push(...hex2oklab(token));
-                break;
+                return hex2oklabToken(token);
+
             case ColorKind.RGB:
             case ColorKind.RGBA:
 
-                values.push(...rgb2oklab(token));
-                break;
+                return rgb2oklabToken(token);
+
             case ColorKind.HSL:
             case ColorKind.HSLA:
 
-                values.push(...hsl2oklab(token));
-                break;
+                return hsl2oklabToken(token);
 
             case ColorKind.HWB:
-                values.push(...hwb2oklab(token));
-                break;
+
+                return hwb2oklabToken(token);
+
+            case ColorKind.DEVICE_CMYK:
+
+                return cmyk2oklabToken(token);
 
             case ColorKind.LAB:
-                values.push(...lab2oklab(token));
-                break;
+
+                return lab2oklabToken(token);
 
             case ColorKind.LCH:
-                values.push(...lch2oklab(token));
-                break;
+
+                return lch2oklabToken(token);
 
             case ColorKind.OKLCH:
-                values.push(...oklch2oklab(token));
-                break;
 
-            case ColorKind.COLOR:
-                // @ts-ignore
-                values.push(...srgb2oklab(...color2srgbvalues(token)));
-                break;
-        }
+                return oklch2oklabToken(token);
 
-        if (values.length > 0) {
+            case ColorKind.COLOR:
 
-            return values2colortoken(values, to);
+                return color2oklabToken(token);
         }
 
     } else if (to == ColorKind.OKLCH) {
@@ -405,261 +569,268 @@ export function convert(token: ColorToken, to: ColorKind): ColorToken | null {
             case ColorKind.HEX:
             case ColorKind.LIT:
 
-                values.push(...hex2oklch(token));
-                break;
+                return hex2oklchToken(token);
+
             case ColorKind.RGB:
             case ColorKind.RGBA:
 
-                values.push(...rgb2oklch(token));
-                break;
+                return rgb2oklchToken(token);
+
             case ColorKind.HSL:
             case ColorKind.HSLA:
 
-                values.push(...hsl2oklch(token));
-                break;
+                return hsl2oklchToken(token);
 
             case ColorKind.HWB:
-                values.push(...hwb2oklch(token));
-                break;
+
+                return hwb2oklchToken(token);
+
+            case ColorKind.DEVICE_CMYK:
+
+                return oklab2oklchToken(token);
 
             case ColorKind.LAB:
-                values.push(...lab2oklch(token));
-                break;
+
+                return lab2oklchToken(token);
 
             case ColorKind.OKLAB:
-                values.push(...oklab2oklch(token));
-                break;
 
-            case ColorKind.LCH:
-                values.push(...lch2oklch(token));
-                break;
+                return oklab2oklchToken(token);
 
-            case ColorKind.COLOR:
+            case ColorKind.LCH:
 
-                // @ts-ignore
-                values.push(...srgb2oklch(...color2srgbvalues(token)));
-
-                // switch (to) {
-                //
-                //     case ColorKind.SRGB:
-                //
-                //         values.push(...val);
-                //         break;
-                //
-                //     case ColorKind.SRGB_LINEAR:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2lsrgbvalues(...val));
-                //         break;
-                //
-                //     case ColorKind.DISPLAY_P3:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2p3values(...val));
-                //         break;
-                //
-                //     case ColorKind.PROPHOTO_RGB:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2prophotorgbvalues(...val));
-                //         break;
-                //
-                //     case ColorKind.A98_RGB:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2a98values(...val));
-                //         break;
-                //
-                //     case ColorKind.REC2020:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2rec2020values(...val));
-                //         break;
-                //
-                //     case ColorKind.XYZ:
-                //     case ColorKind.XYZ_D65:
-                //
-                //         // @ts-ignore
-                //         values.push(...srgb2xyz(...val));
-                //         break;
-                //
-                //     case ColorKind.XYZ_D50:
-                //
-                //         // @ts-ignore
-                //         values.push(...(XYZ_D65_to_D50(...srgb2xyz(...val))));
-                //         break;
-                // }
-
-                break;
-        }
+                return lch2oklchToken(token);
 
-        if (values.length > 0) {
+            case ColorKind.COLOR:
 
-            return values2colortoken(values, to);
+                return color2oklchToken(token);
         }
-    }
 
-    else if (colorFuncColorSpace.includes((ColorKind[to] as string).toLowerCase().replaceAll('_', '-') )) {
+    } else if (colorFuncColorSpace.includes((ColorKind[to].toLowerCase().replaceAll('_', '-') as string).toLowerCase().replaceAll('_', '-'))) {
 
-        let t : number[] | null;
+        console.error(ColorKind[token.kin]);
 
         switch (token.kin) {
 
             case ColorKind.HEX:
             case ColorKind.LIT:
 
-                values.push(...hex2srgb(token));
-                break;
+                return hex2colorToken(token, to);
+
             case ColorKind.RGB:
             case ColorKind.RGBA:
 
-                t = rgb2srgb(token);
-
-                if (t == null) {
+                return rgb2colorToken(token, to);
 
-                    return null;
-                }
-
-                values.push(...t);
-                break;
             case ColorKind.HSL:
             case ColorKind.HSLA:
 
-                t = hsl2srgb(token);
+                return hsl2colorToken(token, to);
 
-                if (t == null) {
+            case ColorKind.HWB:
 
-                    return null;
-                }
+                return hwb2colorToken(token, to);
 
-                values.push(...t);
-                break;
+            case ColorKind.DEVICE_CMYK:
 
-            case ColorKind.HWB:
+                return cmyk2colorToken(token, to);
 
-                t = hwb2srgb(token);
+            case ColorKind.LAB:
 
-                if (t == null) {
+                return lab2colorToken(token, to);
+            case ColorKind.OKLAB:
 
-                    return null;
-                }
+                return oklab2colorToken(token, to);
 
-                values.push(...t);
-                break;
+            case ColorKind.LCH:
 
-            case ColorKind.LAB:
-                t = lab2srgb(token);
+                return lch2colorToken(token, to);
 
-                if (t == null) {
+            case ColorKind.OKLCH:
 
-                    return null;
-                }
+                return oklch2colorToken(token, to);
 
-                values.push(...t);
-                break;
+            case ColorKind.COLOR:
+            case ColorKind.XYZ:
+            case ColorKind.SRGB:
+            case ColorKind.REC2020:
+            case ColorKind.XYZ_D50:
+            case ColorKind.A98_RGB:
+            case ColorKind.DISPLAY_P3:
+            case ColorKind.SRGB_LINEAR:
+            case ColorKind.PROPHOTO_RGB:
+
+                return color2colorToken(token, to);
+        }
+    }
 
-            case ColorKind.OKLAB:
+    return null;
+}
 
-                t = oklab2srgb(token);
+export function hex2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
 
-                if (t == null) {
+    const values: number[] = hex2srgbvalues(token);
 
-                    return null;
-                }
+    if (values == null) {
+        return null;
+    }
 
-                values.push(...t);
-                break;
+    return values2colortoken(values, to);
+}
 
-            case ColorKind.LCH:
+export function rgb2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
+
+    const values: number[] | null = rgb2srgb(token);
 
-                t = lch2srgb(token);
+    if (values == null) {
+        return null;
+    }
 
-                if (t == null) {
+    return values2colortoken(values, to);
+}
 
-                    return null;
-                }
+export function hsl2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
 
-                values.push(...t);
-                break;
+    const values: number[] | null = hsl2srgb(token);
 
-            case ColorKind.OKLCH:
+    if (values == null) {
+        return null;
+    }
 
-                t = color2srgbvalues(token);
+    return values2colortoken(values, to);
+}
 
-                if (t == null) {
+export function hwb2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
 
-                    return null;
-                }
+    const values: number[] | null = hwb2srgbvalues(token);
 
-                values.push(...t);
-                break;
+    if (values == null) {
+        return null;
+    }
 
-            case ColorKind.COLOR:
+    return values2colortoken(values, to);
+}
 
-                const val: number[] | null = color2srgbvalues(token);
+export function cmyk2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
 
-                if (val == null) {
+    const values: number[] | null = cmyk2rgbvalues(token);
 
-                    return null;
-                }
+    if (values == null) {
+        return null;
+    }
 
-                switch (to) {
+    return values2colortoken(values, to);
+}
 
-                    case ColorKind.SRGB:
+export function lab2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
 
-                        values.push(...val);
-                        break;
-                    case ColorKind.SRGB_LINEAR:
+    const values: number[] | null = lab2srgbvalues(token);
 
-                        // @ts-ignore
-                        values.push(...srgb2lsrgbvalues(...val));
-                        break;
-                    case ColorKind.DISPLAY_P3:
+    if (values == null) {
+        return null;
+    }
 
-                        // @ts-ignore
-                        values.push(...srgb2p3values(...val));
-                        break;
-                    case ColorKind.PROPHOTO_RGB:
+    return values2colortoken(values, to);
+}
 
-                        // @ts-ignore
-                        values.push(...srgb2prophotorgbvalues(...val));
-                        break;
-                    case ColorKind.A98_RGB:
+export function oklab2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
 
-                        // @ts-ignore
-                        values.push(...srgb2a98values(...val));
-                        break;
+    const values: number[] | null = oklab2srgbvalues(token);
 
-                    case ColorKind.REC2020:
+    if (values == null) {
+        return null;
+    }
 
-                        // @ts-ignore
-                        values.push(...srgb2rec2020values(...val));
-                        break;
+    return values2colortoken(values, to);
+}
 
-                    case ColorKind.XYZ:
-                    case ColorKind.XYZ_D65:
+export function lch2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
 
-                        // @ts-ignore
-                        values.push(...srgb2xyz(...val));
-                        break;
+    const values: number[] | null = lch2srgbvalues(token);
 
-                    case ColorKind.XYZ_D50:
+    if (values == null) {
+        return null;
+    }
 
-                        // @ts-ignore
-                        values.push(...(XYZ_D65_to_D50(...srgb2xyz(...val))));
-                        break
-                }
+    return values2colortoken(values, to);
+}
 
-                break;
-        }
+export function oklch2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
 
-        if (values.length > 0) {
+    const values: number[] | null = oklch2srgbvalues(token);
 
-            return values2colortoken(values, to);
-        }
+    if (values == null) {
+        return null;
     }
 
-    return null;
+    return values2colortoken(values, to);
+}
+
+export function color2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
+
+    const values: number[] | null = color2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    console.error({srgb: values});
+
+    return values2colortoken(values, to);
+}
+
+function srgb2srgbcolorspace(val: number[], to: ColorKind): number[] {
+
+    const values: number[] = [];
+
+    switch (to) {
+
+        case ColorKind.SRGB:
+
+            values.push(...val);
+            break;
+        case ColorKind.SRGB_LINEAR:
+
+            // @ts-ignore
+            values.push(...srgb2lsrgbvalues(...val));
+            break;
+        case ColorKind.DISPLAY_P3:
+
+            // @ts-ignore
+            values.push(...srgb2p3values(...val));
+            break;
+        case ColorKind.PROPHOTO_RGB:
+
+            // @ts-ignore
+            values.push(...srgb2prophotorgbvalues(...val));
+            break;
+        case ColorKind.A98_RGB:
+
+            // @ts-ignore
+            values.push(...srgb2a98values(...val));
+            break;
+
+        case ColorKind.REC2020:
+
+            // @ts-ignore
+            values.push(...srgb2rec2020values(...val));
+            break;
+
+        case ColorKind.XYZ:
+        case ColorKind.XYZ_D65:
+
+            // @ts-ignore
+            values.push(...srgb2xyz(...val));
+            break;
+
+        case ColorKind.XYZ_D50:
+
+            // @ts-ignore
+            values.push(...srgb2xyz_d50(...val));
+            break
+    }
+
+    return values;
 }
 
 export function minmax(value: number, min: number, max: number): number {
@@ -689,7 +860,7 @@ export function color2srgbvalues(token: ColorToken): number[] | null {
     const colorSpace: IdentToken = <IdentToken>components.shift();
     let values: number[] = components.map((val: Token) => getNumber(<IdentToken | NumberToken | PercentageToken>val));
 
-    switch (colorSpace.val) {
+    switch (colorSpace.val.toLowerCase()) {
 
         case  'display-p3':
             // @ts-ignore
@@ -729,76 +900,14 @@ export function color2srgbvalues(token: ColorToken): number[] | null {
     return values;
 }
 
-export function values2hsltoken(values: number[]): ColorToken {
-
-    const to: ColorKind = ColorKind.HSL;
-    const chi: Token[] = <Token[]>[
-
-        {typ: EnumToken.AngleTokenType, val: String(values[0] * 360), unit: 'deg'},
-        {typ: EnumToken.PercentageTokenType, val: String(values[1] * 100)},
-        {typ: EnumToken.PercentageTokenType, val: String(values[2] * 100)},
-    ];
 
-    if (values.length == 4) {
-
-        chi.push({typ: EnumToken.PercentageTokenType, val: String(values[3] * 100)});
-    }
-
-    return {
-        typ: EnumToken.ColorTokenType,
-        val: (ColorKind[to] as string).toLowerCase().replaceAll('_', '-'),
-        chi,
-        kin: to
-    }
-}
-
-function values2rgbtoken(values: number[]): ColorToken {
-
-    const to: ColorKind = ColorKind.RGB;
-    const chi: Token[] = <Token[]>[
-
-        {typ: EnumToken.NumberTokenType, val: String(values[0])},
-        {typ: EnumToken.NumberTokenType, val: String(values[1])},
-        {typ: EnumToken.NumberTokenType, val: String(values[2])},
-    ];
-
-    if (values.length == 4) {
-
-        chi.push({typ: EnumToken.PercentageTokenType, val: String(values[3] * 100)});
-    }
-
-    return {
-        typ: EnumToken.ColorTokenType,
-        val: ColorKind[to] as string,
-        chi,
-        kin: to
-    }
-}
-
-function values2hwbtoken(values: number[]): ColorToken {
-
-    const to: ColorKind = ColorKind.HWB;
-    const chi: Token[] = <Token[]>[
-
-        {typ: EnumToken.AngleTokenType, val: String(values[0] * 360), unit: 'deg'},
-        {typ: EnumToken.PercentageTokenType, val: String(values[1] * 100)},
-        {typ: EnumToken.PercentageTokenType, val: String(values[2] * 100)},
-    ];
-
-    if (values.length == 4) {
+function values2colortoken(values: number[], to: ColorKind): ColorToken {
 
-        chi.push({typ: EnumToken.PercentageTokenType, val: String(values[3] * 100)});
-    }
+    // console.error({srgb2: values});
 
-    return {
-        typ: EnumToken.ColorTokenType,
-        val: ColorKind[to] as string,
-        chi,
-        kin: to
-    }
-}
+    values = srgb2srgbcolorspace(values, to);
 
-function values2colortoken(values: number[], to: ColorKind): ColorToken {
+    // console.error({srgb3: values, to: ColorKind[to]});
 
     const chi: Token[] = <Token[]>[
 
@@ -809,12 +918,12 @@ function values2colortoken(values: number[], to: ColorKind): ColorToken {
 
     if (values.length == 4) {
 
-        chi.push({typ: EnumToken.PercentageTokenType, val: String(values[3] * 100)});
+        chi.push({typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed()});
     }
 
     const colorSpace: string = ColorKind[to].toLowerCase().replaceAll('_', '-');
 
-    return colorFuncColorSpace.includes(colorSpace) ? <ColorToken> {
+    return colorFuncColorSpace.includes(colorSpace) ? <ColorToken>{
         typ: EnumToken.ColorTokenType,
         val: 'color',
         chi: [<Token>{typ: EnumToken.IdenTokenType, val: colorSpace}].concat(chi),
@@ -833,7 +942,7 @@ function values2colortoken(values: number[], to: ColorKind): ColorToken {
  */
 export function clamp(token: ColorToken): ColorToken {
 
-    if (token.kin == ColorKind.RGB || token.kin == ColorKind.RGBA) {
+    if (token.kin == ColorKind.RGB) {
 
         (<Token[]>token.chi).filter((token: Token) => ![EnumToken.LiteralTokenType, EnumToken.CommaTokenType, EnumToken.WhitespaceTokenType].includes(token.typ)).forEach((token: Token, index: number) => {
 
@@ -919,3 +1028,27 @@ export function getAngle(token: NumberToken | AngleToken | IdentToken): number {
     // @ts-ignore
     return token.val / 360;
 }
+
+export function toPrecisionAngle(angle: number): number {
+
+
+    angle = +angle.toPrecision(colorPrecision);
+
+    if (Math.abs(angle) >= 360) {
+
+        angle %= 360;
+    }
+
+
+    if (Math.abs(angle) < anglePrecision) {
+
+        angle = 0;
+    }
+
+    if (angle < 0) {
+
+        angle += 360;
+    }
+
+    return angle;
+}
diff --git a/src/lib/syntax/color/hex.ts b/src/lib/syntax/color/hex.ts
index d0ddf568..43c8b124 100644
--- a/src/lib/syntax/color/hex.ts
+++ b/src/lib/syntax/color/hex.ts
@@ -1,8 +1,9 @@
-import type {ColorToken, IdentToken, NumberToken, PercentageToken} from "../../../@types/index.d.ts";
+import type {ColorToken, NumberToken, PercentageToken} from "../../../@types/index.d.ts";
 import {EnumToken} from "../../ast/index.ts";
-import {getNumber, minmax} from "./color.ts";
-import {cmyk2rgb, hsl2rgb, hwb2rgb, lab2rgb, lch2rgb, oklab2rgb, oklch2rgb} from "./rgb.ts";
-import {getComponents, NAMES_COLORS} from "./utils/index.ts";
+import {color2srgbvalues, getNumber} from "./color.ts";
+import {cmyk2rgbvalues, hsl2rgbvalues, hwb2rgbvalues, srgb2rgb} from "./rgb.ts";
+import {ColorKind, COLORS_NAMES, getComponents, NAMES_COLORS} from "./utils/index.ts";
+import {lab2srgbvalues, lch2srgbvalues, oklab2srgbvalues, oklch2srgbvalues} from "./srgb.ts";
 
 function toHexString(acc: string, value: number): string {
 
@@ -11,8 +12,14 @@ function toHexString(acc: string, value: number): string {
 
 export function reduceHexValue(value: string): string {
 
+    if (value[0] != '#') {
+
+        value = COLORS_NAMES[value.toLowerCase()] ?? value;
+    }
+
     const named_color: string = NAMES_COLORS[expandHexValue(value)];
 
+
     if (value.length == 7) {
 
         if (value[1] == value[2] &&
@@ -28,7 +35,7 @@ export function reduceHexValue(value: string): string {
             value[5] == value[6] &&
             value[7] == value[8]) {
 
-            value = `#${value[1]}${value[3]}${value[5]}${value[7]}`;
+            value = `#${value[1]}${value[3]}${value[5]}${value[7] == 'f' ? '' : value[7]}`;
         }
     }
 
@@ -50,8 +57,117 @@ export function expandHexValue(value: string): string {
     return value;
 }
 
+export function rgb2HexToken(token: ColorToken): ColorToken | null {
+
+    let value: string | null = rgb2hexvalues(token);
+
+    if (value == null) {
+        return null;
+    }
+
+    return hexToken(value);
+}
+
+export function hsl2HexToken(token: ColorToken): ColorToken | null {
+
+    let value: string | null = hsl2hexvalues(token);
+
+    if (value == null) {
+        return null;
+    }
+
+    return hexToken(value);
+}
+
+export function cmyk2HexToken(token: ColorToken): ColorToken | null {
+
+    let value: string | null = cmyk2hexvalues(token);
+
+    if (value == null) {
+        return null;
+    }
+
+    return hexToken(value);
+}
+
+export function hwb2HexToken(token: ColorToken): ColorToken | null {
+
+    let value: string | null = hwb2hexvalues(token);
+
+    if (value == null) {
+        return null;
+    }
+
+    return hexToken(value);
+}
+
+export function color2HexToken(token: ColorToken): ColorToken | null {
+
+    let value: number[] | null = color2srgbvalues(token);
+
+    if (value == null) {
+        return null;
+    }
+
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
+
+export function oklab2HexToken(token: ColorToken): ColorToken | null {
+
+    let value: number[] | null = oklab2srgbvalues(token);
+
+    if (value == null) {
+        return null;
+    }
+
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
 
-export function rgb2hex(token: ColorToken) {
+export function oklch2HexToken(token: ColorToken): ColorToken | null {
+
+    let value: number[] | null = oklch2srgbvalues(token);
+
+    if (value == null) {
+        return null;
+    }
+
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
+
+export function lab2HexToken(token: ColorToken): ColorToken | null {
+
+    let value: number[] | null = lab2srgbvalues(token);
+
+    if (value == null) {
+        return null;
+    }
+
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
+
+export function lch2HexToken(token: ColorToken): ColorToken | null {
+
+    let value: number[] | null = lch2srgbvalues(token);
+
+    if (value == null) {
+        return null;
+    }
+
+    return hexToken(value.reduce((acc, curr) => acc + srgb2rgb(curr).toString(16).padStart(2, '0'), '#'));
+}
+
+ function hexToken(value: string): ColorToken {
+
+    value = reduceHexValue(value);
+
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: value,
+        kin: value[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+    } as ColorToken;
+}
+
+export function rgb2hexvalues(token: ColorToken): string | null {
 
     let value: string = '#';
     let t: NumberToken | PercentageToken;
@@ -59,6 +175,11 @@ export function rgb2hex(token: ColorToken) {
     // @ts-ignore
     const components: number[] = getComponents(token);
 
+    if (components == null || components.length < 3) {
+
+        return null;
+    }
+
     // @ts-ignore
     for (let i = 0; i < 3; i++) {
 
@@ -76,7 +197,7 @@ export function rgb2hex(token: ColorToken) {
         t = components[3];
 
         // @ts-ignore
-        const v: number = ((<IdentToken>t).typ == EnumToken.IdenTokenType && (<IdentToken>t).val == 'none') ? 1 : getNumber(t);
+        const v: number = getNumber(t);
 
         // @ts-ignore
         if (v < 1) {
@@ -89,55 +210,54 @@ export function rgb2hex(token: ColorToken) {
     return value;
 }
 
-export function hsl2hex(token: ColorToken) {
+export function hsl2hexvalues(token: ColorToken): string | null {
 
-    const t = hsl2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
-
-export function hwb2hex(token: ColorToken): string | null{
+    const t: number[] | null = hsl2rgbvalues(token);
 
-    const t = hwb2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
+    if (t == null) {
 
-export function cmyk2hex(token: ColorToken): string | null {
+        return null;
+    }
 
-    const t = cmyk2rgb(token);
-    return t == null ? null : `#${t.reduce(toHexString, '')}`;
-}
+    if (t.length == 4) {
 
-export function oklab2hex(token: ColorToken): string | null {
+        t[3] = srgb2rgb(t[3]);
+    }
 
-    const t = oklab2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
+    return `${t.reduce(toHexString, '#')}`;
 }
 
-export function oklch2hex(token: ColorToken): string | null {
+export function hwb2hexvalues(token: ColorToken): string | null {
 
-    const value = oklch2rgb(token);
+    const t: number[] | null = hwb2rgbvalues(token);
 
-    if (value == null) {
+    if (t == null) {
 
         return null;
     }
 
-    return `${value.reduce(toHexString, '#')}`;
-}
 
-export function lab2hex(token: ColorToken): string | null{
+    if (t.length == 4) {
 
-    const t = lab2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
+        t[3] = srgb2rgb(t[3]);
+    }
+
+    return `${t.reduce(toHexString, '#')}`;
 }
 
-export function lch2hex(token: ColorToken): string | null {
+export function cmyk2hexvalues(token: ColorToken): string | null {
 
-    const t = lch2rgb(token);
-    return t == null ? null : `${t.reduce(toHexString, '#')}`;
-}
+    const t: number[] | null = cmyk2rgbvalues(token);
 
-export function srgb2hexvalues(r: number, g: number, b: number, alpha?: number | null): string {
+    if (t == null) {
+
+        return null;
+    }
+
+    if (t.length == 4) {
+
+        t[3] = srgb2rgb(t[3]);
+    }
 
-    return [r, g, b].concat(alpha == null || alpha == 1 ? [] : [alpha]).reduce((acc: string, value: number): string => acc + minmax(Math.round(255 * value), 0, 255).toString(16).padStart(2, '0'), '#');
+    return `#${t.reduce(toHexString, '')}`;
 }
diff --git a/src/lib/syntax/color/hsl.ts b/src/lib/syntax/color/hsl.ts
index bc13c8b7..747f05da 100644
--- a/src/lib/syntax/color/hsl.ts
+++ b/src/lib/syntax/color/hsl.ts
@@ -1,22 +1,135 @@
 import {hwb2hsv} from "./hsv.ts";
 import type {ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {getNumber} from "./color.ts";
-import {hex2rgb, lab2rgb, lch2rgb, oklab2rgb, oklch2rgb} from "./rgb.ts";
-import {getComponents} from "./utils/index.ts";
+import {color2srgbvalues, getNumber, toPrecisionAngle} from "./color.ts";
+import {cmyk2rgbvalues, lab2rgbvalues, lch2rgbvalues} from "./rgb.ts";
+import {ColorKind, getComponents} from "./utils/index.ts";
+import {hex2srgbvalues, hslvalues, oklab2srgbvalues, oklch2srgbvalues} from './srgb.ts';
 import {EnumToken} from "../../ast/index.ts";
-import {hslvalues} from './srgb.ts';
 
-export function hex2hsl(token: ColorToken): number[] {
+export function hex2HslToken(token: ColorToken): ColorToken | null {
 
     // @ts-ignore
-    return rgb2hslvalues(...hex2rgb(token));
+    return hslToken(srgb2hslvalues(...hex2srgbvalues(token)));
 }
 
-export function rgb2hsl(token: ColorToken): number[] | null {
+export function rgb2HslToken(token: ColorToken): ColorToken | null {
+
+    const values = rgb2hslvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hslToken(values);
+}
+
+export function hwb2HslToken(token: ColorToken): ColorToken | null {
+
+    const values = hwb2hslvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hslToken(values);
+}
+
+export function cmyk2HslToken(token: ColorToken): ColorToken | null {
+
+    const values = cmyk2hslvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hslToken(values);
+}
+
+export function oklab2HslToken(token: ColorToken): ColorToken | null {
+
+    const values = oklab2hslvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hslToken(values);
+}
+
+export function oklch2HslToken(token: ColorToken): ColorToken | null {
+
+    const values = oklch2hslvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hslToken(values);
+}
+
+export function lab2HslToken(token: ColorToken): ColorToken | null {
+
+    const values = lab2hslvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hslToken(values);
+}
+
+export function lch2HslToken(token: ColorToken): ColorToken | null {
+
+    const values = lch2hslvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hslToken(values);
+}
+
+export function color2HslToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = color2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    // @ts-ignore
+    return hslToken(srgb2hslvalues(...values));
+}
+
+function hslToken(values: number[]): ColorToken {
+
+    values[0] = toPrecisionAngle(values[0] * 360);
+
+    const chi: Token[] = <Token[]>[
+
+        {typ: EnumToken.NumberTokenType, val: String(values[0]), uni: 'deg'},
+        {typ: EnumToken.PercentageTokenType, val: String(values[1] * 100)},
+        {typ: EnumToken.PercentageTokenType, val: String(values[2] * 100)},
+    ];
+
+    if (values.length == 4 && values[3] != 1) {
+
+        chi.push({typ: EnumToken.LiteralTokenType, val: '/'}, {typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed()});
+    }
+
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'hsl',
+        chi,
+        kin: ColorKind.HSL
+    }
+}
+
+export function rgb2hslvalues(token: ColorToken): number[] | null {
 
     const chi: Token[] | null = getComponents(token);
 
-    if (chi == null) {
+    if (chi == null || chi.length < 3) {
 
         return null;
     }
@@ -37,15 +150,12 @@ export function rgb2hsl(token: ColorToken): number[] | null {
     // @ts-ignore
     let b: number = getNumber(t);
 
-    // @ts-ignore
-    t = <NumberToken | PercentageToken | IdentToken>chi[3];
     // @ts-ignore
     let a: number = null;
 
-    if (t != null && !(t.typ == EnumToken.IdenTokenType && t.val == 'none')) {
+    if (chi.length == 4) {
 
-        // @ts-ignore
-        a = getNumber(t) / 255;
+        a = getNumber(chi[3] as NumberToken | PercentageToken | IdentToken);
     }
 
     const values: number[] = [r, g, b];
@@ -57,7 +167,7 @@ export function rgb2hsl(token: ColorToken): number[] | null {
 
 
     // @ts-ignore
-    return rgb2hslvalues(...values);
+    return rgbvalues2hslvalues(...values);
 }
 
 // https://gist.github.com/defims/0ca2ef8832833186ed396a2f8a204117#file-annotated-js
@@ -84,46 +194,53 @@ export function hsv2hsl(h: number, s: number, v: number, a?: number): number[] {
     return result;
 }
 
+export function cmyk2hslvalues(token: ColorToken): number[] {
+
+    const values = cmyk2rgbvalues(token);
+
+    // @ts-ignore
+    return values == null ? null : rgbvalues2hslvalues(...values);
+}
 
-export function hwb2hsl(token: ColorToken): [number, number, number, number] {
+export function hwb2hslvalues(token: ColorToken): [number, number, number, number] {
 
     // @ts-ignore
     return hsv2hsl(...hwb2hsv(...Object.values(hslvalues(token))));
 }
 
-export function lab2hsl(token: ColorToken): number[] {
+export function lab2hslvalues(token: ColorToken): number[] {
 
     // @ts-ignore
-    return rgb2hslvalues(...lab2rgb(token));
+    return rgbvalues2hslvalues(...lab2rgbvalues(token));
 }
 
-export function lch2hsl(token: ColorToken): number[] {
+export function lch2hslvalues(token: ColorToken): number[] {
 
     // @ts-ignore
-    return rgb2hslvalues(...lch2rgb(token));
+    return rgbvalues2hslvalues(...lch2rgbvalues(token));
 }
 
-export function oklab2hsl(token: ColorToken): number[] | null {
+export function oklab2hslvalues(token: ColorToken): number[] | null {
 
-    const t: number[] | null = oklab2rgb(token);
+    const t: number[] | null = oklab2srgbvalues(token);
     // @ts-ignore
-    return t == null ? null : rgb2hslvalues(...t);
+    return t == null ? null : srgb2hslvalues(...t);
 }
 
-export function oklch2hsl(token: ColorToken): number[] | null{
+export function oklch2hslvalues(token: ColorToken): number[] | null{
 
-    const t: number[] | null = oklch2rgb(token);
+    const t: number[] | null = oklch2srgbvalues(token);
     // @ts-ignore
-    return t == null ? null : rgb2hslvalues(...t);
+    return t == null ? null : srgb2hslvalues(...t);
 }
 
-export function rgb2hslvalues(r: number, g: number, b: number, a: number | null = null): number[] {
+export function rgbvalues2hslvalues(r: number, g: number, b: number, a: number | null = null): number[] {
 
-    return srgb2hsl(r / 255, g / 255, b / 255, a);
+    return srgb2hslvalues(r / 255, g / 255, b / 255, a);
 }
 
 
-export function srgb2hsl(r: number, g: number, b: number, a: number | null = null): number[] {
+export function srgb2hslvalues(r: number, g: number, b: number, a: number | null = null): number[] {
 
     let max: number = Math.max(r, g, b);
     let min: number = Math.min(r, g, b);
diff --git a/src/lib/syntax/color/hwb.ts b/src/lib/syntax/color/hwb.ts
index 29694b72..66f5f74a 100644
--- a/src/lib/syntax/color/hwb.ts
+++ b/src/lib/syntax/color/hwb.ts
@@ -1,27 +1,146 @@
 import {hsl2hsv} from "./hsv.ts";
 import type {AngleToken, ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {getComponents} from "./utils";
-import {getAngle, getNumber} from "./color.ts";
+import {ColorKind, getComponents} from "./utils/index.ts";
+import {color2srgbvalues, getAngle, getNumber, toPrecisionAngle} from "./color.ts";
 import {EnumToken} from "../../ast/index.ts";
-import {lab2srgb, lch2srgb, oklab2srgb, oklch2srgb} from "./srgb.ts";
+import {cmyk2srgbvalues, lab2srgbvalues, lch2srgbvalues, oklab2srgbvalues, oklch2srgbvalues} from "./srgb.ts";
 
-export function rgb2hwb(token: ColorToken): number[] {
+export function rgb2hwbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = rgb2hwbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hwbToken(values);
+}
+
+export function hsl2hwbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = hsl2hwbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hwbToken(values);
+}
+
+export function cmyk2hwbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = cmyk2hwbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hwbToken(values);
+}
+
+export function oklab2hwbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = oklab2hwbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hwbToken(values);
+}
+
+export function oklch2hwbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = oklch2hwbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hwbToken(values);
+}
+
+export function lab2hwbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = lab2hwbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hwbToken(values);
+}
+
+export function lch2hwbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = lch2hwbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hwbToken(values);
+}
+
+export function color2hwbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = color2hwbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return hwbToken(values);
+}
+
+export function hwbToken(values: number[]): ColorToken {
+
+    values[0] = toPrecisionAngle(values[0] * 360);
+
+    const chi: Token[] = <Token[]>[
+
+        {typ: EnumToken.NumberTokenType, val: String(values[0])},
+        {typ: EnumToken.PercentageTokenType, val: String(values[1] * 100)},
+        {typ: EnumToken.PercentageTokenType, val: String(values[2] * 100)},
+    ];
+
+    if (values.length == 4) {
+
+        chi.push({typ: EnumToken.LiteralTokenType, val: '/'}, {typ: EnumToken.PercentageTokenType, val: String((values[3] * 100).toFixed())});
+    }
+
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'hwb',
+        chi,
+        kin: ColorKind.HWB
+    }
+}
+
+export function rgb2hwbvalues(token: ColorToken): number[] {
 
     // @ts-ignore
     return srgb2hwb(...getComponents(token).map((t: Token, index: number): number => {
 
-        if (index == 3 && t.typ == EnumToken.IdenTokenType && (t as IdentToken).val == 'none') {
-            return 1;
+        if (index == 3) {
+
+            return getNumber(<IdentToken | NumberToken | PercentageToken>t);
         }
 
         return getNumber(<IdentToken | NumberToken | PercentageToken>t) / 255;
     }));
 }
 
-export function hsl2hwb(token: ColorToken): number[] {
+export function cmyk2hwbvalues(token: ColorToken): number[] {
 
     // @ts-ignore
-    return hsl2hwbvalues(...getComponents(token).map((t: Token, index: number) => {
+    return srgb2hwb(...cmyk2srgbvalues(token));
+}
+
+export function hsl2hwbvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return hslvalues2hwbvalues(...getComponents(token).map((t: Token, index: number) => {
 
         if (index == 3 && (t.typ == EnumToken.IdenTokenType && (t as IdentToken).val == 'none')) {
             return 1;
@@ -36,28 +155,29 @@ export function hsl2hwb(token: ColorToken): number[] {
     }));
 }
 
-export function lab2hwb(token: ColorToken): number[] {
+export function lab2hwbvalues(token: ColorToken): number[] {
 
     // @ts-ignore
-    return srgb2hwb(...lab2srgb(token));
+    return srgb2hwb(...lab2srgbvalues(token));
 }
 
-export function lch2hwb(token: ColorToken): number[] {
+export function lch2hwbvalues(token: ColorToken): number[] {
 
     // @ts-ignore
-    return srgb2hwb(...lch2srgb(token));
+    return srgb2hwb(...lch2srgbvalues(token));
 }
 
-export function oklab2hwb(token: ColorToken): number[] {
+export function oklab2hwbvalues(token: ColorToken): number[] {
 
     // @ts-ignore
-    return srgb2hwb(...oklab2srgb(token));
+    return srgb2hwb(...oklab2srgbvalues(token));
 }
 
-export function oklch2hwb(token: ColorToken): number[] {
+export function oklch2hwbvalues(token: ColorToken): number[] {
 
+    const values: number[] | null = oklch2srgbvalues(token);
     // @ts-ignore
-    return srgb2hwb(...oklch2srgb(token));
+    return values == null ? null : srgb2hwb(...values);
 }
 
 function rgb2hue(r: number, g: number, b: number, fallback: number = 0) {
@@ -97,6 +217,12 @@ function rgb2whiteness(r: number, g: number, b: number): number {
     return Math.min(r, g, b);
 }
 
+export function color2hwbvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return srgb2hwb(...color2srgbvalues(token));
+}
+
 export function srgb2hwb(r: number, g: number, b: number, a: number | null = null, fallback: number = 0): number[] {
 
     r *= 100;
@@ -129,7 +255,7 @@ export function hsv2hwb(h: number, s: number, v: number, a: number | null = null
     return result;
 }
 
-export function hsl2hwbvalues(h: number, s: number, l: number, a: number | null = null): number[] {
+export function hslvalues2hwbvalues(h: number, s: number, l: number, a: number | null = null): number[] {
 
     // @ts-ignore
     return hsv2hwb(...hsl2hsv(h, s, l, a));
diff --git a/src/lib/syntax/color/index.ts b/src/lib/syntax/color/index.ts
index 03b15ed0..12434ced 100644
--- a/src/lib/syntax/color/index.ts
+++ b/src/lib/syntax/color/index.ts
@@ -15,4 +15,4 @@ export * from './xyzd50.ts';
 export * from './prophotorgb.ts';
 export * from './a98rgb.ts';
 export * from './rec2020.ts';
-export {NAMES_COLORS, COLORS_NAMES} from "./utils";
\ No newline at end of file
+export {NAMES_COLORS, COLORS_NAMES} from "./utils/index.ts";
\ No newline at end of file
diff --git a/src/lib/syntax/color/lab.ts b/src/lib/syntax/color/lab.ts
index 79c167aa..80e9dc54 100644
--- a/src/lib/syntax/color/lab.ts
+++ b/src/lib/syntax/color/lab.ts
@@ -1,60 +1,221 @@
-import {D50, e, getComponents, k} from "./utils/index.ts";
-import {srgb2xyz} from "./xyz.ts";
+import {ColorKind, D50, e, getComponents, k} from "./utils/index.ts";
+import {srgb2xyz_d50, XYZ_D50_to_D65, XYZ_to_lin_sRGB} from "./xyz.ts";
 import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {hex2srgb, hsl2srgb, hwb2srgb, oklch2srgb, rgb2srgb} from "./srgb.ts";
+import {cmyk2srgbvalues, hex2srgbvalues, hsl2srgb, hwb2srgbvalues, oklch2srgbvalues, rgb2srgb} from "./srgb.ts";
 import {getLCHComponents} from "./lch.ts";
 import {getOKLABComponents, OKLab_to_XYZ} from "./oklab.ts";
-import {getNumber} from "./color.ts";
+import {color2srgbvalues, getNumber} from "./color.ts";
 import {EnumToken} from "../../ast/index.ts";
-import {xyzd502srgb} from "./xyzd50.ts";
+import {XYZ_D65_to_D50, xyzd502srgb} from "./xyzd50.ts";
+
+export function hex2labToken(token: ColorToken): ColorToken | null {
+
+    return labToken(hex2labvalues(token));
+}
+
+export function rgb2labToken(token: ColorToken): ColorToken | null {
+
+    const values = rgb2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+export function hsl2labToken(token: ColorToken): ColorToken | null {
+
+    const values = hsl2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+export function hwb2labToken(token: ColorToken): ColorToken | null {
+
+    const values = hwb2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+export function cmyk2labToken(token: ColorToken): ColorToken | null {
+
+    const values = cmyk2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+export function lch2labToken(token: ColorToken): ColorToken | null {
+
+    const values = lch2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+export function oklab2labToken(token: ColorToken): ColorToken | null {
+
+    const values = oklab2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+export function oklch2labToken(token: ColorToken): ColorToken | null {
+
+    const values = oklch2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+export function color2labToken(token: ColorToken): ColorToken | null {
+
+    const values = color2labvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return labToken(values);
+}
+
+function labToken(values: number[]): ColorToken | null {
+
+    const chi: Token[] = <Token[]>[
+
+        {typ: EnumToken.NumberTokenType, val: String(values[0])},
+        {typ: EnumToken.NumberTokenType, val: String(values[1])},
+        {typ: EnumToken.NumberTokenType, val: String(values[2])},
+    ];
+
+    if (values.length == 4) {
+
+        chi.push({typ: EnumToken.LiteralTokenType, val: '/'}, {typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed()});
+    }
+
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'lab',
+        chi,
+        kin: ColorKind.LAB
+    }
+}
 
 // L: 0% = 0.0, 100% = 100.0
 // for a and b: -100% = -125, 100% = 125
 
-export function hex2lab(token: ColorToken) {
+export function hex2labvalues(token: ColorToken) {
 
-    //  @ts-ignore
-    return srgb2lab(...hex2srgb(token));
+    // @ts-ignore
+    return srgb2labvalues(...hex2srgbvalues(token));
 }
 
-export function rgb2lab(token: ColorToken) {
+export function rgb2labvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = rgb2srgb(token);
     // @ts-ignore
-    return srgb2lab(...rgb2srgb(token));
+    return values == null ? null : srgb2labvalues(...values);
 }
 
-export function hsl2lab(token: ColorToken) {
+export function cmyk2labvalues(token: ColorToken) {
+
+    const values: number[] | null = cmyk2srgbvalues(token);
+
     // @ts-ignore
-    return srgb2lab(...hsl2srgb(token));
+    return values == null ? null : srgb2labvalues(...values);
 }
 
-export function hwb2lab(token: ColorToken): number[] {
+export function hsl2labvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = hsl2srgb(token);
+
+    if (values == null) {
+        return null;
+    }
 
     // @ts-ignore
-    return srgb2lab(...hwb2srgb(token));
+    return srgb2labvalues(...values);
 }
 
-export function lch2lab(token: ColorToken) {
+export function hwb2labvalues(token: ColorToken): number[] {
 
     // @ts-ignore
-    return lch2labvalues(...getLCHComponents(token));
+    return srgb2labvalues(...hwb2srgbvalues(token));
 }
 
-export function oklab2lab(token: ColorToken) {
+export function lch2labvalues(token: ColorToken): number[] | null {
+
+
+    const values = getLCHComponents(token);
 
     // @ts-ignore
-    return xyz2lab(...OKLab_to_XYZ(...getOKLABComponents(token)));
+    return values == null ? null : lchvalues2labvalues(...values);
 }
 
-export function oklch2lab(token: ColorToken): number[] {
+export function oklab2labvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = getOKLABComponents(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    // @ts-ignore
+    return xyz2lab(...XYZ_D65_to_D50(...OKLab_to_XYZ(...values)));
+}
+
+export function oklch2labvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = oklch2srgbvalues(token);
+
+    if (values == null) {
+
+        return null;
+    }
+
+    // @ts-ignore
+    return srgb2labvalues(...values);
+}
+
+export function color2labvalues(token: ColorToken): number[] | null {
+
+    const val: number[] | null = color2srgbvalues(token);
+
+    if (val == null) {
+
+        return null;
+    }
 
     // @ts-ignore
-    return srgb2lab(...oklch2srgb(token));
+    return srgb2labvalues(...val);
 }
 
-export function srgb2lab(r: number, g: number, b: number, a: number | null): number[] {
+export function srgb2labvalues(r: number, g: number, b: number, a: number | null): number[] {
 
     // @ts-ignore */
-    const result: number[] = xyz2lab(...srgb2xyz(r, g, b));
+    const result: number[] = xyz2lab(...srgb2xyz_d50(r, g, b));
 
     // Fixes achromatic RGB colors having a _slight_ chroma due to floating-point errors
     // and approximated computations in sRGB <-> CIELab.
@@ -97,7 +258,7 @@ export function xyz2lab(x: number, y: number, z: number, a: number | null = null
     return result;
 }
 
-export function lch2labvalues(l: number, c: number, h: number, a: number | null = null): number[] {
+export function lchvalues2labvalues(l: number, c: number, h: number, a: number | null = null): number[] {
     // l, c * Math.cos(360 * h * Math.PI / 180), c * Math.sin(360 * h * Math.PI / 180
     const result: number[] = [l, c * Math.cos(h * Math.PI / 180), c * Math.sin(h * Math.PI / 180)];
 
@@ -163,6 +324,15 @@ export function getLABComponents(token: ColorToken): number[] | null {
 // D50 LAB
 export function Lab_to_sRGB(l: number, a: number, b: number): number[] {
 
+    const xyz_d50 = Lab_to_XYZ(l, a, b);
+    // @ts-ignore
+    const xyz_d65 = XYZ_D50_to_D65(...xyz_d50);
+
+    // @ts-ignore
+    const lin_srgb = XYZ_to_lin_sRGB(...xyz_d65);
+
+    const srgb = lin_srgb.map((value: number, i: number) => value > 0.0031308 ? 1.055 * Math.pow(value, 1 / 2.4) - 0.055 : 12.92 * value);
+
     // @ts-ignore
     return xyzd502srgb(...Lab_to_XYZ(l, a, b));
 }
diff --git a/src/lib/syntax/color/lch.ts b/src/lib/syntax/color/lch.ts
index a1cd5515..3ed78e80 100644
--- a/src/lib/syntax/color/lch.ts
+++ b/src/lib/syntax/color/lch.ts
@@ -1,58 +1,228 @@
 import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {getComponents} from "./utils/index.ts";
-import {getAngle, getNumber} from "./color.ts";
+import {ColorKind, getComponents} from "./utils/index.ts";
+import {color2srgbvalues, getAngle, getNumber, toPrecisionAngle} from "./color.ts";
 import {EnumToken} from "../../ast/index.ts";
-import {getLABComponents, hex2lab, hsl2lab, hwb2lab, oklab2lab, oklch2lab, rgb2lab, srgb2lab, xyz2lab} from "./lab.ts";
+import {
+    getLABComponents,
+    hex2labvalues,
+    hsl2labvalues,
+    hwb2labvalues,
+    oklab2labvalues,
+    oklch2labvalues,
+    rgb2labvalues,
+    srgb2labvalues,
+    xyz2lab
+} from "./lab.ts";
+import {cmyk2srgbvalues} from "./srgb.ts";
+
+export function hex2lchToken(token: ColorToken): ColorToken | null {
+
+    const values = hex2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
+
+export function rgb2lchToken(token: ColorToken): ColorToken | null {
+
+    const values = rgb2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
+
+export function hsl2lchToken(token: ColorToken): ColorToken | null {
+
+    const values = hsl2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
+
+export function hwb2lchToken(token: ColorToken): ColorToken | null {
+
+    const values = hwb2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
 
-export function hex2lch(token: ColorToken): number[] {
+export function cmyk2lchToken(token: ColorToken): ColorToken | null {
+
+    const values = cmyk2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
+
+export function lab2lchToken(token: ColorToken): ColorToken | null {
+
+    const values = lab2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
+
+export function oklab2lchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = oklab2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
+
+export function oklch2lchToken(token: ColorToken): ColorToken | null {
+
+    const values = oklch2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
+
+export function color2lchToken(token: ColorToken): ColorToken | null {
+
+    const values = color2lchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return lchToken(values);
+}
+
+function lchToken(values: number[]): ColorToken | null {
+
+    values[2] = toPrecisionAngle(values[2]);
+
+    const chi: Token[] = <Token[]>[
+
+        {typ: EnumToken.NumberTokenType, val: String(values[0])},
+        {typ: EnumToken.NumberTokenType, val: String(values[1])},
+        {typ: EnumToken.NumberTokenType, val: String(values[2])},
+    ];
+
+    if (values.length == 4) {
+
+        chi.push({typ: EnumToken.LiteralTokenType, val: '/'}, {typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed()});
+    }
+
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'lch',
+        chi,
+        kin: ColorKind.LCH
+    }
+}
+
+export function hex2lchvalues(token: ColorToken): number[] | null {
+
+    const values = hex2labvalues(token);
 
     // @ts-ignore
-    return lab2lchvalues(...hex2lab(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
 
-export function rgb2lch(token: ColorToken): number[] {
+export function rgb2lchvalues(token: ColorToken): number[] | null {
 
+    const values: number[] | null = rgb2labvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...rgb2lab(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
 
-export function hsl2lch(token: ColorToken): number[] {
+export function hsl2lchvalues(token: ColorToken): number[] | null {
 
+    const values = hsl2labvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...hsl2lab(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
 
-export function hwb2lch(token: ColorToken): number[] {
+export function hwb2lchvalues(token: ColorToken): number[] | null {
 
+    const values = hwb2labvalues(token);
     // @ts-ignore
-    return lab2lchvalues(...hwb2lab(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
 
-export function lab2lch(token: ColorToken): number[] {
+export function lab2lchvalues(token: ColorToken): number[] | null {
+
+    const values = getLABComponents(token);
 
     // @ts-ignore
-    return lab2lchvalues(...getLABComponents(token));
+    return values == null ? null : labvalues2lchvalues(...values);
 }
 
 export function srgb2lch(r: number, g: number, blue: number, alpha: number | null): number[] {
 
     // @ts-ignore
-    return lab2lchvalues(...srgb2lab(r, g, blue, alpha));
+    return labvalues2lchvalues(...srgb2labvalues(r, g, blue, alpha));
+}
+
+export function oklab2lchvalues(token: ColorToken): number[] | null {
+
+
+    const values = oklab2labvalues(token);
+    // @ts-ignore
+    return values == null ? null : labvalues2lchvalues(...values);
+}
+
+export function cmyk2lchvalues(token: ColorToken): number[] | null {
+
+    const values = cmyk2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2lch(...values);
 }
 
-export function oklab2lch(token: ColorToken): number[] {
+export function oklch2lchvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = oklch2labvalues(token);
+
+    if (values == null) {
+
+        return null;
+    }
 
     // @ts-ignore
-    return lab2lchvalues(...oklab2lab(token));
+    return labvalues2lchvalues(...values);
 }
 
-export function oklch2lch(token: ColorToken): number[] {
+export function color2lchvalues(token: ColorToken): number[] | null {
+
+    const values = color2srgbvalues(token);
+
+    if (values == null) {
+
+        return null;
+    }
 
     // @ts-ignore
-    return lab2lchvalues(...oklch2lab(token));
+    return srgb2lch(...values);
 }
 
-export function lab2lchvalues(l: number, a: number, b: number, alpha: number | null = null): number[] {
+export function labvalues2lchvalues(l: number, a: number, b: number, alpha: number | null = null): number[] {
 
     let c: number = Math.sqrt(a * a + b * b);
     let h: number = Math.atan2(b, a) * 180 / Math.PI;
@@ -71,19 +241,10 @@ export function lab2lchvalues(l: number, a: number, b: number, alpha: number | n
 export function xyz2lchvalues(x: number, y: number, z: number, alpha?: number): number[] {
 
     // @ts-ignore(
-    const lch = lab2lchvalues(...xyz2lab(x, y, z));
+    const lch = labvalues2lchvalues(...xyz2lab(x, y, z));
 
     return alpha == null || alpha == 1 ? lch : lch.concat(alpha);
 }
-
-export function srgb2lchvalues(r: number, g: number, blue: number, alpha?: number): number[] {
-
-    // @ts-ignore
-    const [l, c, h] = lab2lchvalues(...srgb2lab(r, g, blue));
-
-    return alpha == null || alpha == 1 ? [l, c, h] : [l, c, h, alpha];
-}
-
 export function getLCHComponents(token: ColorToken): number[] | null {
 
     const components: Token[] | null = getComponents(token);
diff --git a/src/lib/syntax/color/oklab.ts b/src/lib/syntax/color/oklab.ts
index ed838ec2..f8dfeeaa 100644
--- a/src/lib/syntax/color/oklab.ts
+++ b/src/lib/syntax/color/oklab.ts
@@ -1,60 +1,225 @@
-import {getComponents, multiplyMatrices} from "./utils";
+import {ColorKind, getComponents, multiplyMatrices} from "./utils/index.ts";
 import {
-    hex2srgb,
+    cmyk2srgbvalues,
+    hex2srgbvalues,
     hsl2srgb,
-    hwb2srgb,
-    lab2srgb,
-    lch2srgb,
+    hwb2srgbvalues,
+    lab2srgbvalues,
+    lch2srgbvalues,
     lsrgb2srgbvalues,
     rgb2srgb,
     srgb2lsrgbvalues
 } from "./srgb.ts";
 import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {getNumber} from "./color.ts";
+import {color2srgbvalues, getNumber} from "./color.ts";
 import {EnumToken} from "../../ast/index.ts";
 import {getOKLCHComponents} from "./oklch.ts";
-import {lch2labvalues} from "./lab.ts";
+import {lchvalues2labvalues} from "./lab.ts";
 
-export function hex2oklab(token: ColorToken) {
+export function hex2oklabToken(token: ColorToken): ColorToken | null {
 
+    const values = hex2oklabvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklabToken(values);
+}
+
+export function rgb2oklabToken(token: ColorToken): ColorToken | null {
+
+    const values = rgb2oklabvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklabToken(values);
+}
+
+export function hsl2oklabToken(token: ColorToken): ColorToken | null {
+
+    const values = hsl2oklabvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklabToken(values);
+}
+
+export function hwb2oklabToken(token: ColorToken): ColorToken | null {
+
+    const values = hwb2oklabvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklabToken(values);
+}
+
+export function cmyk2oklabToken(token: ColorToken): ColorToken | null {
+
+    const values = cmyk2oklabvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklabToken(values);
+}
+
+export function lab2oklabToken(token: ColorToken): ColorToken | null {
+
+    const values = lab2oklabvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklabToken(values);
+}
+
+export function lch2oklabToken(token: ColorToken): ColorToken | null {
+
+    const values = lch2oklabvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklabToken(values);
+}
+
+export function oklch2oklabToken(token: ColorToken): ColorToken | null {
+
+    const values = oklch2oklabvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklabToken(values);
+}
+
+export function color2oklabToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = color2oklabvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklabToken(values);
+}
+
+function oklabToken(values: number[]): ColorToken | null {
+
+    const chi: Token[] = <Token[]>[
+
+        {typ: EnumToken.NumberTokenType, val: String(values[0])},
+        {typ: EnumToken.NumberTokenType, val: String(values[1])},
+        {typ: EnumToken.NumberTokenType, val: String(values[2])},
+    ];
+
+    if (values.length == 4) {
+
+        chi.push({typ: EnumToken.LiteralTokenType, val: '/'}, {
+            typ: EnumToken.PercentageTokenType,
+            val: (values[3] * 100).toFixed()
+        });
+    }
+
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'oklab',
+        chi,
+        kin: ColorKind.OKLAB
+    }
+}
+
+export function hex2oklabvalues(token: ColorToken): number[] | null {
+
+    const values = hex2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    // @ts-ignore
+    return srgb2oklab(...values);
+}
+
+export function rgb2oklabvalues(token: ColorToken) {
+
+    const values = rgb2srgb(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    // @ts-ignore
+    return srgb2oklab(...values);
+}
+
+export function hsl2oklabvalues(token: ColorToken) {
+
+    const values = hsl2srgb(token);
+
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2oklab(...hex2srgb(token));
+    return srgb2oklab(...values);
 }
 
-export function rgb2oklab(token: ColorToken) {
+export function hwb2oklabvalues(token: ColorToken): number[] {
 
     // @ts-ignore
-    return srgb2oklab(...rgb2srgb(token));
+    return srgb2oklab(...hwb2srgbvalues(token));
 }
 
-export function hsl2oklab(token: ColorToken) {
+export function cmyk2oklabvalues(token: ColorToken) {
 
+    const values = cmyk2srgbvalues(token);
     // @ts-ignore
-    return srgb2oklab(...hsl2srgb(token));
+    return values == null ? null : srgb2oklab(...values);
 }
 
-export function hwb2oklab(token: ColorToken): number[] {
+export function lab2oklabvalues(token: ColorToken) {
+
+    const values: number[] | null = lab2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
 
     // @ts-ignore
-    return srgb2oklab(...hwb2srgb(token));
+    return srgb2oklab(...values);
 }
 
-export function lab2oklab(token: ColorToken) {
+export function lch2oklabvalues(token: ColorToken): number[] | null {
 
+    const values = lch2srgbvalues(token);
     // @ts-ignore
-    return srgb2oklab(...lab2srgb(token));
+    return values == null ? null : srgb2oklab(...values);
 }
 
-export function lch2oklab(token: ColorToken) {
+export function oklch2oklabvalues(token: ColorToken): number[] | null {
 
+    const values: number[] | null = getOKLCHComponents(token);
     // @ts-ignore
-    return srgb2oklab(...lch2srgb(token));
+    return values == null ? null : lchvalues2labvalues(...values);
 }
 
-export function oklch2oklab(token: ColorToken): number[] {
+function color2oklabvalues(token: ColorToken): number[] | null {
+
+    const values = color2srgbvalues(token);
 
     // @ts-ignore
-    return lch2labvalues(...getOKLCHComponents(token));
+    return values == null ? null : srgb2oklab(...values);
 }
 
 export function srgb2oklab(r: number, g: number, blue: number, alpha: number | null): number[] {
@@ -77,27 +242,18 @@ export function srgb2oklab(r: number, g: number, blue: number, alpha: number | n
 
     const b: number = r == g && g == blue ? 0 : 0.0259040371 * L + 0.7827717662 * M - 0.808675766 * S;
 
-
-    return alpha == null ? [l, a, b] : [l, a, b, alpha];
+    return alpha == null || alpha == 1 ? [l, a, b] : [l, a, b, alpha];
 }
 
-export function getOKLABComponents(token: ColorToken): number[] | null{
+export function getOKLABComponents(token: ColorToken): number[] | null {
 
     const components: Token[] | null = getComponents(token);
 
-    if (components == null) {
+    if (components == null || components.length < 3) {
 
         return null;
     }
 
-    for (let i = 0; i < components.length; i++) {
-
-        if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.IdenTokenType].includes(components[i].typ)) {
-
-            return null;
-        }
-    }
-
     // @ts-ignore
     let t: NumberToken | PercentageToken = <NumberToken | PercentageToken>components[0];
 
@@ -117,10 +273,12 @@ export function getOKLABComponents(token: ColorToken): number[] | null{
     const b: number = getNumber(t) * (t.typ == EnumToken.PercentageTokenType ? .4 : 1);
 
     // @ts-ignore
-    t = <NumberToken | PercentageToken>components[3];
+    let alpha: number | null = null;
 
-    // @ts-ignore
-    const alpha: number = t == null || (t.typ == EnumToken.IdenTokenType && t.val == 'none') ? 1 : getNumber(t);
+    if (components.length > 3) {
+
+        alpha = getNumber(components[3] as NumberToken);
+    }
 
     const rgb: number[] = [l, a, b];
 
diff --git a/src/lib/syntax/color/oklch.ts b/src/lib/syntax/color/oklch.ts
index 56e383e9..a97a9195 100644
--- a/src/lib/syntax/color/oklch.ts
+++ b/src/lib/syntax/color/oklch.ts
@@ -1,65 +1,203 @@
 import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {getComponents} from "./utils/index.ts";
-import {getAngle, getNumber} from "./color.ts";
+import {ColorKind, getComponents} from "./utils/index.ts";
+import {color2srgbvalues, getAngle, getNumber, toPrecisionAngle} from "./color.ts";
 import {EnumToken} from "../../ast/index.ts";
-import {lab2lchvalues} from "./lch.ts";
+import {labvalues2lchvalues} from "./lch.ts";
 import {
     getOKLABComponents,
-    hex2oklab,
-    hsl2oklab,
-    hwb2oklab,
-    lab2oklab,
-    lch2oklab,
-    rgb2oklab,
+    hex2oklabvalues,
+    hsl2oklabvalues,
+    hwb2oklabvalues,
+    lab2oklabvalues,
+    lch2oklabvalues,
+    rgb2oklabvalues,
     srgb2oklab
 } from "./oklab.ts";
+import {cmyk2srgbvalues} from "./srgb.ts";
 
-export function hex2oklch(token: ColorToken): number[] {
+export function hex2oklchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] = hex2oklchvalues(token);
+
+    return oklchToken(values);
+}
+
+export function rgb2oklchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = rgb2oklchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklchToken(values);
+}
+
+export function hsl2oklchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = hsl2oklchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklchToken(values);
+}
+
+export function hwb2oklchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = hwb2oklchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklchToken(values);
+}
+
+export function cmyk2oklchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = cmyk2oklchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklchToken(values);
+}
+
+export function lab2oklchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = lab2oklchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklchToken(values);
+}
+
+export function oklab2oklchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = oklab2oklchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklchToken(values);
+}
+
+export function lch2oklchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = lch2oklchvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return oklchToken(values);
+}
+
+export function color2oklchToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = color2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    // @ts-ignore
+    return oklchToken(srgb2oklch(...values));
+}
+
+function oklchToken(values: number[]): ColorToken | null {
+
+    values[2] = toPrecisionAngle(values[2]);
+
+    const chi: Token[] = <Token[]>[
+
+        {typ: EnumToken.NumberTokenType, val: String(values[0])},
+        {typ: EnumToken.NumberTokenType, val: String(values[1])},
+        {typ: EnumToken.NumberTokenType, val: String(values[2])},
+    ];
+
+    if (values.length == 4) {
+
+        chi.push({typ: EnumToken.LiteralTokenType, val: '/'}, {
+            typ: EnumToken.PercentageTokenType,
+            val: (values[3] * 100).toFixed()
+        });
+    }
+
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'oklch',
+        chi,
+        kin: ColorKind.OKLCH
+    }
+}
+
+export function hex2oklchvalues(token: ColorToken): number[] {
+
+    // @ts-ignore
+    return labvalues2lchvalues(...hex2oklabvalues(token));
+}
+
+export function rgb2oklchvalues(token: ColorToken): number[] | null {
+
+    const values = rgb2oklabvalues(token);
+
+    if (values == null) {
+        return null;
+    }
 
     // @ts-ignore
-    return lab2lchvalues(...hex2oklab(token));
+    return labvalues2lchvalues(...values);
 }
 
-export function rgb2oklch(token: ColorToken): number[] {
+export function hsl2oklchvalues(token: ColorToken): number[] {
 
     // @ts-ignore
-    return lab2lchvalues(...rgb2oklab(token));
+    return labvalues2lchvalues(...hsl2oklabvalues(token));
 }
 
-export function hsl2oklch(token: ColorToken): number[] {
+export function hwb2oklchvalues(token: ColorToken): number[] {
 
     // @ts-ignore
-    return lab2lchvalues(...hsl2oklab(token));
+    return labvalues2lchvalues(...hwb2oklabvalues(token));
 }
 
-export function hwb2oklch(token: ColorToken): number[] {
+export function cmyk2oklchvalues(token: ColorToken): number[] {
+
+    const values = cmyk2srgbvalues(token);
 
     // @ts-ignore
-    return lab2lchvalues(...hwb2oklab(token));
+    return values == null ? null : srgb2oklch(...values);
 }
 
-export function lab2oklch(token: ColorToken): number[] {
+export function lab2oklchvalues(token: ColorToken): number[] {
 
     // @ts-ignore
-    return lab2lchvalues(...lab2oklab(token));
+    return labvalues2lchvalues(...lab2oklabvalues(token));
 }
 
-export function lch2oklch(token: ColorToken): number[] {
+export function lch2oklchvalues(token: ColorToken): number[] {
 
     // @ts-ignore
-    return lab2lchvalues(...lch2oklab(token));
+    return labvalues2lchvalues(...lch2oklabvalues(token));
 }
 
-export function oklab2oklch(token: ColorToken): number[] {
+export function oklab2oklchvalues(token: ColorToken): number[] {
 
     // @ts-ignore
-    return lab2lchvalues(...getOKLABComponents(token));
+    return labvalues2lchvalues(...getOKLABComponents(token));
 }
 
 export function srgb2oklch(r: number, g: number, blue: number, alpha: number | null): number[] {
 
     // @ts-ignore
-    return lab2lchvalues(...srgb2oklab(r, g, blue, alpha));
+    return labvalues2lchvalues(...srgb2oklab(r, g, blue, alpha));
 }
 
 export function getOKLCHComponents(token: ColorToken): number[] | null {
diff --git a/src/lib/syntax/color/p3.ts b/src/lib/syntax/color/p3.ts
index b40c7fd5..abf3a760 100644
--- a/src/lib/syntax/color/p3.ts
+++ b/src/lib/syntax/color/p3.ts
@@ -1,5 +1,5 @@
 import {lsrgb2srgbvalues, srgb2lsrgbvalues, xyz2srgb} from "./srgb.ts";
-import {multiplyMatrices} from "./utils";
+import {multiplyMatrices} from "./utils/index.ts";
 import {srgb2xyz} from "./xyz.ts";
 
 export function p32srgbvalues(r: number, g: number, b: number, alpha?: number) {
@@ -11,7 +11,7 @@ export function p32srgbvalues(r: number, g: number, b: number, alpha?: number) {
 export function srgb2p3values(r: number, g: number, b: number, alpha?: number) {
 
     // @ts-ignore
-    return srgb2xyz(...xyz2lp3(...lp32p3(r, g, b, alpha)));
+    return lp32p3(...xyz2lp3(...srgb2xyz(r, g, b, alpha)));
 }
 
 export function p32lp3(r: number, g: number, b: number, alpha?: number) {
diff --git a/src/lib/syntax/color/prophotorgb.ts b/src/lib/syntax/color/prophotorgb.ts
index baae4e9f..0fd63627 100644
--- a/src/lib/syntax/color/prophotorgb.ts
+++ b/src/lib/syntax/color/prophotorgb.ts
@@ -1,5 +1,5 @@
-import {srgb2xyz} from "./xyz.ts";
 import {XYZ_D65_to_D50, xyzd502srgb} from "./xyzd50.ts";
+import {srgb2xyz} from "./xyz.ts";
 
 export function prophotorgb2srgbvalues(r: number, g: number, b: number, a: number | null = null): number[] {
 
diff --git a/src/lib/syntax/color/rec2020.ts b/src/lib/syntax/color/rec2020.ts
index 283e0df3..b9cf6897 100644
--- a/src/lib/syntax/color/rec2020.ts
+++ b/src/lib/syntax/color/rec2020.ts
@@ -1,5 +1,5 @@
 import {xyz2srgb} from "./srgb.ts";
-import {multiplyMatrices} from "./utils";
+import {multiplyMatrices} from "./utils/index.ts";
 import {srgb2xyz} from "./xyz.ts";
 
 export function rec20202srgb(r: number, g: number, b: number, a?: number): number[] {
@@ -17,18 +17,18 @@ function rec20202lrec2020(r: number, g: number, b: number, a?: number): number[]
     // to linear light (un-companded) form.
     // ITU-R BT.2020-2 p.4
 
-    const α = 1.09929682680944 ;
-    const β = 0.018053968510807;
+    const alpha = 1.09929682680944 ;
+    const beta = 0.018053968510807;
 
     return [r, g, b].map(function (val) {
         let sign = val < 0? -1 : 1;
         let abs = Math.abs(val);
 
-        if (abs < β * 4.5 ) {
+        if (abs < beta * 4.5 ) {
             return val / 4.5;
         }
 
-        return sign * (Math.pow((abs + α -1 ) / α, 1/0.45));
+        return sign * (Math.pow((abs + alpha -1 ) / alpha, 1/0.45));
     }).concat(a == null || a == 1 ? [] : [a]);
 }
 
@@ -37,16 +37,16 @@ function lrec20202rec2020(r: number, g: number, b: number, a?: number): number[]
     // to gamma corrected form
     // ITU-R BT.2020-2 p.4
 
-    const α = 1.09929682680944 ;
-    const β = 0.018053968510807;
+    const alpha = 1.09929682680944 ;
+    const beta = 0.018053968510807;
 
 
     return [r, g, b].map(function (val) {
         let sign = val < 0? -1 : 1;
         let abs = Math.abs(val);
 
-        if (abs > β ) {
-            return sign * (α * Math.pow(abs, 0.45) - (α - 1));
+        if (abs > beta ) {
+            return sign * (alpha * Math.pow(abs, 0.45) - (alpha - 1));
         }
 
         return 4.5 * val;
@@ -57,7 +57,7 @@ function lrec20202xyz(r: number, g: number, b: number, a?: number): number[] {
     // convert an array of linear-light rec2020 values to CIE XYZ
     // using  D65 (no chromatic adaptation)
     // http://www.brucelindbloom.com/index.html?Eqn_RGB_XYZ_Matrix.html
-    var M = [
+    let M = [
         [ 63426534 / 99577255,  20160776 / 139408157,  47086771 / 278816314 ],
         [ 26158966 / 99577255, 472592308 / 697040785,   8267143 / 139408157 ],
         [        0,  19567812 / 697040785, 295819943 / 278816314 ],
@@ -69,7 +69,7 @@ function lrec20202xyz(r: number, g: number, b: number, a?: number): number[] {
 
 function xyz2lrec2020(x: number, y: number, z: number, a?: number): number[] {
     // convert XYZ to linear-light rec2020
-    var M = [
+    let M = [
         [  30757411 / 17917100, -6372589 / 17917100, -4539589 / 17917100 ],
         [ -19765991 / 29648200, 47925759 / 29648200,   467509 / 29648200 ],
         [    792561 / 44930125, -1921689 / 44930125, 42328811 / 44930125 ],
diff --git a/src/lib/syntax/color/relativecolor.ts b/src/lib/syntax/color/relativecolor.ts
index 32acbf15..88bd260f 100644
--- a/src/lib/syntax/color/relativecolor.ts
+++ b/src/lib/syntax/color/relativecolor.ts
@@ -7,7 +7,7 @@ import type {
     PercentageToken,
     Token
 } from "../../../@types/index.d.ts";
-import {convert, getNumber} from "./color.ts";
+import {convertColor, getNumber} from "./color.ts";
 import {EnumToken, walkValues} from "../../ast/index.ts";
 import {evaluate, evaluateFunc} from "../../ast/math/index.ts";
 import {ColorKind, colorRange} from "./utils/index.ts";
@@ -44,12 +44,12 @@ export function parseRelativeColor(relativeKeys: string, original: ColorToken, r
 
     // colorFuncColorSpace x,y,z or r,g,b
     const names: string = relativeKeys.startsWith('xyz') ? 'xyz' : relativeKeys.slice(-3);
-    const converted: ColorToken = <ColorToken>convert(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_') as keyof typeof ColorKind]);
+    const converted: ColorToken = <ColorToken>convertColor(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_') as keyof typeof ColorKind]);
 
-    // if (converted == null) {
-    //
-    //     return null;
-    // }
+    if (converted == null) {
+
+        return null;
+    }
 
     const children: Token[] = (<Token[]>converted.chi).filter(t => ![EnumToken.WhitespaceTokenType, EnumToken.LiteralTokenType, EnumToken.CommentTokenType].includes(t.typ));
     [r, g, b, alpha] = converted.kin == ColorKind.COLOR ? children.slice(1) : children;
@@ -168,7 +168,7 @@ function computeComponentValue(expr: Record<RelativeColorTypes, Token>, converte
             //     };
             // } else {
 
-                expr[<RelativeColorTypes>key] = <Token>values[<RelativeColorTypes>exp.val];
+            expr[<RelativeColorTypes>key] = <Token>values[<RelativeColorTypes>exp.val];
             // }
 
         } else if (exp.typ == EnumToken.FunctionTokenType && mathFuncs.includes((exp as FunctionToken).val)) {
@@ -187,7 +187,7 @@ function computeComponentValue(expr: Record<RelativeColorTypes, Token>, converte
                 } else
                     */
 
-                    if (value.typ == EnumToken.IdenTokenType) {
+                if (value.typ == EnumToken.IdenTokenType) {
 
                     // @ts-ignore
                     // if (!(value.val in values || typeof Math[(value as IdentToken).val.toUpperCase()] == 'number')) {
diff --git a/src/lib/syntax/color/rgb.ts b/src/lib/syntax/color/rgb.ts
index b7cdeb57..afa0aea2 100644
--- a/src/lib/syntax/color/rgb.ts
+++ b/src/lib/syntax/color/rgb.ts
@@ -1,15 +1,139 @@
-import type {ColorToken} from "../../../@types/index.d.ts";
-import {minmax} from "./color.ts";
-import {ColorKind, COLORS_NAMES} from "./utils";
+import type {ColorToken, Token} from "../../../@types/index.d.ts";
+import {color2srgbvalues, minmax} from "./color.ts";
+import {ColorKind, COLORS_NAMES} from "./utils/index.ts";
 import {expandHexValue} from "./hex.ts";
-import {cmyk2srgb, hsl2srgbvalues, hslvalues, hwb2srgb, lab2srgb, lch2srgb, oklab2srgb, oklch2srgb} from "./srgb.ts";
+import {
+    cmyk2srgbvalues,
+    hslvalues,
+    hslvalues2srgbvalues,
+    hwb2srgbvalues,
+    lab2srgbvalues,
+    lch2srgbvalues,
+    oklab2srgbvalues,
+    oklch2srgbvalues
+} from "./srgb.ts";
+import {EnumToken} from "../../ast/index.ts";
 
 export function srgb2rgb(value: number): number {
 
     return minmax(Math.round(value * 255), 0, 255);
 }
 
-export function hex2rgb(token: ColorToken): number[] {
+export function hex2RgbToken(token: ColorToken): ColorToken | null {
+
+    return rgb2RgbToken(hex2rgbvalues(token));
+}
+
+export function hsl2RgbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = hsl2rgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return rgb2RgbToken(values);
+}
+
+export function hwb2RgbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = hwb2rgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return rgb2RgbToken(values);
+}
+
+export function cmyk2RgbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = cmyk2rgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return rgb2RgbToken(values);
+}
+
+export function oklab2RgbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = oklab2rgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return rgb2RgbToken(values);
+}
+
+export function oklch2RgbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = oklch2rgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return rgb2RgbToken(values);
+}
+
+export function lab2RgbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = lab2rgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return rgb2RgbToken(values);
+}
+
+export function lch2RgbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = lch2rgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return rgb2RgbToken(values);
+}
+
+export function color2RgbToken(token: ColorToken): ColorToken | null {
+
+    const values: number[] | null = color2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
+
+    return rgb2RgbToken(values.map((t: number, index: number) => index == 3 ? t : srgb2rgb(t)));
+}
+
+function rgb2RgbToken(values: number[]): ColorToken | null {
+
+    const chi: Token[] = <Token[]>[
+
+        {typ: EnumToken.NumberTokenType, val: String(values[0])},
+        {typ: EnumToken.NumberTokenType, val: String(values[1])},
+        {typ: EnumToken.NumberTokenType, val: String(values[2])},
+    ];
+
+    if (values.length == 4) {
+
+        chi.push({typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed()});
+    }
+
+    return {
+        typ: EnumToken.ColorTokenType,
+        val: 'rgb',
+        chi,
+        kin: ColorKind.RGB
+    }
+}
+export function hex2rgbvalues(token: ColorToken): number[] {
 
     const value: string = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
     const rgb: number[] = [];
@@ -19,15 +143,28 @@ export function hex2rgb(token: ColorToken): number[] {
         rgb.push(parseInt(value.slice(i, i + 2), 16));
     }
 
+    if (rgb.length == 4) {
+
+        if (rgb[3] == 255) {
+
+            rgb.pop();
+        }
+
+        else {
+
+            rgb[3] = +(rgb[3] / 255).toFixed(2);
+        }
+    }
+
     return rgb;
 }
 
-export function hwb2rgb(token: ColorToken): number[] | null {
+export function hwb2rgbvalues(token: ColorToken): number[] | null {
 
-    return hwb2srgb(token)?.map?.(srgb2rgb) ?? null;
+    return hwb2srgbvalues(token)?.map?.((t: number, index: number) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
 
-export function hsl2rgb(token: ColorToken): number[] | null {
+export function hsl2rgbvalues(token: ColorToken): number[] | null {
 
     let {h, s, l, a} = hslvalues(token) ?? {};
 
@@ -36,31 +173,42 @@ export function hsl2rgb(token: ColorToken): number[] | null {
         return null;
     }
 
-    return hsl2srgbvalues(h, s, l, a).map((t: number) => minmax(Math.round(t * 255), 0, 255));
+    return hslvalues2srgbvalues(h, s, l).map((t: number) => minmax(Math.round(t * 255), 0, 255)).concat(a == 1 || a == null ? [] : [a]);
 }
 
+export function hsl2srgbvalues(token: ColorToken): number[] | null {
+
+    let {h, s, l, a} = hslvalues(token) ?? {};
+
+    if (h == null || s == null || l == null) {
+
+        return null;
+    }
+
+    return hslvalues2srgbvalues(h, s, l).concat(a == 1 || a == null ? [] : [a]);
+}
 
-export function cmyk2rgb(token: ColorToken): number[] | null {
+export function cmyk2rgbvalues(token: ColorToken): number[] | null {
 
-    return cmyk2srgb(token)?.map?.(srgb2rgb) ?? null;
+    return cmyk2srgbvalues(token)?.map?.((t: number, index: number) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
 
-export function oklab2rgb(token: ColorToken): number[] | null {
+export function oklab2rgbvalues(token: ColorToken): number[] | null {
 
-    return oklab2srgb(token)?.map?.(srgb2rgb) ?? null;
+    return oklab2srgbvalues(token)?.map?.((t: number, index: number) => index == 3 ? t : srgb2rgb(t )) ?? null;
 }
 
-export function oklch2rgb(token: ColorToken): number[] | null {
+export function oklch2rgbvalues(token: ColorToken): number[] | null {
 
-    return oklch2srgb(token)?.map?.(srgb2rgb) ?? null;
+    return oklch2srgbvalues(token)?.map?.((t: number, index: number) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
 
-export function lab2rgb(token: ColorToken): number[] | null {
+export function lab2rgbvalues(token: ColorToken): number[] | null {
 
-    return lab2srgb(token)?.map?.(srgb2rgb) ?? null;
+    return lab2srgbvalues(token)?.map?.((t: number, index: number) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
 
-export function lch2rgb(token: ColorToken): number[] | null {
+export function lch2rgbvalues(token: ColorToken): number[] | null {
 
-    return lch2srgb(token)?.map?.(srgb2rgb) ?? null;
+    return lch2srgbvalues(token)?.map?.((t: number, index: number) => index == 3 ? t : srgb2rgb(t)) ?? null;
 }
\ No newline at end of file
diff --git a/src/lib/syntax/color/srgb.ts b/src/lib/syntax/color/srgb.ts
index a0ce2069..c25416bc 100644
--- a/src/lib/syntax/color/srgb.ts
+++ b/src/lib/syntax/color/srgb.ts
@@ -12,7 +12,7 @@ import type {
 } from "../../../@types/index.d.ts";
 import {color2srgbvalues, getAngle, getNumber} from "./color.ts";
 import {EnumToken} from "../../ast/index.ts";
-import {getLABComponents, Lab_to_sRGB, lch2labvalues} from "./lab.ts";
+import {getLABComponents, Lab_to_sRGB, lchvalues2labvalues} from "./lab.ts";
 import {expandHexValue} from "./hex.ts";
 import {getOKLABComponents, OKLab_to_sRGB} from "./oklab.ts";
 import {getLCHComponents} from "./lch.ts";
@@ -25,7 +25,7 @@ export function srgbvalues(token: ColorToken): number[] | null {
 
         case ColorKind.LIT:
         case ColorKind.HEX:
-            return hex2srgb(token);
+            return hex2srgbvalues(token);
 
         case ColorKind.RGB:
         case ColorKind.RGBA:
@@ -37,19 +37,19 @@ export function srgbvalues(token: ColorToken): number[] | null {
 
         case ColorKind.HWB:
 
-            return hwb2srgb(token);
+            return hwb2srgbvalues(token);
 
         case ColorKind.LAB:
-            return lab2srgb(token);
+            return lab2srgbvalues(token);
 
         case ColorKind.LCH:
-            return lch2srgb(token);
+            return lch2srgbvalues(token);
 
         case ColorKind.OKLAB:
-            return oklab2srgb(token);
+            return oklab2srgbvalues(token);
 
         case ColorKind.OKLCH:
-            return oklch2srgb(token);
+            return oklch2srgbvalues(token);
 
         case ColorKind.COLOR:
             return color2srgbvalues(token);
@@ -63,7 +63,24 @@ export function rgb2srgb(token: ColorToken): number[] | null {
     return getComponents(token)?.map?.((t: Token, index: number): number => index == 3 ? ((t.typ == EnumToken.IdenTokenType && (t as IdentToken).val == 'none') ? 1 : getNumber(<IdentToken | NumberToken | PercentageToken>t)) : (t.typ == EnumToken.PercentageTokenType ? 255 : 1) * getNumber(<IdentToken | NumberToken | PercentageToken>t) / 255) ?? null;
 }
 
-export function hex2srgb(token: ColorToken): number[] {
+export function rgb2srgbvalues(token: ColorToken): number[] | null {
+
+    return getComponents(token)?.map?.((t: Token, index: number): number => index == 3 ? getNumber(<IdentToken | NumberToken | PercentageToken>t) : getNumber(<IdentToken | NumberToken | PercentageToken>t) / 255) ?? null;
+}
+
+export function rgbvalues2srgbvalues(r: number, g: number, b: number, a: number | null = null): number[] | null {
+
+    const result = [r / 255, g / 255, b / 255];
+
+    if (a != null && a != 1) {
+
+        result.push(a);
+    }
+
+    return result;
+}
+
+export function hex2srgbvalues(token: ColorToken): number[] {
 
     const value: string = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
     const rgb: number[] = [];
@@ -73,16 +90,22 @@ export function hex2srgb(token: ColorToken): number[] {
         rgb.push(parseInt(value.slice(i, i + 2), 16) / 255);
     }
 
+    if (rgb.length == 4) {
+
+        rgb[3] = +rgb[3].toFixed(2);
+    }
+
     return rgb;
 }
 
-export function xyz2srgb(x: number, y: number, z: number): number[] {
+// xyz d65 input
+export function xyz2srgb(x: number, y: number, z: number, alpha: number | null = null): number[] {
 
     // @ts-ignore
-    return lsrgb2srgbvalues(...XYZ_to_lin_sRGB(x, y, z));
+    return lsrgb2srgbvalues(...XYZ_to_lin_sRGB(x, y, z, alpha));
 }
 
-export function hwb2srgb(token: ColorToken): number[] | null {
+export function hwb2srgbvalues(token: ColorToken): number[] | null {
 
     const {h: hue, s: white, l: black, a: alpha} = hslvalues(token) ?? {};
 
@@ -91,7 +114,7 @@ export function hwb2srgb(token: ColorToken): number[] | null {
         return [];
     }
 
-    const rgb: number[] = hsl2srgbvalues(hue, 1, .5);
+    const rgb: number[] = hslvalues2srgbvalues(hue, 1, .5);
 
     for (let i = 0; i < 3; i++) {
 
@@ -116,11 +139,11 @@ export function hsl2srgb(token: ColorToken): number[] | null{
         return null;
     }
 
-    return hsl2srgbvalues(h, s, l, a);
+    return hslvalues2srgbvalues(h, s, l, a);
 }
 
 
-export function cmyk2srgb(token: ColorToken): number[] | null {
+export function cmyk2srgbvalues(token: ColorToken): number[] | null {
 
     const components: Token[] | null= getComponents(token);
 
@@ -159,20 +182,25 @@ export function cmyk2srgb(token: ColorToken): number[] | null {
         1 - Math.min(1, y * (1 - k) + k)
     ];
 
-    // @ts-ignore
-    if (token.chi.length >= 9) {
-
-        // @ts-ignore
-        t = <NumberToken | PercentageToken>token.chi[8];
+    if (components.length == 5) {
 
-        // @ts-ignore
-        rgb.push(getNumber(t));
+        rgb.push(getNumber(components[4] as NumberToken | PercentageToken));
     }
 
+    // @ts-ignore
+    // if (token.chi.length >= 9) {
+    //
+    //     // @ts-ignore
+    //     t = <NumberToken | PercentageToken>token.chi[8];
+    //
+    //     // @ts-ignore
+    //     rgb.push(getNumber(t));
+    // }
+
     return rgb;
 }
 
-export function oklab2srgb(token: ColorToken): number[] | null{
+export function oklab2srgbvalues(token: ColorToken): number[] | null{
 
     const [l, a, b, alpha] = getOKLABComponents(token) ?? [];
 
@@ -191,7 +219,7 @@ export function oklab2srgb(token: ColorToken): number[] | null{
     return rgb;
 }
 
-export function oklch2srgb(token: ColorToken): number[] | null {
+export function oklch2srgbvalues(token: ColorToken): number[] | null {
 
     const [l, c, h, alpha] = getOKLCHComponents(token) ?? [];
 
@@ -201,7 +229,7 @@ export function oklch2srgb(token: ColorToken): number[] | null {
     }
 
     // @ts-ignore
-    const rgb: number[] = OKLab_to_sRGB(...lch2labvalues(l, c, h));
+    const rgb: number[] = OKLab_to_sRGB(...lchvalues2labvalues(l, c, h));
 
     if (alpha != 1) {
 
@@ -248,7 +276,7 @@ export function hslvalues(token: ColorToken): { h: number, s: number, l: number,
     return a == null ? {h, s, l} : {h, s, l, a};
 }
 
-export function hsl2srgbvalues(h: number, s: number, l: number, a: number | null = null): number[] {
+export function hslvalues2srgbvalues(h: number, s: number, l: number, a: number | null = null): number[] {
 
     let v: number = l <= .5 ? l * (1.0 + s) : l + s - l * s;
 
@@ -311,7 +339,7 @@ export function hsl2srgbvalues(h: number, s: number, l: number, a: number | null
     return values;
 }
 
-export function lab2srgb(token: ColorToken): number[] | null{
+export function lab2srgbvalues(token: ColorToken): number[] | null{
 
     const [l, a, b, alpha] = getLABComponents(token) ?? [];
 
@@ -330,10 +358,10 @@ export function lab2srgb(token: ColorToken): number[] | null{
     return rgb;
 }
 
-export function lch2srgb(token: ColorToken): number[] | null {
+export function lch2srgbvalues(token: ColorToken): number[] | null {
 
     // @ts-ignore
-    const [l, a, b, alpha] = lch2labvalues(...getLCHComponents(token));
+    const [l, a, b, alpha] = lchvalues2labvalues(...getLCHComponents(token));
 
     if (l == null || a == null || b == null) {
 
@@ -376,7 +404,7 @@ export function srgb2lsrgbvalues(r: number, g: number, b: number, a: number | nu
     return rgb;
 }
 
-export function lsrgb2srgbvalues(r: number, g: number, b: number, alpha?: number): number[] {
+export function lsrgb2srgbvalues(r: number, g: number, b: number, alpha: number | null = null): number[] {
 
     // convert an array of linear-light sRGB values in the range 0.0-1.0
     // to gamma corrected form
diff --git a/src/lib/syntax/color/utils/components.ts b/src/lib/syntax/color/utils/components.ts
index 7fb312f4..d5832551 100644
--- a/src/lib/syntax/color/utils/components.ts
+++ b/src/lib/syntax/color/utils/components.ts
@@ -9,9 +9,9 @@ export function getComponents(token: ColorToken): Token[] | null {
 
         const value: string = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
         // @ts-ignore
-        return value.slice(1).match(/([a-fA-F0-9]{2})/g).map((t: string) => {
+        return value.slice(1).match(/([a-fA-F0-9]{2})/g).map((t: string, index: number) => {
 
-            return <NumberToken>{typ: EnumToken.Number, val: parseInt(t, 16).toString()}
+            return <NumberToken>{typ: EnumToken.Number, val: (index < 3 ? parseInt(t, 16) : parseInt(t, 16) / 255).toString()}
         });
     }
 
diff --git a/src/lib/syntax/color/utils/constants.ts b/src/lib/syntax/color/utils/constants.ts
index 83ed7780..d7dfa7ef 100644
--- a/src/lib/syntax/color/utils/constants.ts
+++ b/src/lib/syntax/color/utils/constants.ts
@@ -1,5 +1,7 @@
 import {EnumToken} from "../../../ast/index.ts";
 
+export const colorPrecision = 6;
+export const anglePrecision = .001;
 export const colorRange = {
 
     lab: {
@@ -36,9 +38,7 @@ export enum ColorKind {
     DPSYS,
     LIT,
     HEX,
-    RGB,
     RGBA,
-    HSL,
     HSLA,
     HWB,
     DEVICE_CMYK,
@@ -53,11 +53,13 @@ export enum ColorKind {
     REC2020,
     DISPLAY_P3,
     SRGB_LINEAR,
-    XYZ,
     XYZ_D50,
     XYZ_D65,
     LIGHT_DARK,
-    COLOR_MIX
+    COLOR_MIX,
+    RGB = RGBA,
+    HSL = HSLA,
+    XYZ = XYZ_D65,
 }
 
 export const timelineFunc: string[] = ['view', 'scroll'];
diff --git a/src/lib/syntax/color/xyz.ts b/src/lib/syntax/color/xyz.ts
index 01c3baaa..e7470c0d 100644
--- a/src/lib/syntax/color/xyz.ts
+++ b/src/lib/syntax/color/xyz.ts
@@ -1,6 +1,7 @@
-import {multiplyMatrices} from "./utils";
+import {multiplyMatrices} from "./utils/index.ts";
 import {srgb2lsrgbvalues} from "./srgb.ts";
 import {Lab_to_XYZ} from "./lab.ts";
+import {XYZ_D65_to_D50} from "./xyzd50.ts";
 
 export function lab2xyz(l: number, a: number, b: number, alpha?: number): number[] {
 
@@ -9,13 +10,7 @@ export function lab2xyz(l: number, a: number, b: number, alpha?: number): number
     return alpha == null || alpha == 1 ? [x, y, z] : [x, y, z, alpha];
 }
 
-export function lch2xyz(l: number, c: number, h: number, alpha?: number): number[] {
-
-    return lab2xyz(l, c * Math.cos(h * Math.PI / 180), c * Math.sin(h * Math.PI / 180), alpha);
-}
-
-
-export function XYZ_to_lin_sRGB(x: number, y: number, z: number): number[] {
+export function XYZ_to_lin_sRGB(x: number, y: number, z: number, alpha: number | null = null): number[] {
     // convert XYZ to linear-light sRGB
 
     const M: number[][] = [
@@ -26,7 +21,7 @@ export function XYZ_to_lin_sRGB(x: number, y: number, z: number): number[] {
 
     const XYZ: number[] = [x, y, z]; // convert to XYZ
 
-    return multiplyMatrices(M, XYZ).map((v: number) => v);
+    return multiplyMatrices(M, XYZ).map((v: number) => v).concat(alpha == null || alpha == 1 ? [] : [alpha]);
 }
 
 export function XYZ_D50_to_D65(x: number, y: number, z: number): number[] {
@@ -40,23 +35,26 @@ export function XYZ_D50_to_D65(x: number, y: number, z: number): number[] {
 
     return multiplyMatrices(M, XYZ); //.map((v: number) => v);
 }
+
+// xyz d65
 export function srgb2xyz(r: number, g: number, b: number, alpha?: number): number[] {
 
     [r, g, b] = srgb2lsrgbvalues(r, g, b);
 
-    const rgb: number[] = [
+    // xyx d65
+    let rgb: number[] = [
 
-        0.436065742824811 * r +
-        0.3851514688337912 * g +
-        0.14307845442264197 * b,
+        0.4123907992659595 * r +
+        0.35758433938387796 * g +
+        0.1804807884018343 * b,
 
-        0.22249319175623702 * r +
-        0.7168870538238823 * g +
-        0.06061979053616537 * b,
+        0.21263900587151036 * r +
+        0.7151686787677559 * g +
+        0.07219231536073371 * b,
 
-        0.013923904500943465 * r +
-        0.09708128566574634 * g +
-        0.7140993584005155 * b
+        0.01933081871559185 * r +
+        0.11919477979462599 * g +
+        0.9505321522496606 * b
     ];
 
     if (alpha != null && alpha != 1) {
@@ -66,3 +64,18 @@ export function srgb2xyz(r: number, g: number, b: number, alpha?: number): numbe
 
     return rgb;
 }
+
+// xyz d50
+export function srgb2xyz_d50(r: number, g: number, b: number, alpha?: number): number[] {
+
+    // xyx d65
+    // @ts-ignore
+    let rgb: number[] = XYZ_D65_to_D50(...srgb2xyz(r, g, b));
+
+    if (alpha != null && alpha != 1) {
+
+        rgb.push(alpha);
+    }
+
+    return rgb;
+}
diff --git a/src/lib/syntax/color/xyzd50.ts b/src/lib/syntax/color/xyzd50.ts
index ad83627e..2adcfbd0 100644
--- a/src/lib/syntax/color/xyzd50.ts
+++ b/src/lib/syntax/color/xyzd50.ts
@@ -1,8 +1,35 @@
-import {lsrgb2srgbvalues} from "./srgb.ts";
-import {multiplyMatrices} from "./utils";
+import {lsrgb2srgbvalues, srgb2lsrgbvalues} from "./srgb.ts";
+import {multiplyMatrices} from "./utils/index.ts";
 import {xyz2lab} from "./lab.ts";
 import {XYZ_D50_to_D65} from "./xyz.ts";
-import {lab2lchvalues} from "./lch.ts";
+import {labvalues2lchvalues} from "./lch.ts";
+
+export function srgb2xyzd50values(r: number, g: number, b: number, alpha: number | null = null): number[] {
+
+    [r, g, b] = srgb2lsrgbvalues(r, g, b);
+
+    const rgb: number[] = [
+
+        0.436065742824811 * r +
+        0.3851514688337912 * g +
+        0.14307845442264197 * b,
+
+        0.22249319175623702 * r +
+        0.7168870538238823 * g +
+        0.06061979053616537 * b,
+
+        0.013923904500943465 * r +
+        0.09708128566574634 * g +
+        0.7140993584005155 * b
+    ];
+
+    if (alpha != null && alpha != 1) {
+
+        rgb.push(alpha);
+    }
+
+    return rgb;
+}
 
 /*
 */
@@ -12,10 +39,10 @@ export function xyzd502lch(x: number, y: number, z: number, alpha?: number): num
     const [l, a, b] = xyz2lab(...XYZ_D50_to_D65(x, y, z));
     // L in range [0,100]. For use in CSS, add a percent
 
-    return lab2lchvalues(l, a, b, alpha);
+    return labvalues2lchvalues(l, a, b, alpha);
 }
 
-export function XYZ_D65_to_D50(x: number, y: number, z: number): number[] {
+export function XYZ_D65_to_D50(x: number, y: number, z: number, alpha: number | null = null): number[] {
     // Bradford chromatic adaptation from D65 to D50
     // The matrix below is the result of three operations:
     // - convert from XYZ to retinal cone domain
@@ -23,16 +50,16 @@ export function XYZ_D65_to_D50(x: number, y: number, z: number): number[] {
     // - convert back to XYZ
     // see https://github.com/LeaVerou/color.js/pull/354/files
 
-    var M = [
+    let M = [
         [1.0479297925449969, 0.022946870601609652, -0.05019226628920524],
         [0.02962780877005599, 0.9904344267538799, -0.017073799063418826],
         [-0.009243040646204504, 0.015055191490298152, 0.7518742814281371]
     ];
 
-    return multiplyMatrices(M, [x, y, z]);
+    return multiplyMatrices(M, [x, y, z]).concat(alpha == null || alpha == 1 ? [] : [alpha]);
 }
 
-export function xyzd502srgb(x: number, y: number, z: number): number[] {
+export function xyzd502srgb(x: number, y: number, z: number, alpha: number | null = null): number[] {
 
     // @ts-ignore
     return lsrgb2srgbvalues(
@@ -47,5 +74,6 @@ export function xyzd502srgb(x: number, y: number, z: number): number[] {
         /*    b: */
         x * 0.07195537988411677 -
         y * 0.2289768264158322 +
-        1.405386058324125 * z);
+        1.405386058324125 * z,
+        alpha);
 }
\ No newline at end of file
diff --git a/src/lib/syntax/syntax.ts b/src/lib/syntax/syntax.ts
index bb06026d..e6abda9c 100644
--- a/src/lib/syntax/syntax.ts
+++ b/src/lib/syntax/syntax.ts
@@ -16,7 +16,7 @@ import type {
     Token
 } from "../../@types/index.d.ts";
 import {EnumToken, WalkerOptionEnum, walkValues} from "../ast/index.ts";
-import {ColorKind, funcLike} from "./color/utils";
+import {ColorKind, funcLike} from "./color/utils/index.ts";
 import {buildExpression} from "../ast/math/index.ts";
 
 // '\\'
@@ -539,14 +539,19 @@ export function isPolarColorspace(token: Token): boolean {
     return ['hsl', 'hwb', 'lch', 'oklch'].includes((token as IdentToken).val);
 }
 
-export function isHueInterpolationMethod(token: Token): boolean {
+export function isHueInterpolationMethod(token: Token | Token[]): boolean {
 
-    if (token.typ != EnumToken.IdenTokenType) {
+    if (!Array.isArray(token)) {
+
+        return token.typ == EnumToken.IdenTokenType && 'hue'.localeCompare((token as IdentToken).val, undefined, {sensitivity: 'base'}) == 0;
+    }
+
+    if (token.length != 2 || token[0].typ != EnumToken.IdenTokenType || token[1].typ != EnumToken.IdenTokenType) {
 
         return false;
     }
 
-    return ['shorter', 'longer', 'increasing', 'decreasing'].includes((token as IdentToken).val);
+    return ['shorter', 'longer', 'increasing', 'decreasing'].includes((token[0] as IdentToken).val) && 'hue'.localeCompare((token[1] as IdentToken).val, undefined, {sensitivity: 'base'}) == 0;
 }
 
 export function isIdentColor(token: Token): boolean {
@@ -554,8 +559,18 @@ export function isIdentColor(token: Token): boolean {
     return token.typ == EnumToken.ColorTokenType && [ColorKind.SYS, ColorKind.DPSYS, ColorKind.LIT].includes((token as ColorToken).kin) && isIdent((token as ColorToken).val);
 }
 
+export function isPercentageToken(token: Token): boolean {
+
+    return token.typ == EnumToken.PercentageTokenType || (token.typ == EnumToken.NumberTokenType && (token as NumberToken).val == '0');
+}
+
 export function isColor(token: Token): boolean {
 
+    if (token.typ == EnumToken.ColorTokenType) {
+
+        return true;
+    }
+
     if (token.typ == EnumToken.IdenTokenType) {
         // named color
         return (token as IdentToken).val.toLowerCase() in COLORS_NAMES;
@@ -689,113 +704,115 @@ export function isColor(token: Token): boolean {
                 }
 
                 return true;
-            } else { // @ts-ignore
-                if ((token as ColorToken).val == 'color-mix') {
+            }
+            // @ts-ignore
+            else if ((token as ColorToken).val == 'color-mix') {
 
-                    // @ts-ignore
-                    const children: Token[][] = (<Token[]>(token as ColorToken).chi).reduce((acc: Token[][], t: Token) => {
+                // @ts-ignore
+                const children: Token[][] = (<Token[]>(token as ColorToken).chi).reduce((acc: Token[][], t: Token) => {
 
-                        if (t.typ == EnumToken.CommaTokenType) {
+                    if (t.typ == EnumToken.CommaTokenType) {
 
-                            acc.push([]);
-                        } else {
+                        acc.push([]);
+                    } else {
 
-                            if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ)) {
+                        if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ)) {
 
-                                acc[acc.length - 1].push(t);
-                            }
+                            acc[acc.length - 1].push(t);
                         }
+                    }
 
-                        return acc;
-                    }, <Token[][]>[[]]);
+                    return acc;
+                }, <Token[][]>[[]]);
 
-                    if (children.length == 3) {
+                if (children.length == 3) {
 
-                        if (children[0].length > 3 ||
-                            children[0][0].typ != EnumToken.IdenTokenType ||
-                            (children[0][0] as IdentToken).val != 'in' ||
-                            !isColorspace(children[0][1]) ||
-                            (children[0].length == 3 && !isHueInterpolationMethod(children[0][2])) ||
-                            children[1].length > 2 ||
-                            children[1][0].typ != EnumToken.ColorTokenType ||
-                            children[2].length > 2 ||
-                            children[2][0].typ != EnumToken.ColorTokenType) {
+                    if (children[0].length > 4 ||
+                        children[0][0].typ != EnumToken.IdenTokenType ||
+                        'in'.localeCompare((children[0][0] as IdentToken).val, undefined, {sensitivity: 'base'}) != 0 ||
+                        !isColorspace(children[0][1]) ||
+                        (children[0].length >= 3 && !isHueInterpolationMethod(children[0].slice(2))) ||
+                        children[1].length > 2 ||
+                        !isColor(children[1][0]) ||
+                        (children[1].length == 2 && !isPercentageToken(children[1][1])) ||
+                        children[2].length > 2 ||
+                        (children[2].length == 2 && !isPercentageToken(children[2][1])) ||
+                        !isColor(children[2][0])) {
 
-                            return false;
-                        }
+                        return false;
+                    }
 
-                        if (children[1].length == 2) {
+                    if (children[1].length == 2) {
 
-                            if (!(children[1][1].typ == EnumToken.PercentageTokenType || (children[1][1].typ == EnumToken.NumberTokenType && (children[1][1] as NumberToken).val == '0'))) {
+                        if (!(children[1][1].typ == EnumToken.PercentageTokenType || (children[1][1].typ == EnumToken.NumberTokenType && (children[1][1] as NumberToken).val == '0'))) {
 
-                                return false;
-                            }
+                            return false;
                         }
+                    }
 
-                        if (children[2].length == 2) {
+                    if (children[2].length == 2) {
 
-                            if (!(children[2][1].typ == EnumToken.PercentageTokenType || (children[2][1].typ == EnumToken.NumberTokenType && (children[2][1] as NumberToken).val == '0'))) {
+                        if (!(children[2][1].typ == EnumToken.PercentageTokenType || (children[2][1].typ == EnumToken.NumberTokenType && (children[2][1] as NumberToken).val == '0'))) {
 
-                                return false;
-                            }
+                            return false;
                         }
-
-                        return true;
                     }
 
-                    return false;
-                } else {
+                    return true;
+                }
+
+                return false;
+            } else {
 
-                    const keywords: string[] = ['from', 'none'];
+                const keywords: string[] = ['from', 'none'];
+
+                // @ts-ignore
+                if (['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch'].includes((token as ColorToken).val)) {
 
                     // @ts-ignore
-                    if (['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch'].includes((token as ColorToken).val)) {
+                    keywords.push('alpha', ...(token as ColorToken).val.slice(-3).split(''));
+                }
 
-                        // @ts-ignore
-                        keywords.push('alpha', ...(token as ColorToken).val.slice(-3).split(''));
+                // @ts-ignore
+                for (const v of token.chi) {
+
+                    if (v.typ == EnumToken.CommaTokenType) {
+
+                        isLegacySyntax = true;
                     }
 
-                    // @ts-ignore
-                    for (const v of token.chi) {
+                    if (v.typ == EnumToken.IdenTokenType) {
 
-                        if (v.typ == EnumToken.CommaTokenType) {
+                        if (!(keywords.includes(v.val) || v.val.toLowerCase() in COLORS_NAMES)) {
 
-                            isLegacySyntax = true;
+                            return false;
                         }
 
-                        if (v.typ == EnumToken.IdenTokenType) {
+                        if (keywords.includes(v.val)) {
 
-                            if (!(keywords.includes(v.val) || v.val.toLowerCase() in COLORS_NAMES)) {
+                            if (isLegacySyntax) {
 
                                 return false;
                             }
 
-                            if (keywords.includes(v.val)) {
-
-                                if (isLegacySyntax) {
-
-                                    return false;
-                                }
+                            // @ts-ignore
+                            if (v.val == 'from' && ['rgba', 'hsla'].includes((token as ColorToken).val)) {
 
-                                // @ts-ignore
-                                if (v.val == 'from' && ['rgba', 'hsla'].includes((token as ColorToken).val)) {
-
-                                    return false;
-                                }
+                                return false;
                             }
-
-                            continue;
                         }
 
-                        if (v.typ == EnumToken.FunctionTokenType && (mathFuncs.includes(v.val) || v.val == 'var' || colorsFunc.includes(v.val))) {
+                        continue;
+                    }
 
-                            continue;
-                        }
+                    if (v.typ == EnumToken.FunctionTokenType && (mathFuncs.includes(v.val) || v.val == 'var' || colorsFunc.includes(v.val))) {
 
-                        if (![EnumToken.ColorTokenType, EnumToken.IdenTokenType, EnumToken.NumberTokenType, EnumToken.AngleTokenType, EnumToken.PercentageTokenType, EnumToken.CommaTokenType, EnumToken.WhitespaceTokenType, EnumToken.LiteralTokenType].includes(v.typ)) {
+                        continue;
+                    }
 
-                            return false;
-                        }
+                    if (![EnumToken.ColorTokenType, EnumToken.IdenTokenType, EnumToken.NumberTokenType, EnumToken.AngleTokenType, EnumToken.PercentageTokenType, EnumToken.CommaTokenType, EnumToken.WhitespaceTokenType, EnumToken.LiteralTokenType].includes(v.typ)) {
+
+                        return false;
                     }
                 }
             }
diff --git a/src/lib/syntax/utils.ts b/src/lib/syntax/utils.ts
index 57f7a261..d57badc0 100644
--- a/src/lib/syntax/utils.ts
+++ b/src/lib/syntax/utils.ts
@@ -1,6 +1,6 @@
 // https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Values_and_units#absolute_length_units
-import type {LengthToken, NumberToken} from "../../@types";
-import {EnumToken} from "../ast";
+import type {LengthToken, NumberToken} from "../../@types/index.d.ts";
+import {EnumToken} from "../ast/index.ts";
 
 export function length2Px(value: LengthToken | NumberToken): number | null {
 
diff --git a/src/lib/validation/at-rules/media.ts b/src/lib/validation/at-rules/media.ts
index ee4e2982..83b78e12 100644
--- a/src/lib/validation/at-rules/media.ts
+++ b/src/lib/validation/at-rules/media.ts
@@ -13,7 +13,7 @@ import type {
 import type {ValidationSyntaxResult} from "../../../@types/validation.d.ts";
 import {EnumToken, SyntaxValidationResult} from "../../ast/index.ts";
 import {consumeWhitespace, splitTokenList} from "../utils/index.ts";
-import {generalEnclosedFunc} from "../../syntax/color/utils";
+import {generalEnclosedFunc} from "../../syntax/color/utils/index.ts";
 
 export function validateAtRuleMedia(atRule: AstAtRule, options: ValidationOptions, root?: AstNode): ValidationSyntaxResult {
 
diff --git a/src/lib/validation/at-rules/when.ts b/src/lib/validation/at-rules/when.ts
index 11f44a8b..4a76182b 100644
--- a/src/lib/validation/at-rules/when.ts
+++ b/src/lib/validation/at-rules/when.ts
@@ -4,7 +4,7 @@ import {EnumToken, SyntaxValidationResult} from "../../ast/index.ts";
 import {consumeWhitespace, splitTokenList} from "../utils/index.ts";
 import {validateMediaCondition, validateMediaFeature} from "./media.ts";
 import {validateSupportCondition} from "./supports.ts";
-import {generalEnclosedFunc} from "../../syntax/color/utils";
+import {generalEnclosedFunc} from "../../syntax/color/utils/index.ts";
 
 export function validateAtRuleWhen(atRule: AstAtRule, options: ValidationOptions, root?: AstNode): ValidationSyntaxResult {
 
diff --git a/src/lib/validation/atrule.ts b/src/lib/validation/atrule.ts
index 7574fdc6..c0c5e787 100644
--- a/src/lib/validation/atrule.ts
+++ b/src/lib/validation/atrule.ts
@@ -2,7 +2,8 @@ import type {AstAtRule, AstNode, Token, ValidationOptions} from "../../@types/in
 import type {ValidationConfiguration, ValidationResult} from "../../@types/validation.d.ts";
 import {EnumToken, SyntaxValidationResult} from "../ast/index.ts";
 import {getParsedSyntax, getSyntaxConfig} from "./config.ts";
-import {ValidationSyntaxGroupEnum, ValidationToken} from "./parser/index.ts";
+import type {ValidationToken} from "./parser/index.ts";
+import {ValidationSyntaxGroupEnum} from "./parser/index.ts";
 import {
     validateAtRuleContainer,
     validateAtRuleCounterStyle,
diff --git a/src/lib/validation/config.ts b/src/lib/validation/config.ts
index 4bc52ebc..cafbb856 100644
--- a/src/lib/validation/config.ts
+++ b/src/lib/validation/config.ts
@@ -1,6 +1,7 @@
 import config from './config.json' with {type: 'json'};
 import type {ValidationConfiguration, ValidationSyntaxNode} from "../../@types/validation.d.ts";
-import {parseSyntax, ValidationSyntaxGroupEnum, ValidationToken} from "./parser/index.ts";
+import type {ValidationToken} from "./parser/index.ts";
+import {parseSyntax, ValidationSyntaxGroupEnum} from "./parser/index.ts";
 
 const parsedSyntaxes = new Map<string, ValidationToken[]>();
 
@@ -47,6 +48,7 @@ export function getSyntax(group: ValidationSyntaxGroupEnum, key: string | string
     // @ts-ignore
     return obj?.syntax ?? null;
 }
+
 export function getParsedSyntax(group: ValidationSyntaxGroupEnum, key: string | string[]): null | ValidationToken[] {
 
     // @ts-ignore
diff --git a/src/lib/validation/parser/parse.ts b/src/lib/validation/parser/parse.ts
index 6b66dead..a2eeec9c 100644
--- a/src/lib/validation/parser/parse.ts
+++ b/src/lib/validation/parser/parse.ts
@@ -1,4 +1,4 @@
-import {
+import type {
     AmpersandToken,
     AtLeastOneToken,
     CloseBracketToken,
@@ -41,9 +41,9 @@ import {
     ValidationSemiColonToken,
     ValidationStringToken,
     ValidationToken,
-    ValidationTokenEnum,
     ValidationWhitespaceToken
 } from "./index.ts";
+import {ValidationTokenEnum} from "./index.ts";
 import {isIdent, isPseudo} from '../../syntax/index.ts';
 import {getTokenType as getTokenType$1} from '../../parser/index.ts';
 import type {DimensionToken} from "../../../@types/token.d.ts";
@@ -1017,7 +1017,8 @@ function parseSyntaxTokens(syntax: string, iterator: Iterator<ValidationTokenIte
 
                     // @ts-ignore
                     items[i].occurence = {...item.value.occurence};
-                };
+                }
+                ;
 
                 break;
 
diff --git a/src/lib/validation/syntax.ts b/src/lib/validation/syntax.ts
index 6e326147..083b68c3 100644
--- a/src/lib/validation/syntax.ts
+++ b/src/lib/validation/syntax.ts
@@ -1,5 +1,4 @@
-import {
-    renderSyntax,
+import type {
     ValidationAmpersandToken,
     ValidationBracketToken,
     ValidationColumnToken,
@@ -9,10 +8,9 @@ import {
     ValidationKeywordToken,
     ValidationPipeToken,
     ValidationPropertyToken,
-    ValidationSyntaxGroupEnum,
     ValidationToken,
-    ValidationTokenEnum
 } from "./parser/index.ts";
+import {renderSyntax, ValidationSyntaxGroupEnum, ValidationTokenEnum} from "./parser/index.ts";
 import type {
     AstDeclaration,
     AstNode,
@@ -284,7 +282,7 @@ export function doEvaluateSyntax(syntaxes: ValidationToken[], context: Context<T
         const success: boolean = syntaxes.some(s => s.isOptional || s.isRepeatable || s.isRepeatableGroup);
 
         return {
-            valid: success ? SyntaxValidationResult.Valid :  SyntaxValidationResult.Drop,
+            valid: success ? SyntaxValidationResult.Valid : SyntaxValidationResult.Drop,
             node: null,
             syntax: null,
             error: '',
@@ -314,7 +312,7 @@ export function doEvaluateSyntax(syntaxes: ValidationToken[], context: Context<T
         // if var() is the last token, then match the remaining syntax and return
         if (context.length == 1 && token.typ == EnumToken.FunctionTokenType && 'var'.localeCompare((token as FunctionToken).val, undefined, {sensitivity: 'base'}) == 0) {
 
-           return doEvaluateSyntax((getParsedSyntax(ValidationSyntaxGroupEnum.Functions, 'var')?.[0] as ValidationFunctionToken)?.chi ?? [] as ValidationToken[], createContext((token as FunctionToken).chi), options);
+            return doEvaluateSyntax((getParsedSyntax(ValidationSyntaxGroupEnum.Functions, 'var')?.[0] as ValidationFunctionToken)?.chi ?? [] as ValidationToken[], createContext((token as FunctionToken).chi), options);
         }
 
         if (syntax.typ == ValidationTokenEnum.Whitespace) {
@@ -336,8 +334,7 @@ export function doEvaluateSyntax(syntaxes: ValidationToken[], context: Context<T
             if (tmpResult.valid == SyntaxValidationResult.Valid) {
 
                 result = tmpResult;
-            }
-            else {
+            } else {
 
                 continue;
             }
diff --git a/src/lib/validation/syntaxes/image.ts b/src/lib/validation/syntaxes/image.ts
index 17b7076e..bd5593a5 100644
--- a/src/lib/validation/syntaxes/image.ts
+++ b/src/lib/validation/syntaxes/image.ts
@@ -3,7 +3,8 @@ import type {FunctionImageToken, Token} from "../../../@types/index.d.ts";
 import {EnumToken, SyntaxValidationResult} from "../../ast/index.ts";
 import {createContext, doEvaluateSyntax} from "../syntax.ts";
 import {getParsedSyntax} from "../config.ts";
-import {ValidationSyntaxGroupEnum, ValidationToken} from "../parser/index.ts";
+import type {ValidationToken} from "../parser/index.ts";
+import {ValidationSyntaxGroupEnum} from "../parser/index.ts";
 import {validateURL} from "./url.ts";
 
 export function validateImage(token: Token): ValidationSyntaxResult {
@@ -15,7 +16,7 @@ export function validateImage(token: Token): ValidationSyntaxResult {
 
     if (token.typ == EnumToken.ImageFunctionTokenType) {
 
-        return doEvaluateSyntax(getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, (token as FunctionImageToken).val + '()') as ValidationToken[],createContext( (token as FunctionImageToken).chi), {});
+        return doEvaluateSyntax(getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, (token as FunctionImageToken).val + '()') as ValidationToken[], createContext((token as FunctionImageToken).chi), {});
     }
 
     return {
diff --git a/src/node/index.ts b/src/node/index.ts
index 4208114d..76772b69 100644
--- a/src/node/index.ts
+++ b/src/node/index.ts
@@ -12,7 +12,9 @@ import {doParse, doRender} from "../lib/index.ts";
 import {dirname, resolve} from "../lib/fs/index.ts";
 import {load} from "./load.ts";
 
-export {minify, expand, parseString, parseTokens, renderToken, walk, walkValues, EnumToken, ValidationLevel} from '../lib/index.ts';
+export {
+    minify, expand, parseString, parseTokens, renderToken, walk, walkValues, EnumToken, ValidationLevel, ColorType
+} from '../lib/index.ts';
 export {dirname, resolve, load};
 
 /**
@@ -44,7 +46,7 @@ export async function transform(css: string, options: TransformOptions = {}): Pr
 
         const rendered: RenderResult = render(parseResult.ast, options);
 
-        return <TransformResult> {
+        return {
             ...parseResult,
             ...rendered,
             errors: parseResult.errors.concat(rendered.errors),
@@ -54,6 +56,6 @@ export async function transform(css: string, options: TransformOptions = {}): Pr
                 render: rendered.stats.total,
                 total: `${(performance.now() - startTime).toFixed(2)}ms`
             }
-        }
+        } as TransformResult
     });
 }
\ No newline at end of file
diff --git a/src/web/index.ts b/src/web/index.ts
index 428d461c..aca9ea1a 100644
--- a/src/web/index.ts
+++ b/src/web/index.ts
@@ -12,7 +12,9 @@ import {doParse, doRender} from "../lib/index.ts";
 import {dirname, resolve} from "../lib/fs/index.ts";
 import {load} from "./load.ts";
 
-export {minify, expand, parseString, parseTokens, renderToken, walk, walkValues, EnumToken, ValidationLevel} from '../lib/index.ts';
+export {
+    minify, expand, parseString, parseTokens, renderToken, walk, walkValues, EnumToken, ValidationLevel, ColorType
+} from '../lib/index.ts';
 export {dirname, resolve, load};
 
 /**
diff --git a/test/specs/code/color-cmyk.js b/test/specs/code/color-cmyk.js
new file mode 100644
index 00000000..bbee8d70
--- /dev/null
+++ b/test/specs/code/color-cmyk.js
@@ -0,0 +1,160 @@
+import {ColorType} from "../../../dist/lib/ast/types.js";
+
+export function run(describe, expect, transform, parse, render) {
+
+    describe('convert to cmyk', function () {
+
+        it('hex to cmyk #1', function () {
+            return transform(`.hsl { color: #b3222280; }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%)
+}`));
+        });
+
+        it('hsl(a) to cmyk #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.00558659217879% 81.00558659217879% 29.803921568627445%/50%)
+}`));
+        });
+
+        it('rgb to cmyk #3', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%)
+}`));
+        });
+
+        it('hwb() to cmyk #4', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 80.95238095238095% 80.95238095238095% 30.000000000000004%/50%)
+}`));
+        });
+
+        it('srgb to cmyk #5', function () {
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%)
+}`));
+        });
+
+        it('srgb-linear to cmyk #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%)
+}`));
+        });
+
+        it('display-p3 to cmyk #7', function () {
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.00558659206386% 81.00558659218409% 29.803921568679005%/50%)
+}`));
+        });
+
+        it('a98-rgb to cmyk #8', function () {
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.01130902999921% 81.01130902999918% 29.800620147670543%/50%)
+}`));
+        });
+
+        it('photo-rgb to cmyk #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 80.99847735464445% 80.99643880520168% 29.80861919945562%/50%)
+}`));
+        });
+
+        it('rec2020 to cmyk #10', function () {
+            return transform(`.hsl { color: color(rec2020 .5293019037237446 .1758230143656851 .10251000214438549/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.00558659217883% 81.00558659217879% 29.803921568627445%/50%)
+}`));
+        });
+
+        it('xyz to cmyk #11', function () {
+            return transform(`.hsl { color: color(xyz .1945069569161968 .10844949817036895 .025825724073578825/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.0055865921788% 81.00558659217877% 29.803921568627466%/50%)
+}`));
+        });
+
+        it('xyz-d50 to cmyk #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 .20502195999126108 .11273398825257433 .019252589983419107/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.00557711390763% 81.00559313284853% 29.803922344737522%/50%)
+}`));
+        });
+
+        it('xyz-d65 to cmyk #13', function () {
+            return transform(`.hsl { color: color(xyz .1945069569161968 .10844949817036895 .025825724073578825/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.0055865921788% 81.00558659217877% 29.803921568627466%/50%)
+}`));
+        });
+
+        it('oklab to cmyk #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.0055865921787% 81.00558659217883% 29.803921568627466%/50%)
+}`));
+        });
+
+        it('oklch to cmyk #15', function () {
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.0055865921787% 81.00558659217883% 29.803921568627466%/50%)
+}`));
+        });
+
+        it('lab to cmyk #16', function () {
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.00556643717506% 81.00560218156353% 29.80392327029443%/50%)
+}`));
+        });
+
+        it('lch to cmyk #17', function () {
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.DEVICE_CMYK
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: device-cmyk(0 81.00556643717512% 81.00560218156355% 29.80392327029441%/50%)
+}`));
+        });
+    });
+}
diff --git a/test/specs/code/color-hex.js b/test/specs/code/color-hex.js
new file mode 100644
index 00000000..71ab9264
--- /dev/null
+++ b/test/specs/code/color-hex.js
@@ -0,0 +1,160 @@
+import {ColorType} from "../../../dist/lib/ast/types.js";
+
+export function run(describe, expect, transform, parse, render) {
+
+    describe('convert to hex', function () {
+
+        it('rgb(a) to hex #1', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('hsl(a) to hex #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('device-cmyk() to hex #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('hwb() to hex #4', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('srgb to hex #5', function () {
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('srgb-linear to hex #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('display-p3 to hex #7', function () {
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('a98-rgb to hex #8', function () {
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('photo-rgb to hex #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('rec2020 to hex #10', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('xyz to hex #11', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('xyz-d50 to hex #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 0.205 0.1127 0.0193 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('xyz-d65 to hex #13', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('oklab to hex #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('oklch to hex #15', function () {
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('lab to hex #16', function () {
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+
+        it('lch to hex #17', function () {
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HEX
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: #b3222280
+}`));
+        });
+    });
+}
diff --git a/test/specs/code/color-hsl.js b/test/specs/code/color-hsl.js
new file mode 100644
index 00000000..d4f3f731
--- /dev/null
+++ b/test/specs/code/color-hsl.js
@@ -0,0 +1,160 @@
+import {ColorType} from "../../../dist/lib/ast/types.js";
+
+export function run(describe, expect, transform, parse, render) {
+
+    describe('convert to hsl', function () {
+
+        it('hex to hsl #1', function () {
+            return transform(`.hsl { color: #b3222280; }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
+}`));
+        });
+
+        it('rgb to hsl #2', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
+}`));
+        });
+
+        it('device-cmyk() to hsl #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81% 81% 30%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
+}`));
+        });
+
+        it('hwb() to hsl #4', function () {
+            return transform(`.hsl { color: hwb(0 13.33333333333332% 29.803921568627455%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
+}`));
+        });
+
+        it('srgb to hsl #5', function () {
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
+}`));
+        });
+
+        it('srgb-linear to hsl #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
+}`));
+        });
+
+        it('display-p3 to hsl #7', function () {
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511737089953% 41.7647058823204%/50%)
+}`));
+        });
+
+        it('a98-rgb to hsl #8', function () {
+            return transform(`.hsl { color: color(a98-rgb 0.601473417821 0.152529962 0.152529962 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511737081836% 41.76470588238075%/50%)
+}`));
+        });
+
+        it('photo-rgb to hsl #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.458932310317 0.207098041055 0.12397162868 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07512660936695% 41.76470312492236%/50%)
+}`));
+        });
+
+        it('rec2020 to hsl #10', function () {
+            return transform(`.hsl { color: color(rec2020 0.529301903724 0.175823014366 0.102510002144 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511737102666% 41.764705882334944%/50%)
+}`));
+        });
+
+        it('xyz to hsl #11', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.194506956916 0.10844949817 0.025825724074 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511737136221% 41.76470588222442%/50%)
+}`));
+        });
+
+        it('xyz-d50 to hsl #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 0.205021959991 0.112733988253 0.019252589983 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07512661000305% 41.76470312472381%/50%)
+}`));
+        });
+
+        it('xyz-d65 to hsl #13', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.194506956916 0.10844949817 0.025825724074 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511737136221% 41.76470588222442%/50%)
+}`));
+        });
+
+        it('oklab to hsl #14', function () {
+            return transform(`.hsl { color: oklab(49.8632533734% 0.161176505417 0.081555225588 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511650877738% 41.76470607649652%/50%)
+}`));
+        });
+
+        it('oklch to hsl #15', function () {
+            return transform(`.hsl { color: oklch(49.8632533734% 0.180635325225 26.8393859717 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511650871648% 41.76470607651008%/50%)
+}`));
+        });
+
+        it('lab to hsl #16', function () {
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
+}`));
+        });
+
+        it('lch to hsl #17', function () {
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HSL
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
+}`));
+        });
+    });
+}
diff --git a/test/specs/code/color-hwb.js b/test/specs/code/color-hwb.js
new file mode 100644
index 00000000..afeb46e1
--- /dev/null
+++ b/test/specs/code/color-hwb.js
@@ -0,0 +1,160 @@
+import {ColorType} from "../../../dist/lib/ast/types.js";
+
+export function run(describe, expect, transform, parse, render) {
+
+    describe('convert to hwb', function () {
+
+        it('hex to hwb #1', function () {
+            return transform(`.hsl { color: #b3222280; }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.333333333333334% 30%/50%)
+}`));
+        });
+
+        it('hsl(a) to hwb #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.33333333333332% 29.803921568627455%/50%)
+}`));
+        });
+
+        it('device-cmyk() to hwb #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81% 81% 30%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.3% 30%/50%)
+}`));
+        });
+
+        it('rgb to hwb #4', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.333333333333334% 30%/50%)
+}`));
+        });
+
+        it('srgb to hwb #5', function () {
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.333333333333334% 30%/50%)
+}`));
+        });
+
+        it('srgb-linear to hwb #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.333333333333334% 30%/50%)
+}`));
+        });
+
+        it('display-p3 to hwb #7', function () {
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.333333333319807% 30%/50%)
+}`));
+        });
+
+        it('a98-rgb to hwb #8', function () {
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.329943303015837% 30%/50%)
+}`));
+        });
+
+        it('photo-rgb to hwb #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.458932310318 0.207098041055 0.12397162868 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.333328594601184% 30%/50%)
+}`));
+        });
+
+        it('rec2020 to hwb #10', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.458932310318 0.207098041055 0.12397162868 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.333328594601184% 30%/50%)
+}`));
+        });
+
+        it('xyz to hwb #11', function () {
+            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.33333333333331% 30%/50%)
+}`));
+        });
+
+        it('xyz-d50 to hwb #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 .2050219599912612 .11273398825257439 .019252589983419124/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.333328594622163% 30%/50%)
+}`));
+        });
+
+        it('xyz-d65 to hwb #13', function () {
+            return transform(`.hsl { color: color(xyz-d65 .1945069569161969 .108449498170369 .025825724073578846/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.33333333333331% 30%/50%)
+}`));
+        });
+
+        it('oklab to hwb #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.333333333333291% 30%/50%)
+}`));
+        });
+
+        it('oklch to hwb #15', function () {
+            return transform(`.hsl { color:  oklch(.49863253097209403 .1806353283694016 26.8394/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.33332278177981% 30%/50%)
+}`));
+        });
+
+        it('lab to hwb #16', function () {
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.333322066975182% 30%/50%)
+}`));
+        });
+
+        it('lch to hwb #17', function () {
+            return transform(`.hsl { color: lch(40.03718101914915 69.23357317984528 34.752/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.HWB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: hwb(0 13.333321774203% 30%/50%)
+}`));
+        });
+    });
+}
diff --git a/test/specs/code/color-lab.js b/test/specs/code/color-lab.js
new file mode 100644
index 00000000..d81b0e47
--- /dev/null
+++ b/test/specs/code/color-lab.js
@@ -0,0 +1,160 @@
+import {ColorType} from "../../../dist/lib/ast/types.js";
+
+export function run(describe, expect, transform, parse, render) {
+
+    describe('convert to lab', function () {
+
+        it('hex to lab #1', function () {
+            return transform(`.hsl { color: #b3222280; }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.03718101914915 56.88418218837618 39.46488910422299/50%)
+}`));
+        });
+
+        it('hsl(a) to lab #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.03718101914916 56.88418218837621 39.46488910422302/50%)
+}`));
+        });
+
+        it('device-cmyk() to lab #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.03718101914915 56.88418218837618 39.464889104223/50%)
+}`));
+        });
+
+        it('rgb to lab #4', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.03718101914915 56.88418218837618 39.46488910422299/50%)
+}`));
+        });
+
+        it('srgb to lab #5', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.03718101914915 56.88418218837618 39.46488910422299/50%)
+}`));
+        });
+
+        it('srgb-linear to lab #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.03718101914915 56.88418218837618 39.46488910422299/50%)
+}`));
+        });
+
+        it('display-p3 to lab #7', function () {
+            return transform(`.hsl { color: color(display-p3 .6449802764484531 .19119980094061145 .16577088540310694/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.037181019149145 56.88418218837621 39.464889104222976/50%)
+}`));
+        });
+
+        it('a98-rgb to lab #8', function () {
+            return transform(`.hsl { color: color(a98-rgb .6014734178208441 .15252996199964947 .15252996199964927/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.03718101914915 56.88418218837618 39.46488910422303/50%)
+}`));
+        });
+
+        it('photo-rgb to lab #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb .458932310317104 .20709804105465876 .12397162868002198/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.03718208850436 56.88417703992932 39.46489665229738/50%)
+}`));
+        });
+
+        it('rec2020 to lab #10', function () {
+            return transform(`.hsl { color: color(rec2020 .5293019037237446 .1758230143656851 .10251000214438549/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.03718101914915 56.88418218837618 39.46488910422301/50%)
+}`));
+        });
+
+        it('xyz to lab #11', function () {
+            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.037181019149145 56.88418218837621 39.464889104222976/50%)
+}`));
+        });
+
+        it('xyz-d50 to lab #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 .2050219599912612 .11273398825257439 .019252589983419124/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.03718208850436 56.88417703992932 39.46489665229738/50%)
+}`));
+        });
+
+        it('xyz-d65 to lab #13', function () {
+            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.037181019149145 56.88418218837621 39.464889104222976/50%)
+}`));
+        });
+
+        it('oklab to lab #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.03718076892181 56.88418206211679 39.4649004160266/50%)
+}`));
+        });
+
+        it('oklch to lab #15', function () {
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.8394/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.037181177031805 56.884180466518025 39.46490425796163/50%)
+}`));
+        });
+
+        it('lch to lab #16', function () {
+            return transform(`.hsl { color: lch(40.0371810192% 69.2335731799 34.7519908063 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(40.0371810192 56.8841821884395 39.464889104227716/50%)
+}`));
+        });
+
+        it('hwb to lab #17', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.LAB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: lab(39.93386497177585 56.73647948664537 39.3253251437074/50%)
+}`));
+        });
+    });
+}
diff --git a/test/specs/code/color-rgb.js b/test/specs/code/color-rgb.js
new file mode 100644
index 00000000..ee0efd0f
--- /dev/null
+++ b/test/specs/code/color-rgb.js
@@ -0,0 +1,160 @@
+import {ColorType} from "../../../dist/lib/ast/types.js";
+
+export function run(describe, expect, transform, parse, render) {
+
+    describe('convert to rgb', function () {
+
+        it('hex to rgb #1', function () {
+            return transform(`.hsl { color: #b3222280; }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('hsl(a) to rgb #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('device-cmyk() to rgb #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81% 81% 30%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('hwb() to rgb #4', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('srgb to rgb #5', function () {
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('srgb-linear to rgb #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('display-p3 to rgb #7', function () {
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('a98-rgb to rgb #8', function () {
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('photo-rgb to rgb #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('rec2020 to rgb #10', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('xyz to rgb #11', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('xyz-d50 to rgb #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 0.205 0.1127 0.0193 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('xyz-d65 to rgb #13', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('oklab to rgb #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('oklch to rgb #15', function () {
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('lab to rgb #16', function () {
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+
+        it('lch to rgb #17', function () {
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.RGB
+            }).then(result => expect(result.code).equals(`.hsl {
+ color: rgb(179 34 34/50%)
+}`));
+        });
+    });
+}
diff --git a/test/specs/code/color.js b/test/specs/code/color.js
index 8c17273d..ab6bc1d0 100644
--- a/test/specs/code/color.js
+++ b/test/specs/code/color.js
@@ -61,7 +61,7 @@ color: hwb(3.1416rad 0% 0% / 100%)
 a {
 color: rgb(255 255 0 / none);
 `).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
- color: #ff0
+ color: #ff00
 }`));
         });
 
@@ -70,7 +70,7 @@ color: rgb(255 255 0 / none);
 a {
 color: rgb(255 255 none / none);
 `).then(result => expect(render(result.ast, {minify: false}).code).equals(`a {
- color: #ff0
+ color: #ff00
 }`));
         });
 
@@ -809,7 +809,7 @@ color: oklch(from hsl(346.1 100% 50%) l c h)  ;
 .selector {
 color: oklch(from hwb(346 0 0) l c h)  ;
 `).then(result => expect(render(result.ast, {minify: false}).code).equals(`.selector {
- color: #ff003b
+ color: #ff003c
 }`));
     });
 
@@ -969,7 +969,7 @@ color: color-mix(in oklch , oklch(0.6 0.24 30) , oklch(0.8 0.15 90) );
     it('color-mix hue interpolation shorter #95', function () {
         return parse(`
 .selector {
-color: color-mix(in oklch shorter, oklch(0.6 0.24 30) , oklch(0.8 0.15 90) );
+color: color-mix(in oklch shorter hue, oklch(0.6 0.24 30) , oklch(0.8 0.15 90) );
 `).then(result => expect(render(result.ast, {minify: false}).code).equals(`.selector {
  color: #f27900
 }`));
@@ -978,7 +978,7 @@ color: color-mix(in oklch shorter, oklch(0.6 0.24 30) , oklch(0.8 0.15 90) );
     it('color-mix hue interpolation longer #96', function () {
         return parse(`
 .selector {
-color: color-mix(in oklch longer, oklch(0.6 0.24 30) , oklch(0.8 0.15 90) );
+color: color-mix(in oklch longer hue, oklch(0.6 0.24 30) , oklch(0.8 0.15 90) );
 `).then(result => expect(render(result.ast, {minify: false}).code).equals(`.selector {
  color: #00a9ff
 }`));
@@ -987,7 +987,7 @@ color: color-mix(in oklch longer, oklch(0.6 0.24 30) , oklch(0.8 0.15 90) );
     it('color-mix hue interpolation increasing #97', function () {
         return parse(`
 .selector {
-color: color-mix(in oklch increasing, oklch(0.5 0.1 30) , oklch(0.7 0.1 190) );
+color: color-mix(in oklch increasing hue, oklch(0.5 0.1 30) , oklch(0.7 0.1 190) );
 `).then(result => expect(render(result.ast, {minify: false}).code).equals(`.selector {
  color: #848538
 }`));
@@ -996,7 +996,7 @@ color: color-mix(in oklch increasing, oklch(0.5 0.1 30) , oklch(0.7 0.1 190) );
     it('color-mix hue interpolation decreasing #98', function () {
         return parse(`
 .selector {
-color: color-mix(in oklch decreasing, oklch(0.5 0.1 30) , oklch(0.7 0.1 190) );
+color: color-mix(in oklch decreasing hue, oklch(0.5 0.1 30) , oklch(0.7 0.1 190) );
 `).then(result => expect(render(result.ast, {minify: false}).code).equals(`.selector {
  color: #7f75b8
 }`));
@@ -1056,7 +1056,7 @@ color: color(rec2020 0.42210 0.47580 0.35605);
 .selector {
 color: color-mix(in rec2020, white, black);
 `).then(result => expect(render(result.ast, {minify: false}).code).equals(`.selector {
- color: #958a7a
+ color: #8b8b8b
 }`));
     });
 
@@ -1201,7 +1201,7 @@ html { --bluegreen:  oklab(54.3% -22.5% -5%); }
   background: color(from color(xyz-d50 0.9642 1.0000 0.8249) xyz-d65 x 0 z)
 }
 `, {inlineCssVariables: true}).then(result => expect(render(result.ast, {minify: false}).code).equals(`.overlay {
- background: #ff00f6
+ background: #f0f
 }`));
     });
 
@@ -1351,6 +1351,17 @@ color: lch(from slateblue calc(l * sin(pi / 4)) c h);
 .from {
  transform: none;
  background-color: #00802080
+}`));
+    });
+
+    it('color mix #133', function () {
+        return transform(`
+ a {
+ color: color-mix(in lch longer hue,#b3d5e6,coral)
+}
+
+`, {beautify: true}).then(result => expect(result.code).equals(`a {
+ color: #88ca87
 }`));
     });
 }
\ No newline at end of file
diff --git a/test/specs/code/import1.js b/test/specs/code/import1.js
index 00199e26..2260a159 100644
--- a/test/specs/code/import1.js
+++ b/test/specs/code/import1.js
@@ -2,7 +2,7 @@
 export function run(describe, expect, transform, parse, render, dirname) {
 
     const atRule = `
-@import '${(import.meta.dirname ?? dirname(new URL(import.meta.url).pathname)) + '/../../files/css/color.css'}';
+@import '${(import.meta.dirname ?? dirname(new URL(import.meta.url).pathname)) + '/../../files/css/color.css?v=1'}';
 abbr[title], abbr[data-original-title] {
     text-decoration: underline dotted;
     -webkit-text-decoration: underline dotted;
diff --git a/test/specs/code/import2.js b/test/specs/code/import2.js
index a248541a..28f38b18 100644
--- a/test/specs/code/import2.js
+++ b/test/specs/code/import2.js
@@ -1,7 +1,7 @@
 
 export function run(describe, expect, transform, parse, render, dirname, readFile) {
 
-    const import1 = `@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css';
+    const import1 = `@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css#fontawesome';
 `;
     describe('process import #2', function () {
         it('process import #1', function () {
diff --git a/test/specs/code/index.js b/test/specs/code/index.js
index dd1feec2..4a32fd18 100644
--- a/test/specs/code/index.js
+++ b/test/specs/code/index.js
@@ -3,6 +3,12 @@ export * as angle from './angle.js';
 export * as block from './block.js';
 export * as calc from './calc.js';
 export * as color from './color.js';
+export * as colorHex from './color-hex.js';
+export * as colorRGB from './color-rgb.js';
+export * as colorHSL from './color-hsl.js';
+export * as colorCMYK from './color-cmyk.js';
+export * as colorHWB from './color-hwb.js';
+export * as colorLAB from './color-lab.js';
 export * as expand from './expand.js';
 export * as grid from './grid.js';
 export * as import1 from './import1.js';

From d8b16a0cf43ba09eda3812afc597df0fcf870100 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Tue, 5 Aug 2025 23:48:01 -0400
Subject: [PATCH 08/11] compute color distance #94

---
 dist/index-umd-web.js                     | 592 ++++++++++------------
 dist/index.cjs                            | 592 ++++++++++------------
 dist/index.d.ts                           | 148 ++----
 dist/lib/ast/types.js                     | 117 ++---
 dist/lib/parser/parse.js                  |  20 +-
 dist/lib/renderer/render.js               |   8 +-
 dist/lib/syntax/color/cmyk.js             |   6 +-
 dist/lib/syntax/color/color-mix.js        |  16 +-
 dist/lib/syntax/color/color.js            | 320 ++++++------
 dist/lib/syntax/color/hex.js              |   6 +-
 dist/lib/syntax/color/hsl.js              |   6 +-
 dist/lib/syntax/color/hwb.js              |   8 +-
 dist/lib/syntax/color/lab.js              |  14 +-
 dist/lib/syntax/color/lch.js              |   8 +-
 dist/lib/syntax/color/oklab.js            |   8 +-
 dist/lib/syntax/color/oklch.js            |  23 +-
 dist/lib/syntax/color/relativecolor.js    |  10 +-
 dist/lib/syntax/color/rgb.js              |   8 +-
 dist/lib/syntax/color/srgb.js             |  32 +-
 dist/lib/syntax/color/utils/components.js |   8 +-
 dist/lib/syntax/color/utils/constants.js  |  33 +-
 dist/lib/syntax/color/utils/distance.js   |  30 ++
 dist/lib/syntax/syntax.js                 |   8 +-
 dist/lib/validation/syntax.js             |  10 +-
 dist/node/index.js                        |   1 +
 dist/web/index.js                         |   1 +
 src/@types/token.d.ts                     |   5 +-
 src/lib/ast/types.ts                      | 117 ++---
 src/lib/index.ts                          |   4 +-
 src/lib/parser/parse.ts                   |  26 +-
 src/lib/renderer/render.ts                |   8 +-
 src/lib/syntax/color/cmyk.ts              |   5 +-
 src/lib/syntax/color/color-mix.ts         |  14 +-
 src/lib/syntax/color/color.ts             | 348 ++++++-------
 src/lib/syntax/color/hex.ts               |   6 +-
 src/lib/syntax/color/hsl.ts               |   6 +-
 src/lib/syntax/color/hwb.ts               |   6 +-
 src/lib/syntax/color/lab.ts               |   6 +-
 src/lib/syntax/color/lch.ts               |   6 +-
 src/lib/syntax/color/oklab.ts             |   6 +-
 src/lib/syntax/color/oklch.ts             |   6 +-
 src/lib/syntax/color/relativecolor.ts     |  10 +-
 src/lib/syntax/color/rgb.ts               |   8 +-
 src/lib/syntax/color/srgb.ts              |  30 +-
 src/lib/syntax/color/utils/components.ts  |   8 +-
 src/lib/syntax/color/utils/constants.ts   |  32 --
 src/lib/syntax/color/utils/distance.ts    |  31 ++
 src/lib/syntax/color/utils/index.ts       |   1 +
 src/lib/syntax/syntax.ts                  |   8 +-
 src/lib/validation/syntax.ts              |  10 +-
 src/node/index.ts                         |   2 +-
 src/web/index.ts                          |   2 +-
 test/specs/code/color-cmyk.js             | 309 ++++++++---
 test/specs/code/color-hex.js              | 173 ++++---
 test/specs/code/color-hsl.js              | 310 ++++++++---
 test/specs/code/color-hwb.js              | 294 ++++++++---
 test/specs/code/color-lab.js              | 310 ++++++++---
 test/specs/code/color-lch.js              | 315 ++++++++++++
 test/specs/code/color-oklab.js            | 315 ++++++++++++
 test/specs/code/color-oklch.js            | 314 ++++++++++++
 test/specs/code/color-rgb.js              | 292 ++++++++---
 test/specs/code/index.js                  |   3 +
 62 files changed, 3447 insertions(+), 1932 deletions(-)
 create mode 100644 dist/lib/syntax/color/utils/distance.js
 create mode 100644 src/lib/syntax/color/utils/distance.ts
 create mode 100644 test/specs/code/color-lch.js
 create mode 100644 test/specs/code/color-oklab.js
 create mode 100644 test/specs/code/color-oklch.js

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 66f5f0c5..961f6e01 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -10,92 +10,6 @@
         SyntaxValidationResult[SyntaxValidationResult["Drop"] = 1] = "Drop";
         SyntaxValidationResult[SyntaxValidationResult["Lenient"] = 2] = "Lenient"; /* preserve unknown at-rules, declarations and pseudo-classes */
     })(SyntaxValidationResult || (SyntaxValidationResult = {}));
-    /**
-     * color types enum
-     */
-    exports.ColorType = void 0;
-    (function (ColorType) {
-        /**
-         * convert color to hex
-         */
-        ColorType[ColorType["HEX"] = 0] = "HEX";
-        /**
-         * convert color to rgb
-         */
-        ColorType[ColorType["RGBA"] = 1] = "RGBA";
-        /**
-         * convert color to hwb
-         */
-        ColorType[ColorType["HWB"] = 2] = "HWB";
-        /**
-         * convert color to hsl
-         */
-        ColorType[ColorType["HSLA"] = 3] = "HSLA";
-        /**
-         * convert color to cmyk
-         */
-        ColorType[ColorType["DEVICE_CMYK"] = 4] = "DEVICE_CMYK";
-        /**
-         * convert color to lch
-         */
-        ColorType[ColorType["LCH"] = 5] = "LCH";
-        /**
-         * convert color to oklch
-         */
-        ColorType[ColorType["OKLCH"] = 6] = "OKLCH";
-        /**
-         * convert color to lab
-         */
-        ColorType[ColorType["LAB"] = 7] = "LAB";
-        /**
-         * convert color to oklab
-         */
-        ColorType[ColorType["OKLAB"] = 8] = "OKLAB";
-        /**
-         * convert color to xyz
-         */
-        ColorType[ColorType["XYZ_D65"] = 9] = "XYZ_D65";
-        /**
-         * convert color to xyz-d50
-         */
-        ColorType[ColorType["XYZ_D50"] = 10] = "XYZ_D50";
-        /**
-         * convert color to srgb
-         */
-        ColorType[ColorType["SRGB"] = 11] = "SRGB";
-        /**
-         * convert color to srgb-linear
-         */
-        ColorType[ColorType["SRGB_LINEAR"] = 12] = "SRGB_LINEAR";
-        /**
-         * convert color to display-p3
-         */
-        ColorType[ColorType["DISPLAY_P3"] = 13] = "DISPLAY_P3";
-        /**
-         * convert color to a98-rgb
-         */
-        ColorType[ColorType["A98_RGB"] = 14] = "A98_RGB";
-        /**
-         * convert color to prophoto-rgb
-         */
-        ColorType[ColorType["PROPHOTO_RGB"] = 15] = "PROPHOTO_RGB";
-        /**
-         * convert color to rec2020
-         */
-        ColorType[ColorType["REC2020"] = 16] = "REC2020";
-        /**
-         * alias for hsl
-         */
-        ColorType[ColorType["HSL"] = 3] = "HSL";
-        /**
-         * alias for rgba
-         */
-        ColorType[ColorType["RGB"] = 1] = "RGB";
-        /**
-         * alias for xyz-d65
-         */
-        ColorType[ColorType["XYZ"] = 9] = "XYZ";
-    })(exports.ColorType || (exports.ColorType = {}));
     /**
      * validation level enum
      */
@@ -246,6 +160,37 @@
         EnumToken[EnumToken["TimingFunction"] = 17] = "TimingFunction";
         EnumToken[EnumToken["TimelineFunction"] = 16] = "TimelineFunction";
     })(exports.EnumToken || (exports.EnumToken = {}));
+    // xyz-d65 is an alias for xyz
+    exports.ColorType = void 0;
+    (function (ColorType) {
+        ColorType[ColorType["SYS"] = 0] = "SYS";
+        ColorType[ColorType["DPSYS"] = 1] = "DPSYS";
+        ColorType[ColorType["LIT"] = 2] = "LIT";
+        ColorType[ColorType["HEX"] = 3] = "HEX";
+        ColorType[ColorType["RGBA"] = 4] = "RGBA";
+        ColorType[ColorType["HSLA"] = 5] = "HSLA";
+        ColorType[ColorType["HWB"] = 6] = "HWB";
+        ColorType[ColorType["CMYK"] = 7] = "CMYK";
+        ColorType[ColorType["OKLAB"] = 8] = "OKLAB";
+        ColorType[ColorType["OKLCH"] = 9] = "OKLCH";
+        ColorType[ColorType["LAB"] = 10] = "LAB";
+        ColorType[ColorType["LCH"] = 11] = "LCH";
+        ColorType[ColorType["COLOR"] = 12] = "COLOR";
+        ColorType[ColorType["SRGB"] = 13] = "SRGB";
+        ColorType[ColorType["PROPHOTO_RGB"] = 14] = "PROPHOTO_RGB";
+        ColorType[ColorType["A98_RGB"] = 15] = "A98_RGB";
+        ColorType[ColorType["REC2020"] = 16] = "REC2020";
+        ColorType[ColorType["DISPLAY_P3"] = 17] = "DISPLAY_P3";
+        ColorType[ColorType["SRGB_LINEAR"] = 18] = "SRGB_LINEAR";
+        ColorType[ColorType["XYZ_D50"] = 19] = "XYZ_D50";
+        ColorType[ColorType["XYZ_D65"] = 20] = "XYZ_D65";
+        ColorType[ColorType["LIGHT_DARK"] = 21] = "LIGHT_DARK";
+        ColorType[ColorType["COLOR_MIX"] = 22] = "COLOR_MIX";
+        ColorType[ColorType["RGB"] = 4] = "RGB";
+        ColorType[ColorType["HSL"] = 5] = "HSL";
+        ColorType[ColorType["XYZ"] = 20] = "XYZ";
+        ColorType[ColorType["DEVICE_CMYK"] = 7] = "DEVICE_CMYK";
+    })(exports.ColorType || (exports.ColorType = {}));
 
     // from https://www.w3.org/TR/css-color-4/multiply-matrices.js
     /**
@@ -305,37 +250,6 @@
             b: [0, 0.4]
         }
     };
-    // xyz-d65 is an alias for xyz
-    // display-p3 is an alias for srgb
-    var ColorKind;
-    (function (ColorKind) {
-        ColorKind[ColorKind["SYS"] = 0] = "SYS";
-        ColorKind[ColorKind["DPSYS"] = 1] = "DPSYS";
-        ColorKind[ColorKind["LIT"] = 2] = "LIT";
-        ColorKind[ColorKind["HEX"] = 3] = "HEX";
-        ColorKind[ColorKind["RGBA"] = 4] = "RGBA";
-        ColorKind[ColorKind["HSLA"] = 5] = "HSLA";
-        ColorKind[ColorKind["HWB"] = 6] = "HWB";
-        ColorKind[ColorKind["DEVICE_CMYK"] = 7] = "DEVICE_CMYK";
-        ColorKind[ColorKind["OKLAB"] = 8] = "OKLAB";
-        ColorKind[ColorKind["OKLCH"] = 9] = "OKLCH";
-        ColorKind[ColorKind["LAB"] = 10] = "LAB";
-        ColorKind[ColorKind["LCH"] = 11] = "LCH";
-        ColorKind[ColorKind["COLOR"] = 12] = "COLOR";
-        ColorKind[ColorKind["SRGB"] = 13] = "SRGB";
-        ColorKind[ColorKind["PROPHOTO_RGB"] = 14] = "PROPHOTO_RGB";
-        ColorKind[ColorKind["A98_RGB"] = 15] = "A98_RGB";
-        ColorKind[ColorKind["REC2020"] = 16] = "REC2020";
-        ColorKind[ColorKind["DISPLAY_P3"] = 17] = "DISPLAY_P3";
-        ColorKind[ColorKind["SRGB_LINEAR"] = 18] = "SRGB_LINEAR";
-        ColorKind[ColorKind["XYZ_D50"] = 19] = "XYZ_D50";
-        ColorKind[ColorKind["XYZ_D65"] = 20] = "XYZ_D65";
-        ColorKind[ColorKind["LIGHT_DARK"] = 21] = "LIGHT_DARK";
-        ColorKind[ColorKind["COLOR_MIX"] = 22] = "COLOR_MIX";
-        ColorKind[ColorKind["RGB"] = 4] = "RGB";
-        ColorKind[ColorKind["HSL"] = 5] = "HSL";
-        ColorKind[ColorKind["XYZ"] = 20] = "XYZ";
-    })(ColorKind || (ColorKind = {}));
     const timelineFunc = ['view', 'scroll'];
     const generalEnclosedFunc = ['selector', 'font-tech', 'font-format', 'media', 'supports'];
     const timingFunc = ['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear', 'step-start', 'step-end', 'steps', 'cubic-bezier'];
@@ -594,7 +508,7 @@
             typ: exports.EnumToken.ColorTokenType,
             val: 'lch',
             chi,
-            kin: ColorKind.LCH
+            kin: exports.ColorType.LCH
         };
     }
     function hex2lchvalues(token) {
@@ -812,6 +726,13 @@
         }
         return oklchToken(values);
     }
+    function cmyk2oklchToken(token) {
+        const values = cmyk2oklchvalues(token);
+        if (values == null) {
+            return null;
+        }
+        return oklchToken(values);
+    }
     function lab2oklchToken(token) {
         const values = lab2oklchvalues(token);
         if (values == null) {
@@ -858,7 +779,7 @@
             typ: exports.EnumToken.ColorTokenType,
             val: 'oklch',
             chi,
-            kin: ColorKind.OKLCH
+            kin: exports.ColorType.OKLCH
         };
     }
     function hex2oklchvalues(token) {
@@ -881,6 +802,11 @@
         // @ts-ignore
         return labvalues2lchvalues(...hwb2oklabvalues(token));
     }
+    function cmyk2oklchvalues(token) {
+        const values = cmyk2srgbvalues(token);
+        // @ts-ignore
+        return values == null ? null : srgb2oklch(...values);
+    }
     function lab2oklchvalues(token) {
         // @ts-ignore
         return labvalues2lchvalues(...lab2oklabvalues(token));
@@ -1005,7 +931,7 @@
             typ: exports.EnumToken.ColorTokenType,
             val: 'oklab',
             chi,
-            kin: ColorKind.OKLAB
+            kin: exports.ColorType.OKLAB
         };
     }
     function hex2oklabvalues(token) {
@@ -1219,7 +1145,7 @@
             typ: exports.EnumToken.ColorTokenType,
             val: 'lab',
             chi,
-            kin: ColorKind.LAB
+            kin: exports.ColorType.LAB
         };
     }
     // L: 0% = 0.0, 100% = 100.0
@@ -1391,26 +1317,26 @@
     // 0 <= r, g, b <= 1
     function srgbvalues(token) {
         switch (token.kin) {
-            case ColorKind.LIT:
-            case ColorKind.HEX:
+            case exports.ColorType.LIT:
+            case exports.ColorType.HEX:
                 return hex2srgbvalues(token);
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
                 return rgb2srgb(token);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
                 return hsl2srgb(token);
-            case ColorKind.HWB:
+            case exports.ColorType.HWB:
                 return hwb2srgbvalues(token);
-            case ColorKind.LAB:
+            case exports.ColorType.LAB:
                 return lab2srgbvalues(token);
-            case ColorKind.LCH:
+            case exports.ColorType.LCH:
                 return lch2srgbvalues(token);
-            case ColorKind.OKLAB:
+            case exports.ColorType.OKLAB:
                 return oklab2srgbvalues(token);
-            case ColorKind.OKLCH:
+            case exports.ColorType.OKLCH:
                 return oklch2srgbvalues(token);
-            case ColorKind.COLOR:
+            case exports.ColorType.COLOR:
                 return color2srgbvalues(token);
         }
         return null;
@@ -1422,7 +1348,7 @@
         return getComponents(token)?.map?.((t, index) => index == 3 ? getNumber(t) : getNumber(t) / 255) ?? null;
     }
     function hex2srgbvalues(token) {
-        const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+        const value = expandHexValue(token.kin == exports.ColorType.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
         const rgb = [];
         for (let i = 1; i < value.length; i += 2) {
             rgb.push(parseInt(value.slice(i, i + 2), 16) / 255);
@@ -1766,7 +1692,7 @@
         return {
             typ: exports.EnumToken.ColorTokenType,
             val: value,
-            kin: value[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+            kin: value[0] == '#' ? exports.ColorType.HEX : exports.ColorType.LIT
         };
     }
     function rgb2hexvalues(token) {
@@ -1830,8 +1756,8 @@
     }
 
     function getComponents(token) {
-        if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
-            const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+        if (token.kin == exports.ColorType.HEX || token.kin == exports.ColorType.LIT) {
+            const value = expandHexValue(token.kin == exports.ColorType.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
             // @ts-ignore
             return value.slice(1).match(/([a-fA-F0-9]{2})/g).map((t, index) => {
                 return { typ: exports.EnumToken.Number, val: (index < 3 ? parseInt(t, 16) : parseInt(t, 16) / 255).toString() };
@@ -1852,6 +1778,24 @@
         return result;
     }
 
+    function okLabDistance(okLab1, okLab2) {
+        return Math.sqrt(Math.pow(okLab1[0] - okLab2[0], 2) + Math.pow(okLab1[1] - okLab2[1], 2) + Math.pow(okLab1[2] - okLab2[2], 2));
+    }
+    function isOkLabClose(color1, color2, threshold = 2.3) {
+        color1 = convertColor(color1, exports.ColorType.OKLAB);
+        color2 = convertColor(color2, exports.ColorType.OKLAB);
+        // console.error(JSON.stringify({color1, color2}, null, 1));
+        if (color1 == null || color2 == null) {
+            return false;
+        }
+        const okLab1 = getOKLABComponents(color1);
+        const okLab2 = getOKLABComponents(color2);
+        if (okLab1 == null || okLab2 == null) {
+            return false;
+        }
+        return okLabDistance(okLab1, okLab2) < threshold;
+    }
+
     function srgb2rgb(value) {
         return minmax(Math.round(value * 255), 0, 255);
     }
@@ -1927,11 +1871,11 @@
             typ: exports.EnumToken.ColorTokenType,
             val: 'rgb',
             chi,
-            kin: ColorKind.RGB
+            kin: exports.ColorType.RGB
         };
     }
     function hex2rgbvalues(token) {
-        const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+        const value = expandHexValue(token.kin == exports.ColorType.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
         const rgb = [];
         for (let i = 1; i < value.length; i += 2) {
             rgb.push(parseInt(value.slice(i, i + 2), 16));
@@ -2073,7 +2017,7 @@
             typ: exports.EnumToken.ColorTokenType,
             val: 'hsl',
             chi,
-            kin: ColorKind.HSL
+            kin: exports.ColorType.HSL
         };
     }
     function rgb2hslvalues(token) {
@@ -2254,7 +2198,7 @@
             typ: exports.EnumToken.ColorTokenType,
             val: 'hwb',
             chi,
-            kin: ColorKind.HWB
+            kin: exports.ColorType.HWB
         };
     }
     function rgb2hwbvalues(token) {
@@ -2720,8 +2664,8 @@
                 return null;
         }
         const lchSpaces = ['lch', 'oklch'];
-        const colorSpace1 = ColorKind[color1.kin].toLowerCase().replaceAll('_', '-');
-        const colorSpace2 = ColorKind[color2.kin].toLowerCase().replaceAll('_', '-');
+        const colorSpace1 = exports.ColorType[color1.kin].toLowerCase().replaceAll('_', '-');
+        const colorSpace2 = exports.ColorType[color2.kin].toLowerCase().replaceAll('_', '-');
         // powerless
         if (lchSpaces.includes(colorSpace1) || lchSpaces.includes(colorSpace.val)) {
             if ((components1[2].typ == exports.EnumToken.IdenTokenType && components1[2].val == 'none') || values1[2] == 0) {
@@ -2769,7 +2713,7 @@
                             val: String(v)
                         };
                     }),
-                    kin: ColorKind.LCH
+                    kin: exports.ColorType.LCH
                 };
             case 'srgb':
             case 'srgb-linear':
@@ -2780,7 +2724,7 @@
                     typ: exports.EnumToken.ColorTokenType,
                     val: 'color',
                     chi: calculate(),
-                    kin: ColorKind.COLOR,
+                    kin: exports.ColorType.COLOR,
                     cal: 'col'
                 };
             case 'rgb':
@@ -2819,7 +2763,7 @@
                     typ: exports.EnumToken.ColorTokenType,
                     val: colorSpace.val,
                     chi: calculate().slice(1),
-                    kin: ColorKind[colorSpace.val.toUpperCase().replaceAll('-', '_')]
+                    kin: exports.ColorType[colorSpace.val.toUpperCase().replaceAll('-', '_')]
                 };
                 if (colorSpace.val == 'hsl' || colorSpace.val == 'hwb') {
                     // @ts-ignore
@@ -3498,12 +3442,12 @@
         let values = {};
         // colorFuncColorSpace x,y,z or r,g,b
         const names = relativeKeys.startsWith('xyz') ? 'xyz' : relativeKeys.slice(-3);
-        const converted = convertColor(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_')]);
+        const converted = convertColor(original, exports.ColorType[relativeKeys.toUpperCase().replaceAll('-', '_')]);
         if (converted == null) {
             return null;
         }
         const children = converted.chi.filter(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.LiteralTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
-        [r, g, b, alpha] = converted.kin == ColorKind.COLOR ? children.slice(1) : children;
+        [r, g, b, alpha] = converted.kin == exports.ColorType.COLOR ? children.slice(1) : children;
         values = {
             [names[0]]: getValue(r, converted, names[0]),
             [names[1]]: getValue(g, converted, names[1]), // string,
@@ -3542,7 +3486,7 @@
         // }
         if (t.typ == exports.EnumToken.PercentageTokenType) {
             let value = getNumber(t);
-            let colorSpace = ColorKind[converted.kin].toLowerCase().replaceAll('-', '_');
+            let colorSpace = exports.ColorType[converted.kin].toLowerCase().replaceAll('-', '_');
             if (colorSpace in colorRange) {
                 // @ts-ignore
                 value *= colorRange[colorSpace][component].at(-1);
@@ -3744,7 +3688,7 @@
                     typ: exports.EnumToken.LiteralTokenType,
                     val: '/'
                 }, { typ: exports.EnumToken.PercentageTokenType, val: (curr * 100).toFixed() }], []),
-            kin: ColorKind.DEVICE_CMYK
+            kin: exports.ColorType.DEVICE_CMYK
         };
     }
 
@@ -3803,13 +3747,13 @@
     }
 
     function convertColor(token, to) {
-        if (token.kin == ColorKind.SYS ||
-            token.kin == ColorKind.DPSYS ||
+        if (token.kin == exports.ColorType.SYS ||
+            token.kin == exports.ColorType.DPSYS ||
             (isIdentColor(token) &&
                 ('currentcolor'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0))) {
             return token;
         }
-        if (token.kin == ColorKind.COLOR_MIX && to != ColorKind.COLOR_MIX) {
+        if (token.kin == exports.ColorType.COLOR_MIX && to != exports.ColorType.COLOR_MIX) {
             const children = token.chi.reduce((acc, t) => {
                 if (t.typ == exports.EnumToken.ColorTokenType) {
                     acc.push([t]);
@@ -3843,282 +3787,282 @@
             }
         }
         if (token.kin == to) {
-            if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
+            if (token.kin == exports.ColorType.HEX || token.kin == exports.ColorType.LIT) {
                 token.val = reduceHexValue(token.val);
-                token.kin = token.val[0] == '#' ? ColorKind.HEX : ColorKind.LIT;
+                token.kin = token.val[0] == '#' ? exports.ColorType.HEX : exports.ColorType.LIT;
             }
             return token;
         }
-        if (token.kin == ColorKind.COLOR) {
+        if (token.kin == exports.ColorType.COLOR) {
             const colorSpace = token.chi.find(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
-            if (colorSpace.val == ColorKind[to].toLowerCase().replaceAll('_', '-')) {
+            if (colorSpace.val == exports.ColorType[to].toLowerCase().replaceAll('_', '-')) {
                 return token;
             }
         }
-        if (to == ColorKind.HSL) {
+        if (to == exports.ColorType.HSL) {
             switch (token.kin) {
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
                     return rgb2HslToken(token);
-                case ColorKind.HEX:
-                case ColorKind.LIT:
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
                     return hex2HslToken(token);
-                case ColorKind.HWB:
+                case exports.ColorType.HWB:
                     return hwb2HslToken(token);
-                case ColorKind.DEVICE_CMYK:
+                case exports.ColorType.DEVICE_CMYK:
                     return cmyk2HslToken(token);
-                case ColorKind.OKLAB:
+                case exports.ColorType.OKLAB:
                     return oklab2HslToken(token);
-                case ColorKind.OKLCH:
+                case exports.ColorType.OKLCH:
                     return oklch2HslToken(token);
-                case ColorKind.LAB:
+                case exports.ColorType.LAB:
                     return lab2HslToken(token);
-                case ColorKind.LCH:
+                case exports.ColorType.LCH:
                     return lch2HslToken(token);
-                case ColorKind.COLOR:
+                case exports.ColorType.COLOR:
                     return color2HslToken(token);
             }
         }
-        else if (to == ColorKind.HWB) {
+        else if (to == exports.ColorType.HWB) {
             switch (token.kin) {
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
                     return rgb2hwbToken(token);
-                case ColorKind.HEX:
-                case ColorKind.LIT:
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
                     // @ts-ignore
                     return rgb2hwbToken(token);
-                case ColorKind.HSL:
-                case ColorKind.HSLA:
+                case exports.ColorType.HSL:
+                case exports.ColorType.HSLA:
                     return hsl2hwbToken(token);
-                case ColorKind.OKLAB:
+                case exports.ColorType.OKLAB:
                     return oklab2hwbToken(token);
-                case ColorKind.OKLCH:
+                case exports.ColorType.OKLCH:
                     return oklch2hwbToken(token);
-                case ColorKind.LAB:
+                case exports.ColorType.LAB:
                     return lab2hwbToken(token);
-                case ColorKind.LCH:
+                case exports.ColorType.LCH:
                     return lch2hwbToken(token);
-                case ColorKind.DEVICE_CMYK:
+                case exports.ColorType.DEVICE_CMYK:
                     return cmyk2hwbToken(token);
-                case ColorKind.COLOR:
+                case exports.ColorType.COLOR:
                     return color2hwbToken(token);
             }
         }
-        else if (to == ColorKind.DEVICE_CMYK) {
+        else if (to == exports.ColorType.DEVICE_CMYK) {
             switch (token.kin) {
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
                     return rgb2cmykToken(token);
-                case ColorKind.HEX:
-                case ColorKind.LIT:
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
                     return rgb2cmykToken(token);
-                case ColorKind.HSL:
-                case ColorKind.HSLA:
+                case exports.ColorType.HSL:
+                case exports.ColorType.HSLA:
                     return hsl2cmykToken(token);
-                case ColorKind.HWB:
+                case exports.ColorType.HWB:
                     return hwb2cmykToken(token);
-                case ColorKind.OKLAB:
+                case exports.ColorType.OKLAB:
                     return oklab2cmyk(token);
-                case ColorKind.OKLCH:
+                case exports.ColorType.OKLCH:
                     return oklch2cmykToken(token);
-                case ColorKind.LAB:
+                case exports.ColorType.LAB:
                     return lab2cmykToken(token);
                 //
-                case ColorKind.LCH:
+                case exports.ColorType.LCH:
                     return lch2cmykToken(token);
-                case ColorKind.COLOR:
+                case exports.ColorType.COLOR:
                     return color2cmykToken(token);
             }
         }
-        else if (to == ColorKind.HEX || to == ColorKind.LIT) {
+        else if (to == exports.ColorType.HEX || to == exports.ColorType.LIT) {
             switch (token.kin) {
-                case ColorKind.HEX:
-                case ColorKind.LIT: {
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT: {
                     const val = reduceHexValue(token.val);
                     return {
                         typ: exports.EnumToken.ColorTokenType,
                         val,
-                        kin: val[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+                        kin: val[0] == '#' ? exports.ColorType.HEX : exports.ColorType.LIT
                     };
                 }
-                case ColorKind.HSL:
+                case exports.ColorType.HSL:
                     return hsl2HexToken(token);
-                case ColorKind.HWB:
+                case exports.ColorType.HWB:
                     return hwb2HexToken(token);
-                case ColorKind.DEVICE_CMYK:
+                case exports.ColorType.DEVICE_CMYK:
                     return cmyk2HexToken(token);
-                case ColorKind.OKLAB:
+                case exports.ColorType.OKLAB:
                     return oklab2HexToken(token);
-                case ColorKind.OKLCH:
+                case exports.ColorType.OKLCH:
                     return oklch2HexToken(token);
-                case ColorKind.LAB:
+                case exports.ColorType.LAB:
                     return lab2HexToken(token);
-                case ColorKind.LCH:
+                case exports.ColorType.LCH:
                     return lch2HexToken(token);
-                case ColorKind.COLOR:
+                case exports.ColorType.COLOR:
                     return color2HexToken(token);
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
                     return rgb2HexToken(token);
             }
         }
-        else if (to == ColorKind.RGB) {
+        else if (to == exports.ColorType.RGB) {
             switch (token.kin) {
-                case ColorKind.HEX:
-                case ColorKind.LIT:
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
                     return hex2RgbToken(token);
-                case ColorKind.HSL:
+                case exports.ColorType.HSL:
                     return hsl2RgbToken(token);
-                case ColorKind.HWB:
+                case exports.ColorType.HWB:
                     return hwb2RgbToken(token);
-                case ColorKind.DEVICE_CMYK:
+                case exports.ColorType.DEVICE_CMYK:
                     return cmyk2RgbToken(token);
-                case ColorKind.OKLAB:
+                case exports.ColorType.OKLAB:
                     return oklab2RgbToken(token);
-                case ColorKind.OKLCH:
+                case exports.ColorType.OKLCH:
                     return oklch2RgbToken(token);
-                case ColorKind.LAB:
+                case exports.ColorType.LAB:
                     return lab2RgbToken(token);
-                case ColorKind.LCH:
+                case exports.ColorType.LCH:
                     return lch2RgbToken(token);
-                case ColorKind.COLOR:
+                case exports.ColorType.COLOR:
                     return color2RgbToken(token);
             }
         }
-        else if (to == ColorKind.LAB) {
+        else if (to == exports.ColorType.LAB) {
             switch (token.kin) {
-                case ColorKind.HEX:
-                case ColorKind.LIT:
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
                     return hex2labToken(token);
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
                     return rgb2labToken(token);
-                case ColorKind.HSL:
-                case ColorKind.HSLA:
+                case exports.ColorType.HSL:
+                case exports.ColorType.HSLA:
                     return hsl2labToken(token);
-                case ColorKind.HWB:
+                case exports.ColorType.HWB:
                     return hwb2labToken(token);
-                case ColorKind.DEVICE_CMYK:
+                case exports.ColorType.DEVICE_CMYK:
                     return cmyk2labToken(token);
-                case ColorKind.LCH:
+                case exports.ColorType.LCH:
                     return lch2labToken(token);
-                case ColorKind.OKLAB:
+                case exports.ColorType.OKLAB:
                     return oklab2labToken(token);
-                case ColorKind.OKLCH:
+                case exports.ColorType.OKLCH:
                     return oklch2labToken(token);
-                case ColorKind.COLOR:
+                case exports.ColorType.COLOR:
                     return color2labToken(token);
             }
         }
-        else if (to == ColorKind.LCH) {
+        else if (to == exports.ColorType.LCH) {
             switch (token.kin) {
-                case ColorKind.HEX:
-                case ColorKind.LIT:
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
                     return hex2lchToken(token);
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
                     return rgb2lchToken(token);
-                case ColorKind.HSL:
-                case ColorKind.HSLA:
+                case exports.ColorType.HSL:
+                case exports.ColorType.HSLA:
                     return hsl2lchToken(token);
-                case ColorKind.HWB:
+                case exports.ColorType.HWB:
                     return hwb2lchToken(token);
-                case ColorKind.DEVICE_CMYK:
+                case exports.ColorType.DEVICE_CMYK:
                     return cmyk2lchToken(token);
-                case ColorKind.LAB:
+                case exports.ColorType.LAB:
                     return lab2lchToken(token);
-                case ColorKind.OKLAB:
+                case exports.ColorType.OKLAB:
                     return oklab2lchToken(token);
-                case ColorKind.OKLCH:
+                case exports.ColorType.OKLCH:
                     return oklch2lchToken(token);
-                case ColorKind.COLOR:
+                case exports.ColorType.COLOR:
                     return color2lchToken(token);
             }
         }
-        else if (to == ColorKind.OKLAB) {
+        else if (to == exports.ColorType.OKLAB) {
             switch (token.kin) {
-                case ColorKind.HEX:
-                case ColorKind.LIT:
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
                     return hex2oklabToken(token);
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
                     return rgb2oklabToken(token);
-                case ColorKind.HSL:
-                case ColorKind.HSLA:
+                case exports.ColorType.HSL:
+                case exports.ColorType.HSLA:
                     return hsl2oklabToken(token);
-                case ColorKind.HWB:
+                case exports.ColorType.HWB:
                     return hwb2oklabToken(token);
-                case ColorKind.DEVICE_CMYK:
+                case exports.ColorType.DEVICE_CMYK:
                     return cmyk2oklabToken(token);
-                case ColorKind.LAB:
+                case exports.ColorType.LAB:
                     return lab2oklabToken(token);
-                case ColorKind.LCH:
+                case exports.ColorType.LCH:
                     return lch2oklabToken(token);
-                case ColorKind.OKLCH:
+                case exports.ColorType.OKLCH:
                     return oklch2oklabToken(token);
-                case ColorKind.COLOR:
+                case exports.ColorType.COLOR:
                     return color2oklabToken(token);
             }
         }
-        else if (to == ColorKind.OKLCH) {
+        else if (to == exports.ColorType.OKLCH) {
             switch (token.kin) {
-                case ColorKind.HEX:
-                case ColorKind.LIT:
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
                     return hex2oklchToken(token);
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
                     return rgb2oklchToken(token);
-                case ColorKind.HSL:
-                case ColorKind.HSLA:
+                case exports.ColorType.HSL:
+                case exports.ColorType.HSLA:
                     return hsl2oklchToken(token);
-                case ColorKind.HWB:
+                case exports.ColorType.HWB:
                     return hwb2oklchToken(token);
-                case ColorKind.DEVICE_CMYK:
-                    return oklab2oklchToken(token);
-                case ColorKind.LAB:
+                case exports.ColorType.DEVICE_CMYK:
+                    return cmyk2oklchToken(token);
+                case exports.ColorType.LAB:
                     return lab2oklchToken(token);
-                case ColorKind.OKLAB:
+                case exports.ColorType.OKLAB:
                     return oklab2oklchToken(token);
-                case ColorKind.LCH:
+                case exports.ColorType.LCH:
                     return lch2oklchToken(token);
-                case ColorKind.COLOR:
+                case exports.ColorType.COLOR:
                     return color2oklchToken(token);
             }
         }
-        else if (colorFuncColorSpace.includes(ColorKind[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
-            console.error(ColorKind[token.kin]);
+        else if (colorFuncColorSpace.includes(exports.ColorType[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
+            console.error(exports.ColorType[token.kin]);
             switch (token.kin) {
-                case ColorKind.HEX:
-                case ColorKind.LIT:
+                case exports.ColorType.HEX:
+                case exports.ColorType.LIT:
                     return hex2colorToken(token, to);
-                case ColorKind.RGB:
-                case ColorKind.RGBA:
+                case exports.ColorType.RGB:
+                case exports.ColorType.RGBA:
                     return rgb2colorToken(token, to);
-                case ColorKind.HSL:
-                case ColorKind.HSLA:
+                case exports.ColorType.HSL:
+                case exports.ColorType.HSLA:
                     return hsl2colorToken(token, to);
-                case ColorKind.HWB:
+                case exports.ColorType.HWB:
                     return hwb2colorToken(token, to);
-                case ColorKind.DEVICE_CMYK:
+                case exports.ColorType.DEVICE_CMYK:
                     return cmyk2colorToken(token, to);
-                case ColorKind.LAB:
+                case exports.ColorType.LAB:
                     return lab2colorToken(token, to);
-                case ColorKind.OKLAB:
+                case exports.ColorType.OKLAB:
                     return oklab2colorToken(token, to);
-                case ColorKind.LCH:
+                case exports.ColorType.LCH:
                     return lch2colorToken(token, to);
-                case ColorKind.OKLCH:
+                case exports.ColorType.OKLCH:
                     return oklch2colorToken(token, to);
-                case ColorKind.COLOR:
-                case ColorKind.XYZ:
-                case ColorKind.SRGB:
-                case ColorKind.REC2020:
-                case ColorKind.XYZ_D50:
-                case ColorKind.A98_RGB:
-                case ColorKind.DISPLAY_P3:
-                case ColorKind.SRGB_LINEAR:
-                case ColorKind.PROPHOTO_RGB:
+                case exports.ColorType.COLOR:
+                case exports.ColorType.XYZ:
+                case exports.ColorType.SRGB:
+                case exports.ColorType.REC2020:
+                case exports.ColorType.XYZ_D50:
+                case exports.ColorType.A98_RGB:
+                case exports.ColorType.DISPLAY_P3:
+                case exports.ColorType.SRGB_LINEAR:
+                case exports.ColorType.PROPHOTO_RGB:
                     return color2colorToken(token, to);
             }
         }
@@ -4198,35 +4142,35 @@
     function srgb2srgbcolorspace(val, to) {
         const values = [];
         switch (to) {
-            case ColorKind.SRGB:
+            case exports.ColorType.SRGB:
                 values.push(...val);
                 break;
-            case ColorKind.SRGB_LINEAR:
+            case exports.ColorType.SRGB_LINEAR:
                 // @ts-ignore
                 values.push(...srgb2lsrgbvalues(...val));
                 break;
-            case ColorKind.DISPLAY_P3:
+            case exports.ColorType.DISPLAY_P3:
                 // @ts-ignore
                 values.push(...srgb2p3values(...val));
                 break;
-            case ColorKind.PROPHOTO_RGB:
+            case exports.ColorType.PROPHOTO_RGB:
                 // @ts-ignore
                 values.push(...srgb2prophotorgbvalues(...val));
                 break;
-            case ColorKind.A98_RGB:
+            case exports.ColorType.A98_RGB:
                 // @ts-ignore
                 values.push(...srgb2a98values$1(...val));
                 break;
-            case ColorKind.REC2020:
+            case exports.ColorType.REC2020:
                 // @ts-ignore
                 values.push(...srgb2rec2020values(...val));
                 break;
-            case ColorKind.XYZ:
-            case ColorKind.XYZ_D65:
+            case exports.ColorType.XYZ:
+            case exports.ColorType.XYZ_D65:
                 // @ts-ignore
                 values.push(...srgb2xyz(...val));
                 break;
-            case ColorKind.XYZ_D50:
+            case exports.ColorType.XYZ_D50:
                 // @ts-ignore
                 values.push(...srgb2xyz_d50(...val));
                 break;
@@ -4295,12 +4239,12 @@
         if (values.length == 4) {
             chi.push({ typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
         }
-        const colorSpace = ColorKind[to].toLowerCase().replaceAll('_', '-');
+        const colorSpace = exports.ColorType[to].toLowerCase().replaceAll('_', '-');
         return colorFuncColorSpace.includes(colorSpace) ? {
             typ: exports.EnumToken.ColorTokenType,
             val: 'color',
             chi: [{ typ: exports.EnumToken.IdenTokenType, val: colorSpace }].concat(chi),
-            kin: ColorKind.COLOR
+            kin: exports.ColorType.COLOR
         } : {
             typ: exports.EnumToken.ColorTokenType,
             val: colorSpace,
@@ -4752,12 +4696,12 @@
             case exports.EnumToken.Div:
                 return '/';
             case exports.EnumToken.ColorTokenType:
-                if (token.kin == ColorKind.LIGHT_DARK || ('chi' in token && options.convertColor === false)) {
+                if (token.kin == exports.ColorType.LIGHT_DARK || ('chi' in token && options.convertColor === false)) {
                     return token.val + '(' + token.chi.reduce((acc, curr) => acc + renderToken(curr, options, cache), '') + ')';
                 }
                 if (options.convertColor !== false) {
                     // console.error([typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[(ColorType[options.convertColor] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorKind] ?? ColorKind.HEX])
-                    const value = convertColor(token, typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[exports.ColorType[options.convertColor ?? 'HEX']?.toUpperCase?.().replaceAll?.('-', '_')] ?? ColorKind.HEX);
+                    const value = convertColor(token, typeof options.convertColor == 'boolean' ? exports.ColorType.HEX : exports.ColorType[exports.ColorType[options.convertColor ?? 'HEX']?.toUpperCase?.().replaceAll?.('-', '_')] ?? exports.ColorType.HEX);
                     //
                     if (value != null) {
                         token = value;
@@ -4954,7 +4898,7 @@
                     //         return reduceHexValue(value);
                     //     }
                 }
-                if ([ColorKind.HEX, ColorKind.LIT, ColorKind.SYS, ColorKind.DPSYS].includes(token.kin)) {
+                if ([exports.ColorType.HEX, exports.ColorType.LIT, exports.ColorType.SYS, exports.ColorType.DPSYS].includes(token.kin)) {
                     return token.val;
                 }
                 if (Array.isArray(token.chi)) {
@@ -5728,7 +5672,7 @@
         return ['shorter', 'longer', 'increasing', 'decreasing'].includes(token[0].val) && 'hue'.localeCompare(token[1].val, undefined, { sensitivity: 'base' }) == 0;
     }
     function isIdentColor(token) {
-        return token.typ == exports.EnumToken.ColorTokenType && [ColorKind.SYS, ColorKind.DPSYS, ColorKind.LIT].includes(token.kin) && isIdent(token.val);
+        return token.typ == exports.EnumToken.ColorTokenType && [exports.ColorType.SYS, exports.ColorType.DPSYS, exports.ColorType.LIT].includes(token.kin) && isIdent(token.val);
     }
     function isPercentageToken(token) {
         return token.typ == exports.EnumToken.PercentageTokenType || (token.typ == exports.EnumToken.NumberTokenType && token.val == '0');
@@ -5911,7 +5855,7 @@
         // @ts-ignore
         token.typ = exports.EnumToken.ColorTokenType;
         // @ts-ignore
-        token.kin = ColorKind[token.val.replaceAll('-', '_').toUpperCase()];
+        token.kin = exports.ColorType[token.val.replaceAll('-', '_').toUpperCase()];
         // @ts-ignore
         if (token.chi[0].typ == exports.EnumToken.IdenTokenType) {
             // @ts-ignore
@@ -15080,10 +15024,10 @@
                 success = token.typ == exports.EnumToken.DashedIdenTokenType;
                 break;
             case 'system-color':
-                success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == ColorKind.SYS) || (token.typ == exports.EnumToken.IdenTokenType && token.val.localeCompare('currentcolor', 'en', { sensitivity: 'base' }) == 0) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
+                success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == exports.ColorType.SYS) || (token.typ == exports.EnumToken.IdenTokenType && token.val.localeCompare('currentcolor', 'en', { sensitivity: 'base' }) == 0) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
                 break;
             case 'deprecated-system-color':
-                success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == ColorKind.DPSYS) || (token.typ == exports.EnumToken.IdenTokenType && token.val.localeCompare('currentcolor', 'en', { sensitivity: 'base' }) == 0) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
+                success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == exports.ColorType.DPSYS) || (token.typ == exports.EnumToken.IdenTokenType && token.val.localeCompare('currentcolor', 'en', { sensitivity: 'base' }) == 0) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
                 break;
             case 'color':
             case 'color-base':
@@ -15099,7 +15043,7 @@
                 }
                 break;
             case 'hex-color':
-                success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == ColorKind.HEX) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
+                success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == exports.ColorType.HEX) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
                 break;
             case 'integer':
                 success = (token.typ == exports.EnumToken.NumberTokenType && Number.isInteger(+(token.val))) || (token.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(token.val.toLowerCase()) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val)));
@@ -17876,7 +17820,7 @@
                     if (name == null && [exports.EnumToken.IdenTokenType, exports.EnumToken.DashedIdenTokenType].includes(tokens[i].typ)) {
                         name = tokens.slice(0, i + 1);
                     }
-                    else if (name == null && tokens[i].typ == exports.EnumToken.ColorTokenType && [ColorKind.SYS, ColorKind.DPSYS].includes(tokens[i].kin)) {
+                    else if (name == null && tokens[i].typ == exports.EnumToken.ColorTokenType && [exports.ColorType.SYS, exports.ColorType.DPSYS].includes(tokens[i].kin)) {
                         name = tokens.slice(0, i + 1);
                         tokens[i].typ = exports.EnumToken.IdenTokenType;
                     }
@@ -18162,7 +18106,7 @@
                         const node = value.chi.splice(nameIndex, 1)[0];
                         // 'background'
                         // @ts-ignore
-                        if (node.typ == exports.EnumToken.ColorTokenType && node.kin == ColorKind.DPSYS) {
+                        if (node.typ == exports.EnumToken.ColorTokenType && node.kin == exports.ColorType.DPSYS) {
                             // @ts-ignore
                             delete node.kin;
                             node.typ = exports.EnumToken.IdenTokenType;
@@ -18298,8 +18242,8 @@
                     }
                 }
                 else if (value.typ == exports.EnumToken.ColorTokenType) {
-                    if (value.kin == ColorKind.LIT || value.kin == ColorKind.HEX || value.kin == ColorKind.SYS || value.kin == ColorKind.DPSYS) {
-                        if (value.kin == ColorKind.HEX) {
+                    if (value.kin == exports.ColorType.LIT || value.kin == exports.ColorType.HEX || value.kin == exports.ColorType.SYS || value.kin == exports.ColorType.DPSYS) {
+                        if (value.kin == exports.ColorType.HEX) {
                             if (!isIdent(value.val.slice(1))) {
                                 continue;
                             }
@@ -18478,7 +18422,7 @@
             return {
                 typ: exports.EnumToken.ColorTokenType,
                 val: v,
-                kin: ColorKind.LIT
+                kin: exports.ColorType.LIT
             };
         }
         if (isIdent(val)) {
@@ -18486,14 +18430,14 @@
                 return {
                     typ: exports.EnumToken.ColorTokenType,
                     val,
-                    kin: ColorKind.SYS
+                    kin: exports.ColorType.SYS
                 };
             }
             if (deprecatedSystemColors.has(v)) {
                 return {
                     typ: exports.EnumToken.ColorTokenType,
                     val,
-                    kin: ColorKind.DPSYS
+                    kin: exports.ColorType.DPSYS
                 };
             }
             return {
@@ -18505,7 +18449,7 @@
             return {
                 typ: exports.EnumToken.ColorTokenType,
                 val,
-                kin: ColorKind.HEX
+                kin: exports.ColorType.HEX
             };
         }
         if (val.charAt(0) == '#' && isHash(val)) {
@@ -23234,8 +23178,10 @@
 
     exports.dirname = dirname;
     exports.expand = expand;
+    exports.isOkLabClose = isOkLabClose;
     exports.load = load;
     exports.minify = minify;
+    exports.okLabDistance = okLabDistance;
     exports.parse = parse;
     exports.parseString = parseString;
     exports.parseTokens = parseTokens;
diff --git a/dist/index.cjs b/dist/index.cjs
index d234e147..3632d117 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -9,92 +9,6 @@ var SyntaxValidationResult;
     SyntaxValidationResult[SyntaxValidationResult["Drop"] = 1] = "Drop";
     SyntaxValidationResult[SyntaxValidationResult["Lenient"] = 2] = "Lenient"; /* preserve unknown at-rules, declarations and pseudo-classes */
 })(SyntaxValidationResult || (SyntaxValidationResult = {}));
-/**
- * color types enum
- */
-exports.ColorType = void 0;
-(function (ColorType) {
-    /**
-     * convert color to hex
-     */
-    ColorType[ColorType["HEX"] = 0] = "HEX";
-    /**
-     * convert color to rgb
-     */
-    ColorType[ColorType["RGBA"] = 1] = "RGBA";
-    /**
-     * convert color to hwb
-     */
-    ColorType[ColorType["HWB"] = 2] = "HWB";
-    /**
-     * convert color to hsl
-     */
-    ColorType[ColorType["HSLA"] = 3] = "HSLA";
-    /**
-     * convert color to cmyk
-     */
-    ColorType[ColorType["DEVICE_CMYK"] = 4] = "DEVICE_CMYK";
-    /**
-     * convert color to lch
-     */
-    ColorType[ColorType["LCH"] = 5] = "LCH";
-    /**
-     * convert color to oklch
-     */
-    ColorType[ColorType["OKLCH"] = 6] = "OKLCH";
-    /**
-     * convert color to lab
-     */
-    ColorType[ColorType["LAB"] = 7] = "LAB";
-    /**
-     * convert color to oklab
-     */
-    ColorType[ColorType["OKLAB"] = 8] = "OKLAB";
-    /**
-     * convert color to xyz
-     */
-    ColorType[ColorType["XYZ_D65"] = 9] = "XYZ_D65";
-    /**
-     * convert color to xyz-d50
-     */
-    ColorType[ColorType["XYZ_D50"] = 10] = "XYZ_D50";
-    /**
-     * convert color to srgb
-     */
-    ColorType[ColorType["SRGB"] = 11] = "SRGB";
-    /**
-     * convert color to srgb-linear
-     */
-    ColorType[ColorType["SRGB_LINEAR"] = 12] = "SRGB_LINEAR";
-    /**
-     * convert color to display-p3
-     */
-    ColorType[ColorType["DISPLAY_P3"] = 13] = "DISPLAY_P3";
-    /**
-     * convert color to a98-rgb
-     */
-    ColorType[ColorType["A98_RGB"] = 14] = "A98_RGB";
-    /**
-     * convert color to prophoto-rgb
-     */
-    ColorType[ColorType["PROPHOTO_RGB"] = 15] = "PROPHOTO_RGB";
-    /**
-     * convert color to rec2020
-     */
-    ColorType[ColorType["REC2020"] = 16] = "REC2020";
-    /**
-     * alias for hsl
-     */
-    ColorType[ColorType["HSL"] = 3] = "HSL";
-    /**
-     * alias for rgba
-     */
-    ColorType[ColorType["RGB"] = 1] = "RGB";
-    /**
-     * alias for xyz-d65
-     */
-    ColorType[ColorType["XYZ"] = 9] = "XYZ";
-})(exports.ColorType || (exports.ColorType = {}));
 /**
  * validation level enum
  */
@@ -245,6 +159,37 @@ exports.EnumToken = void 0;
     EnumToken[EnumToken["TimingFunction"] = 17] = "TimingFunction";
     EnumToken[EnumToken["TimelineFunction"] = 16] = "TimelineFunction";
 })(exports.EnumToken || (exports.EnumToken = {}));
+// xyz-d65 is an alias for xyz
+exports.ColorType = void 0;
+(function (ColorType) {
+    ColorType[ColorType["SYS"] = 0] = "SYS";
+    ColorType[ColorType["DPSYS"] = 1] = "DPSYS";
+    ColorType[ColorType["LIT"] = 2] = "LIT";
+    ColorType[ColorType["HEX"] = 3] = "HEX";
+    ColorType[ColorType["RGBA"] = 4] = "RGBA";
+    ColorType[ColorType["HSLA"] = 5] = "HSLA";
+    ColorType[ColorType["HWB"] = 6] = "HWB";
+    ColorType[ColorType["CMYK"] = 7] = "CMYK";
+    ColorType[ColorType["OKLAB"] = 8] = "OKLAB";
+    ColorType[ColorType["OKLCH"] = 9] = "OKLCH";
+    ColorType[ColorType["LAB"] = 10] = "LAB";
+    ColorType[ColorType["LCH"] = 11] = "LCH";
+    ColorType[ColorType["COLOR"] = 12] = "COLOR";
+    ColorType[ColorType["SRGB"] = 13] = "SRGB";
+    ColorType[ColorType["PROPHOTO_RGB"] = 14] = "PROPHOTO_RGB";
+    ColorType[ColorType["A98_RGB"] = 15] = "A98_RGB";
+    ColorType[ColorType["REC2020"] = 16] = "REC2020";
+    ColorType[ColorType["DISPLAY_P3"] = 17] = "DISPLAY_P3";
+    ColorType[ColorType["SRGB_LINEAR"] = 18] = "SRGB_LINEAR";
+    ColorType[ColorType["XYZ_D50"] = 19] = "XYZ_D50";
+    ColorType[ColorType["XYZ_D65"] = 20] = "XYZ_D65";
+    ColorType[ColorType["LIGHT_DARK"] = 21] = "LIGHT_DARK";
+    ColorType[ColorType["COLOR_MIX"] = 22] = "COLOR_MIX";
+    ColorType[ColorType["RGB"] = 4] = "RGB";
+    ColorType[ColorType["HSL"] = 5] = "HSL";
+    ColorType[ColorType["XYZ"] = 20] = "XYZ";
+    ColorType[ColorType["DEVICE_CMYK"] = 7] = "DEVICE_CMYK";
+})(exports.ColorType || (exports.ColorType = {}));
 
 // from https://www.w3.org/TR/css-color-4/multiply-matrices.js
 /**
@@ -304,37 +249,6 @@ const colorRange = {
         b: [0, 0.4]
     }
 };
-// xyz-d65 is an alias for xyz
-// display-p3 is an alias for srgb
-var ColorKind;
-(function (ColorKind) {
-    ColorKind[ColorKind["SYS"] = 0] = "SYS";
-    ColorKind[ColorKind["DPSYS"] = 1] = "DPSYS";
-    ColorKind[ColorKind["LIT"] = 2] = "LIT";
-    ColorKind[ColorKind["HEX"] = 3] = "HEX";
-    ColorKind[ColorKind["RGBA"] = 4] = "RGBA";
-    ColorKind[ColorKind["HSLA"] = 5] = "HSLA";
-    ColorKind[ColorKind["HWB"] = 6] = "HWB";
-    ColorKind[ColorKind["DEVICE_CMYK"] = 7] = "DEVICE_CMYK";
-    ColorKind[ColorKind["OKLAB"] = 8] = "OKLAB";
-    ColorKind[ColorKind["OKLCH"] = 9] = "OKLCH";
-    ColorKind[ColorKind["LAB"] = 10] = "LAB";
-    ColorKind[ColorKind["LCH"] = 11] = "LCH";
-    ColorKind[ColorKind["COLOR"] = 12] = "COLOR";
-    ColorKind[ColorKind["SRGB"] = 13] = "SRGB";
-    ColorKind[ColorKind["PROPHOTO_RGB"] = 14] = "PROPHOTO_RGB";
-    ColorKind[ColorKind["A98_RGB"] = 15] = "A98_RGB";
-    ColorKind[ColorKind["REC2020"] = 16] = "REC2020";
-    ColorKind[ColorKind["DISPLAY_P3"] = 17] = "DISPLAY_P3";
-    ColorKind[ColorKind["SRGB_LINEAR"] = 18] = "SRGB_LINEAR";
-    ColorKind[ColorKind["XYZ_D50"] = 19] = "XYZ_D50";
-    ColorKind[ColorKind["XYZ_D65"] = 20] = "XYZ_D65";
-    ColorKind[ColorKind["LIGHT_DARK"] = 21] = "LIGHT_DARK";
-    ColorKind[ColorKind["COLOR_MIX"] = 22] = "COLOR_MIX";
-    ColorKind[ColorKind["RGB"] = 4] = "RGB";
-    ColorKind[ColorKind["HSL"] = 5] = "HSL";
-    ColorKind[ColorKind["XYZ"] = 20] = "XYZ";
-})(ColorKind || (ColorKind = {}));
 const timelineFunc = ['view', 'scroll'];
 const generalEnclosedFunc = ['selector', 'font-tech', 'font-format', 'media', 'supports'];
 const timingFunc = ['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear', 'step-start', 'step-end', 'steps', 'cubic-bezier'];
@@ -593,7 +507,7 @@ function lchToken(values) {
         typ: exports.EnumToken.ColorTokenType,
         val: 'lch',
         chi,
-        kin: ColorKind.LCH
+        kin: exports.ColorType.LCH
     };
 }
 function hex2lchvalues(token) {
@@ -811,6 +725,13 @@ function hwb2oklchToken(token) {
     }
     return oklchToken(values);
 }
+function cmyk2oklchToken(token) {
+    const values = cmyk2oklchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklchToken(values);
+}
 function lab2oklchToken(token) {
     const values = lab2oklchvalues(token);
     if (values == null) {
@@ -857,7 +778,7 @@ function oklchToken(values) {
         typ: exports.EnumToken.ColorTokenType,
         val: 'oklch',
         chi,
-        kin: ColorKind.OKLCH
+        kin: exports.ColorType.OKLCH
     };
 }
 function hex2oklchvalues(token) {
@@ -880,6 +801,11 @@ function hwb2oklchvalues(token) {
     // @ts-ignore
     return labvalues2lchvalues(...hwb2oklabvalues(token));
 }
+function cmyk2oklchvalues(token) {
+    const values = cmyk2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2oklch(...values);
+}
 function lab2oklchvalues(token) {
     // @ts-ignore
     return labvalues2lchvalues(...lab2oklabvalues(token));
@@ -1004,7 +930,7 @@ function oklabToken(values) {
         typ: exports.EnumToken.ColorTokenType,
         val: 'oklab',
         chi,
-        kin: ColorKind.OKLAB
+        kin: exports.ColorType.OKLAB
     };
 }
 function hex2oklabvalues(token) {
@@ -1218,7 +1144,7 @@ function labToken(values) {
         typ: exports.EnumToken.ColorTokenType,
         val: 'lab',
         chi,
-        kin: ColorKind.LAB
+        kin: exports.ColorType.LAB
     };
 }
 // L: 0% = 0.0, 100% = 100.0
@@ -1390,26 +1316,26 @@ function Lab_to_XYZ(l, a, b) {
 // 0 <= r, g, b <= 1
 function srgbvalues(token) {
     switch (token.kin) {
-        case ColorKind.LIT:
-        case ColorKind.HEX:
+        case exports.ColorType.LIT:
+        case exports.ColorType.HEX:
             return hex2srgbvalues(token);
-        case ColorKind.RGB:
-        case ColorKind.RGBA:
+        case exports.ColorType.RGB:
+        case exports.ColorType.RGBA:
             return rgb2srgb(token);
-        case ColorKind.HSL:
-        case ColorKind.HSLA:
+        case exports.ColorType.HSL:
+        case exports.ColorType.HSLA:
             return hsl2srgb(token);
-        case ColorKind.HWB:
+        case exports.ColorType.HWB:
             return hwb2srgbvalues(token);
-        case ColorKind.LAB:
+        case exports.ColorType.LAB:
             return lab2srgbvalues(token);
-        case ColorKind.LCH:
+        case exports.ColorType.LCH:
             return lch2srgbvalues(token);
-        case ColorKind.OKLAB:
+        case exports.ColorType.OKLAB:
             return oklab2srgbvalues(token);
-        case ColorKind.OKLCH:
+        case exports.ColorType.OKLCH:
             return oklch2srgbvalues(token);
-        case ColorKind.COLOR:
+        case exports.ColorType.COLOR:
             return color2srgbvalues(token);
     }
     return null;
@@ -1421,7 +1347,7 @@ function rgb2srgbvalues(token) {
     return getComponents(token)?.map?.((t, index) => index == 3 ? getNumber(t) : getNumber(t) / 255) ?? null;
 }
 function hex2srgbvalues(token) {
-    const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+    const value = expandHexValue(token.kin == exports.ColorType.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
     const rgb = [];
     for (let i = 1; i < value.length; i += 2) {
         rgb.push(parseInt(value.slice(i, i + 2), 16) / 255);
@@ -1765,7 +1691,7 @@ function hexToken(value) {
     return {
         typ: exports.EnumToken.ColorTokenType,
         val: value,
-        kin: value[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+        kin: value[0] == '#' ? exports.ColorType.HEX : exports.ColorType.LIT
     };
 }
 function rgb2hexvalues(token) {
@@ -1829,8 +1755,8 @@ function cmyk2hexvalues(token) {
 }
 
 function getComponents(token) {
-    if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
-        const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+    if (token.kin == exports.ColorType.HEX || token.kin == exports.ColorType.LIT) {
+        const value = expandHexValue(token.kin == exports.ColorType.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
         // @ts-ignore
         return value.slice(1).match(/([a-fA-F0-9]{2})/g).map((t, index) => {
             return { typ: exports.EnumToken.Number, val: (index < 3 ? parseInt(t, 16) : parseInt(t, 16) / 255).toString() };
@@ -1851,6 +1777,24 @@ function getComponents(token) {
     return result;
 }
 
+function okLabDistance(okLab1, okLab2) {
+    return Math.sqrt(Math.pow(okLab1[0] - okLab2[0], 2) + Math.pow(okLab1[1] - okLab2[1], 2) + Math.pow(okLab1[2] - okLab2[2], 2));
+}
+function isOkLabClose(color1, color2, threshold = 2.3) {
+    color1 = convertColor(color1, exports.ColorType.OKLAB);
+    color2 = convertColor(color2, exports.ColorType.OKLAB);
+    // console.error(JSON.stringify({color1, color2}, null, 1));
+    if (color1 == null || color2 == null) {
+        return false;
+    }
+    const okLab1 = getOKLABComponents(color1);
+    const okLab2 = getOKLABComponents(color2);
+    if (okLab1 == null || okLab2 == null) {
+        return false;
+    }
+    return okLabDistance(okLab1, okLab2) < threshold;
+}
+
 function srgb2rgb(value) {
     return minmax(Math.round(value * 255), 0, 255);
 }
@@ -1926,11 +1870,11 @@ function rgb2RgbToken(values) {
         typ: exports.EnumToken.ColorTokenType,
         val: 'rgb',
         chi,
-        kin: ColorKind.RGB
+        kin: exports.ColorType.RGB
     };
 }
 function hex2rgbvalues(token) {
-    const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+    const value = expandHexValue(token.kin == exports.ColorType.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
     const rgb = [];
     for (let i = 1; i < value.length; i += 2) {
         rgb.push(parseInt(value.slice(i, i + 2), 16));
@@ -2072,7 +2016,7 @@ function hslToken(values) {
         typ: exports.EnumToken.ColorTokenType,
         val: 'hsl',
         chi,
-        kin: ColorKind.HSL
+        kin: exports.ColorType.HSL
     };
 }
 function rgb2hslvalues(token) {
@@ -2253,7 +2197,7 @@ function hwbToken(values) {
         typ: exports.EnumToken.ColorTokenType,
         val: 'hwb',
         chi,
-        kin: ColorKind.HWB
+        kin: exports.ColorType.HWB
     };
 }
 function rgb2hwbvalues(token) {
@@ -2719,8 +2663,8 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
             return null;
     }
     const lchSpaces = ['lch', 'oklch'];
-    const colorSpace1 = ColorKind[color1.kin].toLowerCase().replaceAll('_', '-');
-    const colorSpace2 = ColorKind[color2.kin].toLowerCase().replaceAll('_', '-');
+    const colorSpace1 = exports.ColorType[color1.kin].toLowerCase().replaceAll('_', '-');
+    const colorSpace2 = exports.ColorType[color2.kin].toLowerCase().replaceAll('_', '-');
     // powerless
     if (lchSpaces.includes(colorSpace1) || lchSpaces.includes(colorSpace.val)) {
         if ((components1[2].typ == exports.EnumToken.IdenTokenType && components1[2].val == 'none') || values1[2] == 0) {
@@ -2768,7 +2712,7 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
                         val: String(v)
                     };
                 }),
-                kin: ColorKind.LCH
+                kin: exports.ColorType.LCH
             };
         case 'srgb':
         case 'srgb-linear':
@@ -2779,7 +2723,7 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
                 typ: exports.EnumToken.ColorTokenType,
                 val: 'color',
                 chi: calculate(),
-                kin: ColorKind.COLOR,
+                kin: exports.ColorType.COLOR,
                 cal: 'col'
             };
         case 'rgb':
@@ -2818,7 +2762,7 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
                 typ: exports.EnumToken.ColorTokenType,
                 val: colorSpace.val,
                 chi: calculate().slice(1),
-                kin: ColorKind[colorSpace.val.toUpperCase().replaceAll('-', '_')]
+                kin: exports.ColorType[colorSpace.val.toUpperCase().replaceAll('-', '_')]
             };
             if (colorSpace.val == 'hsl' || colorSpace.val == 'hwb') {
                 // @ts-ignore
@@ -3497,12 +3441,12 @@ function parseRelativeColor(relativeKeys, original, rExp, gExp, bExp, aExp) {
     let values = {};
     // colorFuncColorSpace x,y,z or r,g,b
     const names = relativeKeys.startsWith('xyz') ? 'xyz' : relativeKeys.slice(-3);
-    const converted = convertColor(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_')]);
+    const converted = convertColor(original, exports.ColorType[relativeKeys.toUpperCase().replaceAll('-', '_')]);
     if (converted == null) {
         return null;
     }
     const children = converted.chi.filter(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.LiteralTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
-    [r, g, b, alpha] = converted.kin == ColorKind.COLOR ? children.slice(1) : children;
+    [r, g, b, alpha] = converted.kin == exports.ColorType.COLOR ? children.slice(1) : children;
     values = {
         [names[0]]: getValue(r, converted, names[0]),
         [names[1]]: getValue(g, converted, names[1]), // string,
@@ -3541,7 +3485,7 @@ function getValue(t, converted, component) {
     // }
     if (t.typ == exports.EnumToken.PercentageTokenType) {
         let value = getNumber(t);
-        let colorSpace = ColorKind[converted.kin].toLowerCase().replaceAll('-', '_');
+        let colorSpace = exports.ColorType[converted.kin].toLowerCase().replaceAll('-', '_');
         if (colorSpace in colorRange) {
             // @ts-ignore
             value *= colorRange[colorSpace][component].at(-1);
@@ -3743,7 +3687,7 @@ function cmyktoken(values) {
                 typ: exports.EnumToken.LiteralTokenType,
                 val: '/'
             }, { typ: exports.EnumToken.PercentageTokenType, val: (curr * 100).toFixed() }], []),
-        kin: ColorKind.DEVICE_CMYK
+        kin: exports.ColorType.DEVICE_CMYK
     };
 }
 
@@ -3802,13 +3746,13 @@ function xyz2la98rgb(x, y, z, a = null) {
 }
 
 function convertColor(token, to) {
-    if (token.kin == ColorKind.SYS ||
-        token.kin == ColorKind.DPSYS ||
+    if (token.kin == exports.ColorType.SYS ||
+        token.kin == exports.ColorType.DPSYS ||
         (isIdentColor(token) &&
             ('currentcolor'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0))) {
         return token;
     }
-    if (token.kin == ColorKind.COLOR_MIX && to != ColorKind.COLOR_MIX) {
+    if (token.kin == exports.ColorType.COLOR_MIX && to != exports.ColorType.COLOR_MIX) {
         const children = token.chi.reduce((acc, t) => {
             if (t.typ == exports.EnumToken.ColorTokenType) {
                 acc.push([t]);
@@ -3842,282 +3786,282 @@ function convertColor(token, to) {
         }
     }
     if (token.kin == to) {
-        if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
+        if (token.kin == exports.ColorType.HEX || token.kin == exports.ColorType.LIT) {
             token.val = reduceHexValue(token.val);
-            token.kin = token.val[0] == '#' ? ColorKind.HEX : ColorKind.LIT;
+            token.kin = token.val[0] == '#' ? exports.ColorType.HEX : exports.ColorType.LIT;
         }
         return token;
     }
-    if (token.kin == ColorKind.COLOR) {
+    if (token.kin == exports.ColorType.COLOR) {
         const colorSpace = token.chi.find(t => ![exports.EnumToken.WhitespaceTokenType, exports.EnumToken.CommentTokenType].includes(t.typ));
-        if (colorSpace.val == ColorKind[to].toLowerCase().replaceAll('_', '-')) {
+        if (colorSpace.val == exports.ColorType[to].toLowerCase().replaceAll('_', '-')) {
             return token;
         }
     }
-    if (to == ColorKind.HSL) {
+    if (to == exports.ColorType.HSL) {
         switch (token.kin) {
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
                 return rgb2HslToken(token);
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
                 return hex2HslToken(token);
-            case ColorKind.HWB:
+            case exports.ColorType.HWB:
                 return hwb2HslToken(token);
-            case ColorKind.DEVICE_CMYK:
+            case exports.ColorType.DEVICE_CMYK:
                 return cmyk2HslToken(token);
-            case ColorKind.OKLAB:
+            case exports.ColorType.OKLAB:
                 return oklab2HslToken(token);
-            case ColorKind.OKLCH:
+            case exports.ColorType.OKLCH:
                 return oklch2HslToken(token);
-            case ColorKind.LAB:
+            case exports.ColorType.LAB:
                 return lab2HslToken(token);
-            case ColorKind.LCH:
+            case exports.ColorType.LCH:
                 return lch2HslToken(token);
-            case ColorKind.COLOR:
+            case exports.ColorType.COLOR:
                 return color2HslToken(token);
         }
     }
-    else if (to == ColorKind.HWB) {
+    else if (to == exports.ColorType.HWB) {
         switch (token.kin) {
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
                 return rgb2hwbToken(token);
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
                 // @ts-ignore
                 return rgb2hwbToken(token);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
                 return hsl2hwbToken(token);
-            case ColorKind.OKLAB:
+            case exports.ColorType.OKLAB:
                 return oklab2hwbToken(token);
-            case ColorKind.OKLCH:
+            case exports.ColorType.OKLCH:
                 return oklch2hwbToken(token);
-            case ColorKind.LAB:
+            case exports.ColorType.LAB:
                 return lab2hwbToken(token);
-            case ColorKind.LCH:
+            case exports.ColorType.LCH:
                 return lch2hwbToken(token);
-            case ColorKind.DEVICE_CMYK:
+            case exports.ColorType.DEVICE_CMYK:
                 return cmyk2hwbToken(token);
-            case ColorKind.COLOR:
+            case exports.ColorType.COLOR:
                 return color2hwbToken(token);
         }
     }
-    else if (to == ColorKind.DEVICE_CMYK) {
+    else if (to == exports.ColorType.DEVICE_CMYK) {
         switch (token.kin) {
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
                 return rgb2cmykToken(token);
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
                 return rgb2cmykToken(token);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
                 return hsl2cmykToken(token);
-            case ColorKind.HWB:
+            case exports.ColorType.HWB:
                 return hwb2cmykToken(token);
-            case ColorKind.OKLAB:
+            case exports.ColorType.OKLAB:
                 return oklab2cmyk(token);
-            case ColorKind.OKLCH:
+            case exports.ColorType.OKLCH:
                 return oklch2cmykToken(token);
-            case ColorKind.LAB:
+            case exports.ColorType.LAB:
                 return lab2cmykToken(token);
             //
-            case ColorKind.LCH:
+            case exports.ColorType.LCH:
                 return lch2cmykToken(token);
-            case ColorKind.COLOR:
+            case exports.ColorType.COLOR:
                 return color2cmykToken(token);
         }
     }
-    else if (to == ColorKind.HEX || to == ColorKind.LIT) {
+    else if (to == exports.ColorType.HEX || to == exports.ColorType.LIT) {
         switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT: {
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT: {
                 const val = reduceHexValue(token.val);
                 return {
                     typ: exports.EnumToken.ColorTokenType,
                     val,
-                    kin: val[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+                    kin: val[0] == '#' ? exports.ColorType.HEX : exports.ColorType.LIT
                 };
             }
-            case ColorKind.HSL:
+            case exports.ColorType.HSL:
                 return hsl2HexToken(token);
-            case ColorKind.HWB:
+            case exports.ColorType.HWB:
                 return hwb2HexToken(token);
-            case ColorKind.DEVICE_CMYK:
+            case exports.ColorType.DEVICE_CMYK:
                 return cmyk2HexToken(token);
-            case ColorKind.OKLAB:
+            case exports.ColorType.OKLAB:
                 return oklab2HexToken(token);
-            case ColorKind.OKLCH:
+            case exports.ColorType.OKLCH:
                 return oklch2HexToken(token);
-            case ColorKind.LAB:
+            case exports.ColorType.LAB:
                 return lab2HexToken(token);
-            case ColorKind.LCH:
+            case exports.ColorType.LCH:
                 return lch2HexToken(token);
-            case ColorKind.COLOR:
+            case exports.ColorType.COLOR:
                 return color2HexToken(token);
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
                 return rgb2HexToken(token);
         }
     }
-    else if (to == ColorKind.RGB) {
+    else if (to == exports.ColorType.RGB) {
         switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
                 return hex2RgbToken(token);
-            case ColorKind.HSL:
+            case exports.ColorType.HSL:
                 return hsl2RgbToken(token);
-            case ColorKind.HWB:
+            case exports.ColorType.HWB:
                 return hwb2RgbToken(token);
-            case ColorKind.DEVICE_CMYK:
+            case exports.ColorType.DEVICE_CMYK:
                 return cmyk2RgbToken(token);
-            case ColorKind.OKLAB:
+            case exports.ColorType.OKLAB:
                 return oklab2RgbToken(token);
-            case ColorKind.OKLCH:
+            case exports.ColorType.OKLCH:
                 return oklch2RgbToken(token);
-            case ColorKind.LAB:
+            case exports.ColorType.LAB:
                 return lab2RgbToken(token);
-            case ColorKind.LCH:
+            case exports.ColorType.LCH:
                 return lch2RgbToken(token);
-            case ColorKind.COLOR:
+            case exports.ColorType.COLOR:
                 return color2RgbToken(token);
         }
     }
-    else if (to == ColorKind.LAB) {
+    else if (to == exports.ColorType.LAB) {
         switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
                 return hex2labToken(token);
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
                 return rgb2labToken(token);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
                 return hsl2labToken(token);
-            case ColorKind.HWB:
+            case exports.ColorType.HWB:
                 return hwb2labToken(token);
-            case ColorKind.DEVICE_CMYK:
+            case exports.ColorType.DEVICE_CMYK:
                 return cmyk2labToken(token);
-            case ColorKind.LCH:
+            case exports.ColorType.LCH:
                 return lch2labToken(token);
-            case ColorKind.OKLAB:
+            case exports.ColorType.OKLAB:
                 return oklab2labToken(token);
-            case ColorKind.OKLCH:
+            case exports.ColorType.OKLCH:
                 return oklch2labToken(token);
-            case ColorKind.COLOR:
+            case exports.ColorType.COLOR:
                 return color2labToken(token);
         }
     }
-    else if (to == ColorKind.LCH) {
+    else if (to == exports.ColorType.LCH) {
         switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
                 return hex2lchToken(token);
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
                 return rgb2lchToken(token);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
                 return hsl2lchToken(token);
-            case ColorKind.HWB:
+            case exports.ColorType.HWB:
                 return hwb2lchToken(token);
-            case ColorKind.DEVICE_CMYK:
+            case exports.ColorType.DEVICE_CMYK:
                 return cmyk2lchToken(token);
-            case ColorKind.LAB:
+            case exports.ColorType.LAB:
                 return lab2lchToken(token);
-            case ColorKind.OKLAB:
+            case exports.ColorType.OKLAB:
                 return oklab2lchToken(token);
-            case ColorKind.OKLCH:
+            case exports.ColorType.OKLCH:
                 return oklch2lchToken(token);
-            case ColorKind.COLOR:
+            case exports.ColorType.COLOR:
                 return color2lchToken(token);
         }
     }
-    else if (to == ColorKind.OKLAB) {
+    else if (to == exports.ColorType.OKLAB) {
         switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
                 return hex2oklabToken(token);
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
                 return rgb2oklabToken(token);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
                 return hsl2oklabToken(token);
-            case ColorKind.HWB:
+            case exports.ColorType.HWB:
                 return hwb2oklabToken(token);
-            case ColorKind.DEVICE_CMYK:
+            case exports.ColorType.DEVICE_CMYK:
                 return cmyk2oklabToken(token);
-            case ColorKind.LAB:
+            case exports.ColorType.LAB:
                 return lab2oklabToken(token);
-            case ColorKind.LCH:
+            case exports.ColorType.LCH:
                 return lch2oklabToken(token);
-            case ColorKind.OKLCH:
+            case exports.ColorType.OKLCH:
                 return oklch2oklabToken(token);
-            case ColorKind.COLOR:
+            case exports.ColorType.COLOR:
                 return color2oklabToken(token);
         }
     }
-    else if (to == ColorKind.OKLCH) {
+    else if (to == exports.ColorType.OKLCH) {
         switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
                 return hex2oklchToken(token);
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
                 return rgb2oklchToken(token);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
                 return hsl2oklchToken(token);
-            case ColorKind.HWB:
+            case exports.ColorType.HWB:
                 return hwb2oklchToken(token);
-            case ColorKind.DEVICE_CMYK:
-                return oklab2oklchToken(token);
-            case ColorKind.LAB:
+            case exports.ColorType.DEVICE_CMYK:
+                return cmyk2oklchToken(token);
+            case exports.ColorType.LAB:
                 return lab2oklchToken(token);
-            case ColorKind.OKLAB:
+            case exports.ColorType.OKLAB:
                 return oklab2oklchToken(token);
-            case ColorKind.LCH:
+            case exports.ColorType.LCH:
                 return lch2oklchToken(token);
-            case ColorKind.COLOR:
+            case exports.ColorType.COLOR:
                 return color2oklchToken(token);
         }
     }
-    else if (colorFuncColorSpace.includes(ColorKind[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
-        console.error(ColorKind[token.kin]);
+    else if (colorFuncColorSpace.includes(exports.ColorType[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
+        console.error(exports.ColorType[token.kin]);
         switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case exports.ColorType.HEX:
+            case exports.ColorType.LIT:
                 return hex2colorToken(token, to);
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case exports.ColorType.RGB:
+            case exports.ColorType.RGBA:
                 return rgb2colorToken(token, to);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case exports.ColorType.HSL:
+            case exports.ColorType.HSLA:
                 return hsl2colorToken(token, to);
-            case ColorKind.HWB:
+            case exports.ColorType.HWB:
                 return hwb2colorToken(token, to);
-            case ColorKind.DEVICE_CMYK:
+            case exports.ColorType.DEVICE_CMYK:
                 return cmyk2colorToken(token, to);
-            case ColorKind.LAB:
+            case exports.ColorType.LAB:
                 return lab2colorToken(token, to);
-            case ColorKind.OKLAB:
+            case exports.ColorType.OKLAB:
                 return oklab2colorToken(token, to);
-            case ColorKind.LCH:
+            case exports.ColorType.LCH:
                 return lch2colorToken(token, to);
-            case ColorKind.OKLCH:
+            case exports.ColorType.OKLCH:
                 return oklch2colorToken(token, to);
-            case ColorKind.COLOR:
-            case ColorKind.XYZ:
-            case ColorKind.SRGB:
-            case ColorKind.REC2020:
-            case ColorKind.XYZ_D50:
-            case ColorKind.A98_RGB:
-            case ColorKind.DISPLAY_P3:
-            case ColorKind.SRGB_LINEAR:
-            case ColorKind.PROPHOTO_RGB:
+            case exports.ColorType.COLOR:
+            case exports.ColorType.XYZ:
+            case exports.ColorType.SRGB:
+            case exports.ColorType.REC2020:
+            case exports.ColorType.XYZ_D50:
+            case exports.ColorType.A98_RGB:
+            case exports.ColorType.DISPLAY_P3:
+            case exports.ColorType.SRGB_LINEAR:
+            case exports.ColorType.PROPHOTO_RGB:
                 return color2colorToken(token, to);
         }
     }
@@ -4197,35 +4141,35 @@ function color2colorToken(token, to) {
 function srgb2srgbcolorspace(val, to) {
     const values = [];
     switch (to) {
-        case ColorKind.SRGB:
+        case exports.ColorType.SRGB:
             values.push(...val);
             break;
-        case ColorKind.SRGB_LINEAR:
+        case exports.ColorType.SRGB_LINEAR:
             // @ts-ignore
             values.push(...srgb2lsrgbvalues(...val));
             break;
-        case ColorKind.DISPLAY_P3:
+        case exports.ColorType.DISPLAY_P3:
             // @ts-ignore
             values.push(...srgb2p3values(...val));
             break;
-        case ColorKind.PROPHOTO_RGB:
+        case exports.ColorType.PROPHOTO_RGB:
             // @ts-ignore
             values.push(...srgb2prophotorgbvalues(...val));
             break;
-        case ColorKind.A98_RGB:
+        case exports.ColorType.A98_RGB:
             // @ts-ignore
             values.push(...srgb2a98values$1(...val));
             break;
-        case ColorKind.REC2020:
+        case exports.ColorType.REC2020:
             // @ts-ignore
             values.push(...srgb2rec2020values(...val));
             break;
-        case ColorKind.XYZ:
-        case ColorKind.XYZ_D65:
+        case exports.ColorType.XYZ:
+        case exports.ColorType.XYZ_D65:
             // @ts-ignore
             values.push(...srgb2xyz(...val));
             break;
-        case ColorKind.XYZ_D50:
+        case exports.ColorType.XYZ_D50:
             // @ts-ignore
             values.push(...srgb2xyz_d50(...val));
             break;
@@ -4294,12 +4238,12 @@ function values2colortoken(values, to) {
     if (values.length == 4) {
         chi.push({ typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
     }
-    const colorSpace = ColorKind[to].toLowerCase().replaceAll('_', '-');
+    const colorSpace = exports.ColorType[to].toLowerCase().replaceAll('_', '-');
     return colorFuncColorSpace.includes(colorSpace) ? {
         typ: exports.EnumToken.ColorTokenType,
         val: 'color',
         chi: [{ typ: exports.EnumToken.IdenTokenType, val: colorSpace }].concat(chi),
-        kin: ColorKind.COLOR
+        kin: exports.ColorType.COLOR
     } : {
         typ: exports.EnumToken.ColorTokenType,
         val: colorSpace,
@@ -4751,12 +4695,12 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
         case exports.EnumToken.Div:
             return '/';
         case exports.EnumToken.ColorTokenType:
-            if (token.kin == ColorKind.LIGHT_DARK || ('chi' in token && options.convertColor === false)) {
+            if (token.kin == exports.ColorType.LIGHT_DARK || ('chi' in token && options.convertColor === false)) {
                 return token.val + '(' + token.chi.reduce((acc, curr) => acc + renderToken(curr, options, cache), '') + ')';
             }
             if (options.convertColor !== false) {
                 // console.error([typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[(ColorType[options.convertColor] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorKind] ?? ColorKind.HEX])
-                const value = convertColor(token, typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[exports.ColorType[options.convertColor ?? 'HEX']?.toUpperCase?.().replaceAll?.('-', '_')] ?? ColorKind.HEX);
+                const value = convertColor(token, typeof options.convertColor == 'boolean' ? exports.ColorType.HEX : exports.ColorType[exports.ColorType[options.convertColor ?? 'HEX']?.toUpperCase?.().replaceAll?.('-', '_')] ?? exports.ColorType.HEX);
                 //
                 if (value != null) {
                     token = value;
@@ -4953,7 +4897,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
                 //         return reduceHexValue(value);
                 //     }
             }
-            if ([ColorKind.HEX, ColorKind.LIT, ColorKind.SYS, ColorKind.DPSYS].includes(token.kin)) {
+            if ([exports.ColorType.HEX, exports.ColorType.LIT, exports.ColorType.SYS, exports.ColorType.DPSYS].includes(token.kin)) {
                 return token.val;
             }
             if (Array.isArray(token.chi)) {
@@ -5727,7 +5671,7 @@ function isHueInterpolationMethod(token) {
     return ['shorter', 'longer', 'increasing', 'decreasing'].includes(token[0].val) && 'hue'.localeCompare(token[1].val, undefined, { sensitivity: 'base' }) == 0;
 }
 function isIdentColor(token) {
-    return token.typ == exports.EnumToken.ColorTokenType && [ColorKind.SYS, ColorKind.DPSYS, ColorKind.LIT].includes(token.kin) && isIdent(token.val);
+    return token.typ == exports.EnumToken.ColorTokenType && [exports.ColorType.SYS, exports.ColorType.DPSYS, exports.ColorType.LIT].includes(token.kin) && isIdent(token.val);
 }
 function isPercentageToken(token) {
     return token.typ == exports.EnumToken.PercentageTokenType || (token.typ == exports.EnumToken.NumberTokenType && token.val == '0');
@@ -5910,7 +5854,7 @@ function parseColor(token) {
     // @ts-ignore
     token.typ = exports.EnumToken.ColorTokenType;
     // @ts-ignore
-    token.kin = ColorKind[token.val.replaceAll('-', '_').toUpperCase()];
+    token.kin = exports.ColorType[token.val.replaceAll('-', '_').toUpperCase()];
     // @ts-ignore
     if (token.chi[0].typ == exports.EnumToken.IdenTokenType) {
         // @ts-ignore
@@ -15192,10 +15136,10 @@ function matchPropertyType(syntax, context, options) {
             success = token.typ == exports.EnumToken.DashedIdenTokenType;
             break;
         case 'system-color':
-            success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == ColorKind.SYS) || (token.typ == exports.EnumToken.IdenTokenType && token.val.localeCompare('currentcolor', 'en', { sensitivity: 'base' }) == 0) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
+            success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == exports.ColorType.SYS) || (token.typ == exports.EnumToken.IdenTokenType && token.val.localeCompare('currentcolor', 'en', { sensitivity: 'base' }) == 0) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
             break;
         case 'deprecated-system-color':
-            success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == ColorKind.DPSYS) || (token.typ == exports.EnumToken.IdenTokenType && token.val.localeCompare('currentcolor', 'en', { sensitivity: 'base' }) == 0) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
+            success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == exports.ColorType.DPSYS) || (token.typ == exports.EnumToken.IdenTokenType && token.val.localeCompare('currentcolor', 'en', { sensitivity: 'base' }) == 0) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
             break;
         case 'color':
         case 'color-base':
@@ -15211,7 +15155,7 @@ function matchPropertyType(syntax, context, options) {
             }
             break;
         case 'hex-color':
-            success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == ColorKind.HEX) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
+            success = (token.typ == exports.EnumToken.ColorTokenType && token.kin == exports.ColorType.HEX) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
             break;
         case 'integer':
             success = (token.typ == exports.EnumToken.NumberTokenType && Number.isInteger(+(token.val))) || (token.typ == exports.EnumToken.FunctionTokenType && mathFuncs.includes(token.val.toLowerCase()) || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val)));
@@ -17988,7 +17932,7 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
                 if (name == null && [exports.EnumToken.IdenTokenType, exports.EnumToken.DashedIdenTokenType].includes(tokens[i].typ)) {
                     name = tokens.slice(0, i + 1);
                 }
-                else if (name == null && tokens[i].typ == exports.EnumToken.ColorTokenType && [ColorKind.SYS, ColorKind.DPSYS].includes(tokens[i].kin)) {
+                else if (name == null && tokens[i].typ == exports.EnumToken.ColorTokenType && [exports.ColorType.SYS, exports.ColorType.DPSYS].includes(tokens[i].kin)) {
                     name = tokens.slice(0, i + 1);
                     tokens[i].typ = exports.EnumToken.IdenTokenType;
                 }
@@ -18274,7 +18218,7 @@ function parseAtRulePrelude(tokens, atRule) {
                     const node = value.chi.splice(nameIndex, 1)[0];
                     // 'background'
                     // @ts-ignore
-                    if (node.typ == exports.EnumToken.ColorTokenType && node.kin == ColorKind.DPSYS) {
+                    if (node.typ == exports.EnumToken.ColorTokenType && node.kin == exports.ColorType.DPSYS) {
                         // @ts-ignore
                         delete node.kin;
                         node.typ = exports.EnumToken.IdenTokenType;
@@ -18410,8 +18354,8 @@ function parseSelector(tokens) {
                 }
             }
             else if (value.typ == exports.EnumToken.ColorTokenType) {
-                if (value.kin == ColorKind.LIT || value.kin == ColorKind.HEX || value.kin == ColorKind.SYS || value.kin == ColorKind.DPSYS) {
-                    if (value.kin == ColorKind.HEX) {
+                if (value.kin == exports.ColorType.LIT || value.kin == exports.ColorType.HEX || value.kin == exports.ColorType.SYS || value.kin == exports.ColorType.DPSYS) {
+                    if (value.kin == exports.ColorType.HEX) {
                         if (!isIdent(value.val.slice(1))) {
                             continue;
                         }
@@ -18590,7 +18534,7 @@ function getTokenType(val, hint) {
         return {
             typ: exports.EnumToken.ColorTokenType,
             val: v,
-            kin: ColorKind.LIT
+            kin: exports.ColorType.LIT
         };
     }
     if (isIdent(val)) {
@@ -18598,14 +18542,14 @@ function getTokenType(val, hint) {
             return {
                 typ: exports.EnumToken.ColorTokenType,
                 val,
-                kin: ColorKind.SYS
+                kin: exports.ColorType.SYS
             };
         }
         if (deprecatedSystemColors.has(v)) {
             return {
                 typ: exports.EnumToken.ColorTokenType,
                 val,
-                kin: ColorKind.DPSYS
+                kin: exports.ColorType.DPSYS
             };
         }
         return {
@@ -18617,7 +18561,7 @@ function getTokenType(val, hint) {
         return {
             typ: exports.EnumToken.ColorTokenType,
             val,
-            kin: ColorKind.HEX
+            kin: exports.ColorType.HEX
         };
     }
     if (val.charAt(0) == '#' && isHash(val)) {
@@ -23211,8 +23155,10 @@ async function transform(css, options = {}) {
 
 exports.dirname = dirname;
 exports.expand = expand;
+exports.isOkLabClose = isOkLabClose;
 exports.load = load;
 exports.minify = minify;
+exports.okLabDistance = okLabDistance;
 exports.parse = parse;
 exports.parseString = parseString;
 exports.parseTokens = parseTokens;
diff --git a/dist/index.d.ts b/dist/index.d.ts
index 480db196..8d1759ce 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -1,88 +1,3 @@
-/**
- * color types enum
- */
-declare enum ColorType {
-    /**
-     * convert color to hex
-     */
-    HEX = 0,
-    /**
-     * convert color to rgb
-     */
-    RGBA = 1,
-    /**
-     * convert color to hwb
-     */
-    HWB = 2,
-    /**
-     * convert color to hsl
-     */
-    HSLA = 3,
-    /**
-     * convert color to cmyk
-     */
-    DEVICE_CMYK = 4,
-    /**
-     * convert color to lch
-     */
-    LCH = 5,
-    /**
-     * convert color to oklch
-     */
-    OKLCH = 6,
-    /**
-     * convert color to lab
-     */
-    LAB = 7,
-    /**
-     * convert color to oklab
-     */
-    OKLAB = 8,
-    /**
-     * convert color to xyz
-     */
-    XYZ_D65 = 9,
-    /**
-     * convert color to xyz-d50
-     */
-    XYZ_D50 = 10,
-    /**
-     * convert color to srgb
-     */
-    SRGB = 11,
-    /**
-     * convert color to srgb-linear
-     */
-    SRGB_LINEAR = 12,
-    /**
-     * convert color to display-p3
-     */
-    DISPLAY_P3 = 13,
-    /**
-     * convert color to a98-rgb
-     */
-    A98_RGB = 14,
-    /**
-     * convert color to prophoto-rgb
-     */
-    PROPHOTO_RGB = 15,
-    /**
-     * convert color to rec2020
-     */
-    REC2020 = 16,
-    /**
-     * alias for hsl
-     */
-    HSL = 3,
-    /**
-     * alias for rgba
-     */
-    RGB = 1,
-    /**
-     * alias for xyz-d65
-     */
-    XYZ = 9
-}
 /**
  * validation level enum
  */
@@ -227,6 +142,35 @@ declare enum EnumToken {
     TimingFunction = 17,
     TimelineFunction = 16
 }
+declare enum ColorType {
+    SYS = 0,
+    DPSYS = 1,
+    LIT = 2,
+    HEX = 3,
+    RGBA = 4,
+    HSLA = 5,
+    HWB = 6,
+    CMYK = 7,
+    OKLAB = 8,
+    OKLCH = 9,
+    LAB = 10,
+    LCH = 11,
+    COLOR = 12,
+    SRGB = 13,
+    PROPHOTO_RGB = 14,
+    A98_RGB = 15,
+    REC2020 = 16,
+    DISPLAY_P3 = 17,
+    SRGB_LINEAR = 18,
+    XYZ_D50 = 19,
+    XYZ_D65 = 20,
+    LIGHT_DARK = 21,
+    COLOR_MIX = 22,
+    RGB = 4,
+    HSL = 5,
+    XYZ = 20,
+    DEVICE_CMYK = 7
+}
 
 /**
  * minify ast
@@ -288,34 +232,8 @@ declare function renderToken(token: Token, options?: RenderOptions, cache?: {
     [key: string]: any;
 }, reducer?: (acc: string, curr: Token) => string, errors?: ErrorDescription[]): string;
 
-declare enum ColorKind {
-    SYS = 0,
-    DPSYS = 1,
-    LIT = 2,
-    HEX = 3,
-    RGBA = 4,
-    HSLA = 5,
-    HWB = 6,
-    DEVICE_CMYK = 7,
-    OKLAB = 8,
-    OKLCH = 9,
-    LAB = 10,
-    LCH = 11,
-    COLOR = 12,
-    SRGB = 13,
-    PROPHOTO_RGB = 14,
-    A98_RGB = 15,
-    REC2020 = 16,
-    DISPLAY_P3 = 17,
-    SRGB_LINEAR = 18,
-    XYZ_D50 = 19,
-    XYZ_D65 = 20,
-    LIGHT_DARK = 21,
-    COLOR_MIX = 22,
-    RGB = 4,
-    HSL = 5,
-    XYZ = 20
-}
+declare function okLabDistance(okLab1: [number, number, number], okLab2: [number, number, number]): number;
+declare function isOkLabClose(color1: ColorToken, color2: ColorToken, threshold?: number): boolean;
 
 /**
  * parse css string
@@ -710,7 +628,7 @@ export declare interface ColorToken extends BaseToken {
 
     typ: EnumToken.ColorTokenType;
     val: string;
-    kin: ColorKind;
+    kin: ColorType;
     chi?: Token[];
     /* calculated */
     cal?: 'rel' | 'mix';
@@ -1441,4 +1359,4 @@ declare function parse(iterator: string, opt?: ParserOptions): Promise<ParseResu
  */
 declare function transform(css: string, options?: TransformOptions): Promise<TransformResult>;
 
-export { ColorType, EnumToken, ValidationLevel, dirname, expand, load, minify, parse, parseString, parseTokens, render, renderToken, resolve, transform, walk, walkValues };
+export { ColorType, EnumToken, ValidationLevel, dirname, expand, isOkLabClose, load, minify, okLabDistance, parse, parseString, parseTokens, render, renderToken, resolve, transform, walk, walkValues };
diff --git a/dist/lib/ast/types.js b/dist/lib/ast/types.js
index e54380ab..e44e58a7 100644
--- a/dist/lib/ast/types.js
+++ b/dist/lib/ast/types.js
@@ -4,92 +4,6 @@ var SyntaxValidationResult;
     SyntaxValidationResult[SyntaxValidationResult["Drop"] = 1] = "Drop";
     SyntaxValidationResult[SyntaxValidationResult["Lenient"] = 2] = "Lenient"; /* preserve unknown at-rules, declarations and pseudo-classes */
 })(SyntaxValidationResult || (SyntaxValidationResult = {}));
-/**
- * color types enum
- */
-var ColorType;
-(function (ColorType) {
-    /**
-     * convert color to hex
-     */
-    ColorType[ColorType["HEX"] = 0] = "HEX";
-    /**
-     * convert color to rgb
-     */
-    ColorType[ColorType["RGBA"] = 1] = "RGBA";
-    /**
-     * convert color to hwb
-     */
-    ColorType[ColorType["HWB"] = 2] = "HWB";
-    /**
-     * convert color to hsl
-     */
-    ColorType[ColorType["HSLA"] = 3] = "HSLA";
-    /**
-     * convert color to cmyk
-     */
-    ColorType[ColorType["DEVICE_CMYK"] = 4] = "DEVICE_CMYK";
-    /**
-     * convert color to lch
-     */
-    ColorType[ColorType["LCH"] = 5] = "LCH";
-    /**
-     * convert color to oklch
-     */
-    ColorType[ColorType["OKLCH"] = 6] = "OKLCH";
-    /**
-     * convert color to lab
-     */
-    ColorType[ColorType["LAB"] = 7] = "LAB";
-    /**
-     * convert color to oklab
-     */
-    ColorType[ColorType["OKLAB"] = 8] = "OKLAB";
-    /**
-     * convert color to xyz
-     */
-    ColorType[ColorType["XYZ_D65"] = 9] = "XYZ_D65";
-    /**
-     * convert color to xyz-d50
-     */
-    ColorType[ColorType["XYZ_D50"] = 10] = "XYZ_D50";
-    /**
-     * convert color to srgb
-     */
-    ColorType[ColorType["SRGB"] = 11] = "SRGB";
-    /**
-     * convert color to srgb-linear
-     */
-    ColorType[ColorType["SRGB_LINEAR"] = 12] = "SRGB_LINEAR";
-    /**
-     * convert color to display-p3
-     */
-    ColorType[ColorType["DISPLAY_P3"] = 13] = "DISPLAY_P3";
-    /**
-     * convert color to a98-rgb
-     */
-    ColorType[ColorType["A98_RGB"] = 14] = "A98_RGB";
-    /**
-     * convert color to prophoto-rgb
-     */
-    ColorType[ColorType["PROPHOTO_RGB"] = 15] = "PROPHOTO_RGB";
-    /**
-     * convert color to rec2020
-     */
-    ColorType[ColorType["REC2020"] = 16] = "REC2020";
-    /**
-     * alias for hsl
-     */
-    ColorType[ColorType["HSL"] = 3] = "HSL";
-    /**
-     * alias for rgba
-     */
-    ColorType[ColorType["RGB"] = 1] = "RGB";
-    /**
-     * alias for xyz-d65
-     */
-    ColorType[ColorType["XYZ"] = 9] = "XYZ";
-})(ColorType || (ColorType = {}));
 /**
  * validation level enum
  */
@@ -240,5 +154,36 @@ var EnumToken;
     EnumToken[EnumToken["TimingFunction"] = 17] = "TimingFunction";
     EnumToken[EnumToken["TimelineFunction"] = 16] = "TimelineFunction";
 })(EnumToken || (EnumToken = {}));
+// xyz-d65 is an alias for xyz
+var ColorType;
+(function (ColorType) {
+    ColorType[ColorType["SYS"] = 0] = "SYS";
+    ColorType[ColorType["DPSYS"] = 1] = "DPSYS";
+    ColorType[ColorType["LIT"] = 2] = "LIT";
+    ColorType[ColorType["HEX"] = 3] = "HEX";
+    ColorType[ColorType["RGBA"] = 4] = "RGBA";
+    ColorType[ColorType["HSLA"] = 5] = "HSLA";
+    ColorType[ColorType["HWB"] = 6] = "HWB";
+    ColorType[ColorType["CMYK"] = 7] = "CMYK";
+    ColorType[ColorType["OKLAB"] = 8] = "OKLAB";
+    ColorType[ColorType["OKLCH"] = 9] = "OKLCH";
+    ColorType[ColorType["LAB"] = 10] = "LAB";
+    ColorType[ColorType["LCH"] = 11] = "LCH";
+    ColorType[ColorType["COLOR"] = 12] = "COLOR";
+    ColorType[ColorType["SRGB"] = 13] = "SRGB";
+    ColorType[ColorType["PROPHOTO_RGB"] = 14] = "PROPHOTO_RGB";
+    ColorType[ColorType["A98_RGB"] = 15] = "A98_RGB";
+    ColorType[ColorType["REC2020"] = 16] = "REC2020";
+    ColorType[ColorType["DISPLAY_P3"] = 17] = "DISPLAY_P3";
+    ColorType[ColorType["SRGB_LINEAR"] = 18] = "SRGB_LINEAR";
+    ColorType[ColorType["XYZ_D50"] = 19] = "XYZ_D50";
+    ColorType[ColorType["XYZ_D65"] = 20] = "XYZ_D65";
+    ColorType[ColorType["LIGHT_DARK"] = 21] = "LIGHT_DARK";
+    ColorType[ColorType["COLOR_MIX"] = 22] = "COLOR_MIX";
+    ColorType[ColorType["RGB"] = 4] = "RGB";
+    ColorType[ColorType["HSL"] = 5] = "HSL";
+    ColorType[ColorType["XYZ"] = 20] = "XYZ";
+    ColorType[ColorType["DEVICE_CMYK"] = 7] = "DEVICE_CMYK";
+})(ColorType || (ColorType = {}));
 
 export { ColorType, EnumToken, SyntaxValidationResult, ValidationLevel };
diff --git a/dist/lib/parser/parse.js b/dist/lib/parser/parse.js
index d5b5959c..598f75e6 100644
--- a/dist/lib/parser/parse.js
+++ b/dist/lib/parser/parse.js
@@ -1,12 +1,12 @@
 import { isIdentStart, isIdent, isIdentColor, mathFuncs, isColor, parseColor, isPseudo, pseudoElements, isAtKeyword, isFunction, isNumber, isPercentage, isFlex, isDimension, parseDimension, isHexColor, isHash, mediaTypes } from '../syntax/syntax.js';
-import { EnumToken, ValidationLevel, SyntaxValidationResult } from '../ast/types.js';
+import { EnumToken, ColorType, ValidationLevel, SyntaxValidationResult } from '../ast/types.js';
 import { minify, definedPropertySettings, combinators } from '../ast/minify.js';
 import { walkValues, walk, WalkerOptionEnum } from '../ast/walk.js';
 import { expand } from '../ast/expand.js';
 import './utils/config.js';
 import { parseDeclarationNode } from './utils/declaration.js';
 import { renderToken } from '../renderer/render.js';
-import { funcLike, timingFunc, timelineFunc, COLORS_NAMES, ColorKind, systemColors, deprecatedSystemColors, colorsFunc } from '../syntax/color/utils/constants.js';
+import { funcLike, timingFunc, timelineFunc, COLORS_NAMES, systemColors, deprecatedSystemColors, colorsFunc } from '../syntax/color/utils/constants.js';
 import { buildExpression } from '../ast/math/expression.js';
 import { tokenize } from './tokenize.js';
 import '../validation/config.js';
@@ -674,7 +674,7 @@ function parseNode(results, context, options, errors, src, map, rawTokens) {
                 if (name == null && [EnumToken.IdenTokenType, EnumToken.DashedIdenTokenType].includes(tokens[i].typ)) {
                     name = tokens.slice(0, i + 1);
                 }
-                else if (name == null && tokens[i].typ == EnumToken.ColorTokenType && [ColorKind.SYS, ColorKind.DPSYS].includes(tokens[i].kin)) {
+                else if (name == null && tokens[i].typ == EnumToken.ColorTokenType && [ColorType.SYS, ColorType.DPSYS].includes(tokens[i].kin)) {
                     name = tokens.slice(0, i + 1);
                     tokens[i].typ = EnumToken.IdenTokenType;
                 }
@@ -960,7 +960,7 @@ function parseAtRulePrelude(tokens, atRule) {
                     const node = value.chi.splice(nameIndex, 1)[0];
                     // 'background'
                     // @ts-ignore
-                    if (node.typ == EnumToken.ColorTokenType && node.kin == ColorKind.DPSYS) {
+                    if (node.typ == EnumToken.ColorTokenType && node.kin == ColorType.DPSYS) {
                         // @ts-ignore
                         delete node.kin;
                         node.typ = EnumToken.IdenTokenType;
@@ -1096,8 +1096,8 @@ function parseSelector(tokens) {
                 }
             }
             else if (value.typ == EnumToken.ColorTokenType) {
-                if (value.kin == ColorKind.LIT || value.kin == ColorKind.HEX || value.kin == ColorKind.SYS || value.kin == ColorKind.DPSYS) {
-                    if (value.kin == ColorKind.HEX) {
+                if (value.kin == ColorType.LIT || value.kin == ColorType.HEX || value.kin == ColorType.SYS || value.kin == ColorType.DPSYS) {
+                    if (value.kin == ColorType.HEX) {
                         if (!isIdent(value.val.slice(1))) {
                             continue;
                         }
@@ -1276,7 +1276,7 @@ function getTokenType(val, hint) {
         return {
             typ: EnumToken.ColorTokenType,
             val: v,
-            kin: ColorKind.LIT
+            kin: ColorType.LIT
         };
     }
     if (isIdent(val)) {
@@ -1284,14 +1284,14 @@ function getTokenType(val, hint) {
             return {
                 typ: EnumToken.ColorTokenType,
                 val,
-                kin: ColorKind.SYS
+                kin: ColorType.SYS
             };
         }
         if (deprecatedSystemColors.has(v)) {
             return {
                 typ: EnumToken.ColorTokenType,
                 val,
-                kin: ColorKind.DPSYS
+                kin: ColorType.DPSYS
             };
         }
         return {
@@ -1303,7 +1303,7 @@ function getTokenType(val, hint) {
         return {
             typ: EnumToken.ColorTokenType,
             val,
-            kin: ColorKind.HEX
+            kin: ColorType.HEX
         };
     }
     if (val.charAt(0) == '#' && isHash(val)) {
diff --git a/dist/lib/renderer/render.js b/dist/lib/renderer/render.js
index 9e41a336..5f5bdd4d 100644
--- a/dist/lib/renderer/render.js
+++ b/dist/lib/renderer/render.js
@@ -1,5 +1,5 @@
 import { getAngle, convertColor } from '../syntax/color/color.js';
-import { colorsFunc, ColorKind, funcLike } from '../syntax/color/utils/constants.js';
+import { colorsFunc, funcLike } from '../syntax/color/utils/constants.js';
 import { EnumToken, ColorType } from '../ast/types.js';
 import '../ast/minify.js';
 import '../ast/walk.js';
@@ -311,12 +311,12 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
         case EnumToken.Div:
             return '/';
         case EnumToken.ColorTokenType:
-            if (token.kin == ColorKind.LIGHT_DARK || ('chi' in token && options.convertColor === false)) {
+            if (token.kin == ColorType.LIGHT_DARK || ('chi' in token && options.convertColor === false)) {
                 return token.val + '(' + token.chi.reduce((acc, curr) => acc + renderToken(curr, options, cache), '') + ')';
             }
             if (options.convertColor !== false) {
                 // console.error([typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[(ColorType[options.convertColor] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorKind] ?? ColorKind.HEX])
-                const value = convertColor(token, typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[ColorType[options.convertColor ?? 'HEX']?.toUpperCase?.().replaceAll?.('-', '_')] ?? ColorKind.HEX);
+                const value = convertColor(token, typeof options.convertColor == 'boolean' ? ColorType.HEX : ColorType[ColorType[options.convertColor ?? 'HEX']?.toUpperCase?.().replaceAll?.('-', '_')] ?? ColorType.HEX);
                 //
                 if (value != null) {
                     token = value;
@@ -513,7 +513,7 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
                 //         return reduceHexValue(value);
                 //     }
             }
-            if ([ColorKind.HEX, ColorKind.LIT, ColorKind.SYS, ColorKind.DPSYS].includes(token.kin)) {
+            if ([ColorType.HEX, ColorType.LIT, ColorType.SYS, ColorType.DPSYS].includes(token.kin)) {
                 return token.val;
             }
             if (Array.isArray(token.chi)) {
diff --git a/dist/lib/syntax/color/cmyk.js b/dist/lib/syntax/color/cmyk.js
index 363fc012..082dbfcf 100644
--- a/dist/lib/syntax/color/cmyk.js
+++ b/dist/lib/syntax/color/cmyk.js
@@ -1,5 +1,4 @@
-import { ColorKind } from './utils/constants.js';
-import { EnumToken } from '../../ast/types.js';
+import { ColorType, EnumToken } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
@@ -7,6 +6,7 @@ import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { color2srgbvalues } from './color.js';
 import { hsl2srgbvalues } from './rgb.js';
+import './utils/constants.js';
 import { lch2srgbvalues, lab2srgbvalues, oklch2srgbvalues, oklab2srgbvalues, hwb2srgbvalues, rgb2srgbvalues } from './srgb.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
@@ -97,7 +97,7 @@ function cmyktoken(values) {
                 typ: EnumToken.LiteralTokenType,
                 val: '/'
             }, { typ: EnumToken.PercentageTokenType, val: (curr * 100).toFixed() }], []),
-        kin: ColorKind.DEVICE_CMYK
+        kin: ColorType.DEVICE_CMYK
     };
 }
 
diff --git a/dist/lib/syntax/color/color-mix.js b/dist/lib/syntax/color/color-mix.js
index 648dec5c..01969bd1 100644
--- a/dist/lib/syntax/color/color-mix.js
+++ b/dist/lib/syntax/color/color-mix.js
@@ -1,4 +1,4 @@
-import { EnumToken } from '../../ast/types.js';
+import { EnumToken, ColorType } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
@@ -7,8 +7,9 @@ import '../../parser/utils/config.js';
 import { isRectangularOrthogonalColorspace, isPolarColorspace } from '../syntax.js';
 import { getNumber } from './color.js';
 import { srgb2rgb } from './rgb.js';
-import { ColorKind } from './utils/constants.js';
+import './utils/constants.js';
 import { getComponents } from './utils/components.js';
+import { srgb2oklab } from './oklab.js';
 import { srgbvalues, srgb2lsrgbvalues } from './srgb.js';
 import { srgb2hwb } from './hwb.js';
 import { srgb2hslvalues } from './hsl.js';
@@ -16,7 +17,6 @@ import { srgb2lch, xyz2lchvalues } from './lch.js';
 import { srgb2labvalues } from './lab.js';
 import { srgb2p3values } from './p3.js';
 import { srgb2oklch } from './oklch.js';
-import { srgb2oklab } from './oklab.js';
 import { srgb2prophotorgbvalues } from './prophotorgb.js';
 import { srgb2xyz_d50 } from './xyz.js';
 import { XYZ_D65_to_D50, xyzd502lch } from './xyzd50.js';
@@ -229,8 +229,8 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
             return null;
     }
     const lchSpaces = ['lch', 'oklch'];
-    const colorSpace1 = ColorKind[color1.kin].toLowerCase().replaceAll('_', '-');
-    const colorSpace2 = ColorKind[color2.kin].toLowerCase().replaceAll('_', '-');
+    const colorSpace1 = ColorType[color1.kin].toLowerCase().replaceAll('_', '-');
+    const colorSpace2 = ColorType[color2.kin].toLowerCase().replaceAll('_', '-');
     // powerless
     if (lchSpaces.includes(colorSpace1) || lchSpaces.includes(colorSpace.val)) {
         if ((components1[2].typ == EnumToken.IdenTokenType && components1[2].val == 'none') || values1[2] == 0) {
@@ -278,7 +278,7 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
                         val: String(v)
                     };
                 }),
-                kin: ColorKind.LCH
+                kin: ColorType.LCH
             };
         case 'srgb':
         case 'srgb-linear':
@@ -289,7 +289,7 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
                 typ: EnumToken.ColorTokenType,
                 val: 'color',
                 chi: calculate(),
-                kin: ColorKind.COLOR,
+                kin: ColorType.COLOR,
                 cal: 'col'
             };
         case 'rgb':
@@ -328,7 +328,7 @@ function colorMix(colorSpace, hueInterpolationMethod, color1, percentage1, color
                 typ: EnumToken.ColorTokenType,
                 val: colorSpace.val,
                 chi: calculate().slice(1),
-                kin: ColorKind[colorSpace.val.toUpperCase().replaceAll('-', '_')]
+                kin: ColorType[colorSpace.val.toUpperCase().replaceAll('-', '_')]
             };
             if (colorSpace.val == 'hsl' || colorSpace.val == 'hwb') {
                 // @ts-ignore
diff --git a/dist/lib/syntax/color/color.js b/dist/lib/syntax/color/color.js
index 18abae80..79605289 100644
--- a/dist/lib/syntax/color/color.js
+++ b/dist/lib/syntax/color/color.js
@@ -1,4 +1,4 @@
-import { EnumToken } from '../../ast/types.js';
+import { EnumToken, ColorType } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
@@ -11,8 +11,8 @@ import { color2hwbToken, cmyk2hwbToken, lch2hwbToken, lab2hwbToken, oklch2hwbTok
 import { color2labToken, oklch2labToken, oklab2labToken, lch2labToken, cmyk2labToken, hwb2labToken, hsl2labToken, rgb2labToken, hex2labToken } from './lab.js';
 import { color2lchToken, oklch2lchToken, oklab2lchToken, lab2lchToken, cmyk2lchToken, hwb2lchToken, hsl2lchToken, rgb2lchToken, hex2lchToken } from './lch.js';
 import { color2oklabToken, oklch2oklabToken, lch2oklabToken, lab2oklabToken, cmyk2oklabToken, hwb2oklabToken, hsl2oklabToken, rgb2oklabToken, hex2oklabToken } from './oklab.js';
-import { color2oklchToken, lch2oklchToken, oklab2oklchToken, lab2oklchToken, hwb2oklchToken, hsl2oklchToken, rgb2oklchToken, hex2oklchToken } from './oklch.js';
-import { ColorKind, colorFuncColorSpace, colorPrecision, anglePrecision } from './utils/constants.js';
+import { color2oklchToken, lch2oklchToken, oklab2oklchToken, lab2oklchToken, cmyk2oklchToken, hwb2oklchToken, hsl2oklchToken, rgb2oklchToken, hex2oklchToken } from './oklch.js';
+import { colorFuncColorSpace, colorPrecision, anglePrecision } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
 import { oklch2srgbvalues, lch2srgbvalues, oklab2srgbvalues, lab2srgbvalues, hwb2srgbvalues, hsl2srgb, rgb2srgb, hex2srgbvalues, xyz2srgb, lsrgb2srgbvalues, srgb2lsrgbvalues } from './srgb.js';
 import { prophotorgb2srgbvalues, srgb2prophotorgbvalues } from './prophotorgb.js';
@@ -28,13 +28,13 @@ import { a98rgb2srgbvalues, srgb2a98values } from './a98rgb.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function convertColor(token, to) {
-    if (token.kin == ColorKind.SYS ||
-        token.kin == ColorKind.DPSYS ||
+    if (token.kin == ColorType.SYS ||
+        token.kin == ColorType.DPSYS ||
         (isIdentColor(token) &&
             ('currentcolor'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0))) {
         return token;
     }
-    if (token.kin == ColorKind.COLOR_MIX && to != ColorKind.COLOR_MIX) {
+    if (token.kin == ColorType.COLOR_MIX && to != ColorType.COLOR_MIX) {
         const children = token.chi.reduce((acc, t) => {
             if (t.typ == EnumToken.ColorTokenType) {
                 acc.push([t]);
@@ -68,282 +68,282 @@ function convertColor(token, to) {
         }
     }
     if (token.kin == to) {
-        if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
+        if (token.kin == ColorType.HEX || token.kin == ColorType.LIT) {
             token.val = reduceHexValue(token.val);
-            token.kin = token.val[0] == '#' ? ColorKind.HEX : ColorKind.LIT;
+            token.kin = token.val[0] == '#' ? ColorType.HEX : ColorType.LIT;
         }
         return token;
     }
-    if (token.kin == ColorKind.COLOR) {
+    if (token.kin == ColorType.COLOR) {
         const colorSpace = token.chi.find(t => ![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ));
-        if (colorSpace.val == ColorKind[to].toLowerCase().replaceAll('_', '-')) {
+        if (colorSpace.val == ColorType[to].toLowerCase().replaceAll('_', '-')) {
             return token;
         }
     }
-    if (to == ColorKind.HSL) {
+    if (to == ColorType.HSL) {
         switch (token.kin) {
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
                 return rgb2HslToken(token);
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
                 return hex2HslToken(token);
-            case ColorKind.HWB:
+            case ColorType.HWB:
                 return hwb2HslToken(token);
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
                 return cmyk2HslToken(token);
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
                 return oklab2HslToken(token);
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
                 return oklch2HslToken(token);
-            case ColorKind.LAB:
+            case ColorType.LAB:
                 return lab2HslToken(token);
-            case ColorKind.LCH:
+            case ColorType.LCH:
                 return lch2HslToken(token);
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
                 return color2HslToken(token);
         }
     }
-    else if (to == ColorKind.HWB) {
+    else if (to == ColorType.HWB) {
         switch (token.kin) {
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
                 return rgb2hwbToken(token);
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
                 // @ts-ignore
                 return rgb2hwbToken(token);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case ColorType.HSL:
+            case ColorType.HSLA:
                 return hsl2hwbToken(token);
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
                 return oklab2hwbToken(token);
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
                 return oklch2hwbToken(token);
-            case ColorKind.LAB:
+            case ColorType.LAB:
                 return lab2hwbToken(token);
-            case ColorKind.LCH:
+            case ColorType.LCH:
                 return lch2hwbToken(token);
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
                 return cmyk2hwbToken(token);
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
                 return color2hwbToken(token);
         }
     }
-    else if (to == ColorKind.DEVICE_CMYK) {
+    else if (to == ColorType.DEVICE_CMYK) {
         switch (token.kin) {
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
                 return rgb2cmykToken(token);
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
                 return rgb2cmykToken(token);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case ColorType.HSL:
+            case ColorType.HSLA:
                 return hsl2cmykToken(token);
-            case ColorKind.HWB:
+            case ColorType.HWB:
                 return hwb2cmykToken(token);
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
                 return oklab2cmyk(token);
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
                 return oklch2cmykToken(token);
-            case ColorKind.LAB:
+            case ColorType.LAB:
                 return lab2cmykToken(token);
             //
-            case ColorKind.LCH:
+            case ColorType.LCH:
                 return lch2cmykToken(token);
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
                 return color2cmykToken(token);
         }
     }
-    else if (to == ColorKind.HEX || to == ColorKind.LIT) {
+    else if (to == ColorType.HEX || to == ColorType.LIT) {
         switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT: {
+            case ColorType.HEX:
+            case ColorType.LIT: {
                 const val = reduceHexValue(token.val);
                 return {
                     typ: EnumToken.ColorTokenType,
                     val,
-                    kin: val[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+                    kin: val[0] == '#' ? ColorType.HEX : ColorType.LIT
                 };
             }
-            case ColorKind.HSL:
+            case ColorType.HSL:
                 return hsl2HexToken(token);
-            case ColorKind.HWB:
+            case ColorType.HWB:
                 return hwb2HexToken(token);
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
                 return cmyk2HexToken(token);
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
                 return oklab2HexToken(token);
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
                 return oklch2HexToken(token);
-            case ColorKind.LAB:
+            case ColorType.LAB:
                 return lab2HexToken(token);
-            case ColorKind.LCH:
+            case ColorType.LCH:
                 return lch2HexToken(token);
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
                 return color2HexToken(token);
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
                 return rgb2HexToken(token);
         }
     }
-    else if (to == ColorKind.RGB) {
+    else if (to == ColorType.RGB) {
         switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
                 return hex2RgbToken(token);
-            case ColorKind.HSL:
+            case ColorType.HSL:
                 return hsl2RgbToken(token);
-            case ColorKind.HWB:
+            case ColorType.HWB:
                 return hwb2RgbToken(token);
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
                 return cmyk2RgbToken(token);
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
                 return oklab2RgbToken(token);
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
                 return oklch2RgbToken(token);
-            case ColorKind.LAB:
+            case ColorType.LAB:
                 return lab2RgbToken(token);
-            case ColorKind.LCH:
+            case ColorType.LCH:
                 return lch2RgbToken(token);
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
                 return color2RgbToken(token);
         }
     }
-    else if (to == ColorKind.LAB) {
+    else if (to == ColorType.LAB) {
         switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
                 return hex2labToken(token);
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
                 return rgb2labToken(token);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case ColorType.HSL:
+            case ColorType.HSLA:
                 return hsl2labToken(token);
-            case ColorKind.HWB:
+            case ColorType.HWB:
                 return hwb2labToken(token);
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
                 return cmyk2labToken(token);
-            case ColorKind.LCH:
+            case ColorType.LCH:
                 return lch2labToken(token);
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
                 return oklab2labToken(token);
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
                 return oklch2labToken(token);
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
                 return color2labToken(token);
         }
     }
-    else if (to == ColorKind.LCH) {
+    else if (to == ColorType.LCH) {
         switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
                 return hex2lchToken(token);
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
                 return rgb2lchToken(token);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case ColorType.HSL:
+            case ColorType.HSLA:
                 return hsl2lchToken(token);
-            case ColorKind.HWB:
+            case ColorType.HWB:
                 return hwb2lchToken(token);
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
                 return cmyk2lchToken(token);
-            case ColorKind.LAB:
+            case ColorType.LAB:
                 return lab2lchToken(token);
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
                 return oklab2lchToken(token);
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
                 return oklch2lchToken(token);
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
                 return color2lchToken(token);
         }
     }
-    else if (to == ColorKind.OKLAB) {
+    else if (to == ColorType.OKLAB) {
         switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
                 return hex2oklabToken(token);
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
                 return rgb2oklabToken(token);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case ColorType.HSL:
+            case ColorType.HSLA:
                 return hsl2oklabToken(token);
-            case ColorKind.HWB:
+            case ColorType.HWB:
                 return hwb2oklabToken(token);
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
                 return cmyk2oklabToken(token);
-            case ColorKind.LAB:
+            case ColorType.LAB:
                 return lab2oklabToken(token);
-            case ColorKind.LCH:
+            case ColorType.LCH:
                 return lch2oklabToken(token);
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
                 return oklch2oklabToken(token);
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
                 return color2oklabToken(token);
         }
     }
-    else if (to == ColorKind.OKLCH) {
+    else if (to == ColorType.OKLCH) {
         switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
                 return hex2oklchToken(token);
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
                 return rgb2oklchToken(token);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case ColorType.HSL:
+            case ColorType.HSLA:
                 return hsl2oklchToken(token);
-            case ColorKind.HWB:
+            case ColorType.HWB:
                 return hwb2oklchToken(token);
-            case ColorKind.DEVICE_CMYK:
-                return oklab2oklchToken(token);
-            case ColorKind.LAB:
+            case ColorType.DEVICE_CMYK:
+                return cmyk2oklchToken(token);
+            case ColorType.LAB:
                 return lab2oklchToken(token);
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
                 return oklab2oklchToken(token);
-            case ColorKind.LCH:
+            case ColorType.LCH:
                 return lch2oklchToken(token);
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
                 return color2oklchToken(token);
         }
     }
-    else if (colorFuncColorSpace.includes(ColorKind[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
-        console.error(ColorKind[token.kin]);
+    else if (colorFuncColorSpace.includes(ColorType[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
+        console.error(ColorType[token.kin]);
         switch (token.kin) {
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
                 return hex2colorToken(token, to);
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
                 return rgb2colorToken(token, to);
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case ColorType.HSL:
+            case ColorType.HSLA:
                 return hsl2colorToken(token, to);
-            case ColorKind.HWB:
+            case ColorType.HWB:
                 return hwb2colorToken(token, to);
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
                 return cmyk2colorToken(token, to);
-            case ColorKind.LAB:
+            case ColorType.LAB:
                 return lab2colorToken(token, to);
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
                 return oklab2colorToken(token, to);
-            case ColorKind.LCH:
+            case ColorType.LCH:
                 return lch2colorToken(token, to);
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
                 return oklch2colorToken(token, to);
-            case ColorKind.COLOR:
-            case ColorKind.XYZ:
-            case ColorKind.SRGB:
-            case ColorKind.REC2020:
-            case ColorKind.XYZ_D50:
-            case ColorKind.A98_RGB:
-            case ColorKind.DISPLAY_P3:
-            case ColorKind.SRGB_LINEAR:
-            case ColorKind.PROPHOTO_RGB:
+            case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
                 return color2colorToken(token, to);
         }
     }
@@ -423,35 +423,35 @@ function color2colorToken(token, to) {
 function srgb2srgbcolorspace(val, to) {
     const values = [];
     switch (to) {
-        case ColorKind.SRGB:
+        case ColorType.SRGB:
             values.push(...val);
             break;
-        case ColorKind.SRGB_LINEAR:
+        case ColorType.SRGB_LINEAR:
             // @ts-ignore
             values.push(...srgb2lsrgbvalues(...val));
             break;
-        case ColorKind.DISPLAY_P3:
+        case ColorType.DISPLAY_P3:
             // @ts-ignore
             values.push(...srgb2p3values(...val));
             break;
-        case ColorKind.PROPHOTO_RGB:
+        case ColorType.PROPHOTO_RGB:
             // @ts-ignore
             values.push(...srgb2prophotorgbvalues(...val));
             break;
-        case ColorKind.A98_RGB:
+        case ColorType.A98_RGB:
             // @ts-ignore
             values.push(...srgb2a98values(...val));
             break;
-        case ColorKind.REC2020:
+        case ColorType.REC2020:
             // @ts-ignore
             values.push(...srgb2rec2020values(...val));
             break;
-        case ColorKind.XYZ:
-        case ColorKind.XYZ_D65:
+        case ColorType.XYZ:
+        case ColorType.XYZ_D65:
             // @ts-ignore
             values.push(...srgb2xyz(...val));
             break;
-        case ColorKind.XYZ_D50:
+        case ColorType.XYZ_D50:
             // @ts-ignore
             values.push(...srgb2xyz_d50(...val));
             break;
@@ -520,12 +520,12 @@ function values2colortoken(values, to) {
     if (values.length == 4) {
         chi.push({ typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
     }
-    const colorSpace = ColorKind[to].toLowerCase().replaceAll('_', '-');
+    const colorSpace = ColorType[to].toLowerCase().replaceAll('_', '-');
     return colorFuncColorSpace.includes(colorSpace) ? {
         typ: EnumToken.ColorTokenType,
         val: 'color',
         chi: [{ typ: EnumToken.IdenTokenType, val: colorSpace }].concat(chi),
-        kin: ColorKind.COLOR
+        kin: ColorType.COLOR
     } : {
         typ: EnumToken.ColorTokenType,
         val: colorSpace,
diff --git a/dist/lib/syntax/color/hex.js b/dist/lib/syntax/color/hex.js
index 01e0d45a..78f0f8b5 100644
--- a/dist/lib/syntax/color/hex.js
+++ b/dist/lib/syntax/color/hex.js
@@ -1,4 +1,4 @@
-import { EnumToken } from '../../ast/types.js';
+import { EnumToken, ColorType } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
@@ -6,7 +6,7 @@ import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { color2srgbvalues, getNumber } from './color.js';
 import { srgb2rgb, cmyk2rgbvalues, hwb2rgbvalues, hsl2rgbvalues } from './rgb.js';
-import { COLORS_NAMES, NAMES_COLORS, ColorKind } from './utils/constants.js';
+import { COLORS_NAMES, NAMES_COLORS } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
 import { lch2srgbvalues, lab2srgbvalues, oklch2srgbvalues, oklab2srgbvalues } from './srgb.js';
 import '../../renderer/sourcemap/lib/encode.js';
@@ -113,7 +113,7 @@ function hexToken(value) {
     return {
         typ: EnumToken.ColorTokenType,
         val: value,
-        kin: value[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+        kin: value[0] == '#' ? ColorType.HEX : ColorType.LIT
     };
 }
 function rgb2hexvalues(token) {
diff --git a/dist/lib/syntax/color/hsl.js b/dist/lib/syntax/color/hsl.js
index 7e75d5ef..5204a48a 100644
--- a/dist/lib/syntax/color/hsl.js
+++ b/dist/lib/syntax/color/hsl.js
@@ -1,10 +1,10 @@
 import { hwb2hsv } from './hsv.js';
 import { color2srgbvalues, toPrecisionAngle, getNumber } from './color.js';
 import { lch2rgbvalues, lab2rgbvalues, cmyk2rgbvalues } from './rgb.js';
-import { ColorKind } from './utils/constants.js';
+import './utils/constants.js';
 import { getComponents } from './utils/components.js';
 import { hex2srgbvalues, oklch2srgbvalues, oklab2srgbvalues, hslvalues } from './srgb.js';
-import { EnumToken } from '../../ast/types.js';
+import { EnumToken, ColorType } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
@@ -87,7 +87,7 @@ function hslToken(values) {
         typ: EnumToken.ColorTokenType,
         val: 'hsl',
         chi,
-        kin: ColorKind.HSL
+        kin: ColorType.HSL
     };
 }
 function rgb2hslvalues(token) {
diff --git a/dist/lib/syntax/color/hwb.js b/dist/lib/syntax/color/hwb.js
index 555b2237..d1b6fc65 100644
--- a/dist/lib/syntax/color/hwb.js
+++ b/dist/lib/syntax/color/hwb.js
@@ -1,14 +1,14 @@
 import { hsl2hsv } from './hsv.js';
-import { ColorKind } from './utils/constants.js';
+import './utils/constants.js';
 import { getComponents } from './utils/components.js';
 import { color2srgbvalues, toPrecisionAngle, getAngle, getNumber } from './color.js';
-import { EnumToken } from '../../ast/types.js';
+import { cmyk2srgbvalues, lch2srgbvalues, lab2srgbvalues, oklch2srgbvalues, oklab2srgbvalues } from './srgb.js';
+import { EnumToken, ColorType } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { cmyk2srgbvalues, lch2srgbvalues, lab2srgbvalues, oklch2srgbvalues, oklab2srgbvalues } from './srgb.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function rgb2hwbToken(token) {
@@ -81,7 +81,7 @@ function hwbToken(values) {
         typ: EnumToken.ColorTokenType,
         val: 'hwb',
         chi,
-        kin: ColorKind.HWB
+        kin: ColorType.HWB
     };
 }
 function rgb2hwbvalues(token) {
diff --git a/dist/lib/syntax/color/lab.js b/dist/lib/syntax/color/lab.js
index 29986ad9..5e119567 100644
--- a/dist/lib/syntax/color/lab.js
+++ b/dist/lib/syntax/color/lab.js
@@ -1,16 +1,16 @@
-import { ColorKind, e, k, D50 } from './utils/constants.js';
+import { e, k, D50 } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
-import { srgb2xyz_d50, XYZ_D50_to_D65, XYZ_to_lin_sRGB } from './xyz.js';
-import { oklch2srgbvalues, cmyk2srgbvalues, hwb2srgbvalues, hsl2srgb, rgb2srgb, hex2srgbvalues } from './srgb.js';
-import { getLCHComponents } from './lch.js';
-import { getOKLABComponents, OKLab_to_XYZ } from './oklab.js';
 import { color2srgbvalues, getNumber } from './color.js';
-import { EnumToken } from '../../ast/types.js';
+import { getOKLABComponents, OKLab_to_XYZ } from './oklab.js';
+import { EnumToken, ColorType } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
+import { oklch2srgbvalues, cmyk2srgbvalues, hwb2srgbvalues, hsl2srgb, rgb2srgb, hex2srgbvalues } from './srgb.js';
+import { getLCHComponents } from './lch.js';
+import { srgb2xyz_d50, XYZ_D50_to_D65, XYZ_to_lin_sRGB } from './xyz.js';
 import { XYZ_D65_to_D50, xyzd502srgb } from './xyzd50.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
@@ -86,7 +86,7 @@ function labToken(values) {
         typ: EnumToken.ColorTokenType,
         val: 'lab',
         chi,
-        kin: ColorKind.LAB
+        kin: ColorType.LAB
     };
 }
 // L: 0% = 0.0, 100% = 100.0
diff --git a/dist/lib/syntax/color/lch.js b/dist/lib/syntax/color/lch.js
index 2d0d6c74..e7a6cab8 100644
--- a/dist/lib/syntax/color/lch.js
+++ b/dist/lib/syntax/color/lch.js
@@ -1,13 +1,13 @@
-import { ColorKind } from './utils/constants.js';
+import './utils/constants.js';
 import { getComponents } from './utils/components.js';
 import { color2srgbvalues, toPrecisionAngle, getNumber, getAngle } from './color.js';
-import { EnumToken } from '../../ast/types.js';
+import { cmyk2srgbvalues } from './srgb.js';
+import { EnumToken, ColorType } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { cmyk2srgbvalues } from './srgb.js';
 import { srgb2labvalues, xyz2lab, oklch2labvalues, oklab2labvalues, getLABComponents, hwb2labvalues, hsl2labvalues, rgb2labvalues, hex2labvalues } from './lab.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
@@ -88,7 +88,7 @@ function lchToken(values) {
         typ: EnumToken.ColorTokenType,
         val: 'lch',
         chi,
-        kin: ColorKind.LCH
+        kin: ColorType.LCH
     };
 }
 function hex2lchvalues(token) {
diff --git a/dist/lib/syntax/color/oklab.js b/dist/lib/syntax/color/oklab.js
index a9dc30b9..4b92542d 100644
--- a/dist/lib/syntax/color/oklab.js
+++ b/dist/lib/syntax/color/oklab.js
@@ -1,9 +1,9 @@
 import { multiplyMatrices } from './utils/matrix.js';
-import { ColorKind } from './utils/constants.js';
+import './utils/constants.js';
 import { getComponents } from './utils/components.js';
-import { srgb2lsrgbvalues, lch2srgbvalues, lab2srgbvalues, cmyk2srgbvalues, hwb2srgbvalues, hsl2srgb, rgb2srgb, hex2srgbvalues, lsrgb2srgbvalues } from './srgb.js';
 import { color2srgbvalues, getNumber } from './color.js';
-import { EnumToken } from '../../ast/types.js';
+import { srgb2lsrgbvalues, lch2srgbvalues, lab2srgbvalues, cmyk2srgbvalues, hwb2srgbvalues, hsl2srgb, rgb2srgb, hex2srgbvalues, lsrgb2srgbvalues } from './srgb.js';
+import { EnumToken, ColorType } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
@@ -92,7 +92,7 @@ function oklabToken(values) {
         typ: EnumToken.ColorTokenType,
         val: 'oklab',
         chi,
-        kin: ColorKind.OKLAB
+        kin: ColorType.OKLAB
     };
 }
 function hex2oklabvalues(token) {
diff --git a/dist/lib/syntax/color/oklch.js b/dist/lib/syntax/color/oklch.js
index fcc7da5a..b3a44132 100644
--- a/dist/lib/syntax/color/oklch.js
+++ b/dist/lib/syntax/color/oklch.js
@@ -1,14 +1,15 @@
-import { ColorKind } from './utils/constants.js';
+import './utils/constants.js';
 import { getComponents } from './utils/components.js';
 import { color2srgbvalues, toPrecisionAngle, getNumber, getAngle } from './color.js';
-import { EnumToken } from '../../ast/types.js';
+import { srgb2oklab, lch2oklabvalues, getOKLABComponents, lab2oklabvalues, hwb2oklabvalues, hsl2oklabvalues, rgb2oklabvalues, hex2oklabvalues } from './oklab.js';
+import { EnumToken, ColorType } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
+import { cmyk2srgbvalues } from './srgb.js';
 import { labvalues2lchvalues } from './lch.js';
-import { srgb2oklab, lch2oklabvalues, getOKLABComponents, lab2oklabvalues, hwb2oklabvalues, hsl2oklabvalues, rgb2oklabvalues, hex2oklabvalues } from './oklab.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function hex2oklchToken(token) {
@@ -36,6 +37,13 @@ function hwb2oklchToken(token) {
     }
     return oklchToken(values);
 }
+function cmyk2oklchToken(token) {
+    const values = cmyk2oklchvalues(token);
+    if (values == null) {
+        return null;
+    }
+    return oklchToken(values);
+}
 function lab2oklchToken(token) {
     const values = lab2oklchvalues(token);
     if (values == null) {
@@ -82,7 +90,7 @@ function oklchToken(values) {
         typ: EnumToken.ColorTokenType,
         val: 'oklch',
         chi,
-        kin: ColorKind.OKLCH
+        kin: ColorType.OKLCH
     };
 }
 function hex2oklchvalues(token) {
@@ -105,6 +113,11 @@ function hwb2oklchvalues(token) {
     // @ts-ignore
     return labvalues2lchvalues(...hwb2oklabvalues(token));
 }
+function cmyk2oklchvalues(token) {
+    const values = cmyk2srgbvalues(token);
+    // @ts-ignore
+    return values == null ? null : srgb2oklch(...values);
+}
 function lab2oklchvalues(token) {
     // @ts-ignore
     return labvalues2lchvalues(...lab2oklabvalues(token));
@@ -150,4 +163,4 @@ function getOKLCHComponents(token) {
     return [l, c, h, alpha];
 }
 
-export { color2oklchToken, getOKLCHComponents, hex2oklchToken, hex2oklchvalues, hsl2oklchToken, hsl2oklchvalues, hwb2oklchToken, hwb2oklchvalues, lab2oklchToken, lab2oklchvalues, lch2oklchToken, lch2oklchvalues, oklab2oklchToken, oklab2oklchvalues, rgb2oklchToken, rgb2oklchvalues, srgb2oklch };
+export { cmyk2oklchToken, cmyk2oklchvalues, color2oklchToken, getOKLCHComponents, hex2oklchToken, hex2oklchvalues, hsl2oklchToken, hsl2oklchvalues, hwb2oklchToken, hwb2oklchvalues, lab2oklchToken, lab2oklchvalues, lch2oklchToken, lch2oklchvalues, oklab2oklchToken, oklab2oklchvalues, rgb2oklchToken, rgb2oklchvalues, srgb2oklch };
diff --git a/dist/lib/syntax/color/relativecolor.js b/dist/lib/syntax/color/relativecolor.js
index 87431761..f156d38f 100644
--- a/dist/lib/syntax/color/relativecolor.js
+++ b/dist/lib/syntax/color/relativecolor.js
@@ -1,12 +1,12 @@
 import { convertColor, getNumber } from './color.js';
-import { EnumToken } from '../../ast/types.js';
+import { ColorType, EnumToken } from '../../ast/types.js';
 import '../../ast/minify.js';
 import { walkValues } from '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { mathFuncs } from '../syntax.js';
-import { ColorKind, colorRange } from './utils/constants.js';
+import { colorRange } from './utils/constants.js';
 import { evaluateFunc, evaluate } from '../../ast/math/expression.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
@@ -19,12 +19,12 @@ function parseRelativeColor(relativeKeys, original, rExp, gExp, bExp, aExp) {
     let values = {};
     // colorFuncColorSpace x,y,z or r,g,b
     const names = relativeKeys.startsWith('xyz') ? 'xyz' : relativeKeys.slice(-3);
-    const converted = convertColor(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_')]);
+    const converted = convertColor(original, ColorType[relativeKeys.toUpperCase().replaceAll('-', '_')]);
     if (converted == null) {
         return null;
     }
     const children = converted.chi.filter(t => ![EnumToken.WhitespaceTokenType, EnumToken.LiteralTokenType, EnumToken.CommentTokenType].includes(t.typ));
-    [r, g, b, alpha] = converted.kin == ColorKind.COLOR ? children.slice(1) : children;
+    [r, g, b, alpha] = converted.kin == ColorType.COLOR ? children.slice(1) : children;
     values = {
         [names[0]]: getValue(r, converted, names[0]),
         [names[1]]: getValue(g, converted, names[1]), // string,
@@ -63,7 +63,7 @@ function getValue(t, converted, component) {
     // }
     if (t.typ == EnumToken.PercentageTokenType) {
         let value = getNumber(t);
-        let colorSpace = ColorKind[converted.kin].toLowerCase().replaceAll('-', '_');
+        let colorSpace = ColorType[converted.kin].toLowerCase().replaceAll('-', '_');
         if (colorSpace in colorRange) {
             // @ts-ignore
             value *= colorRange[colorSpace][component].at(-1);
diff --git a/dist/lib/syntax/color/rgb.js b/dist/lib/syntax/color/rgb.js
index 43583bb4..3a7188f9 100644
--- a/dist/lib/syntax/color/rgb.js
+++ b/dist/lib/syntax/color/rgb.js
@@ -1,6 +1,6 @@
 import { color2srgbvalues, minmax } from './color.js';
-import { ColorKind, COLORS_NAMES } from './utils/constants.js';
-import { EnumToken } from '../../ast/types.js';
+import { COLORS_NAMES } from './utils/constants.js';
+import { EnumToken, ColorType } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
@@ -85,11 +85,11 @@ function rgb2RgbToken(values) {
         typ: EnumToken.ColorTokenType,
         val: 'rgb',
         chi,
-        kin: ColorKind.RGB
+        kin: ColorType.RGB
     };
 }
 function hex2rgbvalues(token) {
-    const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+    const value = expandHexValue(token.kin == ColorType.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
     const rgb = [];
     for (let i = 1; i < value.length; i += 2) {
         rgb.push(parseInt(value.slice(i, i + 2), 16));
diff --git a/dist/lib/syntax/color/srgb.js b/dist/lib/syntax/color/srgb.js
index cab0ab15..f8687b2b 100644
--- a/dist/lib/syntax/color/srgb.js
+++ b/dist/lib/syntax/color/srgb.js
@@ -1,7 +1,8 @@
-import { ColorKind, COLORS_NAMES } from './utils/constants.js';
+import { COLORS_NAMES } from './utils/constants.js';
 import { getComponents } from './utils/components.js';
 import { color2srgbvalues, getNumber, getAngle } from './color.js';
-import { EnumToken } from '../../ast/types.js';
+import { OKLab_to_sRGB, getOKLABComponents } from './oklab.js';
+import { ColorType, EnumToken } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
@@ -9,7 +10,6 @@ import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
 import { expandHexValue } from './hex.js';
 import { lchvalues2labvalues, Lab_to_sRGB, getLABComponents } from './lab.js';
-import { OKLab_to_sRGB, getOKLABComponents } from './oklab.js';
 import { getLCHComponents } from './lch.js';
 import { getOKLCHComponents } from './oklch.js';
 import { XYZ_to_lin_sRGB } from './xyz.js';
@@ -20,26 +20,26 @@ import '../../renderer/sourcemap/lib/encode.js';
 // 0 <= r, g, b <= 1
 function srgbvalues(token) {
     switch (token.kin) {
-        case ColorKind.LIT:
-        case ColorKind.HEX:
+        case ColorType.LIT:
+        case ColorType.HEX:
             return hex2srgbvalues(token);
-        case ColorKind.RGB:
-        case ColorKind.RGBA:
+        case ColorType.RGB:
+        case ColorType.RGBA:
             return rgb2srgb(token);
-        case ColorKind.HSL:
-        case ColorKind.HSLA:
+        case ColorType.HSL:
+        case ColorType.HSLA:
             return hsl2srgb(token);
-        case ColorKind.HWB:
+        case ColorType.HWB:
             return hwb2srgbvalues(token);
-        case ColorKind.LAB:
+        case ColorType.LAB:
             return lab2srgbvalues(token);
-        case ColorKind.LCH:
+        case ColorType.LCH:
             return lch2srgbvalues(token);
-        case ColorKind.OKLAB:
+        case ColorType.OKLAB:
             return oklab2srgbvalues(token);
-        case ColorKind.OKLCH:
+        case ColorType.OKLCH:
             return oklch2srgbvalues(token);
-        case ColorKind.COLOR:
+        case ColorType.COLOR:
             return color2srgbvalues(token);
     }
     return null;
@@ -51,7 +51,7 @@ function rgb2srgbvalues(token) {
     return getComponents(token)?.map?.((t, index) => index == 3 ? getNumber(t) : getNumber(t) / 255) ?? null;
 }
 function hex2srgbvalues(token) {
-    const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+    const value = expandHexValue(token.kin == ColorType.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
     const rgb = [];
     for (let i = 1; i < value.length; i += 2) {
         rgb.push(parseInt(value.slice(i, i + 2), 16) / 255);
diff --git a/dist/lib/syntax/color/utils/components.js b/dist/lib/syntax/color/utils/components.js
index 09c5bdbc..9304fa5d 100644
--- a/dist/lib/syntax/color/utils/components.js
+++ b/dist/lib/syntax/color/utils/components.js
@@ -1,16 +1,16 @@
-import { EnumToken } from '../../../ast/types.js';
+import { ColorType, EnumToken } from '../../../ast/types.js';
 import '../../../ast/minify.js';
 import '../../../ast/walk.js';
 import '../../../parser/parse.js';
 import '../../../parser/tokenize.js';
 import '../../../parser/utils/config.js';
-import { ColorKind, COLORS_NAMES } from './constants.js';
+import { COLORS_NAMES } from './constants.js';
 import { expandHexValue } from '../hex.js';
 import '../../../renderer/sourcemap/lib/encode.js';
 
 function getComponents(token) {
-    if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
-        const value = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+    if (token.kin == ColorType.HEX || token.kin == ColorType.LIT) {
+        const value = expandHexValue(token.kin == ColorType.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
         // @ts-ignore
         return value.slice(1).match(/([a-fA-F0-9]{2})/g).map((t, index) => {
             return { typ: EnumToken.Number, val: (index < 3 ? parseInt(t, 16) : parseInt(t, 16) / 255).toString() };
diff --git a/dist/lib/syntax/color/utils/constants.js b/dist/lib/syntax/color/utils/constants.js
index 9562a03e..47fcc682 100644
--- a/dist/lib/syntax/color/utils/constants.js
+++ b/dist/lib/syntax/color/utils/constants.js
@@ -30,37 +30,6 @@ const colorRange = {
         b: [0, 0.4]
     }
 };
-// xyz-d65 is an alias for xyz
-// display-p3 is an alias for srgb
-var ColorKind;
-(function (ColorKind) {
-    ColorKind[ColorKind["SYS"] = 0] = "SYS";
-    ColorKind[ColorKind["DPSYS"] = 1] = "DPSYS";
-    ColorKind[ColorKind["LIT"] = 2] = "LIT";
-    ColorKind[ColorKind["HEX"] = 3] = "HEX";
-    ColorKind[ColorKind["RGBA"] = 4] = "RGBA";
-    ColorKind[ColorKind["HSLA"] = 5] = "HSLA";
-    ColorKind[ColorKind["HWB"] = 6] = "HWB";
-    ColorKind[ColorKind["DEVICE_CMYK"] = 7] = "DEVICE_CMYK";
-    ColorKind[ColorKind["OKLAB"] = 8] = "OKLAB";
-    ColorKind[ColorKind["OKLCH"] = 9] = "OKLCH";
-    ColorKind[ColorKind["LAB"] = 10] = "LAB";
-    ColorKind[ColorKind["LCH"] = 11] = "LCH";
-    ColorKind[ColorKind["COLOR"] = 12] = "COLOR";
-    ColorKind[ColorKind["SRGB"] = 13] = "SRGB";
-    ColorKind[ColorKind["PROPHOTO_RGB"] = 14] = "PROPHOTO_RGB";
-    ColorKind[ColorKind["A98_RGB"] = 15] = "A98_RGB";
-    ColorKind[ColorKind["REC2020"] = 16] = "REC2020";
-    ColorKind[ColorKind["DISPLAY_P3"] = 17] = "DISPLAY_P3";
-    ColorKind[ColorKind["SRGB_LINEAR"] = 18] = "SRGB_LINEAR";
-    ColorKind[ColorKind["XYZ_D50"] = 19] = "XYZ_D50";
-    ColorKind[ColorKind["XYZ_D65"] = 20] = "XYZ_D65";
-    ColorKind[ColorKind["LIGHT_DARK"] = 21] = "LIGHT_DARK";
-    ColorKind[ColorKind["COLOR_MIX"] = 22] = "COLOR_MIX";
-    ColorKind[ColorKind["RGB"] = 4] = "RGB";
-    ColorKind[ColorKind["HSL"] = 5] = "HSL";
-    ColorKind[ColorKind["XYZ"] = 20] = "XYZ";
-})(ColorKind || (ColorKind = {}));
 const timelineFunc = ['view', 'scroll'];
 const generalEnclosedFunc = ['selector', 'font-tech', 'font-format', 'media', 'supports'];
 const timingFunc = ['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear', 'step-start', 'step-end', 'steps', 'cubic-bezier'];
@@ -242,4 +211,4 @@ const NAMES_COLORS = Object.seal(Object.entries(COLORS_NAMES).reduce((acc, [key,
     return acc;
 }, Object.create(null)));
 
-export { COLORS_NAMES, ColorKind, D50, NAMES_COLORS, anglePrecision, colorFuncColorSpace, colorPrecision, colorRange, colorsFunc, deprecatedSystemColors, e, funcLike, generalEnclosedFunc, k, systemColors, timelineFunc, timingFunc };
+export { COLORS_NAMES, D50, NAMES_COLORS, anglePrecision, colorFuncColorSpace, colorPrecision, colorRange, colorsFunc, deprecatedSystemColors, e, funcLike, generalEnclosedFunc, k, systemColors, timelineFunc, timingFunc };
diff --git a/dist/lib/syntax/color/utils/distance.js b/dist/lib/syntax/color/utils/distance.js
new file mode 100644
index 00000000..bb7b459d
--- /dev/null
+++ b/dist/lib/syntax/color/utils/distance.js
@@ -0,0 +1,30 @@
+import { convertColor } from '../color.js';
+import { getOKLABComponents } from '../oklab.js';
+import { ColorType } from '../../../ast/types.js';
+import '../../../ast/minify.js';
+import '../../../ast/walk.js';
+import '../../../parser/parse.js';
+import '../../../parser/tokenize.js';
+import '../../../parser/utils/config.js';
+import './constants.js';
+import '../../../renderer/sourcemap/lib/encode.js';
+
+function okLabDistance(okLab1, okLab2) {
+    return Math.sqrt(Math.pow(okLab1[0] - okLab2[0], 2) + Math.pow(okLab1[1] - okLab2[1], 2) + Math.pow(okLab1[2] - okLab2[2], 2));
+}
+function isOkLabClose(color1, color2, threshold = 2.3) {
+    color1 = convertColor(color1, ColorType.OKLAB);
+    color2 = convertColor(color2, ColorType.OKLAB);
+    // console.error(JSON.stringify({color1, color2}, null, 1));
+    if (color1 == null || color2 == null) {
+        return false;
+    }
+    const okLab1 = getOKLABComponents(color1);
+    const okLab2 = getOKLABComponents(color2);
+    if (okLab1 == null || okLab2 == null) {
+        return false;
+    }
+    return okLabDistance(okLab1, okLab2) < threshold;
+}
+
+export { isOkLabClose, okLabDistance };
diff --git a/dist/lib/syntax/syntax.js b/dist/lib/syntax/syntax.js
index e24fd527..1b0503fb 100644
--- a/dist/lib/syntax/syntax.js
+++ b/dist/lib/syntax/syntax.js
@@ -1,10 +1,10 @@
-import { EnumToken } from '../ast/types.js';
+import { EnumToken, ColorType } from '../ast/types.js';
 import '../ast/minify.js';
 import { walkValues, WalkerOptionEnum } from '../ast/walk.js';
 import '../parser/parse.js';
 import '../parser/tokenize.js';
 import '../parser/utils/config.js';
-import { COLORS_NAMES, colorsFunc, funcLike, ColorKind } from './color/utils/constants.js';
+import { COLORS_NAMES, colorsFunc, funcLike } from './color/utils/constants.js';
 import { buildExpression } from '../ast/math/expression.js';
 import '../renderer/sourcemap/lib/encode.js';
 
@@ -507,7 +507,7 @@ function isHueInterpolationMethod(token) {
     return ['shorter', 'longer', 'increasing', 'decreasing'].includes(token[0].val) && 'hue'.localeCompare(token[1].val, undefined, { sensitivity: 'base' }) == 0;
 }
 function isIdentColor(token) {
-    return token.typ == EnumToken.ColorTokenType && [ColorKind.SYS, ColorKind.DPSYS, ColorKind.LIT].includes(token.kin) && isIdent(token.val);
+    return token.typ == EnumToken.ColorTokenType && [ColorType.SYS, ColorType.DPSYS, ColorType.LIT].includes(token.kin) && isIdent(token.val);
 }
 function isPercentageToken(token) {
     return token.typ == EnumToken.PercentageTokenType || (token.typ == EnumToken.NumberTokenType && token.val == '0');
@@ -690,7 +690,7 @@ function parseColor(token) {
     // @ts-ignore
     token.typ = EnumToken.ColorTokenType;
     // @ts-ignore
-    token.kin = ColorKind[token.val.replaceAll('-', '_').toUpperCase()];
+    token.kin = ColorType[token.val.replaceAll('-', '_').toUpperCase()];
     // @ts-ignore
     if (token.chi[0].typ == EnumToken.IdenTokenType) {
         // @ts-ignore
diff --git a/dist/lib/validation/syntax.js b/dist/lib/validation/syntax.js
index fe3309de..cba5a73b 100644
--- a/dist/lib/validation/syntax.js
+++ b/dist/lib/validation/syntax.js
@@ -1,6 +1,6 @@
 import { ValidationTokenEnum } from './parser/types.js';
 import { renderSyntax } from './parser/parse.js';
-import { EnumToken, SyntaxValidationResult } from '../ast/types.js';
+import { EnumToken, SyntaxValidationResult, ColorType } from '../ast/types.js';
 import '../ast/minify.js';
 import '../ast/walk.js';
 import '../parser/parse.js';
@@ -8,7 +8,7 @@ import '../parser/tokenize.js';
 import '../parser/utils/config.js';
 import { wildCardFuncs, isIdentColor, mathFuncs } from '../syntax/syntax.js';
 import { renderToken } from '../renderer/render.js';
-import { funcLike, ColorKind, colorsFunc } from '../syntax/color/utils/constants.js';
+import { funcLike, colorsFunc } from '../syntax/color/utils/constants.js';
 import { getSyntaxConfig, getParsedSyntax, getSyntax } from './config.js';
 import './syntaxes/complex-selector.js';
 
@@ -729,10 +729,10 @@ function matchPropertyType(syntax, context, options) {
             success = token.typ == EnumToken.DashedIdenTokenType;
             break;
         case 'system-color':
-            success = (token.typ == EnumToken.ColorTokenType && token.kin == ColorKind.SYS) || (token.typ == EnumToken.IdenTokenType && token.val.localeCompare('currentcolor', 'en', { sensitivity: 'base' }) == 0) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
+            success = (token.typ == EnumToken.ColorTokenType && token.kin == ColorType.SYS) || (token.typ == EnumToken.IdenTokenType && token.val.localeCompare('currentcolor', 'en', { sensitivity: 'base' }) == 0) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
             break;
         case 'deprecated-system-color':
-            success = (token.typ == EnumToken.ColorTokenType && token.kin == ColorKind.DPSYS) || (token.typ == EnumToken.IdenTokenType && token.val.localeCompare('currentcolor', 'en', { sensitivity: 'base' }) == 0) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
+            success = (token.typ == EnumToken.ColorTokenType && token.kin == ColorType.DPSYS) || (token.typ == EnumToken.IdenTokenType && token.val.localeCompare('currentcolor', 'en', { sensitivity: 'base' }) == 0) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
             break;
         case 'color':
         case 'color-base':
@@ -748,7 +748,7 @@ function matchPropertyType(syntax, context, options) {
             }
             break;
         case 'hex-color':
-            success = (token.typ == EnumToken.ColorTokenType && token.kin == ColorKind.HEX) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
+            success = (token.typ == EnumToken.ColorTokenType && token.kin == ColorType.HEX) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
             break;
         case 'integer':
             success = (token.typ == EnumToken.NumberTokenType && Number.isInteger(+(token.val))) || (token.typ == EnumToken.FunctionTokenType && mathFuncs.includes(token.val.toLowerCase()) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val)));
diff --git a/dist/node/index.js b/dist/node/index.js
index cb33ab9f..2cee7010 100644
--- a/dist/node/index.js
+++ b/dist/node/index.js
@@ -6,6 +6,7 @@ export { expand } from '../lib/ast/expand.js';
 import { doRender } from '../lib/renderer/render.js';
 export { renderToken } from '../lib/renderer/render.js';
 import '../lib/syntax/color/utils/constants.js';
+export { isOkLabClose, okLabDistance } from '../lib/syntax/color/utils/distance.js';
 import { doParse } from '../lib/parser/parse.js';
 export { parseString, parseTokens } from '../lib/parser/parse.js';
 import '../lib/parser/tokenize.js';
diff --git a/dist/web/index.js b/dist/web/index.js
index 4b67fcc5..f8a39931 100644
--- a/dist/web/index.js
+++ b/dist/web/index.js
@@ -5,6 +5,7 @@ export { expand } from '../lib/ast/expand.js';
 import { doRender } from '../lib/renderer/render.js';
 export { renderToken } from '../lib/renderer/render.js';
 import '../lib/syntax/color/utils/constants.js';
+export { isOkLabClose, okLabDistance } from '../lib/syntax/color/utils/distance.js';
 import { doParse } from '../lib/parser/parse.js';
 export { parseString, parseTokens } from '../lib/parser/parse.js';
 import '../lib/parser/tokenize.js';
diff --git a/src/@types/token.d.ts b/src/@types/token.d.ts
index 4329e16e..a7082e9d 100644
--- a/src/@types/token.d.ts
+++ b/src/@types/token.d.ts
@@ -1,6 +1,5 @@
 import type {AstDeclaration, BaseToken} from "./ast.d.ts";
-import {EnumToken} from "../lib/index.ts";
-import {ColorKind} from "../lib/syntax/color/utils/index.ts";
+import {ColorType, EnumToken} from "../lib/index.ts";
 
 export declare interface LiteralToken extends BaseToken {
 
@@ -380,7 +379,7 @@ export declare interface ColorToken extends BaseToken {
 
     typ: EnumToken.ColorTokenType;
     val: string;
-    kin: ColorKind;
+    kin: ColorType;
     chi?: Token[];
     /* calculated */
     cal?: 'rel' | 'mix';
diff --git a/src/lib/ast/types.ts b/src/lib/ast/types.ts
index 08f48b42..c219e404 100644
--- a/src/lib/ast/types.ts
+++ b/src/lib/ast/types.ts
@@ -4,92 +4,6 @@ export enum SyntaxValidationResult {
     Lenient/* preserve unknown at-rules, declarations and pseudo-classes */
 }
 
-/**
- * color types enum
- */
-export enum ColorType {
-    /**
-     * convert color to hex
-     */
-    HEX,
-    /**
-     * convert color to rgb
-     */
-    RGBA,
-    /**
-     * convert color to hwb
-     */
-    HWB,
-    /**
-     * convert color to hsl
-     */
-    HSLA,
-    /**
-     * convert color to cmyk
-     */
-    DEVICE_CMYK,
-    /**
-     * convert color to lch
-     */
-    LCH,
-    /**
-     * convert color to oklch
-     */
-    OKLCH,
-    /**
-     * convert color to lab
-     */
-    LAB,
-    /**
-     * convert color to oklab
-     */
-    OKLAB,
-    /**
-     * convert color to xyz
-     */
-    XYZ_D65,
-    /**
-     * convert color to xyz-d50
-     */
-    XYZ_D50,
-    /**
-     * convert color to srgb
-     */
-    SRGB,
-    /**
-     * convert color to srgb-linear
-     */
-    SRGB_LINEAR,
-    /**
-     * convert color to display-p3
-     */
-    DISPLAY_P3,
-    /**
-     * convert color to a98-rgb
-     */
-    A98_RGB,
-    /**
-     * convert color to prophoto-rgb
-     */
-    PROPHOTO_RGB,
-    /**
-     * convert color to rec2020
-     */
-    REC2020,
-    /**
-     * alias for hsl
-     */
-    HSL = HSLA,
-    /**
-     * alias for rgba
-     */
-    RGB = RGBA,
-    /**
-     * alias for xyz-d65
-     */
-    XYZ = XYZ_D65
-}
-
 /**
  * validation level enum
  */
@@ -242,3 +156,34 @@ export enum EnumToken {
     TimelineFunction = TimelineFunctionTokenType,
 }
 
+// xyz-d65 is an alias for xyz
+export enum ColorType {
+
+    SYS,
+    DPSYS,
+    LIT,
+    HEX,
+    RGBA,
+    HSLA,
+    HWB,
+    CMYK,
+    OKLAB,
+    OKLCH,
+    LAB,
+    LCH,
+    COLOR,
+    SRGB,
+    PROPHOTO_RGB,
+    A98_RGB,
+    REC2020,
+    DISPLAY_P3,
+    SRGB_LINEAR,
+    XYZ_D50,
+    XYZ_D65,
+    LIGHT_DARK,
+    COLOR_MIX,
+    RGB = RGBA,
+    HSL = HSLA,
+    XYZ = XYZ_D65,
+    DEVICE_CMYK= CMYK
+}
\ No newline at end of file
diff --git a/src/lib/index.ts b/src/lib/index.ts
index 62d93adc..87531867 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -1,4 +1,6 @@
 export * from './ast/index.ts';
 export * from './renderer/index.ts';
 export * from './parser/index.ts';
-export * from './validation/index.ts';
\ No newline at end of file
+export * from './validation/index.ts';
+
+export {isOkLabClose, okLabDistance} from "./syntax/color/utils/distance.ts";
\ No newline at end of file
diff --git a/src/lib/parser/parse.ts b/src/lib/parser/parse.ts
index 86f038db..8abd7618 100644
--- a/src/lib/parser/parse.ts
+++ b/src/lib/parser/parse.ts
@@ -22,6 +22,7 @@ import {parseDeclarationNode} from './utils/index.ts';
 import {colorsFunc, renderToken} from "../renderer/index.ts";
 import {COLORS_NAMES} from "../syntax/color/index.ts";
 import {
+    ColorType,
     combinators,
     definedPropertySettings,
     EnumToken,
@@ -108,14 +109,7 @@ import type {
     UrlToken,
     WhitespaceToken
 } from "../../@types/index.d.ts";
-import {
-    ColorKind,
-    deprecatedSystemColors,
-    funcLike,
-    systemColors,
-    timelineFunc,
-    timingFunc
-} from "../syntax/color/utils/index.ts";
+import {deprecatedSystemColors, funcLike, systemColors, timelineFunc, timingFunc} from "../syntax/color/utils/index.ts";
 import {validateAtRule, validateSelector} from "../validation/index.ts";
 import type {ValidationResult, ValidationSyntaxResult} from "../../@types/validation.d.ts";
 import {validateAtRuleKeyframes} from "../validation/at-rules/index.ts";
@@ -1038,7 +1032,7 @@ function parseNode(results: TokenizeResult[], context: AstRuleList | AstInvalidR
 
                     name = tokens.slice(0, i + 1);
 
-                } else if (name == null && tokens[i].typ == EnumToken.ColorTokenType && [ColorKind.SYS, ColorKind.DPSYS].includes((<ColorToken>tokens[i]).kin)) {
+                } else if (name == null && tokens[i].typ == EnumToken.ColorTokenType && [ColorType.SYS, ColorType.DPSYS].includes((<ColorToken>tokens[i]).kin)) {
 
                     name = tokens.slice(0, i + 1);
                     tokens[i].typ = EnumToken.IdenTokenType;
@@ -1457,7 +1451,7 @@ export function parseAtRulePrelude(tokens: Token[], atRule: AtRuleToken | AstAtR
 
                     // 'background'
                     // @ts-ignore
-                    if (node.typ == EnumToken.ColorTokenType && (node as ColorToken).kin == ColorKind.DPSYS) {
+                    if (node.typ == EnumToken.ColorTokenType && (node as ColorToken).kin == ColorType.DPSYS) {
 
                         // @ts-ignore
                         delete node.kin;
@@ -1616,9 +1610,9 @@ export function parseSelector(tokens: Token[]): Token[] {
 
             } else if (value.typ == EnumToken.ColorTokenType) {
 
-                if ((value as ColorToken).kin == ColorKind.LIT || (value as ColorToken).kin == ColorKind.HEX || (value as ColorToken).kin == ColorKind.SYS || (value as ColorToken).kin == ColorKind.DPSYS) {
+                if ((value as ColorToken).kin == ColorType.LIT || (value as ColorToken).kin == ColorType.HEX || (value as ColorToken).kin == ColorType.SYS || (value as ColorToken).kin == ColorType.DPSYS) {
 
-                    if ((value as ColorToken).kin == ColorKind.HEX) {
+                    if ((value as ColorToken).kin == ColorType.HEX) {
 
                         if (!isIdent((value as ColorToken).val.slice(1))) {
 
@@ -1841,7 +1835,7 @@ export function getTokenType(val: string, hint?: EnumToken): Token {
         return <ColorToken>{
             typ: EnumToken.ColorTokenType,
             val: v,
-            kin: ColorKind.LIT
+            kin: ColorType.LIT
         };
     }
 
@@ -1851,7 +1845,7 @@ export function getTokenType(val: string, hint?: EnumToken): Token {
             return <ColorToken>{
                 typ: EnumToken.ColorTokenType,
                 val,
-                kin: ColorKind.SYS
+                kin: ColorType.SYS
             };
         }
 
@@ -1859,7 +1853,7 @@ export function getTokenType(val: string, hint?: EnumToken): Token {
             return <ColorToken>{
                 typ: EnumToken.ColorTokenType,
                 val,
-                kin: ColorKind.DPSYS
+                kin: ColorType.DPSYS
             };
         }
 
@@ -1875,7 +1869,7 @@ export function getTokenType(val: string, hint?: EnumToken): Token {
         return <ColorToken>{
             typ: EnumToken.ColorTokenType,
             val,
-            kin: ColorKind.HEX
+            kin: ColorType.HEX
         };
     }
 
diff --git a/src/lib/renderer/render.ts b/src/lib/renderer/render.ts
index f35524b0..24986a17 100644
--- a/src/lib/renderer/render.ts
+++ b/src/lib/renderer/render.ts
@@ -46,7 +46,7 @@ import type {
 import {convertColor, getAngle} from "../syntax/color/index.ts";
 import {ColorType, EnumToken, expand} from "../ast/index.ts";
 import {SourceMap} from "./sourcemap/index.ts";
-import {ColorKind, colorsFunc, funcLike} from "../syntax/color/utils/index.ts";
+import {colorsFunc, funcLike} from "../syntax/color/utils/index.ts";
 import {isColor, isNewLine, mathFuncs, minifyNumber, pseudoElements} from "../syntax/index.ts";
 
 function update(position: Position, str: string) {
@@ -497,7 +497,7 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
 
         case EnumToken.ColorTokenType:
 
-            if ((token as ColorToken).kin == ColorKind.LIGHT_DARK || ('chi' in token && options.convertColor === false)) {
+            if ((token as ColorToken).kin == ColorType.LIGHT_DARK || ('chi' in token && options.convertColor === false)) {
 
                 return (token as ColorToken).val + '(' + ((token as ColorToken).chi as Token[]).reduce((acc: string, curr: Token) => acc + renderToken(curr, options, cache), '') + ')';
             }
@@ -505,7 +505,7 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
             if (options.convertColor !== false) {
 
                 // console.error([typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[(ColorType[options.convertColor] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorKind] ?? ColorKind.HEX])
-                const value = convertColor(token, typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[(ColorType[options.convertColor ?? 'HEX'] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorKind] ?? ColorKind.HEX);
+                const value = convertColor(token, typeof options.convertColor == 'boolean' ? ColorType.HEX : ColorType[(ColorType[options.convertColor ?? 'HEX'] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorType] ?? ColorType.HEX);
 
                 //
                 if (value != null) {
@@ -706,7 +706,7 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
                 //     }
             }
 
-            if ([ColorKind.HEX, ColorKind.LIT, ColorKind.SYS, ColorKind.DPSYS].includes((token as ColorToken).kin)) {
+            if ([ColorType.HEX, ColorType.LIT, ColorType.SYS, ColorType.DPSYS].includes((token as ColorToken).kin)) {
 
                 return (token as ColorToken).val;
             }
diff --git a/src/lib/syntax/color/cmyk.ts b/src/lib/syntax/color/cmyk.ts
index 51083936..99849d33 100644
--- a/src/lib/syntax/color/cmyk.ts
+++ b/src/lib/syntax/color/cmyk.ts
@@ -1,6 +1,5 @@
 import type {ColorToken, Token} from "../../../@types/token.d.ts";
-import {ColorKind} from "./utils/index.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
 import {color2srgbvalues} from "./color.ts";
 import {
     hwb2srgbvalues,
@@ -135,6 +134,6 @@ function cmyktoken(values: number[]): ColorToken {
             typ: EnumToken.LiteralTokenType,
             val: '/'
         } as Token, {typ: EnumToken.PercentageTokenType, val: (curr * 100).toFixed()} as Token], [] as Token[]) as Token[],
-        kin: ColorKind.DEVICE_CMYK
+        kin: ColorType.DEVICE_CMYK
     }
 }
diff --git a/src/lib/syntax/color/color-mix.ts b/src/lib/syntax/color/color-mix.ts
index f3c6c08a..d431f71a 100644
--- a/src/lib/syntax/color/color-mix.ts
+++ b/src/lib/syntax/color/color-mix.ts
@@ -1,5 +1,5 @@
 import type {ColorToken, IdentToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
 import {getNumber} from "./color.ts";
 import {srgb2lsrgbvalues, srgbvalues} from "./srgb.ts";
 import {srgb2lch, xyz2lchvalues} from "./lch.ts";
@@ -8,7 +8,7 @@ import {srgb2hslvalues} from "./hsl.ts";
 import {srgb2hwb} from "./hwb.ts";
 import {srgb2labvalues} from "./lab.ts";
 import {srgb2p3values} from "./p3.ts";
-import {ColorKind, getComponents} from "./utils/index.ts";
+import {getComponents} from "./utils/index.ts";
 import {srgb2oklch} from "./oklch.ts";
 import {srgb2oklab} from "./oklab.ts";
 import {srgb2prophotorgbvalues} from "./prophotorgb.ts";
@@ -307,8 +307,8 @@ export function colorMix(colorSpace: IdentToken, hueInterpolationMethod: IdentTo
     }
 
     const lchSpaces: string[] = ['lch', 'oklch'];
-    const colorSpace1 = ColorKind[color1.kin].toLowerCase().replaceAll('_', '-');
-    const colorSpace2 = ColorKind[color2.kin].toLowerCase().replaceAll('_', '-');
+    const colorSpace1 = ColorType[color1.kin].toLowerCase().replaceAll('_', '-');
+    const colorSpace2 = ColorType[color2.kin].toLowerCase().replaceAll('_', '-');
 
 
     // powerless
@@ -375,7 +375,7 @@ export function colorMix(colorSpace: IdentToken, hueInterpolationMethod: IdentTo
                         val: String(v)
                     }
                 }),
-                kin: ColorKind.LCH
+                kin: ColorType.LCH
             };
 
         case 'srgb':
@@ -388,7 +388,7 @@ export function colorMix(colorSpace: IdentToken, hueInterpolationMethod: IdentTo
                 typ: EnumToken.ColorTokenType,
                 val: 'color',
                 chi: calculate(),
-                kin: ColorKind.COLOR,
+                kin: ColorType.COLOR,
                 cal: 'col'
             } as ColorToken;
 
@@ -438,7 +438,7 @@ export function colorMix(colorSpace: IdentToken, hueInterpolationMethod: IdentTo
                 typ: EnumToken.ColorTokenType,
                 val: colorSpace.val,
                 chi: calculate().slice(1),
-                kin: ColorKind[colorSpace.val.toUpperCase().replaceAll('-', '_') as keyof typeof ColorKind]
+                kin: ColorType[colorSpace.val.toUpperCase().replaceAll('-', '_') as keyof typeof ColorType]
             };
 
             if (colorSpace.val == 'hsl' || colorSpace.val == 'hwb') {
diff --git a/src/lib/syntax/color/color.ts b/src/lib/syntax/color/color.ts
index 99cd4b42..bca19fcc 100644
--- a/src/lib/syntax/color/color.ts
+++ b/src/lib/syntax/color/color.ts
@@ -1,5 +1,5 @@
 import type {AngleToken, ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
 import {
     cmyk2RgbToken,
     cmyk2rgbvalues,
@@ -67,6 +67,7 @@ import {
     rgb2oklabToken
 } from "./oklab.ts";
 import {
+    cmyk2oklchToken,
     color2oklchToken,
     hex2oklchToken,
     hsl2oklchToken,
@@ -76,7 +77,7 @@ import {
     oklab2oklchToken,
     rgb2oklchToken,
 } from "./oklch.ts";
-import {anglePrecision, colorFuncColorSpace, ColorKind, colorPrecision, getComponents} from "./utils/index.ts";
+import {anglePrecision, colorFuncColorSpace, colorPrecision, getComponents} from "./utils/index.ts";
 import {
     hex2srgbvalues,
     hsl2srgb,
@@ -123,10 +124,10 @@ import {
 } from "./cmyk.ts";
 import {a98rgb2srgbvalues, srgb2a98values} from "./a98rgb.ts";
 
-export function convertColor(token: ColorToken, to: ColorKind): ColorToken | null {
+export function convertColor(token: ColorToken, to: ColorType): ColorToken | null {
 
-    if (token.kin == ColorKind.SYS ||
-        token.kin == ColorKind.DPSYS ||
+    if (token.kin == ColorType.SYS ||
+        token.kin == ColorType.DPSYS ||
         (isIdentColor(token) &&
             ('currentcolor'.localeCompare(token.val, undefined, {sensitivity: 'base'}) == 0))
     ) {
@@ -134,7 +135,7 @@ export function convertColor(token: ColorToken, to: ColorKind): ColorToken | nul
         return token
     }
 
-    if (token.kin == ColorKind.COLOR_MIX && to != ColorKind.COLOR_MIX) {
+    if (token.kin == ColorType.COLOR_MIX && to != ColorType.COLOR_MIX) {
 
         const children: Token[][] = (<Token[]>(token as ColorToken).chi).reduce((acc: Token[][], t: Token) => {
 
@@ -185,480 +186,479 @@ export function convertColor(token: ColorToken, to: ColorKind): ColorToken | nul
 
     if (token.kin == to) {
 
-        if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
+        if (token.kin == ColorType.HEX || token.kin == ColorType.LIT) {
 
             token.val = reduceHexValue(token.val);
-            token.kin = token.val[0] == '#' ? ColorKind.HEX : ColorKind.LIT;
+            token.kin = token.val[0] == '#' ? ColorType.HEX : ColorType.LIT;
         }
 
         return token;
     }
 
-    if (token.kin == ColorKind.COLOR) {
+    if (token.kin == ColorType.COLOR) {
 
         const colorSpace: IdentToken = <IdentToken>(<Token[]>token.chi).find(t => ![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ));
 
-        if (colorSpace.val == ColorKind[to].toLowerCase().replaceAll('_', '-')) {
+        if (colorSpace.val == ColorType[to].toLowerCase().replaceAll('_', '-')) {
 
             return token;
         }
     }
 
-    if (to == ColorKind.HSL) {
-
+    if (to == ColorType.HSL) {
 
         switch (token.kin) {
 
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
 
                 return rgb2HslToken(token);
 
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
 
                 return hex2HslToken(token);
 
-            case ColorKind.HWB:
+            case ColorType.HWB:
 
                 return hwb2HslToken(token);
 
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
 
                 return cmyk2HslToken(token);
 
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
 
                 return oklab2HslToken(token);
 
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
 
                 return oklch2HslToken(token);
 
-            case ColorKind.LAB:
+            case ColorType.LAB:
 
                 return lab2HslToken(token);
 
-            case ColorKind.LCH:
+            case ColorType.LCH:
 
                 return lch2HslToken(token);
 
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
 
                 return color2HslToken(token);
         }
 
-    } else if (to == ColorKind.HWB) {
+    } else if (to == ColorType.HWB) {
 
         switch (token.kin) {
 
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
 
                 return rgb2hwbToken(token);
 
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
 
                 // @ts-ignore
                 return rgb2hwbToken(token);
 
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case ColorType.HSL:
+            case ColorType.HSLA:
 
                 return hsl2hwbToken(token);
 
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
 
                 return oklab2hwbToken(token);
 
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
 
                 return oklch2hwbToken(token);
 
-            case ColorKind.LAB:
+            case ColorType.LAB:
 
                 return lab2hwbToken(token);
 
-            case ColorKind.LCH:
+            case ColorType.LCH:
 
                 return lch2hwbToken(token);
 
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
 
                 return cmyk2hwbToken(token);
 
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
 
                 return color2hwbToken(token);
         }
 
-    } else if (to == ColorKind.DEVICE_CMYK) {
+    } else if (to == ColorType.DEVICE_CMYK) {
 
         switch (token.kin) {
 
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
 
                 return rgb2cmykToken(token);
 
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
 
                 return rgb2cmykToken(token);
 
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case ColorType.HSL:
+            case ColorType.HSLA:
 
                 return hsl2cmykToken(token);
 
-            case ColorKind.HWB:
+            case ColorType.HWB:
 
                 return hwb2cmykToken(token);
 
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
 
                 return oklab2cmyk(token);
 
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
 
                 return oklch2cmykToken(token);
 
-            case ColorKind.LAB:
+            case ColorType.LAB:
 
                 return lab2cmykToken(token);
             //
-            case ColorKind.LCH:
+            case ColorType.LCH:
 
                 return lch2cmykToken(token);
 
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
 
                 return color2cmykToken(token);
 
         }
-    } else if (to == ColorKind.HEX || to == ColorKind.LIT) {
+    } else if (to == ColorType.HEX || to == ColorType.LIT) {
         switch (token.kin) {
 
-            case ColorKind.HEX:
-            case ColorKind.LIT: {
+            case ColorType.HEX:
+            case ColorType.LIT: {
 
                 const val = reduceHexValue(token.val);
 
                 return {
                     typ: EnumToken.ColorTokenType,
                     val,
-                    kin: val[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+                    kin: val[0] == '#' ? ColorType.HEX : ColorType.LIT
                 }
             }
 
-            case ColorKind.HSL:
+            case ColorType.HSL:
 
                 return hsl2HexToken(token);
 
-            case ColorKind.HWB:
+            case ColorType.HWB:
 
                 return hwb2HexToken(token);
 
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
 
                 return cmyk2HexToken(token);
 
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
 
                 return oklab2HexToken(token);
 
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
 
                 return oklch2HexToken(token);
 
-            case ColorKind.LAB:
+            case ColorType.LAB:
 
                 return lab2HexToken(token);
 
-            case ColorKind.LCH:
+            case ColorType.LCH:
 
                 return lch2HexToken(token);
 
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
 
                 return color2HexToken(token);
 
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
 
                 return rgb2HexToken(token);
         }
 
-    } else if (to == ColorKind.RGB) {
+    } else if (to == ColorType.RGB) {
         switch (token.kin) {
 
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
 
                 return hex2RgbToken(token);
 
-            case ColorKind.HSL:
+            case ColorType.HSL:
 
                 return hsl2RgbToken(token);
 
-            case ColorKind.HWB:
+            case ColorType.HWB:
 
                 return hwb2RgbToken(token);
 
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
 
                 return cmyk2RgbToken(token);
 
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
 
                 return oklab2RgbToken(token);
 
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
 
                 return oklch2RgbToken(token);
 
-            case ColorKind.LAB:
+            case ColorType.LAB:
 
                 return lab2RgbToken(token);
 
-            case ColorKind.LCH:
+            case ColorType.LCH:
 
                 return lch2RgbToken(token);
 
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
 
                 return color2RgbToken(token);
         }
 
-    } else if (to == ColorKind.LAB) {
+    } else if (to == ColorType.LAB) {
 
         switch (token.kin) {
 
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
 
                 return hex2labToken(token);
 
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
 
                 return rgb2labToken(token);
 
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case ColorType.HSL:
+            case ColorType.HSLA:
 
                 return hsl2labToken(token);
 
-            case ColorKind.HWB:
+            case ColorType.HWB:
 
                 return hwb2labToken(token);
 
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
 
                 return cmyk2labToken(token);
 
-            case ColorKind.LCH:
+            case ColorType.LCH:
 
                 return lch2labToken(token);
 
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
 
                 return oklab2labToken(token);
 
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
 
                 return oklch2labToken(token);
 
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
 
                 return color2labToken(token);
         }
 
-    } else if (to == ColorKind.LCH) {
+    } else if (to == ColorType.LCH) {
 
         switch (token.kin) {
 
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
                 return hex2lchToken(token);
 
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
 
                 return rgb2lchToken(token);
 
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case ColorType.HSL:
+            case ColorType.HSLA:
 
                 return hsl2lchToken(token);
 
-            case ColorKind.HWB:
+            case ColorType.HWB:
 
                 return hwb2lchToken(token);
 
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
 
                 return cmyk2lchToken(token);
 
-            case ColorKind.LAB:
+            case ColorType.LAB:
 
                 return lab2lchToken(token);
 
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
 
                 return oklab2lchToken(token);
 
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
 
                 return oklch2lchToken(token);
 
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
 
                 return color2lchToken(token);
         }
 
-    } else if (to == ColorKind.OKLAB) {
+    } else if (to == ColorType.OKLAB) {
 
         switch (token.kin) {
 
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
 
                 return hex2oklabToken(token);
 
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
 
                 return rgb2oklabToken(token);
 
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case ColorType.HSL:
+            case ColorType.HSLA:
 
                 return hsl2oklabToken(token);
 
-            case ColorKind.HWB:
+            case ColorType.HWB:
 
                 return hwb2oklabToken(token);
 
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
 
                 return cmyk2oklabToken(token);
 
-            case ColorKind.LAB:
+            case ColorType.LAB:
 
                 return lab2oklabToken(token);
 
-            case ColorKind.LCH:
+            case ColorType.LCH:
 
                 return lch2oklabToken(token);
 
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
 
                 return oklch2oklabToken(token);
 
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
 
                 return color2oklabToken(token);
         }
 
-    } else if (to == ColorKind.OKLCH) {
+    } else if (to == ColorType.OKLCH) {
 
         switch (token.kin) {
 
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
 
                 return hex2oklchToken(token);
 
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
 
                 return rgb2oklchToken(token);
 
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case ColorType.HSL:
+            case ColorType.HSLA:
 
                 return hsl2oklchToken(token);
 
-            case ColorKind.HWB:
+            case ColorType.HWB:
 
                 return hwb2oklchToken(token);
 
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
 
-                return oklab2oklchToken(token);
+                return cmyk2oklchToken(token);
 
-            case ColorKind.LAB:
+            case ColorType.LAB:
 
                 return lab2oklchToken(token);
 
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
 
                 return oklab2oklchToken(token);
 
-            case ColorKind.LCH:
+            case ColorType.LCH:
 
                 return lch2oklchToken(token);
 
-            case ColorKind.COLOR:
+            case ColorType.COLOR:
 
                 return color2oklchToken(token);
         }
 
-    } else if (colorFuncColorSpace.includes((ColorKind[to].toLowerCase().replaceAll('_', '-') as string).toLowerCase().replaceAll('_', '-'))) {
+    } else if (colorFuncColorSpace.includes((ColorType[to].toLowerCase().replaceAll('_', '-') as string).toLowerCase().replaceAll('_', '-'))) {
 
-        console.error(ColorKind[token.kin]);
+        console.error(ColorType[token.kin]);
 
         switch (token.kin) {
 
-            case ColorKind.HEX:
-            case ColorKind.LIT:
+            case ColorType.HEX:
+            case ColorType.LIT:
 
                 return hex2colorToken(token, to);
 
-            case ColorKind.RGB:
-            case ColorKind.RGBA:
+            case ColorType.RGB:
+            case ColorType.RGBA:
 
                 return rgb2colorToken(token, to);
 
-            case ColorKind.HSL:
-            case ColorKind.HSLA:
+            case ColorType.HSL:
+            case ColorType.HSLA:
 
                 return hsl2colorToken(token, to);
 
-            case ColorKind.HWB:
+            case ColorType.HWB:
 
                 return hwb2colorToken(token, to);
 
-            case ColorKind.DEVICE_CMYK:
+            case ColorType.DEVICE_CMYK:
 
                 return cmyk2colorToken(token, to);
 
-            case ColorKind.LAB:
+            case ColorType.LAB:
 
                 return lab2colorToken(token, to);
-            case ColorKind.OKLAB:
+            case ColorType.OKLAB:
 
                 return oklab2colorToken(token, to);
 
-            case ColorKind.LCH:
+            case ColorType.LCH:
 
                 return lch2colorToken(token, to);
 
-            case ColorKind.OKLCH:
+            case ColorType.OKLCH:
 
                 return oklch2colorToken(token, to);
 
-            case ColorKind.COLOR:
-            case ColorKind.XYZ:
-            case ColorKind.SRGB:
-            case ColorKind.REC2020:
-            case ColorKind.XYZ_D50:
-            case ColorKind.A98_RGB:
-            case ColorKind.DISPLAY_P3:
-            case ColorKind.SRGB_LINEAR:
-            case ColorKind.PROPHOTO_RGB:
+            case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
 
                 return color2colorToken(token, to);
         }
@@ -667,7 +667,7 @@ export function convertColor(token: ColorToken, to: ColorKind): ColorToken | nul
     return null;
 }
 
-export function hex2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
+export function hex2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
 
     const values: number[] = hex2srgbvalues(token);
 
@@ -678,7 +678,7 @@ export function hex2colorToken(token: ColorToken, to: ColorKind): ColorToken | n
     return values2colortoken(values, to);
 }
 
-export function rgb2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
+export function rgb2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
 
     const values: number[] | null = rgb2srgb(token);
 
@@ -689,7 +689,7 @@ export function rgb2colorToken(token: ColorToken, to: ColorKind): ColorToken | n
     return values2colortoken(values, to);
 }
 
-export function hsl2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
+export function hsl2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
 
     const values: number[] | null = hsl2srgb(token);
 
@@ -700,7 +700,7 @@ export function hsl2colorToken(token: ColorToken, to: ColorKind): ColorToken | n
     return values2colortoken(values, to);
 }
 
-export function hwb2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
+export function hwb2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
 
     const values: number[] | null = hwb2srgbvalues(token);
 
@@ -711,7 +711,7 @@ export function hwb2colorToken(token: ColorToken, to: ColorKind): ColorToken | n
     return values2colortoken(values, to);
 }
 
-export function cmyk2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
+export function cmyk2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
 
     const values: number[] | null = cmyk2rgbvalues(token);
 
@@ -722,7 +722,7 @@ export function cmyk2colorToken(token: ColorToken, to: ColorKind): ColorToken |
     return values2colortoken(values, to);
 }
 
-export function lab2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
+export function lab2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
 
     const values: number[] | null = lab2srgbvalues(token);
 
@@ -733,7 +733,7 @@ export function lab2colorToken(token: ColorToken, to: ColorKind): ColorToken | n
     return values2colortoken(values, to);
 }
 
-export function oklab2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
+export function oklab2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
 
     const values: number[] | null = oklab2srgbvalues(token);
 
@@ -744,7 +744,7 @@ export function oklab2colorToken(token: ColorToken, to: ColorKind): ColorToken |
     return values2colortoken(values, to);
 }
 
-export function lch2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
+export function lch2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
 
     const values: number[] | null = lch2srgbvalues(token);
 
@@ -755,7 +755,7 @@ export function lch2colorToken(token: ColorToken, to: ColorKind): ColorToken | n
     return values2colortoken(values, to);
 }
 
-export function oklch2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
+export function oklch2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
 
     const values: number[] | null = oklch2srgbvalues(token);
 
@@ -766,7 +766,7 @@ export function oklch2colorToken(token: ColorToken, to: ColorKind): ColorToken |
     return values2colortoken(values, to);
 }
 
-export function color2colorToken(token: ColorToken, to: ColorKind): ColorToken | null {
+export function color2colorToken(token: ColorToken, to: ColorType): ColorToken | null {
 
     const values: number[] | null = color2srgbvalues(token);
 
@@ -779,51 +779,51 @@ export function color2colorToken(token: ColorToken, to: ColorKind): ColorToken |
     return values2colortoken(values, to);
 }
 
-function srgb2srgbcolorspace(val: number[], to: ColorKind): number[] {
+function srgb2srgbcolorspace(val: number[], to: ColorType): number[] {
 
     const values: number[] = [];
 
     switch (to) {
 
-        case ColorKind.SRGB:
+        case ColorType.SRGB:
 
             values.push(...val);
             break;
-        case ColorKind.SRGB_LINEAR:
+        case ColorType.SRGB_LINEAR:
 
             // @ts-ignore
             values.push(...srgb2lsrgbvalues(...val));
             break;
-        case ColorKind.DISPLAY_P3:
+        case ColorType.DISPLAY_P3:
 
             // @ts-ignore
             values.push(...srgb2p3values(...val));
             break;
-        case ColorKind.PROPHOTO_RGB:
+        case ColorType.PROPHOTO_RGB:
 
             // @ts-ignore
             values.push(...srgb2prophotorgbvalues(...val));
             break;
-        case ColorKind.A98_RGB:
+        case ColorType.A98_RGB:
 
             // @ts-ignore
             values.push(...srgb2a98values(...val));
             break;
 
-        case ColorKind.REC2020:
+        case ColorType.REC2020:
 
             // @ts-ignore
             values.push(...srgb2rec2020values(...val));
             break;
 
-        case ColorKind.XYZ:
-        case ColorKind.XYZ_D65:
+        case ColorType.XYZ:
+        case ColorType.XYZ_D65:
 
             // @ts-ignore
             values.push(...srgb2xyz(...val));
             break;
 
-        case ColorKind.XYZ_D50:
+        case ColorType.XYZ_D50:
 
             // @ts-ignore
             values.push(...srgb2xyz_d50(...val));
@@ -901,7 +901,7 @@ export function color2srgbvalues(token: ColorToken): number[] | null {
 }
 
 
-function values2colortoken(values: number[], to: ColorKind): ColorToken {
+function values2colortoken(values: number[], to: ColorType): ColorToken {
 
     // console.error({srgb2: values});
 
@@ -921,13 +921,13 @@ function values2colortoken(values: number[], to: ColorKind): ColorToken {
         chi.push({typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed()});
     }
 
-    const colorSpace: string = ColorKind[to].toLowerCase().replaceAll('_', '-');
+    const colorSpace: string = ColorType[to].toLowerCase().replaceAll('_', '-');
 
     return colorFuncColorSpace.includes(colorSpace) ? <ColorToken>{
         typ: EnumToken.ColorTokenType,
         val: 'color',
         chi: [<Token>{typ: EnumToken.IdenTokenType, val: colorSpace}].concat(chi),
-        kin: ColorKind.COLOR
+        kin: ColorType.COLOR
     } : <ColorToken>{
         typ: EnumToken.ColorTokenType,
         val: colorSpace,
@@ -942,7 +942,7 @@ function values2colortoken(values: number[], to: ColorKind): ColorToken {
  */
 export function clamp(token: ColorToken): ColorToken {
 
-    if (token.kin == ColorKind.RGB) {
+    if (token.kin == ColorType.RGB) {
 
         (<Token[]>token.chi).filter((token: Token) => ![EnumToken.LiteralTokenType, EnumToken.CommaTokenType, EnumToken.WhitespaceTokenType].includes(token.typ)).forEach((token: Token, index: number) => {
 
diff --git a/src/lib/syntax/color/hex.ts b/src/lib/syntax/color/hex.ts
index 43c8b124..8bdbd125 100644
--- a/src/lib/syntax/color/hex.ts
+++ b/src/lib/syntax/color/hex.ts
@@ -1,8 +1,8 @@
 import type {ColorToken, NumberToken, PercentageToken} from "../../../@types/index.d.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
 import {color2srgbvalues, getNumber} from "./color.ts";
 import {cmyk2rgbvalues, hsl2rgbvalues, hwb2rgbvalues, srgb2rgb} from "./rgb.ts";
-import {ColorKind, COLORS_NAMES, getComponents, NAMES_COLORS} from "./utils/index.ts";
+import {COLORS_NAMES, getComponents, NAMES_COLORS} from "./utils/index.ts";
 import {lab2srgbvalues, lch2srgbvalues, oklab2srgbvalues, oklch2srgbvalues} from "./srgb.ts";
 
 function toHexString(acc: string, value: number): string {
@@ -163,7 +163,7 @@ export function lch2HexToken(token: ColorToken): ColorToken | null {
     return {
         typ: EnumToken.ColorTokenType,
         val: value,
-        kin: value[0] == '#' ? ColorKind.HEX : ColorKind.LIT
+        kin: value[0] == '#' ? ColorType.HEX : ColorType.LIT
     } as ColorToken;
 }
 
diff --git a/src/lib/syntax/color/hsl.ts b/src/lib/syntax/color/hsl.ts
index 747f05da..58682543 100644
--- a/src/lib/syntax/color/hsl.ts
+++ b/src/lib/syntax/color/hsl.ts
@@ -2,9 +2,9 @@ import {hwb2hsv} from "./hsv.ts";
 import type {ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
 import {color2srgbvalues, getNumber, toPrecisionAngle} from "./color.ts";
 import {cmyk2rgbvalues, lab2rgbvalues, lch2rgbvalues} from "./rgb.ts";
-import {ColorKind, getComponents} from "./utils/index.ts";
+import {getComponents} from "./utils/index.ts";
 import {hex2srgbvalues, hslvalues, oklab2srgbvalues, oklch2srgbvalues} from './srgb.ts';
-import {EnumToken} from "../../ast/index.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
 
 export function hex2HslToken(token: ColorToken): ColorToken | null {
 
@@ -121,7 +121,7 @@ function hslToken(values: number[]): ColorToken {
         typ: EnumToken.ColorTokenType,
         val: 'hsl',
         chi,
-        kin: ColorKind.HSL
+        kin: ColorType.HSL
     }
 }
 
diff --git a/src/lib/syntax/color/hwb.ts b/src/lib/syntax/color/hwb.ts
index 66f5f74a..b906b3a2 100644
--- a/src/lib/syntax/color/hwb.ts
+++ b/src/lib/syntax/color/hwb.ts
@@ -1,8 +1,8 @@
 import {hsl2hsv} from "./hsv.ts";
 import type {AngleToken, ColorToken, IdentToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {ColorKind, getComponents} from "./utils/index.ts";
+import {getComponents} from "./utils/index.ts";
 import {color2srgbvalues, getAngle, getNumber, toPrecisionAngle} from "./color.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
 import {cmyk2srgbvalues, lab2srgbvalues, lch2srgbvalues, oklab2srgbvalues, oklch2srgbvalues} from "./srgb.ts";
 
 export function rgb2hwbToken(token: ColorToken): ColorToken | null {
@@ -113,7 +113,7 @@ export function hwbToken(values: number[]): ColorToken {
         typ: EnumToken.ColorTokenType,
         val: 'hwb',
         chi,
-        kin: ColorKind.HWB
+        kin: ColorType.HWB
     }
 }
 
diff --git a/src/lib/syntax/color/lab.ts b/src/lib/syntax/color/lab.ts
index 80e9dc54..a19929e1 100644
--- a/src/lib/syntax/color/lab.ts
+++ b/src/lib/syntax/color/lab.ts
@@ -1,11 +1,11 @@
-import {ColorKind, D50, e, getComponents, k} from "./utils/index.ts";
+import {D50, e, getComponents, k} from "./utils/index.ts";
 import {srgb2xyz_d50, XYZ_D50_to_D65, XYZ_to_lin_sRGB} from "./xyz.ts";
 import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
 import {cmyk2srgbvalues, hex2srgbvalues, hsl2srgb, hwb2srgbvalues, oklch2srgbvalues, rgb2srgb} from "./srgb.ts";
 import {getLCHComponents} from "./lch.ts";
 import {getOKLABComponents, OKLab_to_XYZ} from "./oklab.ts";
 import {color2srgbvalues, getNumber} from "./color.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
 import {XYZ_D65_to_D50, xyzd502srgb} from "./xyzd50.ts";
 
 export function hex2labToken(token: ColorToken): ColorToken | null {
@@ -119,7 +119,7 @@ function labToken(values: number[]): ColorToken | null {
         typ: EnumToken.ColorTokenType,
         val: 'lab',
         chi,
-        kin: ColorKind.LAB
+        kin: ColorType.LAB
     }
 }
 
diff --git a/src/lib/syntax/color/lch.ts b/src/lib/syntax/color/lch.ts
index 3ed78e80..9ac852c8 100644
--- a/src/lib/syntax/color/lch.ts
+++ b/src/lib/syntax/color/lch.ts
@@ -1,7 +1,7 @@
 import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {ColorKind, getComponents} from "./utils/index.ts";
+import {getComponents} from "./utils/index.ts";
 import {color2srgbvalues, getAngle, getNumber, toPrecisionAngle} from "./color.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
 import {
     getLABComponents,
     hex2labvalues,
@@ -134,7 +134,7 @@ function lchToken(values: number[]): ColorToken | null {
         typ: EnumToken.ColorTokenType,
         val: 'lch',
         chi,
-        kin: ColorKind.LCH
+        kin: ColorType.LCH
     }
 }
 
diff --git a/src/lib/syntax/color/oklab.ts b/src/lib/syntax/color/oklab.ts
index f8dfeeaa..479c8b3d 100644
--- a/src/lib/syntax/color/oklab.ts
+++ b/src/lib/syntax/color/oklab.ts
@@ -1,4 +1,4 @@
-import {ColorKind, getComponents, multiplyMatrices} from "./utils/index.ts";
+import {getComponents, multiplyMatrices} from "./utils/index.ts";
 import {
     cmyk2srgbvalues,
     hex2srgbvalues,
@@ -12,7 +12,7 @@ import {
 } from "./srgb.ts";
 import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
 import {color2srgbvalues, getNumber} from "./color.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
 import {getOKLCHComponents} from "./oklch.ts";
 import {lchvalues2labvalues} from "./lab.ts";
 
@@ -136,7 +136,7 @@ function oklabToken(values: number[]): ColorToken | null {
         typ: EnumToken.ColorTokenType,
         val: 'oklab',
         chi,
-        kin: ColorKind.OKLAB
+        kin: ColorType.OKLAB
     }
 }
 
diff --git a/src/lib/syntax/color/oklch.ts b/src/lib/syntax/color/oklch.ts
index a97a9195..bd9f44c9 100644
--- a/src/lib/syntax/color/oklch.ts
+++ b/src/lib/syntax/color/oklch.ts
@@ -1,7 +1,7 @@
 import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {ColorKind, getComponents} from "./utils/index.ts";
+import {getComponents} from "./utils/index.ts";
 import {color2srgbvalues, getAngle, getNumber, toPrecisionAngle} from "./color.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
 import {labvalues2lchvalues} from "./lch.ts";
 import {
     getOKLABComponents,
@@ -134,7 +134,7 @@ function oklchToken(values: number[]): ColorToken | null {
         typ: EnumToken.ColorTokenType,
         val: 'oklch',
         chi,
-        kin: ColorKind.OKLCH
+        kin: ColorType.OKLCH
     }
 }
 
diff --git a/src/lib/syntax/color/relativecolor.ts b/src/lib/syntax/color/relativecolor.ts
index 88bd260f..2e3a77a0 100644
--- a/src/lib/syntax/color/relativecolor.ts
+++ b/src/lib/syntax/color/relativecolor.ts
@@ -8,9 +8,9 @@ import type {
     Token
 } from "../../../@types/index.d.ts";
 import {convertColor, getNumber} from "./color.ts";
-import {EnumToken, walkValues} from "../../ast/index.ts";
+import {ColorType, EnumToken, walkValues} from "../../ast/index.ts";
 import {evaluate, evaluateFunc} from "../../ast/math/index.ts";
-import {ColorKind, colorRange} from "./utils/index.ts";
+import {colorRange} from "./utils/index.ts";
 import {mathFuncs} from "../index.ts";
 
 type RGBKeyType = 'r' | 'g' | 'b' | 'alpha';
@@ -44,7 +44,7 @@ export function parseRelativeColor(relativeKeys: string, original: ColorToken, r
 
     // colorFuncColorSpace x,y,z or r,g,b
     const names: string = relativeKeys.startsWith('xyz') ? 'xyz' : relativeKeys.slice(-3);
-    const converted: ColorToken = <ColorToken>convertColor(original, ColorKind[relativeKeys.toUpperCase().replaceAll('-', '_') as keyof typeof ColorKind]);
+    const converted: ColorToken = <ColorToken>convertColor(original, ColorType[relativeKeys.toUpperCase().replaceAll('-', '_') as keyof typeof ColorType]);
 
     if (converted == null) {
 
@@ -52,7 +52,7 @@ export function parseRelativeColor(relativeKeys: string, original: ColorToken, r
     }
 
     const children: Token[] = (<Token[]>converted.chi).filter(t => ![EnumToken.WhitespaceTokenType, EnumToken.LiteralTokenType, EnumToken.CommentTokenType].includes(t.typ));
-    [r, g, b, alpha] = converted.kin == ColorKind.COLOR ? children.slice(1) : children;
+    [r, g, b, alpha] = converted.kin == ColorType.COLOR ? children.slice(1) : children;
 
     values = <Record<RelativeColorTypes, number | Token | null>>{
         [names[0]]: getValue(r, converted, names[0]),
@@ -98,7 +98,7 @@ function getValue(t: Token, converted: ColorToken, component: string): Token {
     if (t.typ == EnumToken.PercentageTokenType) {
 
         let value: number = getNumber(<PercentageToken>t);
-        let colorSpace: string = ColorKind[converted.kin].toLowerCase().replaceAll('-', '_');
+        let colorSpace: string = ColorType[converted.kin].toLowerCase().replaceAll('-', '_');
 
         if (colorSpace in colorRange) {
 
diff --git a/src/lib/syntax/color/rgb.ts b/src/lib/syntax/color/rgb.ts
index afa0aea2..61cbaf84 100644
--- a/src/lib/syntax/color/rgb.ts
+++ b/src/lib/syntax/color/rgb.ts
@@ -1,6 +1,6 @@
 import type {ColorToken, Token} from "../../../@types/index.d.ts";
 import {color2srgbvalues, minmax} from "./color.ts";
-import {ColorKind, COLORS_NAMES} from "./utils/index.ts";
+import {COLORS_NAMES} from "./utils/index.ts";
 import {expandHexValue} from "./hex.ts";
 import {
     cmyk2srgbvalues,
@@ -12,7 +12,7 @@ import {
     oklab2srgbvalues,
     oklch2srgbvalues
 } from "./srgb.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
 
 export function srgb2rgb(value: number): number {
 
@@ -130,12 +130,12 @@ function rgb2RgbToken(values: number[]): ColorToken | null {
         typ: EnumToken.ColorTokenType,
         val: 'rgb',
         chi,
-        kin: ColorKind.RGB
+        kin: ColorType.RGB
     }
 }
 export function hex2rgbvalues(token: ColorToken): number[] {
 
-    const value: string = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+    const value: string = expandHexValue(token.kin == ColorType.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
     const rgb: number[] = [];
 
     for (let i = 1; i < value.length; i += 2) {
diff --git a/src/lib/syntax/color/srgb.ts b/src/lib/syntax/color/srgb.ts
index c25416bc..92d1d5ad 100644
--- a/src/lib/syntax/color/srgb.ts
+++ b/src/lib/syntax/color/srgb.ts
@@ -1,7 +1,7 @@
 // from https://www.w3.org/TR/css-color-4/#color-conversion-code
 // srgb-linear -> srgb
 // 0 <= r, g, b <= 1
-import {ColorKind, COLORS_NAMES, getComponents} from "./utils/index.ts";
+import {COLORS_NAMES, getComponents} from "./utils/index.ts";
 import type {
     ColorToken,
     DimensionToken,
@@ -11,7 +11,7 @@ import type {
     Token
 } from "../../../@types/index.d.ts";
 import {color2srgbvalues, getAngle, getNumber} from "./color.ts";
-import {EnumToken} from "../../ast/index.ts";
+import {ColorType, EnumToken} from "../../ast/index.ts";
 import {getLABComponents, Lab_to_sRGB, lchvalues2labvalues} from "./lab.ts";
 import {expandHexValue} from "./hex.ts";
 import {getOKLABComponents, OKLab_to_sRGB} from "./oklab.ts";
@@ -23,35 +23,35 @@ export function srgbvalues(token: ColorToken): number[] | null {
 
     switch (token.kin) {
 
-        case ColorKind.LIT:
-        case ColorKind.HEX:
+        case ColorType.LIT:
+        case ColorType.HEX:
             return hex2srgbvalues(token);
 
-        case ColorKind.RGB:
-        case ColorKind.RGBA:
+        case ColorType.RGB:
+        case ColorType.RGBA:
             return rgb2srgb(token);
 
-        case ColorKind.HSL:
-        case ColorKind.HSLA:
+        case ColorType.HSL:
+        case ColorType.HSLA:
             return hsl2srgb(token);
 
-        case ColorKind.HWB:
+        case ColorType.HWB:
 
             return hwb2srgbvalues(token);
 
-        case ColorKind.LAB:
+        case ColorType.LAB:
             return lab2srgbvalues(token);
 
-        case ColorKind.LCH:
+        case ColorType.LCH:
             return lch2srgbvalues(token);
 
-        case ColorKind.OKLAB:
+        case ColorType.OKLAB:
             return oklab2srgbvalues(token);
 
-        case ColorKind.OKLCH:
+        case ColorType.OKLCH:
             return oklch2srgbvalues(token);
 
-        case ColorKind.COLOR:
+        case ColorType.COLOR:
             return color2srgbvalues(token);
     }
 
@@ -82,7 +82,7 @@ export function rgbvalues2srgbvalues(r: number, g: number, b: number, a: number
 
 export function hex2srgbvalues(token: ColorToken): number[] {
 
-    const value: string = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+    const value: string = expandHexValue(token.kin == ColorType.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
     const rgb: number[] = [];
 
     for (let i = 1; i < value.length; i += 2) {
diff --git a/src/lib/syntax/color/utils/components.ts b/src/lib/syntax/color/utils/components.ts
index d5832551..6d660dc6 100644
--- a/src/lib/syntax/color/utils/components.ts
+++ b/src/lib/syntax/color/utils/components.ts
@@ -1,13 +1,13 @@
 import type {ColorToken, NumberToken, Token} from "../../../../@types/index.d.ts";
-import {EnumToken} from "../../../ast/index.ts";
-import {ColorKind, COLORS_NAMES} from "./constants.ts";
+import {ColorType, EnumToken} from "../../../ast/index.ts";
+import {COLORS_NAMES} from "./constants.ts";
 import {expandHexValue} from "../hex.ts";
 
 export function getComponents(token: ColorToken): Token[] | null {
 
-    if (token.kin == ColorKind.HEX || token.kin == ColorKind.LIT) {
+    if (token.kin == ColorType.HEX || token.kin == ColorType.LIT) {
 
-        const value: string = expandHexValue(token.kin == ColorKind.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
+        const value: string = expandHexValue(token.kin == ColorType.LIT ? COLORS_NAMES[token.val.toLowerCase()] : token.val);
         // @ts-ignore
         return value.slice(1).match(/([a-fA-F0-9]{2})/g).map((t: string, index: number) => {
 
diff --git a/src/lib/syntax/color/utils/constants.ts b/src/lib/syntax/color/utils/constants.ts
index d7dfa7ef..c8d5f1c7 100644
--- a/src/lib/syntax/color/utils/constants.ts
+++ b/src/lib/syntax/color/utils/constants.ts
@@ -30,38 +30,6 @@ export const colorRange = {
     }
 }
 
-// xyz-d65 is an alias for xyz
-// display-p3 is an alias for srgb
-export enum ColorKind {
-
-    SYS,
-    DPSYS,
-    LIT,
-    HEX,
-    RGBA,
-    HSLA,
-    HWB,
-    DEVICE_CMYK,
-    OKLAB,
-    OKLCH,
-    LAB,
-    LCH,
-    COLOR,
-    SRGB,
-    PROPHOTO_RGB,
-    A98_RGB,
-    REC2020,
-    DISPLAY_P3,
-    SRGB_LINEAR,
-    XYZ_D50,
-    XYZ_D65,
-    LIGHT_DARK,
-    COLOR_MIX,
-    RGB = RGBA,
-    HSL = HSLA,
-    XYZ = XYZ_D65,
-}
-
 export const timelineFunc: string[] = ['view', 'scroll'];
 export const generalEnclosedFunc: string[] = ['selector', 'font-tech', 'font-format', 'media', 'supports'];
 export const timingFunc: string[] = ['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear', 'step-start', 'step-end', 'steps', 'cubic-bezier'];
diff --git a/src/lib/syntax/color/utils/distance.ts b/src/lib/syntax/color/utils/distance.ts
new file mode 100644
index 00000000..ff06bafa
--- /dev/null
+++ b/src/lib/syntax/color/utils/distance.ts
@@ -0,0 +1,31 @@
+import type {ColorToken} from "../../../../@types/index.d.ts";
+import {convertColor} from "../color.ts";
+import {getOKLABComponents} from "../oklab.ts";
+import {ColorType} from "../../../ast/index.ts";
+
+
+export function okLabDistance(okLab1: [number, number, number], okLab2: [number, number, number]): number {
+
+    return Math.sqrt(Math.pow(okLab1[0] - okLab2[0], 2) + Math.pow(okLab1[1] - okLab2[1], 2) + Math.pow(okLab1[2] - okLab2[2], 2));
+}
+
+export function isOkLabClose(color1: ColorToken, color2: ColorToken, threshold: number = 2.3): boolean {
+
+    color1 = convertColor(color1, ColorType.OKLAB) as ColorToken;
+    color2 = convertColor(color2, ColorType.OKLAB ) as ColorToken;
+
+    // console.error(JSON.stringify({color1, color2}, null, 1));
+
+    if (color1 == null || color2 == null) {
+        return false;
+    }
+
+    const okLab1: [number, number, number] = getOKLABComponents(color1) as [number, number, number];
+    const okLab2: [number, number, number] = getOKLABComponents(color2) as [number, number, number];
+
+    if (okLab1 == null || okLab2 == null) {
+        return false;
+    }
+
+    return okLabDistance(okLab1, okLab2) < threshold;
+}
\ No newline at end of file
diff --git a/src/lib/syntax/color/utils/index.ts b/src/lib/syntax/color/utils/index.ts
index 67f59fc4..1c1d37d0 100644
--- a/src/lib/syntax/color/utils/index.ts
+++ b/src/lib/syntax/color/utils/index.ts
@@ -2,3 +2,4 @@
 export * from './matrix.ts';
 export * from './constants.ts';
 export * from './components.ts';
+export * from './distance.ts';
\ No newline at end of file
diff --git a/src/lib/syntax/syntax.ts b/src/lib/syntax/syntax.ts
index e6abda9c..ccb2eabf 100644
--- a/src/lib/syntax/syntax.ts
+++ b/src/lib/syntax/syntax.ts
@@ -15,8 +15,8 @@ import type {
     PercentageToken,
     Token
 } from "../../@types/index.d.ts";
-import {EnumToken, WalkerOptionEnum, walkValues} from "../ast/index.ts";
-import {ColorKind, funcLike} from "./color/utils/index.ts";
+import {ColorType, EnumToken, WalkerOptionEnum, walkValues} from "../ast/index.ts";
+import {funcLike} from "./color/utils/index.ts";
 import {buildExpression} from "../ast/math/index.ts";
 
 // '\\'
@@ -556,7 +556,7 @@ export function isHueInterpolationMethod(token: Token | Token[]): boolean {
 
 export function isIdentColor(token: Token): boolean {
 
-    return token.typ == EnumToken.ColorTokenType && [ColorKind.SYS, ColorKind.DPSYS, ColorKind.LIT].includes((token as ColorToken).kin) && isIdent((token as ColorToken).val);
+    return token.typ == EnumToken.ColorTokenType && [ColorType.SYS, ColorType.DPSYS, ColorType.LIT].includes((token as ColorToken).kin) && isIdent((token as ColorToken).val);
 }
 
 export function isPercentageToken(token: Token): boolean {
@@ -831,7 +831,7 @@ export function parseColor(token: Token) {
     token.typ = EnumToken.ColorTokenType;
 
     // @ts-ignore
-    (token as ColorToken).kin = ColorKind[token.val.replaceAll('-', '_').toUpperCase()];
+    (token as ColorToken).kin = ColorType[token.val.replaceAll('-', '_').toUpperCase()];
 
     // @ts-ignore
     if (((token as ColorToken).chi as Token[])[0].typ == EnumToken.IdenTokenType) {
diff --git a/src/lib/validation/syntax.ts b/src/lib/validation/syntax.ts
index 083b68c3..049bacf3 100644
--- a/src/lib/validation/syntax.ts
+++ b/src/lib/validation/syntax.ts
@@ -26,10 +26,10 @@ import type {
     ValidationOptions
 } from "../../@types/index.d.ts";
 import type {Context, ValidationConfiguration, ValidationSyntaxResult} from "../../@types/validation.d.ts";
-import {EnumToken, SyntaxValidationResult} from "../ast/index.ts";
+import {ColorType, EnumToken, SyntaxValidationResult} from "../ast/index.ts";
 import {getParsedSyntax, getSyntax, getSyntaxConfig} from "./config.ts";
 import {renderToken} from "../../web/index.ts";
-import {ColorKind, colorsFunc, funcLike} from "../syntax/color/utils/index.ts";
+import {colorsFunc, funcLike} from "../syntax/color/utils/index.ts";
 import {isIdentColor, mathFuncs, wildCardFuncs} from "../syntax/index.ts";
 
 const config: ValidationConfiguration = getSyntaxConfig();
@@ -1028,12 +1028,12 @@ function matchPropertyType(syntax: ValidationPropertyToken, context: Context<Tok
 
         case 'system-color':
 
-            success = (token.typ == EnumToken.ColorTokenType && (token as ColorToken).kin == ColorKind.SYS) || (token.typ == EnumToken.IdenTokenType && (token as IdentToken).val.localeCompare('currentcolor', 'en', {sensitivity: 'base'}) == 0) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes((token as FunctionToken).val));
+            success = (token.typ == EnumToken.ColorTokenType && (token as ColorToken).kin == ColorType.SYS) || (token.typ == EnumToken.IdenTokenType && (token as IdentToken).val.localeCompare('currentcolor', 'en', {sensitivity: 'base'}) == 0) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes((token as FunctionToken).val));
             break;
 
         case 'deprecated-system-color':
 
-            success = (token.typ == EnumToken.ColorTokenType && (token as ColorToken).kin == ColorKind.DPSYS) || (token.typ == EnumToken.IdenTokenType && (token as IdentToken).val.localeCompare('currentcolor', 'en', {sensitivity: 'base'}) == 0) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes((token as FunctionToken).val));
+            success = (token.typ == EnumToken.ColorTokenType && (token as ColorToken).kin == ColorType.DPSYS) || (token.typ == EnumToken.IdenTokenType && (token as IdentToken).val.localeCompare('currentcolor', 'en', {sensitivity: 'base'}) == 0) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes((token as FunctionToken).val));
             break;
 
         case 'color':
@@ -1056,7 +1056,7 @@ function matchPropertyType(syntax: ValidationPropertyToken, context: Context<Tok
 
         case 'hex-color':
 
-            success = (token.typ == EnumToken.ColorTokenType && (token as ColorToken).kin == ColorKind.HEX) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes((token as FunctionToken).val));
+            success = (token.typ == EnumToken.ColorTokenType && (token as ColorToken).kin == ColorType.HEX) || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes((token as FunctionToken).val));
             break;
 
         case 'integer':
diff --git a/src/node/index.ts b/src/node/index.ts
index 76772b69..47c1537c 100644
--- a/src/node/index.ts
+++ b/src/node/index.ts
@@ -13,7 +13,7 @@ import {dirname, resolve} from "../lib/fs/index.ts";
 import {load} from "./load.ts";
 
 export {
-    minify, expand, parseString, parseTokens, renderToken, walk, walkValues, EnumToken, ValidationLevel, ColorType
+    minify, expand, parseString, parseTokens, renderToken, walk, walkValues, isOkLabClose, okLabDistance, EnumToken, ValidationLevel, ColorType
 } from '../lib/index.ts';
 export {dirname, resolve, load};
 
diff --git a/src/web/index.ts b/src/web/index.ts
index aca9ea1a..86a8cee3 100644
--- a/src/web/index.ts
+++ b/src/web/index.ts
@@ -13,7 +13,7 @@ import {dirname, resolve} from "../lib/fs/index.ts";
 import {load} from "./load.ts";
 
 export {
-    minify, expand, parseString, parseTokens, renderToken, walk, walkValues, EnumToken, ValidationLevel, ColorType
+    minify, expand, parseString, parseTokens, renderToken, walk, walkValues, isOkLabClose, okLabDistance, EnumToken, ValidationLevel, ColorType
 } from '../lib/index.ts';
 export {dirname, resolve, load};
 
diff --git a/test/specs/code/color-cmyk.js b/test/specs/code/color-cmyk.js
index bbee8d70..44e9f983 100644
--- a/test/specs/code/color-cmyk.js
+++ b/test/specs/code/color-cmyk.js
@@ -1,160 +1,331 @@
-import {ColorType} from "../../../dist/lib/ast/types.js";
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
 export function run(describe, expect, transform, parse, render) {
 
     describe('convert to cmyk', function () {
 
         it('hex to cmyk #1', function () {
-            return transform(`.hsl { color: #b3222280; }`,{
+            return transform(`.hsl { color: #b3222280; }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('hsl(a) to cmyk #2', function () {
-            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`,{
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.00558659217879% 81.00558659217879% 29.803921568627445%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('rgb to cmyk #3', function () {
-            return transform(`.hsl { color: rgb(179 34 34/50%); }`,{
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('hwb() to cmyk #4', function () {
-            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`,{
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 80.95238095238095% 80.95238095238095% 30.000000000000004%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('srgb to cmyk #5', function () {
-            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`,{
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('srgb-linear to cmyk #6', function () {
-            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('display-p3 to cmyk #7', function () {
-            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`,{
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.00558659206386% 81.00558659218409% 29.803921568679005%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('a98-rgb to cmyk #8', function () {
-            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`,{
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.01130902999921% 81.01130902999918% 29.800620147670543%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('photo-rgb to cmyk #9', function () {
-            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`,{
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 80.99847735464445% 80.99643880520168% 29.80861919945562%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('rec2020 to cmyk #10', function () {
-            return transform(`.hsl { color: color(rec2020 .5293019037237446 .1758230143656851 .10251000214438549/50%); }`,{
+            return transform(`.hsl { color: color(rec2020 .5293019037237446 .1758230143656851 .10251000214438549/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.00558659217883% 81.00558659217879% 29.803921568627445%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('xyz to cmyk #11', function () {
-            return transform(`.hsl { color: color(xyz .1945069569161968 .10844949817036895 .025825724073578825/50%); }`,{
+            return transform(`.hsl { color: color(xyz .1945069569161968 .10844949817036895 .025825724073578825/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.0055865921788% 81.00558659217877% 29.803921568627466%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('xyz-d50 to cmyk #12', function () {
-            return transform(`.hsl { color: color(xyz-d50 .20502195999126108 .11273398825257433 .019252589983419107/50%); }`,{
+            return transform(`.hsl { color: color(xyz-d50 .20502195999126108 .11273398825257433 .019252589983419107/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.00557711390763% 81.00559313284853% 29.803922344737522%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('xyz-d65 to cmyk #13', function () {
-            return transform(`.hsl { color: color(xyz .1945069569161968 .10844949817036895 .025825724073578825/50%); }`,{
+            return transform(`.hsl { color: color(xyz .1945069569161968 .10844949817036895 .025825724073578825/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.0055865921788% 81.00558659217877% 29.803921568627466%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('oklab to cmyk #14', function () {
-            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`,{
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.0055865921787% 81.00558659217883% 29.803921568627466%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('oklch to cmyk #15', function () {
-            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`,{
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.0055865921787% 81.00558659217883% 29.803921568627466%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('lab to cmyk #16', function () {
-            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`,{
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.00556643717506% 81.00560218156353% 29.80392327029443%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
 
         it('lch to cmyk #17', function () {
-            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`,{
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.DEVICE_CMYK
-            }).then(result => expect(result.code).equals(`.hsl {
- color: device-cmyk(0 81.00556643717512% 81.00560218156355% 29.80392327029441%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'device-cmyk',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '81.00558659217877'},
+                    {typ: EnumToken.PercentageTokenType, val: '29.803921568627455'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.DEVICE_CMYK
+            })).equals(true));
         });
     });
 }
diff --git a/test/specs/code/color-hex.js b/test/specs/code/color-hex.js
index 71ab9264..63f14b2b 100644
--- a/test/specs/code/color-hex.js
+++ b/test/specs/code/color-hex.js
@@ -1,160 +1,195 @@
-import {ColorType} from "../../../dist/lib/ast/types.js";
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
 export function run(describe, expect, transform, parse, render) {
 
     describe('convert to hex', function () {
 
         it('rgb(a) to hex #1', function () {
-            return transform(`.hsl { color: rgb(179 34 34/50%); }`,{
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('hsl(a) to hex #2', function () {
-            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`,{
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('device-cmyk() to hex #3', function () {
-            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`,{
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('hwb() to hex #4', function () {
-            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`,{
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('srgb to hex #5', function () {
-            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`,{
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('srgb-linear to hex #6', function () {
-            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('display-p3 to hex #7', function () {
-            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`,{
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('a98-rgb to hex #8', function () {
-            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`,{
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('photo-rgb to hex #9', function () {
-            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`,{
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('rec2020 to hex #10', function () {
-            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`,{
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('xyz to hex #11', function () {
-            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`,{
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('xyz-d50 to hex #12', function () {
-            return transform(`.hsl { color: color(xyz-d50 0.205 0.1127 0.0193 / 0.50); }`,{
+            return transform(`.hsl { color: color(xyz-d50 0.205 0.1127 0.0193 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('xyz-d65 to hex #13', function () {
-            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`,{
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('oklab to hex #14', function () {
-            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`,{
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('oklch to hex #15', function () {
-            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`,{
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('lab to hex #16', function () {
-            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`,{
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
 
         it('lch to hex #17', function () {
-            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`,{
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HEX
-            }).then(result => expect(result.code).equals(`.hsl {
- color: #b3222280
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: '#b3222280',
+                kin: ColorType.HEX
+            })).equals(true));
         });
     });
 }
diff --git a/test/specs/code/color-hsl.js b/test/specs/code/color-hsl.js
index d4f3f731..cc5f81f8 100644
--- a/test/specs/code/color-hsl.js
+++ b/test/specs/code/color-hsl.js
@@ -1,160 +1,332 @@
-import {ColorType} from "../../../dist/lib/ast/types.js";
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
 export function run(describe, expect, transform, parse, render) {
 
     describe('convert to hsl', function () {
 
         it('hex to hsl #1', function () {
-            return transform(`.hsl { color: #b3222280; }`,{
+            return transform(`.hsl { color: #b3222280; }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true)
+            );
         });
 
         it('rgb to hsl #2', function () {
-            return transform(`.hsl { color: rgb(179 34 34/50%); }`,{
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('device-cmyk() to hsl #3', function () {
-            return transform(`.hsl { color: device-cmyk(0 81% 81% 30%/50%); }`,{
+            return transform(`.hsl { color: device-cmyk(0 81% 81% 30%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('hwb() to hsl #4', function () {
-            return transform(`.hsl { color: hwb(0 13.33333333333332% 29.803921568627455%/50%); }`,{
+            return transform(`.hsl { color: hwb(0 13.33333333333332% 29.803921568627455%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('srgb to hsl #5', function () {
-            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`,{
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('srgb-linear to hsl #6', function () {
-            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('display-p3 to hsl #7', function () {
-            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.50); }`,{
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511737089953% 41.7647058823204%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('a98-rgb to hsl #8', function () {
-            return transform(`.hsl { color: color(a98-rgb 0.601473417821 0.152529962 0.152529962 / 0.501960784314); }`,{
+            return transform(`.hsl { color: color(a98-rgb 0.601473417821 0.152529962 0.152529962 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511737081836% 41.76470588238075%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('photo-rgb to hsl #9', function () {
-            return transform(`.hsl { color: color(prophoto-rgb 0.458932310317 0.207098041055 0.12397162868 / 0.501960784314); }`,{
+            return transform(`.hsl { color: color(prophoto-rgb 0.458932310317 0.207098041055 0.12397162868 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07512660936695% 41.76470312492236%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('rec2020 to hsl #10', function () {
-            return transform(`.hsl { color: color(rec2020 0.529301903724 0.175823014366 0.102510002144 / 0.501960784314); }`,{
+            return transform(`.hsl { color: color(rec2020 0.529301903724 0.175823014366 0.102510002144 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511737102666% 41.764705882334944%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('xyz to hsl #11', function () {
-            return transform(`.hsl { color: color(xyz-d65 0.194506956916 0.10844949817 0.025825724074 / 0.501960784314); }`,{
+            return transform(`.hsl { color: color(xyz-d65 0.194506956916 0.10844949817 0.025825724074 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511737136221% 41.76470588222442%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('xyz-d50 to hsl #12', function () {
-            return transform(`.hsl { color: color(xyz-d50 0.205021959991 0.112733988253 0.019252589983 / 0.501960784314); }`,{
+            return transform(`.hsl { color: color(xyz-d50 0.205021959991 0.112733988253 0.019252589983 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07512661000305% 41.76470312472381%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('xyz-d65 to hsl #13', function () {
-            return transform(`.hsl { color: color(xyz-d65 0.194506956916 0.10844949817 0.025825724074 / 0.501960784314); }`,{
+            return transform(`.hsl { color: color(xyz-d65 0.194506956916 0.10844949817 0.025825724074 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511737136221% 41.76470588222442%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('oklab to hsl #14', function () {
-            return transform(`.hsl { color: oklab(49.8632533734% 0.161176505417 0.081555225588 / 0.501960784314); }`,{
+            return transform(`.hsl { color: oklab(49.8632533734% 0.161176505417 0.081555225588 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511650877738% 41.76470607649652%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('oklch to hsl #15', function () {
-            return transform(`.hsl { color: oklch(49.8632533734% 0.180635325225 26.8393859717 / 0.501960784314); }`,{
+            return transform(`.hsl { color: oklch(49.8632533734% 0.180635325225 26.8393859717 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511650871648% 41.76470607651008%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('lab to hsl #16', function () {
-            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`,{
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
 
         it('lch to hsl #17', function () {
-            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`,{
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HSL
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hsl(0 68.07511737089203% 41.764705882352935%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hsl',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '68.07511737089203'},
+                        {typ: EnumToken.PercentageTokenType, val: '41.764705882352935'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HSL
+                })).equals(true));
         });
     });
 }
diff --git a/test/specs/code/color-hwb.js b/test/specs/code/color-hwb.js
index afeb46e1..3ddc4605 100644
--- a/test/specs/code/color-hwb.js
+++ b/test/specs/code/color-hwb.js
@@ -1,160 +1,316 @@
-import {ColorType} from "../../../dist/lib/ast/types.js";
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
 export function run(describe, expect, transform, parse, render) {
 
     describe('convert to hwb', function () {
 
         it('hex to hwb #1', function () {
-            return transform(`.hsl { color: #b3222280; }`,{
+            return transform(`.hsl { color: #b3222280; }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.333333333333334% 30%/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'hwb',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '0'},
+                        {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                        {typ: EnumToken.PercentageTokenType, val: '30'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.HWB
+                })).equals(true)
+            );
         });
 
         it('hsl(a) to hwb #2', function () {
-            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`,{
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.33333333333332% 29.803921568627455%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('device-cmyk() to hwb #3', function () {
-            return transform(`.hsl { color: device-cmyk(0 81% 81% 30%/50%); }`,{
+            return transform(`.hsl { color: device-cmyk(0 81% 81% 30%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.3% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('rgb to hwb #4', function () {
-            return transform(`.hsl { color: rgb(179 34 34/50%); }`,{
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.333333333333334% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('srgb to hwb #5', function () {
-            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`,{
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.333333333333334% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('srgb-linear to hwb #6', function () {
-            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.333333333333334% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('display-p3 to hwb #7', function () {
-            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`,{
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.333333333319807% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('a98-rgb to hwb #8', function () {
-            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`,{
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.329943303015837% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('photo-rgb to hwb #9', function () {
-            return transform(`.hsl { color: color(prophoto-rgb 0.458932310318 0.207098041055 0.12397162868 / 0.501960784314); }`,{
+            return transform(`.hsl { color: color(prophoto-rgb 0.458932310318 0.207098041055 0.12397162868 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.333328594601184% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('rec2020 to hwb #10', function () {
-            return transform(`.hsl { color: color(prophoto-rgb 0.458932310318 0.207098041055 0.12397162868 / 0.501960784314); }`,{
+            return transform(`.hsl { color: color(prophoto-rgb 0.458932310318 0.207098041055 0.12397162868 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.333328594601184% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('xyz to hwb #11', function () {
-            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`,{
+            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.33333333333331% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('xyz-d50 to hwb #12', function () {
-            return transform(`.hsl { color: color(xyz-d50 .2050219599912612 .11273398825257439 .019252589983419124/50%); }`,{
+            return transform(`.hsl { color: color(xyz-d50 .2050219599912612 .11273398825257439 .019252589983419124/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.333328594622163% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('xyz-d65 to hwb #13', function () {
-            return transform(`.hsl { color: color(xyz-d65 .1945069569161969 .108449498170369 .025825724073578846/50%); }`,{
+            return transform(`.hsl { color: color(xyz-d65 .1945069569161969 .108449498170369 .025825724073578846/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.33333333333331% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('oklab to hwb #14', function () {
-            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`,{
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.333333333333291% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('oklch to hwb #15', function () {
-            return transform(`.hsl { color:  oklch(.49863253097209403 .1806353283694016 26.8394/50%); }`,{
+            return transform(`.hsl { color:  oklch(.49863253097209403 .1806353283694016 26.8394/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.33332278177981% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('lab to hwb #16', function () {
-            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`,{
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.333322066975182% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
 
         it('lch to hwb #17', function () {
-            return transform(`.hsl { color: lch(40.03718101914915 69.23357317984528 34.752/50%); }`,{
+            return transform(`.hsl { color: lch(40.03718101914915 69.23357317984528 34.752/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.HWB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: hwb(0 13.333321774203% 30%/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'hwb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '0'},
+                    {typ: EnumToken.PercentageTokenType, val: '13.333333333333334'},
+                    {typ: EnumToken.PercentageTokenType, val: '30'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.HWB
+            })).equals(true));
         });
     });
 }
diff --git a/test/specs/code/color-lab.js b/test/specs/code/color-lab.js
index d81b0e47..cef11098 100644
--- a/test/specs/code/color-lab.js
+++ b/test/specs/code/color-lab.js
@@ -1,160 +1,332 @@
-import {ColorType} from "../../../dist/lib/ast/types.js";
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
 export function run(describe, expect, transform, parse, render) {
 
     describe('convert to lab', function () {
 
         it('hex to lab #1', function () {
-            return transform(`.hsl { color: #b3222280; }`,{
+            return transform(`.hsl { color: #b3222280; }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.03718101914915 56.88418218837618 39.46488910422299/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true)
+            );
         });
 
         it('hsl(a) to lab #2', function () {
-            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`,{
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.03718101914916 56.88418218837621 39.46488910422302/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('device-cmyk() to lab #3', function () {
-            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`,{
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.03718101914915 56.88418218837618 39.464889104223/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('rgb to lab #4', function () {
-            return transform(`.hsl { color: rgb(179 34 34/50%); }`,{
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.03718101914915 56.88418218837618 39.46488910422299/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('srgb to lab #5', function () {
-            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.03718101914915 56.88418218837618 39.46488910422299/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('srgb-linear to lab #6', function () {
-            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.03718101914915 56.88418218837618 39.46488910422299/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('display-p3 to lab #7', function () {
-            return transform(`.hsl { color: color(display-p3 .6449802764484531 .19119980094061145 .16577088540310694/50%); }`,{
+            return transform(`.hsl { color: color(display-p3 .6449802764484531 .19119980094061145 .16577088540310694/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.037181019149145 56.88418218837621 39.464889104222976/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('a98-rgb to lab #8', function () {
-            return transform(`.hsl { color: color(a98-rgb .6014734178208441 .15252996199964947 .15252996199964927/50%); }`,{
+            return transform(`.hsl { color: color(a98-rgb .6014734178208441 .15252996199964947 .15252996199964927/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.03718101914915 56.88418218837618 39.46488910422303/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('photo-rgb to lab #9', function () {
-            return transform(`.hsl { color: color(prophoto-rgb .458932310317104 .20709804105465876 .12397162868002198/50%); }`,{
+            return transform(`.hsl { color: color(prophoto-rgb .458932310317104 .20709804105465876 .12397162868002198/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.03718208850436 56.88417703992932 39.46489665229738/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('rec2020 to lab #10', function () {
-            return transform(`.hsl { color: color(rec2020 .5293019037237446 .1758230143656851 .10251000214438549/50%); }`,{
+            return transform(`.hsl { color: color(rec2020 .5293019037237446 .1758230143656851 .10251000214438549/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.03718101914915 56.88418218837618 39.46488910422301/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('xyz to lab #11', function () {
-            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`,{
+            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.037181019149145 56.88418218837621 39.464889104222976/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('xyz-d50 to lab #12', function () {
-            return transform(`.hsl { color: color(xyz-d50 .2050219599912612 .11273398825257439 .019252589983419124/50%); }`,{
+            return transform(`.hsl { color: color(xyz-d50 .2050219599912612 .11273398825257439 .019252589983419124/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.03718208850436 56.88417703992932 39.46489665229738/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('xyz-d65 to lab #13', function () {
-            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`,{
+            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.037181019149145 56.88418218837621 39.464889104222976/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('oklab to lab #14', function () {
-            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`,{
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.03718076892181 56.88418206211679 39.4649004160266/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('oklch to lab #15', function () {
-            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.8394/50%); }`,{
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.8394/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.037181177031805 56.884180466518025 39.46490425796163/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('lch to lab #16', function () {
-            return transform(`.hsl { color: lch(40.0371810192% 69.2335731799 34.7519908063 / 0.501960784314); }`,{
+            return transform(`.hsl { color: lch(40.0371810192% 69.2335731799 34.7519908063 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(40.0371810192 56.8841821884395 39.464889104227716/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
 
         it('hwb to lab #17', function () {
-            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`,{
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.LAB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: lab(39.93386497177585 56.73647948664537 39.3253251437074/50%)
-}`));
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914915'},
+                        {typ: EnumToken.NumberTokenType, val: '56.88418218837618'},
+                        {typ: EnumToken.NumberTokenType, val: '39.46488910422299'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LAB
+                })).equals(true));
         });
     });
 }
diff --git a/test/specs/code/color-lch.js b/test/specs/code/color-lch.js
new file mode 100644
index 00000000..7b227c8c
--- /dev/null
+++ b/test/specs/code/color-lch.js
@@ -0,0 +1,315 @@
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
+
+export function run(describe, expect, transform, parse, render) {
+
+    describe('convert to lab', function () {
+
+        it('hex to lab #1', function () {
+            return transform(`.hsl { color: #b3222280; }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result =>
+                expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'lch',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                        {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                        {typ: EnumToken.NumberTokenType, val: '34.752'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.LCH
+                })).equals(true));
+        });
+
+        it('hsl(a) to lab #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('device-cmyk() to lab #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('rgb to lab #4', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('srgb to lab #5', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('srgb-linear to lab #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('display-p3 to lab #7', function () {
+            return transform(`.hsl { color: color(display-p3 .6449802764484531 .19119980094061145 .16577088540310694/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('a98-rgb to lab #8', function () {
+            return transform(`.hsl { color: color(a98-rgb .6014734178208441 .15252996199964947 .15252996199964927/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('photo-rgb to lab #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb .458932310317104 .20709804105465876 .12397162868002198/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('rec2020 to lab #10', function () {
+            return transform(`.hsl { color: color(rec2020 .5293019037237446 .1758230143656851 .10251000214438549/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('xyz to lab #11', function () {
+            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('xyz-d50 to lab #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 .2050219599912612 .11273398825257439 .019252589983419124/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('xyz-d65 to lab #13', function () {
+            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('oklab to lab #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('oklch to lab #15', function () {
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.8394/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('lab to lch #16', function () {
+            return transform(`.hsl { color: lab(40.03718101914915 56.88418218837618 39.46488910422299/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+
+        it('hwb to lab #17', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.LCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'lch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '40.03718101914916'},
+                    {typ: EnumToken.NumberTokenType, val: '69.23357317984532'},
+                    {typ: EnumToken.NumberTokenType, val: '34.752'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.LCH
+            })).equals(true));
+        });
+    });
+}
diff --git a/test/specs/code/color-oklab.js b/test/specs/code/color-oklab.js
new file mode 100644
index 00000000..5719c2e1
--- /dev/null
+++ b/test/specs/code/color-oklab.js
@@ -0,0 +1,315 @@
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
+
+export function run(describe, expect, transform, parse, render) {
+
+    describe('convert to oklab', function () {
+
+        it('hex to oklab #1', function () {
+            return transform(`.hsl { color: #b3222280; }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: 'oklab',
+                    chi: [
+                        {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                        {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                        {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                        {typ: EnumToken.LiteralTokenType, val: '/'},
+                        {typ: EnumToken.PercentageTokenType, val: '50'}
+                    ],
+                    kin: ColorType.OKLAB
+                })).equals(true)
+            );
+        });
+
+        it('hsl(a) to oklab #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('device-cmyk() to oklab #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('rgb to oklab #4', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('srgb to oklab #5', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('srgb-linear to oklab #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('display-p3 to oklab #7', function () {
+            return transform(`.hsl { color: color(display-p3 .6449802764484531 .19119980094061145 .16577088540310694/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('a98-rgb to oklab #8', function () {
+            return transform(`.hsl { color: color(a98-rgb .6014734178208441 .15252996199964947 .15252996199964927/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('photo-rgb to oklab #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb .458932310317104 .20709804105465876 .12397162868002198/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('rec2020 to oklab #10', function () {
+            return transform(`.hsl { color: color(rec2020 .5293019037237446 .1758230143656851 .10251000214438549/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('xyz to oklab #11', function () {
+            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('xyz-d50 to oklab #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 .2050219599912612 .11273398825257439 .019252589983419124/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('xyz-d65 to oklab #13', function () {
+            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('lab to oklab #14', function () {
+            return transform(`.hsl { color: lab(40.03718101914915 56.88418218837618 39.46488910422299/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('oklch to oklab #15', function () {
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.8394/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('lch to oklab #16', function () {
+            return transform(`.hsl { color: lch(40.0371810192% 69.2335731799 34.7519908063 / 0.501960784314); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+
+        it('hwb to oklab #17', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.OKLAB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklab',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.16117650019451524'},
+                    {typ: EnumToken.NumberTokenType, val: '.08155524287358212'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLAB
+            })).equals(true));
+        });
+    });
+}
diff --git a/test/specs/code/color-oklch.js b/test/specs/code/color-oklch.js
new file mode 100644
index 00000000..bdefa4fb
--- /dev/null
+++ b/test/specs/code/color-oklch.js
@@ -0,0 +1,314 @@
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
+
+export function run(describe, expect, transform, parse, render) {
+
+    describe('convert to oklch', function () {
+
+        it('hex to oklch #1', function () {
+            return transform(`.hsl { color: #b3222280; }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('hsl(a) to oklch #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('device-cmyk() to oklch #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('rgb to oklch #4', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('srgb to oklch #5', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('srgb-linear to oklch #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('display-p3 to oklch #7', function () {
+            return transform(`.hsl { color: color(display-p3 .6449802764484531 .19119980094061145 .16577088540310694/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('a98-rgb to oklch #8', function () {
+            return transform(`.hsl { color: color(a98-rgb .6014734178208441 .15252996199964947 .15252996199964927/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('photo-rgb to oklch #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb .458932310317104 .20709804105465876 .12397162868002198/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('rec2020 to oklch #10', function () {
+            return transform(`.hsl { color: color(rec2020 .5293019037237446 .1758230143656851 .10251000214438549/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('xyz to oklch #11', function () {
+            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('xyz-d50 to oklch #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 .2050219599912612 .11273398825257439 .019252589983419124/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('xyz-d65 to oklch #13', function () {
+            return transform(`.hsl { color: color(xyz .1945069569161969 .108449498170369 .025825724073578846/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('oklab to oklch #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('lch to oklch #15', function () {
+            return transform(`.hsl { color: lch(40.03718101914915 69.23357317984528 34.752/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('lab to lch #16', function () {
+            return transform(`.hsl { color: lab(40.03718101914915 56.88418218837618 39.46488910422299/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+
+        it('hwb to oklch #17', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`,{
+                beautify: true,
+                convertColor: ColorType.OKLCH
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'oklch',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '.49863253097209403'},
+                    {typ: EnumToken.NumberTokenType, val: '.1806353283694016'},
+                    {typ: EnumToken.NumberTokenType, val: '26.8394'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.OKLCH
+            })).equals(true));
+        });
+    });
+}
diff --git a/test/specs/code/color-rgb.js b/test/specs/code/color-rgb.js
index ee0efd0f..48923f4d 100644
--- a/test/specs/code/color-rgb.js
+++ b/test/specs/code/color-rgb.js
@@ -1,160 +1,314 @@
-import {ColorType} from "../../../dist/lib/ast/types.js";
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
 export function run(describe, expect, transform, parse, render) {
 
     describe('convert to rgb', function () {
 
         it('hex to rgb #1', function () {
-            return transform(`.hsl { color: #b3222280; }`,{
+            return transform(`.hsl { color: #b3222280; }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('hsl(a) to rgb #2', function () {
-            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`,{
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('device-cmyk() to rgb #3', function () {
-            return transform(`.hsl { color: device-cmyk(0 81% 81% 30%/50%); }`,{
+            return transform(`.hsl { color: device-cmyk(0 81% 81% 30%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('hwb() to rgb #4', function () {
-            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`,{
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('srgb to rgb #5', function () {
-            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`,{
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('srgb-linear to rgb #6', function () {
-            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`,{
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('display-p3 to rgb #7', function () {
-            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`,{
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('a98-rgb to rgb #8', function () {
-            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`,{
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('photo-rgb to rgb #9', function () {
-            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`,{
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('rec2020 to rgb #10', function () {
-            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`,{
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('xyz to rgb #11', function () {
-            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`,{
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('xyz-d50 to rgb #12', function () {
-            return transform(`.hsl { color: color(xyz-d50 0.205 0.1127 0.0193 / 0.50); }`,{
+            return transform(`.hsl { color: color(xyz-d50 0.205 0.1127 0.0193 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('xyz-d65 to rgb #13', function () {
-            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`,{
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('oklab to rgb #14', function () {
-            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`,{
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('oklch to rgb #15', function () {
-            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`,{
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('lab to rgb #16', function () {
-            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`,{
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
 
         it('lch to rgb #17', function () {
-            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`,{
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`, {
                 beautify: true,
                 convertColor: ColorType.RGB
-            }).then(result => expect(result.code).equals(`.hsl {
- color: rgb(179 34 34/50%)
-}`));
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                typ: EnumToken.ColorTokenType,
+                val: 'rgb',
+                chi: [
+                    {typ: EnumToken.NumberTokenType, val: '179'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.NumberTokenType, val: '34'},
+                    {typ: EnumToken.LiteralTokenType, val: '/'},
+                    {typ: EnumToken.PercentageTokenType, val: '50'}
+                ],
+                kin: ColorType.RGB
+            })).equals(true));
         });
     });
 }
diff --git a/test/specs/code/index.js b/test/specs/code/index.js
index 4a32fd18..54e24adc 100644
--- a/test/specs/code/index.js
+++ b/test/specs/code/index.js
@@ -9,6 +9,9 @@ export * as colorHSL from './color-hsl.js';
 export * as colorCMYK from './color-cmyk.js';
 export * as colorHWB from './color-hwb.js';
 export * as colorLAB from './color-lab.js';
+export * as colorOKLAB from './color-oklab.js';
+export * as colorLCH from './color-lch.js';
+export * as colorOKLCH from './color-oklch.js';
 export * as expand from './expand.js';
 export * as grid from './grid.js';
 export * as import1 from './import1.js';

From e9c5d5c579c031e62a10058ec7f5df19b0ccaeb8 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Thu, 7 Aug 2025 02:05:54 -0400
Subject: [PATCH 09/11] convert color to any supported format #94

---
 dist/index-umd-web.js                   | 100 +++-
 dist/index.cjs                          | 100 +++-
 dist/lib/syntax/color/color.js          |  80 ++-
 dist/lib/syntax/color/lab.js            |  24 +-
 dist/lib/syntax/color/utils/distance.js |   2 +-
 package.json                            |   2 +-
 src/lib/syntax/color/a98rgb.ts          |  20 +-
 src/lib/syntax/color/color.ts           |  83 +++-
 src/lib/syntax/color/lab.ts             |  44 +-
 src/lib/syntax/color/utils/distance.ts  |   2 +-
 test/specs/code/angle.js                |   2 +-
 test/specs/code/at-rules.js             |   2 +-
 test/specs/code/block.js                |   2 +-
 test/specs/code/calc.js                 |   2 +-
 test/specs/code/color-a98-rgb.js        | 584 ++++++++++++++++++++++
 test/specs/code/color-cmyk.js           |   2 +-
 test/specs/code/color-display-p3.js     | 548 +++++++++++++++++++++
 test/specs/code/color-hex.js            |   2 +-
 test/specs/code/color-hsl.js            |   2 +-
 test/specs/code/color-hwb.js            |   2 +-
 test/specs/code/color-lab.js            |   2 +-
 test/specs/code/color-lch.js            |   2 +-
 test/specs/code/color-linear-srgb.js    | 620 ++++++++++++++++++++++++
 test/specs/code/color-oklab.js          |   2 +-
 test/specs/code/color-oklch.js          |   2 +-
 test/specs/code/color-prophoto-rgb.js   | 584 ++++++++++++++++++++++
 test/specs/code/color-rec2020.js        | 584 ++++++++++++++++++++++
 test/specs/code/color-rgb.js            |   2 +-
 test/specs/code/color-srgb.js           | 584 ++++++++++++++++++++++
 test/specs/code/color-xyz-d50.js        | 584 ++++++++++++++++++++++
 test/specs/code/color-xyz.js            | 584 ++++++++++++++++++++++
 test/specs/code/color.js                |   2 +-
 test/specs/code/expand.js               |   2 +-
 test/specs/code/grid.js                 |   2 +-
 test/specs/code/import1.js              |   2 +-
 test/specs/code/import2.js              |   2 +-
 test/specs/code/index.js                |   7 +
 test/specs/code/lenient.js              |   2 +-
 test/specs/code/malformed.js            |   2 +-
 test/specs/code/minify.js               |   2 +-
 test/specs/code/nesting.js              |   2 +-
 test/specs/code/prefix.js               |   2 +-
 test/specs/code/shorthand.js            |   2 +-
 test/specs/code/sourcemaps.js           |   2 +-
 test/specs/code/transform.js            |   2 +-
 test/specs/code/validation.js           |   2 +-
 test/specs/code/vars.js                 |   2 +-
 test/specs/code/visitors.js             |   2 +-
 test/specs/code/walk.js                 |   2 +-
 test/specs/node.spec.js                 |   6 +-
 test/specs/web.spec.js                  |   2 +-
 51 files changed, 5097 insertions(+), 107 deletions(-)
 create mode 100644 test/specs/code/color-a98-rgb.js
 create mode 100644 test/specs/code/color-display-p3.js
 create mode 100644 test/specs/code/color-linear-srgb.js
 create mode 100644 test/specs/code/color-prophoto-rgb.js
 create mode 100644 test/specs/code/color-rec2020.js
 create mode 100644 test/specs/code/color-srgb.js
 create mode 100644 test/specs/code/color-xyz-d50.js
 create mode 100644 test/specs/code/color-xyz.js

diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 961f6e01..cbc5a9d5 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -1139,7 +1139,10 @@
             { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
         ];
         if (values.length == 4) {
-            chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, { typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+            chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, {
+                typ: exports.EnumToken.PercentageTokenType,
+                val: (values[3] * 100).toFixed()
+            });
         }
         return {
             typ: exports.EnumToken.ColorTokenType,
@@ -1173,8 +1176,12 @@
         return srgb2labvalues(...values);
     }
     function hwb2labvalues(token) {
+        const values = hwb2srgbvalues(token);
+        if (values == null) {
+            return null;
+        }
         // @ts-ignore
-        return srgb2labvalues(...hwb2srgbvalues(token));
+        return srgb2labvalues(...values);
     }
     function lch2labvalues(token) {
         const values = getLCHComponents(token);
@@ -1254,7 +1261,7 @@
         }
         for (let i = 0; i < components.length; i++) {
             if (![exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.IdenTokenType].includes(components[i].typ)) {
-                return [];
+                return null;
             }
         }
         // @ts-ignore
@@ -1286,10 +1293,7 @@
         // @ts-ignore
         const xyz_d65 = XYZ_D50_to_D65(...xyz_d50);
         // @ts-ignore
-        const lin_srgb = XYZ_to_lin_sRGB(...xyz_d65);
-        lin_srgb.map((value, i) => value > 0.0031308 ? 1.055 * Math.pow(value, 1 / 2.4) - 0.055 : 12.92 * value);
-        // @ts-ignore
-        return xyzd502srgb(...Lab_to_XYZ(l, a, b));
+        return xyz2srgb(...xyz_d65);
     }
     // from https://www.w3.org/TR/css-color-4/#color-conversion-code
     function Lab_to_XYZ(l, a, b) {
@@ -1781,7 +1785,7 @@
     function okLabDistance(okLab1, okLab2) {
         return Math.sqrt(Math.pow(okLab1[0] - okLab2[0], 2) + Math.pow(okLab1[1] - okLab2[1], 2) + Math.pow(okLab1[2] - okLab2[2], 2));
     }
-    function isOkLabClose(color1, color2, threshold = 2.3) {
+    function isOkLabClose(color1, color2, threshold = .01) {
         color1 = convertColor(color1, exports.ColorType.OKLAB);
         color2 = convertColor(color2, exports.ColorType.OKLAB);
         // console.error(JSON.stringify({color1, color2}, null, 1));
@@ -3820,6 +3824,14 @@
                 case exports.ColorType.LCH:
                     return lch2HslToken(token);
                 case exports.ColorType.COLOR:
+                case exports.ColorType.XYZ:
+                case exports.ColorType.SRGB:
+                case exports.ColorType.REC2020:
+                case exports.ColorType.XYZ_D50:
+                case exports.ColorType.A98_RGB:
+                case exports.ColorType.DISPLAY_P3:
+                case exports.ColorType.SRGB_LINEAR:
+                case exports.ColorType.PROPHOTO_RGB:
                     return color2HslToken(token);
             }
         }
@@ -3830,7 +3842,6 @@
                     return rgb2hwbToken(token);
                 case exports.ColorType.HEX:
                 case exports.ColorType.LIT:
-                    // @ts-ignore
                     return rgb2hwbToken(token);
                 case exports.ColorType.HSL:
                 case exports.ColorType.HSLA:
@@ -3846,6 +3857,14 @@
                 case exports.ColorType.DEVICE_CMYK:
                     return cmyk2hwbToken(token);
                 case exports.ColorType.COLOR:
+                case exports.ColorType.XYZ:
+                case exports.ColorType.SRGB:
+                case exports.ColorType.REC2020:
+                case exports.ColorType.XYZ_D50:
+                case exports.ColorType.A98_RGB:
+                case exports.ColorType.DISPLAY_P3:
+                case exports.ColorType.SRGB_LINEAR:
+                case exports.ColorType.PROPHOTO_RGB:
                     return color2hwbToken(token);
             }
         }
@@ -3872,6 +3891,14 @@
                 case exports.ColorType.LCH:
                     return lch2cmykToken(token);
                 case exports.ColorType.COLOR:
+                case exports.ColorType.XYZ:
+                case exports.ColorType.SRGB:
+                case exports.ColorType.REC2020:
+                case exports.ColorType.XYZ_D50:
+                case exports.ColorType.A98_RGB:
+                case exports.ColorType.DISPLAY_P3:
+                case exports.ColorType.SRGB_LINEAR:
+                case exports.ColorType.PROPHOTO_RGB:
                     return color2cmykToken(token);
             }
         }
@@ -3901,6 +3928,14 @@
                 case exports.ColorType.LCH:
                     return lch2HexToken(token);
                 case exports.ColorType.COLOR:
+                case exports.ColorType.XYZ:
+                case exports.ColorType.SRGB:
+                case exports.ColorType.REC2020:
+                case exports.ColorType.XYZ_D50:
+                case exports.ColorType.A98_RGB:
+                case exports.ColorType.DISPLAY_P3:
+                case exports.ColorType.SRGB_LINEAR:
+                case exports.ColorType.PROPHOTO_RGB:
                     return color2HexToken(token);
                 case exports.ColorType.RGB:
                 case exports.ColorType.RGBA:
@@ -3927,6 +3962,14 @@
                 case exports.ColorType.LCH:
                     return lch2RgbToken(token);
                 case exports.ColorType.COLOR:
+                case exports.ColorType.XYZ:
+                case exports.ColorType.SRGB:
+                case exports.ColorType.REC2020:
+                case exports.ColorType.XYZ_D50:
+                case exports.ColorType.A98_RGB:
+                case exports.ColorType.DISPLAY_P3:
+                case exports.ColorType.SRGB_LINEAR:
+                case exports.ColorType.PROPHOTO_RGB:
                     return color2RgbToken(token);
             }
         }
@@ -3952,6 +3995,14 @@
                 case exports.ColorType.OKLCH:
                     return oklch2labToken(token);
                 case exports.ColorType.COLOR:
+                case exports.ColorType.XYZ:
+                case exports.ColorType.SRGB:
+                case exports.ColorType.REC2020:
+                case exports.ColorType.XYZ_D50:
+                case exports.ColorType.A98_RGB:
+                case exports.ColorType.DISPLAY_P3:
+                case exports.ColorType.SRGB_LINEAR:
+                case exports.ColorType.PROPHOTO_RGB:
                     return color2labToken(token);
             }
         }
@@ -3977,6 +4028,14 @@
                 case exports.ColorType.OKLCH:
                     return oklch2lchToken(token);
                 case exports.ColorType.COLOR:
+                case exports.ColorType.XYZ:
+                case exports.ColorType.SRGB:
+                case exports.ColorType.REC2020:
+                case exports.ColorType.XYZ_D50:
+                case exports.ColorType.A98_RGB:
+                case exports.ColorType.DISPLAY_P3:
+                case exports.ColorType.SRGB_LINEAR:
+                case exports.ColorType.PROPHOTO_RGB:
                     return color2lchToken(token);
             }
         }
@@ -4002,6 +4061,14 @@
                 case exports.ColorType.OKLCH:
                     return oklch2oklabToken(token);
                 case exports.ColorType.COLOR:
+                case exports.ColorType.XYZ:
+                case exports.ColorType.SRGB:
+                case exports.ColorType.REC2020:
+                case exports.ColorType.XYZ_D50:
+                case exports.ColorType.A98_RGB:
+                case exports.ColorType.DISPLAY_P3:
+                case exports.ColorType.SRGB_LINEAR:
+                case exports.ColorType.PROPHOTO_RGB:
                     return color2oklabToken(token);
             }
         }
@@ -4027,11 +4094,18 @@
                 case exports.ColorType.LCH:
                     return lch2oklchToken(token);
                 case exports.ColorType.COLOR:
+                case exports.ColorType.XYZ:
+                case exports.ColorType.SRGB:
+                case exports.ColorType.REC2020:
+                case exports.ColorType.XYZ_D50:
+                case exports.ColorType.A98_RGB:
+                case exports.ColorType.DISPLAY_P3:
+                case exports.ColorType.SRGB_LINEAR:
+                case exports.ColorType.PROPHOTO_RGB:
                     return color2oklchToken(token);
             }
         }
         else if (colorFuncColorSpace.includes(exports.ColorType[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
-            console.error(exports.ColorType[token.kin]);
             switch (token.kin) {
                 case exports.ColorType.HEX:
                 case exports.ColorType.LIT:
@@ -4136,7 +4210,6 @@
         if (values == null) {
             return null;
         }
-        console.error({ srgb: values });
         return values2colortoken(values, to);
     }
     function srgb2srgbcolorspace(val, to) {
@@ -4237,7 +4310,10 @@
             { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
         ];
         if (values.length == 4) {
-            chi.push({ typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+            chi.push({ typ: exports.EnumToken.LiteralTokenType, val: "/" }, {
+                typ: exports.EnumToken.PercentageTokenType,
+                val: (values[3] * 100).toFixed()
+            });
         }
         const colorSpace = exports.ColorType[to].toLowerCase().replaceAll('_', '-');
         return colorFuncColorSpace.includes(colorSpace) ? {
diff --git a/dist/index.cjs b/dist/index.cjs
index 3632d117..333e59ce 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -1138,7 +1138,10 @@ function labToken(values) {
         { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
     ];
     if (values.length == 4) {
-        chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, { typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+        chi.push({ typ: exports.EnumToken.LiteralTokenType, val: '/' }, {
+            typ: exports.EnumToken.PercentageTokenType,
+            val: (values[3] * 100).toFixed()
+        });
     }
     return {
         typ: exports.EnumToken.ColorTokenType,
@@ -1172,8 +1175,12 @@ function hsl2labvalues(token) {
     return srgb2labvalues(...values);
 }
 function hwb2labvalues(token) {
+    const values = hwb2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2labvalues(...hwb2srgbvalues(token));
+    return srgb2labvalues(...values);
 }
 function lch2labvalues(token) {
     const values = getLCHComponents(token);
@@ -1253,7 +1260,7 @@ function getLABComponents(token) {
     }
     for (let i = 0; i < components.length; i++) {
         if (![exports.EnumToken.NumberTokenType, exports.EnumToken.PercentageTokenType, exports.EnumToken.AngleTokenType, exports.EnumToken.IdenTokenType].includes(components[i].typ)) {
-            return [];
+            return null;
         }
     }
     // @ts-ignore
@@ -1285,10 +1292,7 @@ function Lab_to_sRGB(l, a, b) {
     // @ts-ignore
     const xyz_d65 = XYZ_D50_to_D65(...xyz_d50);
     // @ts-ignore
-    const lin_srgb = XYZ_to_lin_sRGB(...xyz_d65);
-    lin_srgb.map((value, i) => value > 0.0031308 ? 1.055 * Math.pow(value, 1 / 2.4) - 0.055 : 12.92 * value);
-    // @ts-ignore
-    return xyzd502srgb(...Lab_to_XYZ(l, a, b));
+    return xyz2srgb(...xyz_d65);
 }
 // from https://www.w3.org/TR/css-color-4/#color-conversion-code
 function Lab_to_XYZ(l, a, b) {
@@ -1780,7 +1784,7 @@ function getComponents(token) {
 function okLabDistance(okLab1, okLab2) {
     return Math.sqrt(Math.pow(okLab1[0] - okLab2[0], 2) + Math.pow(okLab1[1] - okLab2[1], 2) + Math.pow(okLab1[2] - okLab2[2], 2));
 }
-function isOkLabClose(color1, color2, threshold = 2.3) {
+function isOkLabClose(color1, color2, threshold = .01) {
     color1 = convertColor(color1, exports.ColorType.OKLAB);
     color2 = convertColor(color2, exports.ColorType.OKLAB);
     // console.error(JSON.stringify({color1, color2}, null, 1));
@@ -3819,6 +3823,14 @@ function convertColor(token, to) {
             case exports.ColorType.LCH:
                 return lch2HslToken(token);
             case exports.ColorType.COLOR:
+            case exports.ColorType.XYZ:
+            case exports.ColorType.SRGB:
+            case exports.ColorType.REC2020:
+            case exports.ColorType.XYZ_D50:
+            case exports.ColorType.A98_RGB:
+            case exports.ColorType.DISPLAY_P3:
+            case exports.ColorType.SRGB_LINEAR:
+            case exports.ColorType.PROPHOTO_RGB:
                 return color2HslToken(token);
         }
     }
@@ -3829,7 +3841,6 @@ function convertColor(token, to) {
                 return rgb2hwbToken(token);
             case exports.ColorType.HEX:
             case exports.ColorType.LIT:
-                // @ts-ignore
                 return rgb2hwbToken(token);
             case exports.ColorType.HSL:
             case exports.ColorType.HSLA:
@@ -3845,6 +3856,14 @@ function convertColor(token, to) {
             case exports.ColorType.DEVICE_CMYK:
                 return cmyk2hwbToken(token);
             case exports.ColorType.COLOR:
+            case exports.ColorType.XYZ:
+            case exports.ColorType.SRGB:
+            case exports.ColorType.REC2020:
+            case exports.ColorType.XYZ_D50:
+            case exports.ColorType.A98_RGB:
+            case exports.ColorType.DISPLAY_P3:
+            case exports.ColorType.SRGB_LINEAR:
+            case exports.ColorType.PROPHOTO_RGB:
                 return color2hwbToken(token);
         }
     }
@@ -3871,6 +3890,14 @@ function convertColor(token, to) {
             case exports.ColorType.LCH:
                 return lch2cmykToken(token);
             case exports.ColorType.COLOR:
+            case exports.ColorType.XYZ:
+            case exports.ColorType.SRGB:
+            case exports.ColorType.REC2020:
+            case exports.ColorType.XYZ_D50:
+            case exports.ColorType.A98_RGB:
+            case exports.ColorType.DISPLAY_P3:
+            case exports.ColorType.SRGB_LINEAR:
+            case exports.ColorType.PROPHOTO_RGB:
                 return color2cmykToken(token);
         }
     }
@@ -3900,6 +3927,14 @@ function convertColor(token, to) {
             case exports.ColorType.LCH:
                 return lch2HexToken(token);
             case exports.ColorType.COLOR:
+            case exports.ColorType.XYZ:
+            case exports.ColorType.SRGB:
+            case exports.ColorType.REC2020:
+            case exports.ColorType.XYZ_D50:
+            case exports.ColorType.A98_RGB:
+            case exports.ColorType.DISPLAY_P3:
+            case exports.ColorType.SRGB_LINEAR:
+            case exports.ColorType.PROPHOTO_RGB:
                 return color2HexToken(token);
             case exports.ColorType.RGB:
             case exports.ColorType.RGBA:
@@ -3926,6 +3961,14 @@ function convertColor(token, to) {
             case exports.ColorType.LCH:
                 return lch2RgbToken(token);
             case exports.ColorType.COLOR:
+            case exports.ColorType.XYZ:
+            case exports.ColorType.SRGB:
+            case exports.ColorType.REC2020:
+            case exports.ColorType.XYZ_D50:
+            case exports.ColorType.A98_RGB:
+            case exports.ColorType.DISPLAY_P3:
+            case exports.ColorType.SRGB_LINEAR:
+            case exports.ColorType.PROPHOTO_RGB:
                 return color2RgbToken(token);
         }
     }
@@ -3951,6 +3994,14 @@ function convertColor(token, to) {
             case exports.ColorType.OKLCH:
                 return oklch2labToken(token);
             case exports.ColorType.COLOR:
+            case exports.ColorType.XYZ:
+            case exports.ColorType.SRGB:
+            case exports.ColorType.REC2020:
+            case exports.ColorType.XYZ_D50:
+            case exports.ColorType.A98_RGB:
+            case exports.ColorType.DISPLAY_P3:
+            case exports.ColorType.SRGB_LINEAR:
+            case exports.ColorType.PROPHOTO_RGB:
                 return color2labToken(token);
         }
     }
@@ -3976,6 +4027,14 @@ function convertColor(token, to) {
             case exports.ColorType.OKLCH:
                 return oklch2lchToken(token);
             case exports.ColorType.COLOR:
+            case exports.ColorType.XYZ:
+            case exports.ColorType.SRGB:
+            case exports.ColorType.REC2020:
+            case exports.ColorType.XYZ_D50:
+            case exports.ColorType.A98_RGB:
+            case exports.ColorType.DISPLAY_P3:
+            case exports.ColorType.SRGB_LINEAR:
+            case exports.ColorType.PROPHOTO_RGB:
                 return color2lchToken(token);
         }
     }
@@ -4001,6 +4060,14 @@ function convertColor(token, to) {
             case exports.ColorType.OKLCH:
                 return oklch2oklabToken(token);
             case exports.ColorType.COLOR:
+            case exports.ColorType.XYZ:
+            case exports.ColorType.SRGB:
+            case exports.ColorType.REC2020:
+            case exports.ColorType.XYZ_D50:
+            case exports.ColorType.A98_RGB:
+            case exports.ColorType.DISPLAY_P3:
+            case exports.ColorType.SRGB_LINEAR:
+            case exports.ColorType.PROPHOTO_RGB:
                 return color2oklabToken(token);
         }
     }
@@ -4026,11 +4093,18 @@ function convertColor(token, to) {
             case exports.ColorType.LCH:
                 return lch2oklchToken(token);
             case exports.ColorType.COLOR:
+            case exports.ColorType.XYZ:
+            case exports.ColorType.SRGB:
+            case exports.ColorType.REC2020:
+            case exports.ColorType.XYZ_D50:
+            case exports.ColorType.A98_RGB:
+            case exports.ColorType.DISPLAY_P3:
+            case exports.ColorType.SRGB_LINEAR:
+            case exports.ColorType.PROPHOTO_RGB:
                 return color2oklchToken(token);
         }
     }
     else if (colorFuncColorSpace.includes(exports.ColorType[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
-        console.error(exports.ColorType[token.kin]);
         switch (token.kin) {
             case exports.ColorType.HEX:
             case exports.ColorType.LIT:
@@ -4135,7 +4209,6 @@ function color2colorToken(token, to) {
     if (values == null) {
         return null;
     }
-    console.error({ srgb: values });
     return values2colortoken(values, to);
 }
 function srgb2srgbcolorspace(val, to) {
@@ -4236,7 +4309,10 @@ function values2colortoken(values, to) {
         { typ: exports.EnumToken.NumberTokenType, val: String(values[2]) },
     ];
     if (values.length == 4) {
-        chi.push({ typ: exports.EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+        chi.push({ typ: exports.EnumToken.LiteralTokenType, val: "/" }, {
+            typ: exports.EnumToken.PercentageTokenType,
+            val: (values[3] * 100).toFixed()
+        });
     }
     const colorSpace = exports.ColorType[to].toLowerCase().replaceAll('_', '-');
     return colorFuncColorSpace.includes(colorSpace) ? {
diff --git a/dist/lib/syntax/color/color.js b/dist/lib/syntax/color/color.js
index 79605289..e43c2de4 100644
--- a/dist/lib/syntax/color/color.js
+++ b/dist/lib/syntax/color/color.js
@@ -101,6 +101,14 @@ function convertColor(token, to) {
             case ColorType.LCH:
                 return lch2HslToken(token);
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
                 return color2HslToken(token);
         }
     }
@@ -111,7 +119,6 @@ function convertColor(token, to) {
                 return rgb2hwbToken(token);
             case ColorType.HEX:
             case ColorType.LIT:
-                // @ts-ignore
                 return rgb2hwbToken(token);
             case ColorType.HSL:
             case ColorType.HSLA:
@@ -127,6 +134,14 @@ function convertColor(token, to) {
             case ColorType.DEVICE_CMYK:
                 return cmyk2hwbToken(token);
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
                 return color2hwbToken(token);
         }
     }
@@ -153,6 +168,14 @@ function convertColor(token, to) {
             case ColorType.LCH:
                 return lch2cmykToken(token);
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
                 return color2cmykToken(token);
         }
     }
@@ -182,6 +205,14 @@ function convertColor(token, to) {
             case ColorType.LCH:
                 return lch2HexToken(token);
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
                 return color2HexToken(token);
             case ColorType.RGB:
             case ColorType.RGBA:
@@ -208,6 +239,14 @@ function convertColor(token, to) {
             case ColorType.LCH:
                 return lch2RgbToken(token);
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
                 return color2RgbToken(token);
         }
     }
@@ -233,6 +272,14 @@ function convertColor(token, to) {
             case ColorType.OKLCH:
                 return oklch2labToken(token);
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
                 return color2labToken(token);
         }
     }
@@ -258,6 +305,14 @@ function convertColor(token, to) {
             case ColorType.OKLCH:
                 return oklch2lchToken(token);
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
                 return color2lchToken(token);
         }
     }
@@ -283,6 +338,14 @@ function convertColor(token, to) {
             case ColorType.OKLCH:
                 return oklch2oklabToken(token);
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
                 return color2oklabToken(token);
         }
     }
@@ -308,11 +371,18 @@ function convertColor(token, to) {
             case ColorType.LCH:
                 return lch2oklchToken(token);
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
                 return color2oklchToken(token);
         }
     }
     else if (colorFuncColorSpace.includes(ColorType[to].toLowerCase().replaceAll('_', '-').toLowerCase().replaceAll('_', '-'))) {
-        console.error(ColorType[token.kin]);
         switch (token.kin) {
             case ColorType.HEX:
             case ColorType.LIT:
@@ -417,7 +487,6 @@ function color2colorToken(token, to) {
     if (values == null) {
         return null;
     }
-    console.error({ srgb: values });
     return values2colortoken(values, to);
 }
 function srgb2srgbcolorspace(val, to) {
@@ -518,7 +587,10 @@ function values2colortoken(values, to) {
         { typ: EnumToken.NumberTokenType, val: String(values[2]) },
     ];
     if (values.length == 4) {
-        chi.push({ typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+        chi.push({ typ: EnumToken.LiteralTokenType, val: "/" }, {
+            typ: EnumToken.PercentageTokenType,
+            val: (values[3] * 100).toFixed()
+        });
     }
     const colorSpace = ColorType[to].toLowerCase().replaceAll('_', '-');
     return colorFuncColorSpace.includes(colorSpace) ? {
diff --git a/dist/lib/syntax/color/lab.js b/dist/lib/syntax/color/lab.js
index 5e119567..cbca79bf 100644
--- a/dist/lib/syntax/color/lab.js
+++ b/dist/lib/syntax/color/lab.js
@@ -8,10 +8,10 @@ import '../../ast/walk.js';
 import '../../parser/parse.js';
 import '../../parser/tokenize.js';
 import '../../parser/utils/config.js';
-import { oklch2srgbvalues, cmyk2srgbvalues, hwb2srgbvalues, hsl2srgb, rgb2srgb, hex2srgbvalues } from './srgb.js';
+import { oklch2srgbvalues, cmyk2srgbvalues, hwb2srgbvalues, hsl2srgb, rgb2srgb, hex2srgbvalues, xyz2srgb } from './srgb.js';
 import { getLCHComponents } from './lch.js';
-import { srgb2xyz_d50, XYZ_D50_to_D65, XYZ_to_lin_sRGB } from './xyz.js';
-import { XYZ_D65_to_D50, xyzd502srgb } from './xyzd50.js';
+import { srgb2xyz_d50, XYZ_D50_to_D65 } from './xyz.js';
+import { XYZ_D65_to_D50 } from './xyzd50.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function hex2labToken(token) {
@@ -80,7 +80,10 @@ function labToken(values) {
         { typ: EnumToken.NumberTokenType, val: String(values[2]) },
     ];
     if (values.length == 4) {
-        chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, { typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed() });
+        chi.push({ typ: EnumToken.LiteralTokenType, val: '/' }, {
+            typ: EnumToken.PercentageTokenType,
+            val: (values[3] * 100).toFixed()
+        });
     }
     return {
         typ: EnumToken.ColorTokenType,
@@ -114,8 +117,12 @@ function hsl2labvalues(token) {
     return srgb2labvalues(...values);
 }
 function hwb2labvalues(token) {
+    const values = hwb2srgbvalues(token);
+    if (values == null) {
+        return null;
+    }
     // @ts-ignore
-    return srgb2labvalues(...hwb2srgbvalues(token));
+    return srgb2labvalues(...values);
 }
 function lch2labvalues(token) {
     const values = getLCHComponents(token);
@@ -195,7 +202,7 @@ function getLABComponents(token) {
     }
     for (let i = 0; i < components.length; i++) {
         if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.IdenTokenType].includes(components[i].typ)) {
-            return [];
+            return null;
         }
     }
     // @ts-ignore
@@ -227,10 +234,7 @@ function Lab_to_sRGB(l, a, b) {
     // @ts-ignore
     const xyz_d65 = XYZ_D50_to_D65(...xyz_d50);
     // @ts-ignore
-    const lin_srgb = XYZ_to_lin_sRGB(...xyz_d65);
-    lin_srgb.map((value, i) => value > 0.0031308 ? 1.055 * Math.pow(value, 1 / 2.4) - 0.055 : 12.92 * value);
-    // @ts-ignore
-    return xyzd502srgb(...Lab_to_XYZ(l, a, b));
+    return xyz2srgb(...xyz_d65);
 }
 // from https://www.w3.org/TR/css-color-4/#color-conversion-code
 function Lab_to_XYZ(l, a, b) {
diff --git a/dist/lib/syntax/color/utils/distance.js b/dist/lib/syntax/color/utils/distance.js
index bb7b459d..ad024912 100644
--- a/dist/lib/syntax/color/utils/distance.js
+++ b/dist/lib/syntax/color/utils/distance.js
@@ -12,7 +12,7 @@ import '../../../renderer/sourcemap/lib/encode.js';
 function okLabDistance(okLab1, okLab2) {
     return Math.sqrt(Math.pow(okLab1[0] - okLab2[0], 2) + Math.pow(okLab1[1] - okLab2[1], 2) + Math.pow(okLab1[2] - okLab2[2], 2));
 }
-function isOkLabClose(color1, color2, threshold = 2.3) {
+function isOkLabClose(color1, color2, threshold = .01) {
     color1 = convertColor(color1, ColorType.OKLAB);
     color2 = convertColor(color2, ColorType.OKLAB);
     // console.error(JSON.stringify({color1, color2}, null, 1));
diff --git a/package.json b/package.json
index a8c6485f..4ff5910f 100644
--- a/package.json
+++ b/package.json
@@ -70,4 +70,4 @@
     "rollup-plugin-dts": "^6.2.1",
     "tslib": "^2.8.1"
   }
-}
+}
\ No newline at end of file
diff --git a/src/lib/syntax/color/a98rgb.ts b/src/lib/syntax/color/a98rgb.ts
index b40a84b2..61bf5a87 100644
--- a/src/lib/syntax/color/a98rgb.ts
+++ b/src/lib/syntax/color/a98rgb.ts
@@ -21,10 +21,10 @@ function a98rgb2la98(r: number, g: number, b: number, a: number | null = null):
     // to linear light (un-companded) form.
     // negative values are also now accepted
     return [r, g, b].map(function (val) {
-        let sign = val < 0? -1 : 1;
+        let sign = val < 0 ? -1 : 1;
         let abs = Math.abs(val);
 
-        return sign * Math.pow(abs, 563/256);
+        return sign * Math.pow(abs, 563 / 256);
     }).concat(a == null || a == 1 ? [] : [a]);
 }
 
@@ -34,10 +34,10 @@ function la98rgb2a98rgb(r: number, g: number, b: number, a: number | null = null
 
     // negative values are also now accepted
     return [r, b, g].map(function (val) {
-        let sign = val < 0? -1 : 1;
+        let sign = val < 0 ? -1 : 1;
         let abs = Math.abs(val);
 
-        return sign * Math.pow(abs, 256/563);
+        return sign * Math.pow(abs, 256 / 563);
     }).concat(a == null || a == 1 ? [] : [a]);
 }
 
@@ -50,9 +50,9 @@ function la98rgb2xyz(r: number, g: number, b: number, a: number | null = null):
     // from the chromaticity coordinates of R G B W
     // see matrixmaker.html
     var M = [
-        [ 573536 /  994567,  263643 / 1420810,  187206 /  994567 ],
-        [ 591459 / 1989134, 6239551 / 9945670,  374412 / 4972835 ],
-        [  53769 / 1989134,  351524 / 4972835, 4929758 / 4972835 ],
+        [573536 / 994567, 263643 / 1420810, 187206 / 994567],
+        [591459 / 1989134, 6239551 / 9945670, 374412 / 4972835],
+        [53769 / 1989134, 351524 / 4972835, 4929758 / 4972835],
     ];
 
     return multiplyMatrices(M, [r, g, b]).concat(a == null || a == 1 ? [] : [a]);
@@ -61,9 +61,9 @@ function la98rgb2xyz(r: number, g: number, b: number, a: number | null = null):
 function xyz2la98rgb(x: number, y: number, z: number, a: number | null = null): number[] {
     // convert XYZ to linear-light a98-rgb
     var M = [
-        [ 1829569 /  896150, -506331 /  896150, -308931 /  896150 ],
-        [ -851781 /  878810, 1648619 /  878810,   36519 /  878810 ],
-        [   16779 / 1248040, -147721 / 1248040, 1266979 / 1248040 ],
+        [1829569 / 896150, -506331 / 896150, -308931 / 896150],
+        [-851781 / 878810, 1648619 / 878810, 36519 / 878810],
+        [16779 / 1248040, -147721 / 1248040, 1266979 / 1248040],
     ];
 
     return multiplyMatrices(M, [x, y, z]).concat(a == null || a == 1 ? [] : [a]);
diff --git a/src/lib/syntax/color/color.ts b/src/lib/syntax/color/color.ts
index bca19fcc..4ca48c71 100644
--- a/src/lib/syntax/color/color.ts
+++ b/src/lib/syntax/color/color.ts
@@ -244,6 +244,14 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return lch2HslToken(token);
 
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
 
                 return color2HslToken(token);
         }
@@ -260,7 +268,6 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
             case ColorType.HEX:
             case ColorType.LIT:
 
-                // @ts-ignore
                 return rgb2hwbToken(token);
 
             case ColorType.HSL:
@@ -289,6 +296,14 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return cmyk2hwbToken(token);
 
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
 
                 return color2hwbToken(token);
         }
@@ -333,6 +348,14 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return lch2cmykToken(token);
 
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
 
                 return color2cmykToken(token);
 
@@ -381,6 +404,14 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return lch2HexToken(token);
 
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
 
                 return color2HexToken(token);
 
@@ -427,6 +458,14 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return lch2RgbToken(token);
 
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
 
                 return color2RgbToken(token);
         }
@@ -471,6 +510,14 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return oklch2labToken(token);
 
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
 
                 return color2labToken(token);
         }
@@ -514,6 +561,14 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return oklch2lchToken(token);
 
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
 
                 return color2lchToken(token);
         }
@@ -558,6 +613,14 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return oklch2oklabToken(token);
 
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
 
                 return color2oklabToken(token);
         }
@@ -602,14 +665,20 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return lch2oklchToken(token);
 
             case ColorType.COLOR:
+            case ColorType.XYZ:
+            case ColorType.SRGB:
+            case ColorType.REC2020:
+            case ColorType.XYZ_D50:
+            case ColorType.A98_RGB:
+            case ColorType.DISPLAY_P3:
+            case ColorType.SRGB_LINEAR:
+            case ColorType.PROPHOTO_RGB:
 
                 return color2oklchToken(token);
         }
 
     } else if (colorFuncColorSpace.includes((ColorType[to].toLowerCase().replaceAll('_', '-') as string).toLowerCase().replaceAll('_', '-'))) {
 
-        console.error(ColorType[token.kin]);
-
         switch (token.kin) {
 
             case ColorType.HEX:
@@ -774,8 +843,6 @@ export function color2colorToken(token: ColorToken, to: ColorType): ColorToken |
         return null;
     }
 
-    console.error({srgb: values});
-
     return values2colortoken(values, to);
 }
 
@@ -918,7 +985,11 @@ function values2colortoken(values: number[], to: ColorType): ColorToken {
 
     if (values.length == 4) {
 
-        chi.push({typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed()});
+        chi.push(
+            {typ: EnumToken.LiteralTokenType, val: "/"}, {
+                typ: EnumToken.PercentageTokenType,
+                val: (values[3] * 100).toFixed()
+            });
     }
 
     const colorSpace: string = ColorType[to].toLowerCase().replaceAll('_', '-');
diff --git a/src/lib/syntax/color/lab.ts b/src/lib/syntax/color/lab.ts
index a19929e1..2dfdef74 100644
--- a/src/lib/syntax/color/lab.ts
+++ b/src/lib/syntax/color/lab.ts
@@ -1,12 +1,20 @@
 import {D50, e, getComponents, k} from "./utils/index.ts";
-import {srgb2xyz_d50, XYZ_D50_to_D65, XYZ_to_lin_sRGB} from "./xyz.ts";
+import {srgb2xyz_d50, XYZ_D50_to_D65} from "./xyz.ts";
 import type {ColorToken, NumberToken, PercentageToken, Token} from "../../../@types/index.d.ts";
-import {cmyk2srgbvalues, hex2srgbvalues, hsl2srgb, hwb2srgbvalues, oklch2srgbvalues, rgb2srgb} from "./srgb.ts";
+import {
+    cmyk2srgbvalues,
+    hex2srgbvalues,
+    hsl2srgb,
+    hwb2srgbvalues,
+    oklch2srgbvalues,
+    rgb2srgb,
+    xyz2srgb
+} from "./srgb.ts";
 import {getLCHComponents} from "./lch.ts";
 import {getOKLABComponents, OKLab_to_XYZ} from "./oklab.ts";
 import {color2srgbvalues, getNumber} from "./color.ts";
 import {ColorType, EnumToken} from "../../ast/index.ts";
-import {XYZ_D65_to_D50, xyzd502srgb} from "./xyzd50.ts";
+import {XYZ_D65_to_D50} from "./xyzd50.ts";
 
 export function hex2labToken(token: ColorToken): ColorToken | null {
 
@@ -112,7 +120,10 @@ function labToken(values: number[]): ColorToken | null {
 
     if (values.length == 4) {
 
-        chi.push({typ: EnumToken.LiteralTokenType, val: '/'}, {typ: EnumToken.PercentageTokenType, val: (values[3] * 100).toFixed()});
+        chi.push({typ: EnumToken.LiteralTokenType, val: '/'}, {
+            typ: EnumToken.PercentageTokenType,
+            val: (values[3] * 100).toFixed()
+        });
     }
 
     return {
@@ -159,16 +170,22 @@ export function hsl2labvalues(token: ColorToken): number[] | null {
     return srgb2labvalues(...values);
 }
 
-export function hwb2labvalues(token: ColorToken): number[] {
+export function hwb2labvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = hwb2srgbvalues(token);
+
+    if (values == null) {
+        return null;
+    }
 
     // @ts-ignore
-    return srgb2labvalues(...hwb2srgbvalues(token));
+    return srgb2labvalues(...values);
 }
 
 export function lch2labvalues(token: ColorToken): number[] | null {
 
 
-    const values = getLCHComponents(token);
+    const values: number[] | null = getLCHComponents(token);
 
     // @ts-ignore
     return values == null ? null : lchvalues2labvalues(...values);
@@ -282,7 +299,7 @@ export function getLABComponents(token: ColorToken): number[] | null {
 
         if (![EnumToken.NumberTokenType, EnumToken.PercentageTokenType, EnumToken.AngleTokenType, EnumToken.IdenTokenType].includes(components[i].typ)) {
 
-            return [];
+            return null;
         }
     }
 
@@ -324,17 +341,12 @@ export function getLABComponents(token: ColorToken): number[] | null {
 // D50 LAB
 export function Lab_to_sRGB(l: number, a: number, b: number): number[] {
 
-    const xyz_d50 = Lab_to_XYZ(l, a, b);
-    // @ts-ignore
-    const xyz_d65 = XYZ_D50_to_D65(...xyz_d50);
-
+    const xyz_d50: number[] = Lab_to_XYZ(l, a, b);
     // @ts-ignore
-    const lin_srgb = XYZ_to_lin_sRGB(...xyz_d65);
-
-    const srgb = lin_srgb.map((value: number, i: number) => value > 0.0031308 ? 1.055 * Math.pow(value, 1 / 2.4) - 0.055 : 12.92 * value);
+    const xyz_d65: number[] = XYZ_D50_to_D65(...xyz_d50);
 
     // @ts-ignore
-    return xyzd502srgb(...Lab_to_XYZ(l, a, b));
+    return xyz2srgb(...xyz_d65);
 }
 
 // from https://www.w3.org/TR/css-color-4/#color-conversion-code
diff --git a/src/lib/syntax/color/utils/distance.ts b/src/lib/syntax/color/utils/distance.ts
index ff06bafa..e301fdaa 100644
--- a/src/lib/syntax/color/utils/distance.ts
+++ b/src/lib/syntax/color/utils/distance.ts
@@ -9,7 +9,7 @@ export function okLabDistance(okLab1: [number, number, number], okLab2: [number,
     return Math.sqrt(Math.pow(okLab1[0] - okLab2[0], 2) + Math.pow(okLab1[1] - okLab2[1], 2) + Math.pow(okLab1[2] - okLab2[2], 2));
 }
 
-export function isOkLabClose(color1: ColorToken, color2: ColorToken, threshold: number = 2.3): boolean {
+export function isOkLabClose(color1: ColorToken, color2: ColorToken, threshold: number = .01): boolean {
 
     color1 = convertColor(color1, ColorType.OKLAB) as ColorToken;
     color2 = convertColor(color2, ColorType.OKLAB ) as ColorToken;
diff --git a/test/specs/code/angle.js b/test/specs/code/angle.js
index 72c4ef03..818e1d03 100644
--- a/test/specs/code/angle.js
+++ b/test/specs/code/angle.js
@@ -1,5 +1,5 @@
 
-export function run(describe, expect, transform) {
+export function run(describe, expect, it, transform) {
 
     describe('Parse angle', function () {
 
diff --git a/test/specs/code/at-rules.js b/test/specs/code/at-rules.js
index 690d4db3..894779eb 100644
--- a/test/specs/code/at-rules.js
+++ b/test/specs/code/at-rules.js
@@ -1,4 +1,4 @@
-export function run(describe, expect, transform, parse, render, dirname) {
+export function run(describe, expect, it, transform, parse, render, dirname) {
 
     describe('media queries level 5', function () {
         it('empty query #1', function () {
diff --git a/test/specs/code/block.js b/test/specs/code/block.js
index a268caa0..d88f6a40 100644
--- a/test/specs/code/block.js
+++ b/test/specs/code/block.js
@@ -1,4 +1,4 @@
-export function run(describe, expect, transform, parse, render) {
+export function run(describe, expect, it, transform, parse, render) {
 
     describe('doParse block', function () {
 
diff --git a/test/specs/code/calc.js b/test/specs/code/calc.js
index c43706f6..7ba4f945 100644
--- a/test/specs/code/calc.js
+++ b/test/specs/code/calc.js
@@ -1,6 +1,6 @@
 
 
-export function run(describe, expect, transform, parse, render) {
+export function run(describe, expect, it, transform, parse, render) {
 
     describe('calc expression', function () {
 
diff --git a/test/specs/code/color-a98-rgb.js b/test/specs/code/color-a98-rgb.js
new file mode 100644
index 00000000..f9764761
--- /dev/null
+++ b/test/specs/code/color-a98-rgb.js
@@ -0,0 +1,584 @@
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
+
+export function run(describe, expect, it, transform, parse, render) {
+
+    describe('convert to a98-rgb', function () {
+
+        it('rgb(a) to a98-rgb #1', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hsl(a) to a98-rgb #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('device-cmyk() to a98-rgb #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hwb() to a98-rgb #4', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hwb() to a98-rgb #5', function () {
+            return transform(`.hsl { color: #b3222280; }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('srgb-linear to a98-rgb #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('display-p3 to a98-rgb #7', function () {
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('srgb to a98-rgb #8', function () {
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('photo-rgb to a98-rgb #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz to a98-rgb #11', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d50 to a98-rgb #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 0.205 0.1127 0.0193 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d65 to a98-rgb #13', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklab to a98-rgb #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklch to a98-rgb #15', function () {
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lab to a98-rgb #16', function () {
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lch to a98-rgb #17', function () {
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "a98-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".6014734178208441"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964947"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".15252996199964927"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+    });
+}
diff --git a/test/specs/code/color-cmyk.js b/test/specs/code/color-cmyk.js
index 44e9f983..148a2c96 100644
--- a/test/specs/code/color-cmyk.js
+++ b/test/specs/code/color-cmyk.js
@@ -1,7 +1,7 @@
 import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
 import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
-export function run(describe, expect, transform, parse, render) {
+export function run(describe, expect, it, transform, parse, render) {
 
     describe('convert to cmyk', function () {
 
diff --git a/test/specs/code/color-display-p3.js b/test/specs/code/color-display-p3.js
new file mode 100644
index 00000000..a29696b6
--- /dev/null
+++ b/test/specs/code/color-display-p3.js
@@ -0,0 +1,548 @@
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
+
+export function run(describe, expect, transform, parse, render) {
+
+    describe('convert to display-p3', function () {
+
+        it('rgb(a) to display-p3 #1', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hsl(a) to display-p3 #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('device-cmyk() to display-p3 #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hwb() to display-p3 #4', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('srgb-linear to display-p3 #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('display-p3 to display-p3 #7', function () {
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('a98-rgb to display-p3 #8', function () {
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('photo-rgb to display-p3 #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz to display-p3 #11', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d50 to display-p3 #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 0.205 0.1127 0.0193 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d65 to display-p3 #13', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklab to display-p3 #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklch to display-p3 #15', function () {
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lab to display-p3 #16', function () {
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lch to display-p3 #17', function () {
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "display-p3"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.6449802764484531"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.19119980094061145"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.16577088540310694"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+    });
+}
diff --git a/test/specs/code/color-hex.js b/test/specs/code/color-hex.js
index 63f14b2b..9a4f9f5a 100644
--- a/test/specs/code/color-hex.js
+++ b/test/specs/code/color-hex.js
@@ -1,7 +1,7 @@
 import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
 import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
-export function run(describe, expect, transform, parse, render) {
+export function run(describe, expect, it, transform, parse, render) {
 
     describe('convert to hex', function () {
 
diff --git a/test/specs/code/color-hsl.js b/test/specs/code/color-hsl.js
index cc5f81f8..1ea5f161 100644
--- a/test/specs/code/color-hsl.js
+++ b/test/specs/code/color-hsl.js
@@ -1,7 +1,7 @@
 import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
 import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
-export function run(describe, expect, transform, parse, render) {
+export function run(describe, expect, it, transform, parse, render) {
 
     describe('convert to hsl', function () {
 
diff --git a/test/specs/code/color-hwb.js b/test/specs/code/color-hwb.js
index 3ddc4605..90476117 100644
--- a/test/specs/code/color-hwb.js
+++ b/test/specs/code/color-hwb.js
@@ -1,7 +1,7 @@
 import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
 import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
-export function run(describe, expect, transform, parse, render) {
+export function run(describe, expect, it, transform, parse, render) {
 
     describe('convert to hwb', function () {
 
diff --git a/test/specs/code/color-lab.js b/test/specs/code/color-lab.js
index cef11098..d3895c7c 100644
--- a/test/specs/code/color-lab.js
+++ b/test/specs/code/color-lab.js
@@ -1,7 +1,7 @@
 import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
 import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
-export function run(describe, expect, transform, parse, render) {
+export function run(describe, expect, it, transform, parse, render) {
 
     describe('convert to lab', function () {
 
diff --git a/test/specs/code/color-lch.js b/test/specs/code/color-lch.js
index 7b227c8c..c866191a 100644
--- a/test/specs/code/color-lch.js
+++ b/test/specs/code/color-lch.js
@@ -1,7 +1,7 @@
 import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
 import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
-export function run(describe, expect, transform, parse, render) {
+export function run(describe, expect, it, transform, parse, render) {
 
     describe('convert to lab', function () {
 
diff --git a/test/specs/code/color-linear-srgb.js b/test/specs/code/color-linear-srgb.js
new file mode 100644
index 00000000..91d2f176
--- /dev/null
+++ b/test/specs/code/color-linear-srgb.js
@@ -0,0 +1,620 @@
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
+
+export function run(describe, expect, it, transform, parse, render) {
+
+    describe('convert to srgb-linear', function () {
+
+        it('rgb(a) to srgb-linear #1', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hsl(a) to srgb-linear #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('device-cmyk() to srgb-linear #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hwb() to srgb-linear #4', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('srgb to srgb-linear #5', function () {
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('srgb to srgb-linear #6', function () {
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('display-p3 to srgb-linear #7', function () {
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('a98-rgb to srgb-linear #8', function () {
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('photo-rgb to srgb-linear #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('rec2020 to srgb-linear #10', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz to srgb-linear #11', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d50 to srgb-linear #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 0.205 0.1127 0.0193 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d65 to srgb-linear #13', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklab to srgb-linear #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklch to srgb-linear #15', function () {
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lab to srgb-linear #16', function () {
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lch to srgb-linear #17', function () {
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb-linear"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.45078578283822346"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.01599629336550963"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+    });
+}
diff --git a/test/specs/code/color-oklab.js b/test/specs/code/color-oklab.js
index 5719c2e1..5ad7457a 100644
--- a/test/specs/code/color-oklab.js
+++ b/test/specs/code/color-oklab.js
@@ -1,7 +1,7 @@
 import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
 import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
-export function run(describe, expect, transform, parse, render) {
+export function run(describe, expect, it, transform, parse, render) {
 
     describe('convert to oklab', function () {
 
diff --git a/test/specs/code/color-oklch.js b/test/specs/code/color-oklch.js
index bdefa4fb..cafa6f0e 100644
--- a/test/specs/code/color-oklch.js
+++ b/test/specs/code/color-oklch.js
@@ -1,7 +1,7 @@
 import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
 import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
-export function run(describe, expect, transform, parse, render) {
+export function run(describe, expect, it, transform, parse, render) {
 
     describe('convert to oklch', function () {
 
diff --git a/test/specs/code/color-prophoto-rgb.js b/test/specs/code/color-prophoto-rgb.js
new file mode 100644
index 00000000..5be2509b
--- /dev/null
+++ b/test/specs/code/color-prophoto-rgb.js
@@ -0,0 +1,584 @@
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
+
+export function run(describe, expect, it, transform, parse, render) {
+
+    describe('convert to prophoto-rgb', function () {
+
+        it('rgb(a) to prophoto-rgb #1', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hsl(a) to prophoto-rgb #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('device-cmyk() to prophoto-rgb #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hwb() to prophoto-rgb #4', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hex to prophoto-rgb #5', function () {
+            return transform(`.hsl { color: #b3222280; }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('srgb-linear to prophoto-rgb #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('display-p3 to prophoto-rgb #7', function () {
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('a98-rgb to prophoto-rgb #8', function () {
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('srgb to prophoto-rgb #9', function () {
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz to prophoto-rgb #11', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d50 to prophoto-rgb #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 0.205 0.1127 0.0193 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d65 to prophoto-rgb #13', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklab to prophoto-rgb #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklch to prophoto-rgb #15', function () {
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lab to prophoto-rgb #16', function () {
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lch to prophoto-rgb #17', function () {
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "prophoto-rgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.458932310317104"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.20709804105465876"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.12397162868002198"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+    });
+}
diff --git a/test/specs/code/color-rec2020.js b/test/specs/code/color-rec2020.js
new file mode 100644
index 00000000..043344ba
--- /dev/null
+++ b/test/specs/code/color-rec2020.js
@@ -0,0 +1,584 @@
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
+
+export function run(describe, expect, it, transform, parse, render) {
+
+    describe('convert to rec2020', function () {
+
+        it('rgb(a) to rec2020 #1', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hsl(a) to rec2020 #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('device-cmyk() to rec2020 #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hwb() to rec2020 #4', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hex to rec2020 #5', function () {
+            return transform(`.hsl { color: #b3222280; }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('srgb-linear to rec2020 #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('display-p3 to rec2020 #7', function () {
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('a98-rgb to rec2020 #8', function () {
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('photo-rgb to rec2020 #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz to rec2020 #11', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d50 to rec2020 #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 0.205 0.1127 0.0193 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d65 to rec2020 #13', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklab to rec2020 #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklch to rec2020 #15', function () {
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lab to rec2020 #16', function () {
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lch to rec2020 #17', function () {
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "rec2020"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".5293019037237446"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1758230143656851"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".10251000214438549"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+    });
+}
diff --git a/test/specs/code/color-rgb.js b/test/specs/code/color-rgb.js
index 48923f4d..d29e29df 100644
--- a/test/specs/code/color-rgb.js
+++ b/test/specs/code/color-rgb.js
@@ -1,7 +1,7 @@
 import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
 import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
 
-export function run(describe, expect, transform, parse, render) {
+export function run(describe, expect, it, transform, parse, render) {
 
     describe('convert to rgb', function () {
 
diff --git a/test/specs/code/color-srgb.js b/test/specs/code/color-srgb.js
new file mode 100644
index 00000000..6d1c81fd
--- /dev/null
+++ b/test/specs/code/color-srgb.js
@@ -0,0 +1,584 @@
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
+
+export function run(describe, expect, it, transform, parse, render) {
+
+    describe('convert to srgb', function () {
+
+        it('rgb(a) to srgb #1', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    "typ": EnumToken.ColorTokenType,
+                    "val": "color",
+                    "chi": [{"typ": 7, "val": "display-p3"}, {"typ": 12, "val": "0.6449802764484531"}, {
+                        "typ": 12,
+                        "val": "0.19119980094061145"
+                    }, {"typ": 12, "val": "0.16577088540310694"}, {"typ": 6, "val": "/"}, {"typ": 14, "val": "50"}],
+                    "kin":  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hsl(a) to srgb #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('device-cmyk() to srgb #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hwb() to srgb #4', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hex to srgb #5', function () {
+            return transform(`.hsl { color: #b3222280; }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('srgb-linear to srgb #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('display-p3 to srgb #7', function () {
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('a98-rgb to srgb #8', function () {
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('photo-rgb to srgb #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('rec2020 to srgb #10', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz to srgb #11', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d50 to srgb #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 0.205 0.1127 0.0193 / 0.50); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d65 to srgb #13', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklab to srgb #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklch to srgb #15', function () {
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lab to srgb #16', function () {
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lch to srgb #17', function () {
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`, {
+                beautify: true,
+                convertColor:  ColorType.SRGB
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "srgb"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.7019607843137254"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.13333333333333333"
+                        },
+                        {typ: EnumToken.LiteralTokenType, val: "/"},
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin:  ColorType.COLOR
+                }
+            )).equals(true));
+        });
+    });
+}
diff --git a/test/specs/code/color-xyz-d50.js b/test/specs/code/color-xyz-d50.js
new file mode 100644
index 00000000..f3ba0136
--- /dev/null
+++ b/test/specs/code/color-xyz-d50.js
@@ -0,0 +1,584 @@
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
+
+export function run(describe, expect, it, transform, parse, render) {
+
+    describe('convert to xyz-d50', function () {
+
+        it('rgb(a) to xyz-d50 #1', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hsl(a) to xyz-d50 #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('device-cmyk() to xyz-d50 #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hwb() to xyz-d50 #4', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hex to xyz-d50 #5', function () {
+            return transform(`.hsl { color: #b3222280; }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('srgb-linear to xyz-d50 #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('display-p3 to xyz-d50 #7', function () {
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('a98-rgb to xyz-d50 #8', function () {
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('photo-rgb to xyz-d50 #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz to xyz-d50 #11', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('srgb to xyz-d50 #12', function () {
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d65 to xyz-d50 #13', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklab to xyz-d50 #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklch to xyz-d50 #15', function () {
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lab to xyz-d50 #16', function () {
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lch to xyz-d50 #17', function () {
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz-d50"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.2050219599912612"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: "0.11273398825257439"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".019252589983419124"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+    });
+}
diff --git a/test/specs/code/color-xyz.js b/test/specs/code/color-xyz.js
new file mode 100644
index 00000000..2e6b83ba
--- /dev/null
+++ b/test/specs/code/color-xyz.js
@@ -0,0 +1,584 @@
+import {ColorType, EnumToken} from "../../../dist/lib/ast/types.js";
+import {isOkLabClose} from "../../../dist/lib/syntax/color/utils/distance.js";
+
+export function run(describe, expect, it, transform, parse, render) {
+
+    describe('convert to xyz', function () {
+
+        it('rgb(a) to xyz #1', function () {
+            return transform(`.hsl { color: rgb(179 34 34/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hsl(a) to xyz #2', function () {
+            return transform(`.hsl { color: hsl(0 68.07511737089203% 41.764705882352935%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('device-cmyk() to xyz #3', function () {
+            return transform(`.hsl { color: device-cmyk(0 81.00558659217877% 81.00558659217877% 29.803921568627455%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hwb() to xyz #4', function () {
+            return transform(`.hsl { color: hwb(0 13.333333333333334% 30%/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('hex to xyz #5', function () {
+            return transform(`.hsl { color: #b3222280; }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('srgb-linear to xyz #6', function () {
+            return transform(`.hsl { color: color(srgb-linear .45078578283822346 .01599629336550963 .01599629336550963/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('display-p3 to xyz #7', function () {
+            return transform(`.hsl { color: color(display-p3 0.644980276448 0.191199800941 0.165770885403 / 0.501960784314); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('a98-rgb to xyz #8', function () {
+            return transform(`.hsl { color: color(a98-rgb 0.6015 0.1525 0.1525 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('photo-rgb to xyz #9', function () {
+            return transform(`.hsl { color: color(prophoto-rgb 0.4589 0.2071 0.124 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('srgb to xyz #11', function () {
+            return transform(`.hsl { color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d50 to xyz #12', function () {
+            return transform(`.hsl { color: color(xyz-d50 0.205 0.1127 0.0193 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('xyz-d65 to xyz #13', function () {
+            return transform(`.hsl { color: color(xyz-d65 0.1945 0.1084 0.0258 / 0.50); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklab to xyz #14', function () {
+            return transform(`.hsl { color: oklab(.49863253097209403 .16117650019451524 .08155524287358212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('oklch to xyz #15', function () {
+            return transform(`.hsl { color: oklch(.49863253097209403 .1806353283694016 26.839391611662446/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lab to xyz #16', function () {
+            return transform(`.hsl { color: lab(40.03718216996103 56.88417629340889 39.4648992397212/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+
+        it('lch to xyz #17', function () {
+            return transform(`.hsl { color: lch(40.03718216996103 69.23357411387173 34.75200047889167/50%); }`, {
+                beautify: true,
+                convertColor: ColorType.SRGB_LINEAR
+            }).then(result => expect(isOkLabClose(result.ast.chi[0].chi[0].val[0], {
+                    typ: EnumToken.ColorTokenType,
+                    val: "color",
+                    chi: [
+                        {
+                            typ: EnumToken.IdenTokenType,
+                            val: "xyz"
+                        },
+                        {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".1945069569161969"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".108449498170369"
+                        }, {
+                            typ: EnumToken.NumberTokenType,
+                            val: ".025825724073578846"
+                        },
+                        {
+                            typ: EnumToken.LiteralTokenType,
+                            val: "/"
+                        },
+                        {
+                            typ: EnumToken.PercentageTokenType,
+                            val: "50"
+                        }
+                    ],
+                    kin: ColorType.COLOR
+                }
+            )).equals(true));
+        });
+    });
+}
diff --git a/test/specs/code/color.js b/test/specs/code/color.js
index ab6bc1d0..1fed974a 100644
--- a/test/specs/code/color.js
+++ b/test/specs/code/color.js
@@ -1,5 +1,5 @@
 
-export function run(describe, expect, transform, parse, render) {
+export function run(describe, expect, it, transform, parse, render) {
 
     describe('Parse color', function () {
 
diff --git a/test/specs/code/expand.js b/test/specs/code/expand.js
index 156d48d9..ae09eb11 100644
--- a/test/specs/code/expand.js
+++ b/test/specs/code/expand.js
@@ -1,4 +1,4 @@
-export function run(describe, expect, transform, parse, render) {
+export function run(describe, expect, it, transform, parse, render) {
 
     describe('flatten nested css rules', function () {
         it('flatten #1', function () {
diff --git a/test/specs/code/grid.js b/test/specs/code/grid.js
index 42dd5e9b..07f7b01d 100644
--- a/test/specs/code/grid.js
+++ b/test/specs/code/grid.js
@@ -1,5 +1,5 @@
 
-export function run(describe, expect, transform, parse, render) {
+export function run(describe, expect, it, transform, parse, render) {
 
     describe('grid', function () {
 
diff --git a/test/specs/code/import1.js b/test/specs/code/import1.js
index 2260a159..05c53d2d 100644
--- a/test/specs/code/import1.js
+++ b/test/specs/code/import1.js
@@ -1,5 +1,5 @@
 
-export function run(describe, expect, transform, parse, render, dirname) {
+export function run(describe, expect, it, transform, parse, render, dirname) {
 
     const atRule = `
 @import '${(import.meta.dirname ?? dirname(new URL(import.meta.url).pathname)) + '/../../files/css/color.css?v=1'}';
diff --git a/test/specs/code/import2.js b/test/specs/code/import2.js
index 28f38b18..f5cd166b 100644
--- a/test/specs/code/import2.js
+++ b/test/specs/code/import2.js
@@ -1,5 +1,5 @@
 
-export function run(describe, expect, transform, parse, render, dirname, readFile) {
+export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
 
     const import1 = `@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css#fontawesome';
 `;
diff --git a/test/specs/code/index.js b/test/specs/code/index.js
index 54e24adc..2dc7fd6f 100644
--- a/test/specs/code/index.js
+++ b/test/specs/code/index.js
@@ -12,6 +12,13 @@ export * as colorLAB from './color-lab.js';
 export * as colorOKLAB from './color-oklab.js';
 export * as colorLCH from './color-lch.js';
 export * as colorOKLCH from './color-oklch.js';
+export * as colorSRGB from './color-srgb.js';
+export * as colorLinearSRGB from './color-linear-srgb.js';
+export * as colorA98RGB from './color-a98-rgb.js';
+export * as colorPhotoRGB from './color-prophoto-rgb.js';
+export * as colorRec2020 from './color-rec2020.js';
+export * as colorXyz from './color-xyz.js';
+export * as colorXyzD50 from './color-xyz-d50.js';
 export * as expand from './expand.js';
 export * as grid from './grid.js';
 export * as import1 from './import1.js';
diff --git a/test/specs/code/lenient.js b/test/specs/code/lenient.js
index 750b3b7f..d20bf151 100644
--- a/test/specs/code/lenient.js
+++ b/test/specs/code/lenient.js
@@ -1,4 +1,4 @@
-export function run(describe, expect, transform, parse, render, dirname, readFile) {
+export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
 
     describe('Lenient validation', function () {
         it('lenient at-rules and pseudo classes #1', function () {
diff --git a/test/specs/code/malformed.js b/test/specs/code/malformed.js
index 686a6edc..66cfabde 100644
--- a/test/specs/code/malformed.js
+++ b/test/specs/code/malformed.js
@@ -1,5 +1,5 @@
 
-export function run(describe, expect, transform, parse, render, dirname, readFile) {
+export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
 
     describe('malformed tokens', function () {
 
diff --git a/test/specs/code/minify.js b/test/specs/code/minify.js
index 21218dc2..427c6a9e 100644
--- a/test/specs/code/minify.js
+++ b/test/specs/code/minify.js
@@ -1,4 +1,4 @@
-export function run(describe, expect, transform, parse, render, dirname, readFile) {
+export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
 
     const css = `
 :root {
diff --git a/test/specs/code/nesting.js b/test/specs/code/nesting.js
index 6c7b18e9..f14ccd10 100644
--- a/test/specs/code/nesting.js
+++ b/test/specs/code/nesting.js
@@ -1,4 +1,4 @@
-export function run(describe, expect, transform, parse, render, dirname, readFile) {
+export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
 
     describe('CSS Nesting', function () {
         it('nesting #1', function () {
diff --git a/test/specs/code/prefix.js b/test/specs/code/prefix.js
index c215a264..e343a0ea 100644
--- a/test/specs/code/prefix.js
+++ b/test/specs/code/prefix.js
@@ -1,5 +1,5 @@
 
-export function run(describe, expect, transform, parse, render, dirname, readFile) {
+export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
 
     describe('prefix removal', function () {
 
diff --git a/test/specs/code/shorthand.js b/test/specs/code/shorthand.js
index 539198d4..5955301c 100644
--- a/test/specs/code/shorthand.js
+++ b/test/specs/code/shorthand.js
@@ -1,4 +1,4 @@
-export function run(describe, expect, transform, parse, render, dirname, readFile) {
+export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
 
     const options = {
         minify: true,
diff --git a/test/specs/code/sourcemaps.js b/test/specs/code/sourcemaps.js
index b28bf497..53e70d81 100644
--- a/test/specs/code/sourcemaps.js
+++ b/test/specs/code/sourcemaps.js
@@ -1,6 +1,6 @@
 
 
-export function run(describe, expect, transform, parse, render, dirname, readFile, ) {
+export function run(describe, expect, it, transform, parse, render, dirname, readFile, ) {
 
     describe('sourcemap', function () {
 
diff --git a/test/specs/code/transform.js b/test/specs/code/transform.js
index 90b264d4..9aed7323 100644
--- a/test/specs/code/transform.js
+++ b/test/specs/code/transform.js
@@ -1,4 +1,4 @@
-export function run(describe, expect, transform, parse, render, dirname, readFile) {
+export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
 
     describe('CSS translate', function () {
         it('translateY #1', function () {
diff --git a/test/specs/code/validation.js b/test/specs/code/validation.js
index 6762fed4..9c9aa9c0 100644
--- a/test/specs/code/validation.js
+++ b/test/specs/code/validation.js
@@ -1,4 +1,4 @@
-export function run(describe, expect, transform, parse, render, dirname, readFile) {
+export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
 
     describe('selector validation', function () {
 
diff --git a/test/specs/code/vars.js b/test/specs/code/vars.js
index e08bc7c4..9cbcc3a2 100644
--- a/test/specs/code/vars.js
+++ b/test/specs/code/vars.js
@@ -1,4 +1,4 @@
-export function run(describe, expect, transform, parse, render, dirname, readFile) {
+export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
 
     describe('Inline css variable', function () {
 
diff --git a/test/specs/code/visitors.js b/test/specs/code/visitors.js
index 279cc385..de51d5be 100644
--- a/test/specs/code/visitors.js
+++ b/test/specs/code/visitors.js
@@ -1,6 +1,6 @@
 import {EnumToken} from "../../../dist/lib/ast/types.js";
 
-export function run(describe, expect, transform, parse, render, dirname, readFile) {
+export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
 
     describe('node visitor', function () {
 
diff --git a/test/specs/code/walk.js b/test/specs/code/walk.js
index 9421aa57..8b3b47d5 100644
--- a/test/specs/code/walk.js
+++ b/test/specs/code/walk.js
@@ -1,7 +1,7 @@
 import {EnumToken} from "../../../dist/lib/ast/types.js";
 import {walk} from "../../../dist/lib//ast/walk.js";
 
-export function run(describe, expect, transform, parse, render, dirname, readFile) {
+export function run(describe, expect, it, transform, parse, render, dirname, readFile) {
 
     describe('node walker', function () {
 
diff --git a/test/specs/node.spec.js b/test/specs/node.spec.js
index e1249388..097240b0 100644
--- a/test/specs/node.spec.js
+++ b/test/specs/node.spec.js
@@ -1,14 +1,14 @@
-
-import {transform, parse, render, resolve} from '../../dist/node/index.js';
+import {parse, render, resolve, transform} from '../../dist/node/index.js';
 import * as tests from './code/index.js';
 import {expect} from "@esm-bundle/chai";
 import {readFile} from "node:fs/promises";
 import {dirname} from 'node:path';
+// import {describe, it} from 'node:test';
 
 
 //
 // run(describe, expect, transform, parse, render);
 for (const test of Object.values(tests)) {
 
-    test.run(describe, expect, transform, parse, render, dirname, async (path) => readFile(path, { encoding: 'utf-8' }), resolve);
+    test.run(describe, expect, it, transform, parse, render, dirname, async (path) => readFile(path, { encoding: 'utf-8' }), resolve);
 }
\ No newline at end of file
diff --git a/test/specs/web.spec.js b/test/specs/web.spec.js
index 01a7540a..a56019d1 100644
--- a/test/specs/web.spec.js
+++ b/test/specs/web.spec.js
@@ -16,5 +16,5 @@ for (const [name,test] of Object.entries(tests)) {
         continue;
     }
 
-    test.run(describe, expect, transform, parse, render, dirname, readFile, resolve);
+    test.run(describe, expect, it, transform, parse, render, dirname, readFile, resolve);
 }
\ No newline at end of file

From baeb780a130089dbe2d821142864ad54d6bd778f Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Thu, 7 Aug 2025 20:55:17 -0400
Subject: [PATCH 10/11] remove dead code #94

---
 CHANGELOG.md                                  |   6 +
 README.md                                     |  31 ++-
 dist/index-umd-web.js                         | 225 ++++++++----------
 dist/index.cjs                                | 225 ++++++++----------
 dist/index.d.ts                               |   9 +-
 dist/lib/parser/parse.js                      |   2 +-
 dist/lib/syntax/color/color.js                |   5 +
 .../at-rules/font-feature-values.js           |   2 +-
 dist/lib/validation/syntax.js                 |   2 +-
 .../validation/syntaxes/compound-selector.js  |  27 +--
 dist/lib/validation/syntaxes/family-name.js   |  73 +++---
 .../validation/syntaxes/keyframe-selector.js  |  34 +--
 dist/lib/validation/syntaxes/url.js           |  66 ++---
 dist/lib/validation/utils/list.js             |  17 +-
 dist/node/index.js                            |   1 +
 dist/web/index.js                             |   1 +
 package.json                                  |   2 +-
 src/lib/index.ts                              |   2 +-
 src/lib/parser/parse.ts                       |  19 +-
 src/lib/syntax/color/color.ts                 |   5 +
 src/lib/validation/syntax.ts                  |   2 +-
 .../validation/syntaxes/compound-selector.ts  |  34 +--
 src/lib/validation/syntaxes/family-name.ts    |  78 +++---
 .../validation/syntaxes/keyframe-selector.ts  |  35 +--
 src/lib/validation/syntaxes/url.ts            |  69 +++---
 src/lib/validation/utils/list.ts              |  16 +-
 src/node/index.ts                             |   2 +-
 src/web/index.ts                              |   2 +-
 28 files changed, 462 insertions(+), 530 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6f36a4f4..d7c4e9e8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## V1.2.0
+
+- [x] convert color to any supported color space #94
+- [x] dead code removal #93
+- [x] validation syntax update #92
+
 ## v1.1.1
 
 - [x] fix bug when css nesting is disabled #89
diff --git a/README.md b/README.md
index 5f875b24..af5d2de2 100644
--- a/README.md
+++ b/README.md
@@ -31,9 +31,10 @@ $ deno add @tbela99/css-parser
   relative color
 - generate nested css rules
 - convert nested css rules to legacy syntax
+- convert colors to any supported color format
 - generate sourcemap
 - compute css shorthands. see supported properties list below
-- css transform functions minification
+- minify css transform functions
 - evaluate math functions: calc(), clamp(), min(), max(), etc.
 - inline css variables
 - remove duplicate properties
@@ -210,7 +211,26 @@ Include ParseOptions and RenderOptions
 - expandNestingRules: boolean, optional. expand nesting rules.
 - preserveLicense: boolean, force preserving comments starting with '/\*!' when minify is enabled.
 - removeComments: boolean, remove comments in generated css.
-- convertColor: boolean | ColorType, convert colors to the specified color. default to ColorType.HEX.
+- convertColor: boolean | ColorType, convert colors to the specified color. default to ColorType.HEX. supported values are:
+  - true: same as ColorType.HEX
+  - false: no color conversion
+  - ColorType.HEX
+  - ColorType.RGB/ColorType.RGBA
+  - ColorType.HSL
+  - ColorType.HWB
+  - ColorType.CMYK/ColorType.DEVICE_CMYK
+  - ColorType.SRGB
+  - ColorType.SRGB_LINEAR
+  - ColorType.DISPLAY_P3
+  - ColorType.PROPHOTO_RGB
+  - ColorType.A98_RGB
+  - ColorType.REC2020
+  - ColorType.XYZ/ColorType.XYZ_D65
+  - ColorType.XYZ_D50
+  - ColorType.LAB
+  - ColorType.LCH
+  - ColorType.OKLAB
+  - ColorType.OKLCH
 
 > Sourcemap Options
 
@@ -716,15 +736,15 @@ for (const {node, parent, root} of walk(ast)) {
 ## Minification
 
 - [x] minify keyframes
-- [x] minify transform
+- [x] minify transform functions
 - [x] evaluate math functions calc(), clamp(), min(), max(), round(), mod(), rem(), sin(), cos(), tan(), asin(),
   acos(), atan(), atan2(), pow(), sqrt(), hypot(), log(), exp(), abs(), sign()
+- [x] minify colors
+- [x] minify numbers and Dimensions tokens
 - [x] multi-pass minification
 - [x] inline css variables
 - [x] merge identical rules
 - [x] merge adjacent rules
-- [x] minify colors
-- [x] minify numbers and Dimensions tokens
 - [x] compute shorthand: see the list below
 - [x] remove redundant declarations
 - [x] conditionally unwrap :is()
@@ -733,6 +753,7 @@ for (const {node, parent, root} of walk(ast)) {
 - [x] avoid reparsing (declarations, selectors, at-rule)
 - [x] node and browser versions
 - [x] decode and replace utf-8 escape sequence
+- [x] experimental CSS prefix removal
 
 ## Computed shorthands properties
 
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index cbc5a9d5..5230ec24 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -3750,6 +3750,11 @@
         return multiplyMatrices(M, [x, y, z]).concat(a == null || a == 1 ? [] : [a]);
     }
 
+    /**
+     * Converts a color token to another color space
+     * @param token
+     * @param to
+     */
     function convertColor(token, to) {
         if (token.kin == exports.ColorType.SYS ||
             token.kin == exports.ColorType.DPSYS ||
@@ -13888,13 +13893,13 @@
 
     function stripCommaToken(tokenList) {
         let result = [];
-        let last = null;
         for (let i = 0; i < tokenList.length; i++) {
-            if (tokenList[i].typ == exports.EnumToken.CommaTokenType && last != null && last.typ == exports.EnumToken.CommaTokenType) {
-                return null;
-            }
+            // if (tokenList[i].typ == EnumToken.CommaTokenType && last != null && last.typ == EnumToken.CommaTokenType) {
+            //
+            //     return null;
+            // }
             if (tokenList[i].typ != exports.EnumToken.WhitespaceTokenType) {
-                last = tokenList[i];
+                tokenList[i];
             }
             if (tokenList[i].typ == exports.EnumToken.CommentTokenType || tokenList[i].typ == exports.EnumToken.CommaTokenType) {
                 continue;
@@ -13905,9 +13910,10 @@
     }
     function splitTokenList(tokenList, split = [exports.EnumToken.CommaTokenType]) {
         return tokenList.reduce((acc, curr) => {
-            if (curr.typ == exports.EnumToken.CommentTokenType) {
-                return acc;
-            }
+            // if (curr.typ == EnumToken.CommentTokenType) {
+            //
+            //     return acc;
+            // }
             if (split.includes(curr.typ)) {
                 acc.push([]);
             }
@@ -13922,18 +13928,19 @@
         let node;
         tokens = tokens.slice();
         consumeWhitespace(tokens);
-        if (tokens.length == 0) {
-            // @ts-ignore
-            return {
-                valid: SyntaxValidationResult.Drop,
-                matches: [],
-                node: atRule,
-                syntax: null,
-                error: 'expected at-rule prelude',
-                tokens
-            };
-        }
-        if (tokens[0].typ == exports.EnumToken.CommaTokenType) {
+        // if (tokens.length == 0) {
+        //
+        //     // @ts-ignore
+        //     return {
+        //         valid: SyntaxValidationResult.Drop,
+        //         matches: [],
+        //         node: atRule,
+        //         syntax: null,
+        //         error: 'expected at-rule prelude',
+        //         tokens
+        //     } as ValidationSyntaxResult;
+        // }
+        if (tokens.length == 0 || tokens[0].typ == exports.EnumToken.CommaTokenType) {
             // @ts-ignore
             return {
                 valid: SyntaxValidationResult.Drop,
@@ -13946,21 +13953,25 @@
         }
         while (tokens.length > 0) {
             // @ts-ignore
-            if (tokens[0].typ == exports.EnumToken.CommaTokenType) {
-                node = tokens.shift();
-                consumeWhitespace(tokens);
-                if (tokens.length == 0) {
-                    // @ts-ignore
-                    return {
-                        valid: SyntaxValidationResult.Drop,
-                        matches: [],
-                        node,
-                        syntax: null,
-                        error: 'unexpected token',
-                        tokens
-                    };
-                }
-            }
+            // if (tokens[0].typ == EnumToken.CommaTokenType) {
+            //
+            //     node = tokens.shift() as Token;
+            //
+            //     consumeWhitespace(tokens);
+            //
+            //     if (tokens.length == 0) {
+            //
+            //         // @ts-ignore
+            //         return {
+            //             valid: SyntaxValidationResult.Drop,
+            //             matches: [],
+            //             node,
+            //             syntax: null,
+            //             error: 'unexpected token',
+            //             tokens
+            //         } as ValidationSyntaxResult;
+            //     }
+            // }
             node = tokens[0];
             if (![exports.EnumToken.IdenTokenType, exports.EnumToken.StringTokenType].includes(node.typ)) {
                 // @ts-ignore
@@ -13976,16 +13987,8 @@
             tokens.shift();
             consumeWhitespace(tokens);
             // @ts-ignore
-            if (tokens.length > 0 && node.typ == exports.EnumToken.BadStringTokenType && tokens[0].typ != exports.EnumToken.CommaTokenType) {
-                // @ts-ignore
-                return {
-                    valid: SyntaxValidationResult.Drop,
-                    matches: [],
-                    node: tokens[0],
-                    syntax: null,
-                    error: 'expected comma token',
-                    tokens
-                };
+            if (tokens.length > 0 && tokens[0].typ == exports.EnumToken.CommaTokenType) {
+                tokens.shift();
             }
         }
         // @ts-ignore
@@ -14097,17 +14100,7 @@
             while (tokens.length > 0 && tokens[0].typ == exports.EnumToken.AttrTokenType) {
                 const children = tokens[0].chi.slice();
                 consumeWhitespace(children);
-                if (children.length == 0) {
-                    // @ts-ignore
-                    return {
-                        valid: SyntaxValidationResult.Drop,
-                        context: [],
-                        node: tokens[0],
-                        syntax: null,
-                        error: 'invalid attribute selector'
-                    };
-                }
-                if (![
+                if (children.length == 0 || ![
                     exports.EnumToken.IdenTokenType,
                     exports.EnumToken.NameSpaceAttributeTokenType,
                     exports.EnumToken.MatchExpressionTokenType
@@ -14140,20 +14133,11 @@
                             exports.EnumToken.StartMatchTokenType, exports.EnumToken.ContainMatchTokenType,
                             exports.EnumToken.EndMatchTokenType, exports.EnumToken.IncludeMatchTokenType
                         ].includes(children[0].op.typ) ||
-                        !([
+                        ![
                             exports.EnumToken.StringTokenType,
                             exports.EnumToken.IdenTokenType
-                        ].includes(children[0].r.typ))) {
-                        // @ts-ignore
-                        return {
-                            valid: SyntaxValidationResult.Drop,
-                            context: [],
-                            node: tokens[0],
-                            syntax: null,
-                            error: 'invalid attribute selector'
-                        };
-                    }
-                    if (children[0].attr != null && !['i', 's'].includes(children[0].attr)) {
+                        ].includes(children[0].r.typ) ||
+                        (children[0].attr != null && !['i', 's'].includes(children[0].attr))) {
                         // @ts-ignore
                         return {
                             valid: SyntaxValidationResult.Drop,
@@ -14342,27 +14326,19 @@
 
     function validateKeyframeSelector(tokens, options) {
         consumeWhitespace(tokens);
-        if (tokens.length == 0) {
-            // @ts-ignore
-            return {
-                valid: SyntaxValidationResult.Drop,
-                context: [],
-                node: null,
-                syntax: null,
-                error: 'expected keyframe selector'
-            };
-        }
+        // if (tokens.length == 0) {
+        //
+        //     // @ts-ignore
+        //     return {
+        //         valid: SyntaxValidationResult.Drop,
+        //         context: [],
+        //         node: null,
+        //         syntax: null,
+        //         error: 'expected keyframe selector'
+        //     }
+        // }
         for (const t of splitTokenList(tokens)) {
-            if (t.length != 1) {
-                return {
-                    valid: SyntaxValidationResult.Drop,
-                    context: [],
-                    node: t[0] ?? null,
-                    syntax: null,
-                    error: 'unexpected token'
-                };
-            }
-            if (t[0].typ != exports.EnumToken.PercentageTokenType && !(t[0].typ == exports.EnumToken.IdenTokenType && ['from', 'to', 'cover', 'contain', 'entry', 'exit', 'entry-crossing', 'exit-crossing'].includes(t[0].val))) {
+            if (t.length != 1 || (t[0].typ != exports.EnumToken.PercentageTokenType && !(t[0].typ == exports.EnumToken.IdenTokenType && ['from', 'to', 'cover', 'contain', 'entry', 'exit', 'entry-crossing', 'exit-crossing'].includes(t[0].val)))) {
                 return {
                     valid: SyntaxValidationResult.Drop,
                     context: [],
@@ -15166,7 +15142,7 @@
                 success = token.typ == exports.EnumToken.HashTokenType;
                 break;
             case 'string':
-                success = token.typ == exports.EnumToken.StringTokenType || token.typ == exports.EnumToken.IdenTokenType || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
+                success = token.typ == exports.EnumToken.StringTokenType || token.typ == exports.EnumToken.UrlTokenTokenType || token.typ == exports.EnumToken.HashTokenType || token.typ == exports.EnumToken.IdenTokenType || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
                 break;
             case 'time':
                 success = token.typ == exports.EnumToken.TimeTokenType || (token.typ == exports.EnumToken.FunctionTokenType && token.val == 'calc');
@@ -15392,42 +15368,44 @@
     }
 
     function validateURL(token) {
-        if (token.typ == exports.EnumToken.UrlTokenTokenType) {
-            // @ts-ignore
-            return {
-                valid: SyntaxValidationResult.Valid,
-                context: [],
-                node: token,
-                // @ts-ignore
-                syntax: 'url()',
-                error: ''
-            };
-        }
-        if (token.typ != exports.EnumToken.UrlFunctionTokenType) {
-            // @ts-ignore
-            return {
-                valid: SyntaxValidationResult.Drop,
-                context: [],
-                node: token,
-                // @ts-ignore
-                syntax: 'url()',
-                error: 'expected url()'
-            };
-        }
+        // if (token.typ == EnumToken.UrlTokenTokenType) {
+        //
+        //     // @ts-ignore
+        //     return {
+        //         valid: SyntaxValidationResult.Valid,
+        //         context: [],
+        //         node: token,
+        //         // @ts-ignore
+        //         syntax: 'url()',
+        //         error: ''
+        //     }
+        // }
+        // if (token.typ != EnumToken.UrlFunctionTokenType) {
+        //
+        //     // @ts-ignore
+        //     return {
+        //         valid: SyntaxValidationResult.Drop,
+        //         context: [],
+        //         node: token,
+        //         // @ts-ignore
+        //         syntax: 'url()',
+        //         error: 'expected url()'
+        //     }
+        // }
         const children = token.chi.slice();
         consumeWhitespace(children);
-        if (children.length == 0 || ![exports.EnumToken.UrlTokenTokenType, exports.EnumToken.StringTokenType, exports.EnumToken.HashTokenType].includes(children[0].typ)) {
+        if (children.length > 0 && [exports.EnumToken.UrlTokenTokenType, exports.EnumToken.StringTokenType, exports.EnumToken.HashTokenType].includes(children[0].typ)) {
+            children.shift();
             // @ts-ignore
-            return {
-                valid: SyntaxValidationResult.Drop,
-                context: [],
-                node: children[0] ?? token,
-                // @ts-ignore
-                syntax: 'url()',
-                error: 'expected url-token'
-            };
+            // return {
+            //     valid: SyntaxValidationResult.Drop,
+            //     context: [],
+            //     node: children[0] ?? token,
+            //     // @ts-ignore
+            //     syntax: 'url()',
+            //     error: 'expected url-token'
+            // }
         }
-        children.shift();
         consumeWhitespace(children);
         if (children.length > 0) {
             // @ts-ignore
@@ -16337,7 +16315,7 @@
                 tokens: []
             };
         }
-        const result = validateFamilyName(atRule.tokens, atRule);
+        const result = validateFamilyName(atRule.tokens);
         if (result.valid == SyntaxValidationResult.Drop) {
             return result;
         }
@@ -18209,7 +18187,7 @@
      * @param tokens
      */
     function parseSelector(tokens) {
-        for (const { value, previousValue, nextValue, parent } of walkValues(tokens)) {
+        for (const { value, parent } of walkValues(tokens)) {
             if (value.typ == exports.EnumToken.CommentTokenType ||
                 value.typ == exports.EnumToken.WhitespaceTokenType ||
                 value.typ == exports.EnumToken.CommaTokenType ||
@@ -23252,6 +23230,7 @@
         });
     }
 
+    exports.convertColor = convertColor;
     exports.dirname = dirname;
     exports.expand = expand;
     exports.isOkLabClose = isOkLabClose;
diff --git a/dist/index.cjs b/dist/index.cjs
index 333e59ce..f93aaff5 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -3749,6 +3749,11 @@ function xyz2la98rgb(x, y, z, a = null) {
     return multiplyMatrices(M, [x, y, z]).concat(a == null || a == 1 ? [] : [a]);
 }
 
+/**
+ * Converts a color token to another color space
+ * @param token
+ * @param to
+ */
 function convertColor(token, to) {
     if (token.kin == exports.ColorType.SYS ||
         token.kin == exports.ColorType.DPSYS ||
@@ -13887,13 +13892,13 @@ function consumeWhitespace(tokens) {
 
 function stripCommaToken(tokenList) {
     let result = [];
-    let last = null;
     for (let i = 0; i < tokenList.length; i++) {
-        if (tokenList[i].typ == exports.EnumToken.CommaTokenType && last != null && last.typ == exports.EnumToken.CommaTokenType) {
-            return null;
-        }
+        // if (tokenList[i].typ == EnumToken.CommaTokenType && last != null && last.typ == EnumToken.CommaTokenType) {
+        //
+        //     return null;
+        // }
         if (tokenList[i].typ != exports.EnumToken.WhitespaceTokenType) {
-            last = tokenList[i];
+            tokenList[i];
         }
         if (tokenList[i].typ == exports.EnumToken.CommentTokenType || tokenList[i].typ == exports.EnumToken.CommaTokenType) {
             continue;
@@ -13904,9 +13909,10 @@ function stripCommaToken(tokenList) {
 }
 function splitTokenList(tokenList, split = [exports.EnumToken.CommaTokenType]) {
     return tokenList.reduce((acc, curr) => {
-        if (curr.typ == exports.EnumToken.CommentTokenType) {
-            return acc;
-        }
+        // if (curr.typ == EnumToken.CommentTokenType) {
+        //
+        //     return acc;
+        // }
         if (split.includes(curr.typ)) {
             acc.push([]);
         }
@@ -13921,18 +13927,19 @@ function validateFamilyName(tokens, atRule) {
     let node;
     tokens = tokens.slice();
     consumeWhitespace(tokens);
-    if (tokens.length == 0) {
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            matches: [],
-            node: atRule,
-            syntax: null,
-            error: 'expected at-rule prelude',
-            tokens
-        };
-    }
-    if (tokens[0].typ == exports.EnumToken.CommaTokenType) {
+    // if (tokens.length == 0) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         matches: [],
+    //         node: atRule,
+    //         syntax: null,
+    //         error: 'expected at-rule prelude',
+    //         tokens
+    //     } as ValidationSyntaxResult;
+    // }
+    if (tokens.length == 0 || tokens[0].typ == exports.EnumToken.CommaTokenType) {
         // @ts-ignore
         return {
             valid: SyntaxValidationResult.Drop,
@@ -13945,21 +13952,25 @@ function validateFamilyName(tokens, atRule) {
     }
     while (tokens.length > 0) {
         // @ts-ignore
-        if (tokens[0].typ == exports.EnumToken.CommaTokenType) {
-            node = tokens.shift();
-            consumeWhitespace(tokens);
-            if (tokens.length == 0) {
-                // @ts-ignore
-                return {
-                    valid: SyntaxValidationResult.Drop,
-                    matches: [],
-                    node,
-                    syntax: null,
-                    error: 'unexpected token',
-                    tokens
-                };
-            }
-        }
+        // if (tokens[0].typ == EnumToken.CommaTokenType) {
+        //
+        //     node = tokens.shift() as Token;
+        //
+        //     consumeWhitespace(tokens);
+        //
+        //     if (tokens.length == 0) {
+        //
+        //         // @ts-ignore
+        //         return {
+        //             valid: SyntaxValidationResult.Drop,
+        //             matches: [],
+        //             node,
+        //             syntax: null,
+        //             error: 'unexpected token',
+        //             tokens
+        //         } as ValidationSyntaxResult;
+        //     }
+        // }
         node = tokens[0];
         if (![exports.EnumToken.IdenTokenType, exports.EnumToken.StringTokenType].includes(node.typ)) {
             // @ts-ignore
@@ -13975,16 +13986,8 @@ function validateFamilyName(tokens, atRule) {
         tokens.shift();
         consumeWhitespace(tokens);
         // @ts-ignore
-        if (tokens.length > 0 && node.typ == exports.EnumToken.BadStringTokenType && tokens[0].typ != exports.EnumToken.CommaTokenType) {
-            // @ts-ignore
-            return {
-                valid: SyntaxValidationResult.Drop,
-                matches: [],
-                node: tokens[0],
-                syntax: null,
-                error: 'expected comma token',
-                tokens
-            };
+        if (tokens.length > 0 && tokens[0].typ == exports.EnumToken.CommaTokenType) {
+            tokens.shift();
         }
     }
     // @ts-ignore
@@ -14096,17 +14099,7 @@ function validateCompoundSelector(tokens, root, options) {
         while (tokens.length > 0 && tokens[0].typ == exports.EnumToken.AttrTokenType) {
             const children = tokens[0].chi.slice();
             consumeWhitespace(children);
-            if (children.length == 0) {
-                // @ts-ignore
-                return {
-                    valid: SyntaxValidationResult.Drop,
-                    context: [],
-                    node: tokens[0],
-                    syntax: null,
-                    error: 'invalid attribute selector'
-                };
-            }
-            if (![
+            if (children.length == 0 || ![
                 exports.EnumToken.IdenTokenType,
                 exports.EnumToken.NameSpaceAttributeTokenType,
                 exports.EnumToken.MatchExpressionTokenType
@@ -14139,20 +14132,11 @@ function validateCompoundSelector(tokens, root, options) {
                         exports.EnumToken.StartMatchTokenType, exports.EnumToken.ContainMatchTokenType,
                         exports.EnumToken.EndMatchTokenType, exports.EnumToken.IncludeMatchTokenType
                     ].includes(children[0].op.typ) ||
-                    !([
+                    ![
                         exports.EnumToken.StringTokenType,
                         exports.EnumToken.IdenTokenType
-                    ].includes(children[0].r.typ))) {
-                    // @ts-ignore
-                    return {
-                        valid: SyntaxValidationResult.Drop,
-                        context: [],
-                        node: tokens[0],
-                        syntax: null,
-                        error: 'invalid attribute selector'
-                    };
-                }
-                if (children[0].attr != null && !['i', 's'].includes(children[0].attr)) {
+                    ].includes(children[0].r.typ) ||
+                    (children[0].attr != null && !['i', 's'].includes(children[0].attr))) {
                     // @ts-ignore
                     return {
                         valid: SyntaxValidationResult.Drop,
@@ -14341,27 +14325,19 @@ function validateComplexSelectorList(tokens, root, options) {
 
 function validateKeyframeSelector(tokens, options) {
     consumeWhitespace(tokens);
-    if (tokens.length == 0) {
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            node: null,
-            syntax: null,
-            error: 'expected keyframe selector'
-        };
-    }
+    // if (tokens.length == 0) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         context: [],
+    //         node: null,
+    //         syntax: null,
+    //         error: 'expected keyframe selector'
+    //     }
+    // }
     for (const t of splitTokenList(tokens)) {
-        if (t.length != 1) {
-            return {
-                valid: SyntaxValidationResult.Drop,
-                context: [],
-                node: t[0] ?? null,
-                syntax: null,
-                error: 'unexpected token'
-            };
-        }
-        if (t[0].typ != exports.EnumToken.PercentageTokenType && !(t[0].typ == exports.EnumToken.IdenTokenType && ['from', 'to', 'cover', 'contain', 'entry', 'exit', 'entry-crossing', 'exit-crossing'].includes(t[0].val))) {
+        if (t.length != 1 || (t[0].typ != exports.EnumToken.PercentageTokenType && !(t[0].typ == exports.EnumToken.IdenTokenType && ['from', 'to', 'cover', 'contain', 'entry', 'exit', 'entry-crossing', 'exit-crossing'].includes(t[0].val)))) {
             return {
                 valid: SyntaxValidationResult.Drop,
                 context: [],
@@ -15278,7 +15254,7 @@ function matchPropertyType(syntax, context, options) {
             success = token.typ == exports.EnumToken.HashTokenType;
             break;
         case 'string':
-            success = token.typ == exports.EnumToken.StringTokenType || token.typ == exports.EnumToken.IdenTokenType || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
+            success = token.typ == exports.EnumToken.StringTokenType || token.typ == exports.EnumToken.UrlTokenTokenType || token.typ == exports.EnumToken.HashTokenType || token.typ == exports.EnumToken.IdenTokenType || (token.typ == exports.EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
             break;
         case 'time':
             success = token.typ == exports.EnumToken.TimeTokenType || (token.typ == exports.EnumToken.FunctionTokenType && token.val == 'calc');
@@ -15504,42 +15480,44 @@ function flatten(syntax) {
 }
 
 function validateURL(token) {
-    if (token.typ == exports.EnumToken.UrlTokenTokenType) {
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Valid,
-            context: [],
-            node: token,
-            // @ts-ignore
-            syntax: 'url()',
-            error: ''
-        };
-    }
-    if (token.typ != exports.EnumToken.UrlFunctionTokenType) {
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            node: token,
-            // @ts-ignore
-            syntax: 'url()',
-            error: 'expected url()'
-        };
-    }
+    // if (token.typ == EnumToken.UrlTokenTokenType) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Valid,
+    //         context: [],
+    //         node: token,
+    //         // @ts-ignore
+    //         syntax: 'url()',
+    //         error: ''
+    //     }
+    // }
+    // if (token.typ != EnumToken.UrlFunctionTokenType) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         context: [],
+    //         node: token,
+    //         // @ts-ignore
+    //         syntax: 'url()',
+    //         error: 'expected url()'
+    //     }
+    // }
     const children = token.chi.slice();
     consumeWhitespace(children);
-    if (children.length == 0 || ![exports.EnumToken.UrlTokenTokenType, exports.EnumToken.StringTokenType, exports.EnumToken.HashTokenType].includes(children[0].typ)) {
+    if (children.length > 0 && [exports.EnumToken.UrlTokenTokenType, exports.EnumToken.StringTokenType, exports.EnumToken.HashTokenType].includes(children[0].typ)) {
+        children.shift();
         // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            node: children[0] ?? token,
-            // @ts-ignore
-            syntax: 'url()',
-            error: 'expected url-token'
-        };
+        // return {
+        //     valid: SyntaxValidationResult.Drop,
+        //     context: [],
+        //     node: children[0] ?? token,
+        //     // @ts-ignore
+        //     syntax: 'url()',
+        //     error: 'expected url-token'
+        // }
     }
-    children.shift();
     consumeWhitespace(children);
     if (children.length > 0) {
         // @ts-ignore
@@ -16449,7 +16427,7 @@ function validateAtRuleFontFeatureValues(atRule, options, root) {
             tokens: []
         };
     }
-    const result = validateFamilyName(atRule.tokens, atRule);
+    const result = validateFamilyName(atRule.tokens);
     if (result.valid == SyntaxValidationResult.Drop) {
         return result;
     }
@@ -18321,7 +18299,7 @@ function parseAtRulePrelude(tokens, atRule) {
  * @param tokens
  */
 function parseSelector(tokens) {
-    for (const { value, previousValue, nextValue, parent } of walkValues(tokens)) {
+    for (const { value, parent } of walkValues(tokens)) {
         if (value.typ == exports.EnumToken.CommentTokenType ||
             value.typ == exports.EnumToken.WhitespaceTokenType ||
             value.typ == exports.EnumToken.CommaTokenType ||
@@ -23229,6 +23207,7 @@ async function transform(css, options = {}) {
     });
 }
 
+exports.convertColor = convertColor;
 exports.dirname = dirname;
 exports.expand = expand;
 exports.isOkLabClose = isOkLabClose;
diff --git a/dist/index.d.ts b/dist/index.d.ts
index 8d1759ce..a7100870 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -941,6 +941,13 @@ interface ValidationToken {
     };
 }
 
+/**
+ * Converts a color token to another color space
+ * @param token
+ * @param to
+ */
+declare function convertColor(token: ColorToken, to: ColorType): ColorToken | null;
+
 export declare interface Position {
 
     ind: number;
@@ -1359,4 +1366,4 @@ declare function parse(iterator: string, opt?: ParserOptions): Promise<ParseResu
  */
 declare function transform(css: string, options?: TransformOptions): Promise<TransformResult>;
 
-export { ColorType, EnumToken, ValidationLevel, dirname, expand, isOkLabClose, load, minify, okLabDistance, parse, parseString, parseTokens, render, renderToken, resolve, transform, walk, walkValues };
+export { ColorType, EnumToken, ValidationLevel, convertColor, dirname, expand, isOkLabClose, load, minify, okLabDistance, parse, parseString, parseTokens, render, renderToken, resolve, transform, walk, walkValues };
diff --git a/dist/lib/parser/parse.js b/dist/lib/parser/parse.js
index 598f75e6..c4a567b5 100644
--- a/dist/lib/parser/parse.js
+++ b/dist/lib/parser/parse.js
@@ -987,7 +987,7 @@ function parseAtRulePrelude(tokens, atRule) {
  * @param tokens
  */
 function parseSelector(tokens) {
-    for (const { value, previousValue, nextValue, parent } of walkValues(tokens)) {
+    for (const { value, parent } of walkValues(tokens)) {
         if (value.typ == EnumToken.CommentTokenType ||
             value.typ == EnumToken.WhitespaceTokenType ||
             value.typ == EnumToken.CommaTokenType ||
diff --git a/dist/lib/syntax/color/color.js b/dist/lib/syntax/color/color.js
index e43c2de4..486d021a 100644
--- a/dist/lib/syntax/color/color.js
+++ b/dist/lib/syntax/color/color.js
@@ -27,6 +27,11 @@ import { color2cmykToken, lch2cmykToken, lab2cmykToken, oklch2cmykToken, oklab2c
 import { a98rgb2srgbvalues, srgb2a98values } from './a98rgb.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
+/**
+ * Converts a color token to another color space
+ * @param token
+ * @param to
+ */
 function convertColor(token, to) {
     if (token.kin == ColorType.SYS ||
         token.kin == ColorType.DPSYS ||
diff --git a/dist/lib/validation/at-rules/font-feature-values.js b/dist/lib/validation/at-rules/font-feature-values.js
index 2ab0a0b4..654525d5 100644
--- a/dist/lib/validation/at-rules/font-feature-values.js
+++ b/dist/lib/validation/at-rules/font-feature-values.js
@@ -23,7 +23,7 @@ function validateAtRuleFontFeatureValues(atRule, options, root) {
             tokens: []
         };
     }
-    const result = validateFamilyName(atRule.tokens, atRule);
+    const result = validateFamilyName(atRule.tokens);
     if (result.valid == SyntaxValidationResult.Drop) {
         return result;
     }
diff --git a/dist/lib/validation/syntax.js b/dist/lib/validation/syntax.js
index cba5a73b..d60962fe 100644
--- a/dist/lib/validation/syntax.js
+++ b/dist/lib/validation/syntax.js
@@ -795,7 +795,7 @@ function matchPropertyType(syntax, context, options) {
             success = token.typ == EnumToken.HashTokenType;
             break;
         case 'string':
-            success = token.typ == EnumToken.StringTokenType || token.typ == EnumToken.IdenTokenType || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
+            success = token.typ == EnumToken.StringTokenType || token.typ == EnumToken.UrlTokenTokenType || token.typ == EnumToken.HashTokenType || token.typ == EnumToken.IdenTokenType || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes(token.val));
             break;
         case 'time':
             success = token.typ == EnumToken.TimeTokenType || (token.typ == EnumToken.FunctionTokenType && token.val == 'calc');
diff --git a/dist/lib/validation/syntaxes/compound-selector.js b/dist/lib/validation/syntaxes/compound-selector.js
index 168d9d6d..84471be1 100644
--- a/dist/lib/validation/syntaxes/compound-selector.js
+++ b/dist/lib/validation/syntaxes/compound-selector.js
@@ -108,17 +108,7 @@ function validateCompoundSelector(tokens, root, options) {
         while (tokens.length > 0 && tokens[0].typ == EnumToken.AttrTokenType) {
             const children = tokens[0].chi.slice();
             consumeWhitespace(children);
-            if (children.length == 0) {
-                // @ts-ignore
-                return {
-                    valid: SyntaxValidationResult.Drop,
-                    context: [],
-                    node: tokens[0],
-                    syntax: null,
-                    error: 'invalid attribute selector'
-                };
-            }
-            if (![
+            if (children.length == 0 || ![
                 EnumToken.IdenTokenType,
                 EnumToken.NameSpaceAttributeTokenType,
                 EnumToken.MatchExpressionTokenType
@@ -151,20 +141,11 @@ function validateCompoundSelector(tokens, root, options) {
                         EnumToken.StartMatchTokenType, EnumToken.ContainMatchTokenType,
                         EnumToken.EndMatchTokenType, EnumToken.IncludeMatchTokenType
                     ].includes(children[0].op.typ) ||
-                    !([
+                    ![
                         EnumToken.StringTokenType,
                         EnumToken.IdenTokenType
-                    ].includes(children[0].r.typ))) {
-                    // @ts-ignore
-                    return {
-                        valid: SyntaxValidationResult.Drop,
-                        context: [],
-                        node: tokens[0],
-                        syntax: null,
-                        error: 'invalid attribute selector'
-                    };
-                }
-                if (children[0].attr != null && !['i', 's'].includes(children[0].attr)) {
+                    ].includes(children[0].r.typ) ||
+                    (children[0].attr != null && !['i', 's'].includes(children[0].attr))) {
                     // @ts-ignore
                     return {
                         valid: SyntaxValidationResult.Drop,
diff --git a/dist/lib/validation/syntaxes/family-name.js b/dist/lib/validation/syntaxes/family-name.js
index 52e9da1e..108eef2b 100644
--- a/dist/lib/validation/syntaxes/family-name.js
+++ b/dist/lib/validation/syntaxes/family-name.js
@@ -1,4 +1,4 @@
-import { SyntaxValidationResult, EnumToken } from '../../ast/types.js';
+import { EnumToken, SyntaxValidationResult } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
@@ -12,18 +12,19 @@ function validateFamilyName(tokens, atRule) {
     let node;
     tokens = tokens.slice();
     consumeWhitespace(tokens);
-    if (tokens.length == 0) {
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            matches: [],
-            node: atRule,
-            syntax: null,
-            error: 'expected at-rule prelude',
-            tokens
-        };
-    }
-    if (tokens[0].typ == EnumToken.CommaTokenType) {
+    // if (tokens.length == 0) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         matches: [],
+    //         node: atRule,
+    //         syntax: null,
+    //         error: 'expected at-rule prelude',
+    //         tokens
+    //     } as ValidationSyntaxResult;
+    // }
+    if (tokens.length == 0 || tokens[0].typ == EnumToken.CommaTokenType) {
         // @ts-ignore
         return {
             valid: SyntaxValidationResult.Drop,
@@ -36,21 +37,25 @@ function validateFamilyName(tokens, atRule) {
     }
     while (tokens.length > 0) {
         // @ts-ignore
-        if (tokens[0].typ == EnumToken.CommaTokenType) {
-            node = tokens.shift();
-            consumeWhitespace(tokens);
-            if (tokens.length == 0) {
-                // @ts-ignore
-                return {
-                    valid: SyntaxValidationResult.Drop,
-                    matches: [],
-                    node,
-                    syntax: null,
-                    error: 'unexpected token',
-                    tokens
-                };
-            }
-        }
+        // if (tokens[0].typ == EnumToken.CommaTokenType) {
+        //
+        //     node = tokens.shift() as Token;
+        //
+        //     consumeWhitespace(tokens);
+        //
+        //     if (tokens.length == 0) {
+        //
+        //         // @ts-ignore
+        //         return {
+        //             valid: SyntaxValidationResult.Drop,
+        //             matches: [],
+        //             node,
+        //             syntax: null,
+        //             error: 'unexpected token',
+        //             tokens
+        //         } as ValidationSyntaxResult;
+        //     }
+        // }
         node = tokens[0];
         if (![EnumToken.IdenTokenType, EnumToken.StringTokenType].includes(node.typ)) {
             // @ts-ignore
@@ -66,16 +71,8 @@ function validateFamilyName(tokens, atRule) {
         tokens.shift();
         consumeWhitespace(tokens);
         // @ts-ignore
-        if (tokens.length > 0 && node.typ == EnumToken.BadStringTokenType && tokens[0].typ != EnumToken.CommaTokenType) {
-            // @ts-ignore
-            return {
-                valid: SyntaxValidationResult.Drop,
-                matches: [],
-                node: tokens[0],
-                syntax: null,
-                error: 'expected comma token',
-                tokens
-            };
+        if (tokens.length > 0 && tokens[0].typ == EnumToken.CommaTokenType) {
+            tokens.shift();
         }
     }
     // @ts-ignore
diff --git a/dist/lib/validation/syntaxes/keyframe-selector.js b/dist/lib/validation/syntaxes/keyframe-selector.js
index a0eba4da..1245db6d 100644
--- a/dist/lib/validation/syntaxes/keyframe-selector.js
+++ b/dist/lib/validation/syntaxes/keyframe-selector.js
@@ -1,6 +1,6 @@
 import { consumeWhitespace } from '../utils/whitespace.js';
 import { splitTokenList } from '../utils/list.js';
-import { SyntaxValidationResult, EnumToken } from '../../ast/types.js';
+import { EnumToken, SyntaxValidationResult } from '../../ast/types.js';
 import '../../ast/minify.js';
 import '../../ast/walk.js';
 import '../../parser/parse.js';
@@ -11,27 +11,19 @@ import '../../renderer/sourcemap/lib/encode.js';
 
 function validateKeyframeSelector(tokens, options) {
     consumeWhitespace(tokens);
-    if (tokens.length == 0) {
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            node: null,
-            syntax: null,
-            error: 'expected keyframe selector'
-        };
-    }
+    // if (tokens.length == 0) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         context: [],
+    //         node: null,
+    //         syntax: null,
+    //         error: 'expected keyframe selector'
+    //     }
+    // }
     for (const t of splitTokenList(tokens)) {
-        if (t.length != 1) {
-            return {
-                valid: SyntaxValidationResult.Drop,
-                context: [],
-                node: t[0] ?? null,
-                syntax: null,
-                error: 'unexpected token'
-            };
-        }
-        if (t[0].typ != EnumToken.PercentageTokenType && !(t[0].typ == EnumToken.IdenTokenType && ['from', 'to', 'cover', 'contain', 'entry', 'exit', 'entry-crossing', 'exit-crossing'].includes(t[0].val))) {
+        if (t.length != 1 || (t[0].typ != EnumToken.PercentageTokenType && !(t[0].typ == EnumToken.IdenTokenType && ['from', 'to', 'cover', 'contain', 'entry', 'exit', 'entry-crossing', 'exit-crossing'].includes(t[0].val)))) {
             return {
                 valid: SyntaxValidationResult.Drop,
                 context: [],
diff --git a/dist/lib/validation/syntaxes/url.js b/dist/lib/validation/syntaxes/url.js
index ecaee5a0..53aa6a4a 100644
--- a/dist/lib/validation/syntaxes/url.js
+++ b/dist/lib/validation/syntaxes/url.js
@@ -9,42 +9,44 @@ import '../../renderer/sourcemap/lib/encode.js';
 import { consumeWhitespace } from '../utils/whitespace.js';
 
 function validateURL(token) {
-    if (token.typ == EnumToken.UrlTokenTokenType) {
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Valid,
-            context: [],
-            node: token,
-            // @ts-ignore
-            syntax: 'url()',
-            error: ''
-        };
-    }
-    if (token.typ != EnumToken.UrlFunctionTokenType) {
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            node: token,
-            // @ts-ignore
-            syntax: 'url()',
-            error: 'expected url()'
-        };
-    }
+    // if (token.typ == EnumToken.UrlTokenTokenType) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Valid,
+    //         context: [],
+    //         node: token,
+    //         // @ts-ignore
+    //         syntax: 'url()',
+    //         error: ''
+    //     }
+    // }
+    // if (token.typ != EnumToken.UrlFunctionTokenType) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         context: [],
+    //         node: token,
+    //         // @ts-ignore
+    //         syntax: 'url()',
+    //         error: 'expected url()'
+    //     }
+    // }
     const children = token.chi.slice();
     consumeWhitespace(children);
-    if (children.length == 0 || ![EnumToken.UrlTokenTokenType, EnumToken.StringTokenType, EnumToken.HashTokenType].includes(children[0].typ)) {
+    if (children.length > 0 && [EnumToken.UrlTokenTokenType, EnumToken.StringTokenType, EnumToken.HashTokenType].includes(children[0].typ)) {
+        children.shift();
         // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            node: children[0] ?? token,
-            // @ts-ignore
-            syntax: 'url()',
-            error: 'expected url-token'
-        };
+        // return {
+        //     valid: SyntaxValidationResult.Drop,
+        //     context: [],
+        //     node: children[0] ?? token,
+        //     // @ts-ignore
+        //     syntax: 'url()',
+        //     error: 'expected url-token'
+        // }
     }
-    children.shift();
     consumeWhitespace(children);
     if (children.length > 0) {
         // @ts-ignore
diff --git a/dist/lib/validation/utils/list.js b/dist/lib/validation/utils/list.js
index d5267b28..7655ab96 100644
--- a/dist/lib/validation/utils/list.js
+++ b/dist/lib/validation/utils/list.js
@@ -9,13 +9,13 @@ import '../../renderer/sourcemap/lib/encode.js';
 
 function stripCommaToken(tokenList) {
     let result = [];
-    let last = null;
     for (let i = 0; i < tokenList.length; i++) {
-        if (tokenList[i].typ == EnumToken.CommaTokenType && last != null && last.typ == EnumToken.CommaTokenType) {
-            return null;
-        }
+        // if (tokenList[i].typ == EnumToken.CommaTokenType && last != null && last.typ == EnumToken.CommaTokenType) {
+        //
+        //     return null;
+        // }
         if (tokenList[i].typ != EnumToken.WhitespaceTokenType) {
-            last = tokenList[i];
+            tokenList[i];
         }
         if (tokenList[i].typ == EnumToken.CommentTokenType || tokenList[i].typ == EnumToken.CommaTokenType) {
             continue;
@@ -26,9 +26,10 @@ function stripCommaToken(tokenList) {
 }
 function splitTokenList(tokenList, split = [EnumToken.CommaTokenType]) {
     return tokenList.reduce((acc, curr) => {
-        if (curr.typ == EnumToken.CommentTokenType) {
-            return acc;
-        }
+        // if (curr.typ == EnumToken.CommentTokenType) {
+        //
+        //     return acc;
+        // }
         if (split.includes(curr.typ)) {
             acc.push([]);
         }
diff --git a/dist/node/index.js b/dist/node/index.js
index 2cee7010..ac056b2f 100644
--- a/dist/node/index.js
+++ b/dist/node/index.js
@@ -6,6 +6,7 @@ export { expand } from '../lib/ast/expand.js';
 import { doRender } from '../lib/renderer/render.js';
 export { renderToken } from '../lib/renderer/render.js';
 import '../lib/syntax/color/utils/constants.js';
+export { convertColor } from '../lib/syntax/color/color.js';
 export { isOkLabClose, okLabDistance } from '../lib/syntax/color/utils/distance.js';
 import { doParse } from '../lib/parser/parse.js';
 export { parseString, parseTokens } from '../lib/parser/parse.js';
diff --git a/dist/web/index.js b/dist/web/index.js
index f8a39931..b25bcc60 100644
--- a/dist/web/index.js
+++ b/dist/web/index.js
@@ -5,6 +5,7 @@ export { expand } from '../lib/ast/expand.js';
 import { doRender } from '../lib/renderer/render.js';
 export { renderToken } from '../lib/renderer/render.js';
 import '../lib/syntax/color/utils/constants.js';
+export { convertColor } from '../lib/syntax/color/color.js';
 export { isOkLabClose, okLabDistance } from '../lib/syntax/color/utils/distance.js';
 import { doParse } from '../lib/parser/parse.js';
 export { parseString, parseTokens } from '../lib/parser/parse.js';
diff --git a/package.json b/package.json
index 4ff5910f..d4d6be3b 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@tbela99/css-parser",
   "description": "CSS parser for node and the browser",
-  "version": "v1.2.0-alpha3",
+  "version": "v1.2.0-alpha4",
   "exports": {
     ".": "./dist/node/index.js",
     "./node": "./dist/node/index.js",
diff --git a/src/lib/index.ts b/src/lib/index.ts
index 87531867..ee595654 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -2,5 +2,5 @@ export * from './ast/index.ts';
 export * from './renderer/index.ts';
 export * from './parser/index.ts';
 export * from './validation/index.ts';
-
+export {convertColor} from "./syntax/color/color.ts";
 export {isOkLabClose, okLabDistance} from "./syntax/color/utils/distance.ts";
\ No newline at end of file
diff --git a/src/lib/parser/parse.ts b/src/lib/parser/parse.ts
index 8abd7618..30d7d60e 100644
--- a/src/lib/parser/parse.ts
+++ b/src/lib/parser/parse.ts
@@ -1486,7 +1486,7 @@ export function parseAtRulePrelude(tokens: Token[], atRule: AtRuleToken | AstAtR
  */
 export function parseSelector(tokens: Token[]): Token[] {
 
-    for (const {value, previousValue, nextValue, parent} of walkValues(tokens)) {
+    for (const {value, parent} of walkValues(tokens)) {
 
         if (value.typ == EnumToken.CommentTokenType ||
             value.typ == EnumToken.WhitespaceTokenType ||
@@ -1801,21 +1801,21 @@ export function getTokenType(val: string, hint?: EnumToken): Token {
             typ: EnumToken.FunctionTokenType,
             val,
             chi: <Token[]>[]
-        };
+        }
     }
 
     if (isNumber(val)) {
         return <NumberToken>{
             typ: EnumToken.NumberTokenType,
             val
-        };
+        }
     }
 
     if (isPercentage(val)) {
         return <PercentageToken>{
             typ: EnumToken.PercentageTokenType,
             val: val.slice(0, -1)
-        };
+        }
     }
 
     if (isFlex(val)) {
@@ -1857,11 +1857,10 @@ export function getTokenType(val: string, hint?: EnumToken): Token {
             };
         }
 
-
         return <IdentToken>{
             typ: val.startsWith('--') ? EnumToken.DashedIdenTokenType : EnumToken.IdenTokenType,
             val
-        };
+        }
     }
 
     if (val.charAt(0) == '#' && isHexColor(val)) {
@@ -1870,27 +1869,27 @@ export function getTokenType(val: string, hint?: EnumToken): Token {
             typ: EnumToken.ColorTokenType,
             val,
             kin: ColorType.HEX
-        };
+        }
     }
 
     if (val.charAt(0) == '#' && isHash(val)) {
         return <HashToken>{
             typ: EnumToken.HashTokenType,
             val
-        };
+        }
     }
 
     if ('"\''.includes(val.charAt(0))) {
         return <UnclosedStringToken>{
             typ: EnumToken.UnclosedStringTokenType,
             val
-        };
+        }
     }
 
     return <LiteralToken>{
         typ: EnumToken.LiteralTokenType,
         val
-    };
+    }
 }
 
 /**
diff --git a/src/lib/syntax/color/color.ts b/src/lib/syntax/color/color.ts
index 4ca48c71..4bb2934b 100644
--- a/src/lib/syntax/color/color.ts
+++ b/src/lib/syntax/color/color.ts
@@ -124,6 +124,11 @@ import {
 } from "./cmyk.ts";
 import {a98rgb2srgbvalues, srgb2a98values} from "./a98rgb.ts";
 
+/**
+ * Converts a color token to another color space
+ * @param token
+ * @param to
+ */
 export function convertColor(token: ColorToken, to: ColorType): ColorToken | null {
 
     if (token.kin == ColorType.SYS ||
diff --git a/src/lib/validation/syntax.ts b/src/lib/validation/syntax.ts
index 049bacf3..46d10085 100644
--- a/src/lib/validation/syntax.ts
+++ b/src/lib/validation/syntax.ts
@@ -1131,7 +1131,7 @@ function matchPropertyType(syntax: ValidationPropertyToken, context: Context<Tok
 
         case 'string':
 
-            success = token.typ == EnumToken.StringTokenType || token.typ == EnumToken.IdenTokenType || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes((token as FunctionToken).val));
+            success = token.typ == EnumToken.StringTokenType || token.typ == EnumToken.UrlTokenTokenType || token.typ == EnumToken.HashTokenType || token.typ == EnumToken.IdenTokenType || (token.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes((token as FunctionToken).val));
             break;
 
         case 'time':
diff --git a/src/lib/validation/syntaxes/compound-selector.ts b/src/lib/validation/syntaxes/compound-selector.ts
index b9162b5e..9f33c2f8 100644
--- a/src/lib/validation/syntaxes/compound-selector.ts
+++ b/src/lib/validation/syntaxes/compound-selector.ts
@@ -118,7 +118,7 @@ export function validateCompoundSelector(tokens: Token[], root?: AstAtRule | Ast
                 !webkitExtensions.has((tokens[0] as PseudoClassToken | PseudoElementToken).val) &&
                 !((tokens[0] as PseudoClassToken | PseudoElementToken).val in config.selectors) &&
                 !(!isPseudoElement &&
-                    (':' +(tokens[0] as PseudoClassToken | PseudoElementToken).val) in config.selectors)
+                    (':' + (tokens[0] as PseudoClassToken | PseudoElementToken).val) in config.selectors)
             ) {
 
                 if (!options?.lenient || /^(:?)-webkit-/.test((tokens[0] as PseudoClassToken | PseudoElementToken).val)) {
@@ -146,19 +146,7 @@ export function validateCompoundSelector(tokens: Token[], root?: AstAtRule | Ast
 
             consumeWhitespace(children);
 
-            if (children.length == 0) {
-
-                // @ts-ignore
-                return {
-                    valid: SyntaxValidationResult.Drop,
-                    context: [],
-                    node: tokens[0],
-                    syntax: null,
-                    error: 'invalid attribute selector'
-                }
-            }
-
-            if (![
+            if (children.length == 0 || ![
                 EnumToken.IdenTokenType,
                 EnumToken.NameSpaceAttributeTokenType,
                 EnumToken.MatchExpressionTokenType
@@ -195,23 +183,11 @@ export function validateCompoundSelector(tokens: Token[], root?: AstAtRule | Ast
                         EnumToken.EqualMatchTokenType, EnumToken.DashMatchTokenType,
                         EnumToken.StartMatchTokenType, EnumToken.ContainMatchTokenType,
                         EnumToken.EndMatchTokenType, EnumToken.IncludeMatchTokenType].includes((children[0] as MatchExpressionToken).op.typ) ||
-                    !([
+                    ![
                         EnumToken.StringTokenType,
                         EnumToken.IdenTokenType
-                    ].includes((children[0] as MatchExpressionToken).r.typ)
-                    )) {
-
-                    // @ts-ignore
-                    return {
-                        valid: SyntaxValidationResult.Drop,
-                        context: [],
-                        node: tokens[0],
-                        syntax: null,
-                        error: 'invalid attribute selector'
-                    }
-                }
-
-                if ((children[0] as MatchExpressionToken).attr != null && !['i', 's'].includes((children[0] as MatchExpressionToken).attr as string)) {
+                    ].includes((children[0] as MatchExpressionToken).r.typ) ||
+                    ((children[0] as MatchExpressionToken).attr != null && !['i', 's'].includes((children[0] as MatchExpressionToken).attr as string))) {
 
                     // @ts-ignore
                     return {
diff --git a/src/lib/validation/syntaxes/family-name.ts b/src/lib/validation/syntaxes/family-name.ts
index 5773f4f9..8ad22a38 100644
--- a/src/lib/validation/syntaxes/family-name.ts
+++ b/src/lib/validation/syntaxes/family-name.ts
@@ -11,20 +11,20 @@ export function validateFamilyName(tokens: Token[], atRule: AstAtRule): Validati
 
     consumeWhitespace(tokens);
 
-    if (tokens.length == 0) {
-
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            matches: [],
-            node: atRule,
-            syntax: null,
-            error: 'expected at-rule prelude',
-            tokens
-        } as ValidationSyntaxResult;
-    }
-
-    if (tokens[0].typ == EnumToken.CommaTokenType) {
+    // if (tokens.length == 0) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         matches: [],
+    //         node: atRule,
+    //         syntax: null,
+    //         error: 'expected at-rule prelude',
+    //         tokens
+    //     } as ValidationSyntaxResult;
+    // }
+
+    if (tokens.length == 0 || tokens[0].typ == EnumToken.CommaTokenType) {
 
         // @ts-ignore
         return {
@@ -40,25 +40,25 @@ export function validateFamilyName(tokens: Token[], atRule: AstAtRule): Validati
     while (tokens.length > 0) {
 
         // @ts-ignore
-        if (tokens[0].typ == EnumToken.CommaTokenType) {
-
-            node = tokens.shift() as Token;
-
-            consumeWhitespace(tokens);
-
-            if (tokens.length == 0) {
-
-                // @ts-ignore
-                return {
-                    valid: SyntaxValidationResult.Drop,
-                    matches: [],
-                    node,
-                    syntax: null,
-                    error: 'unexpected token',
-                    tokens
-                } as ValidationSyntaxResult;
-            }
-        }
+        // if (tokens[0].typ == EnumToken.CommaTokenType) {
+        //
+        //     node = tokens.shift() as Token;
+        //
+        //     consumeWhitespace(tokens);
+        //
+        //     if (tokens.length == 0) {
+        //
+        //         // @ts-ignore
+        //         return {
+        //             valid: SyntaxValidationResult.Drop,
+        //             matches: [],
+        //             node,
+        //             syntax: null,
+        //             error: 'unexpected token',
+        //             tokens
+        //         } as ValidationSyntaxResult;
+        //     }
+        // }
 
         node = tokens[0];
 
@@ -79,17 +79,9 @@ export function validateFamilyName(tokens: Token[], atRule: AstAtRule): Validati
         consumeWhitespace(tokens);
 
         // @ts-ignore
-        if (tokens.length > 0 && node.typ == EnumToken.BadStringTokenType && tokens[0].typ != EnumToken.CommaTokenType) {
+        if (tokens.length > 0 && tokens[0].typ == EnumToken.CommaTokenType) {
 
-            // @ts-ignore
-            return {
-                valid: SyntaxValidationResult.Drop,
-                matches: [],
-                node: tokens[0],
-                syntax: null,
-                error: 'expected comma token',
-                tokens
-            } as ValidationSyntaxResult;
+            tokens.shift();
         }
     }
 
diff --git a/src/lib/validation/syntaxes/keyframe-selector.ts b/src/lib/validation/syntaxes/keyframe-selector.ts
index 7b758fd6..eb530f0e 100644
--- a/src/lib/validation/syntaxes/keyframe-selector.ts
+++ b/src/lib/validation/syntaxes/keyframe-selector.ts
@@ -7,32 +7,21 @@ export function validateKeyframeSelector(tokens: Token[], options: ValidationOpt
 
     consumeWhitespace(tokens);
 
-    if (tokens.length == 0) {
-
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            node: null,
-            syntax: null,
-            error: 'expected keyframe selector'
-        }
-    }
+    // if (tokens.length == 0) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         context: [],
+    //         node: null,
+    //         syntax: null,
+    //         error: 'expected keyframe selector'
+    //     }
+    // }
 
     for (const t of splitTokenList(tokens)) {
 
-        if (t.length != 1) {
-
-            return {
-                valid: SyntaxValidationResult.Drop,
-                context: [],
-                node: t[0] ?? null,
-                syntax: null,
-                error: 'unexpected token'
-            }
-        }
-
-        if (t[0].typ != EnumToken.PercentageTokenType && !(t[0].typ == EnumToken.IdenTokenType && ['from', 'to', 'cover', 'contain', 'entry', 'exit', 'entry-crossing', 'exit-crossing'].includes((t[0] as IdentToken).val))) {
+        if (t.length != 1 || (t[0].typ != EnumToken.PercentageTokenType && !(t[0].typ == EnumToken.IdenTokenType && ['from', 'to', 'cover', 'contain', 'entry', 'exit', 'entry-crossing', 'exit-crossing'].includes((t[0] as IdentToken).val)))) {
 
             return {
                 valid: SyntaxValidationResult.Drop,
diff --git a/src/lib/validation/syntaxes/url.ts b/src/lib/validation/syntaxes/url.ts
index ad48f10d..ee25497d 100644
--- a/src/lib/validation/syntaxes/url.ts
+++ b/src/lib/validation/syntaxes/url.ts
@@ -6,51 +6,50 @@ import {consumeWhitespace} from "../utils/index.ts";
 
 export function validateURL(token: Token): ValidationSyntaxResult {
 
-    if (token.typ == EnumToken.UrlTokenTokenType) {
+    // if (token.typ == EnumToken.UrlTokenTokenType) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Valid,
+    //         context: [],
+    //         node: token,
+    //         // @ts-ignore
+    //         syntax: 'url()',
+    //         error: ''
+    //     }
+    // }
 
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Valid,
-            context: [],
-            node: token,
-            // @ts-ignore
-            syntax: 'url()',
-            error: ''
-        }
-    }
-
-    if (token.typ != EnumToken.UrlFunctionTokenType) {
-
-        // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            node: token,
-            // @ts-ignore
-            syntax: 'url()',
-            error: 'expected url()'
-        }
-    }
+    // if (token.typ != EnumToken.UrlFunctionTokenType) {
+    //
+    //     // @ts-ignore
+    //     return {
+    //         valid: SyntaxValidationResult.Drop,
+    //         context: [],
+    //         node: token,
+    //         // @ts-ignore
+    //         syntax: 'url()',
+    //         error: 'expected url()'
+    //     }
+    // }
 
     const children = (token as FunctionURLToken).chi.slice() as Token[];
 
     consumeWhitespace(children);
 
-    if (children.length == 0 || ![EnumToken.UrlTokenTokenType, EnumToken.StringTokenType, EnumToken.HashTokenType].includes(children[0].typ)) {
+    if (children.length  > 0 && [EnumToken.UrlTokenTokenType, EnumToken.StringTokenType, EnumToken.HashTokenType].includes(children[0].typ)) {
 
+        children.shift();
         // @ts-ignore
-        return {
-            valid: SyntaxValidationResult.Drop,
-            context: [],
-            node: children[0] ?? token,
-            // @ts-ignore
-            syntax: 'url()',
-            error: 'expected url-token'
-        }
+        // return {
+        //     valid: SyntaxValidationResult.Drop,
+        //     context: [],
+        //     node: children[0] ?? token,
+        //     // @ts-ignore
+        //     syntax: 'url()',
+        //     error: 'expected url-token'
+        // }
     }
 
-    children.shift();
-
     consumeWhitespace(children);
 
     if (children.length > 0) {
diff --git a/src/lib/validation/utils/list.ts b/src/lib/validation/utils/list.ts
index c6ef556b..f57b5502 100644
--- a/src/lib/validation/utils/list.ts
+++ b/src/lib/validation/utils/list.ts
@@ -8,10 +8,10 @@ export function stripCommaToken(tokenList: Token[]): Token[] | null {
 
     for (let i = 0; i < tokenList.length; i++) {
 
-        if (tokenList[i].typ == EnumToken.CommaTokenType && last != null && last.typ == EnumToken.CommaTokenType) {
-
-            return null;
-        }
+        // if (tokenList[i].typ == EnumToken.CommaTokenType && last != null && last.typ == EnumToken.CommaTokenType) {
+        //
+        //     return null;
+        // }
 
         if (tokenList[i].typ != EnumToken.WhitespaceTokenType) {
 
@@ -33,10 +33,10 @@ export function splitTokenList(tokenList: Token[], split: EnumToken[] = [EnumTok
 
     return tokenList.reduce((acc: Token[][], curr: Token): Token[][] => {
 
-        if (curr.typ == EnumToken.CommentTokenType) {
-
-            return acc;
-        }
+        // if (curr.typ == EnumToken.CommentTokenType) {
+        //
+        //     return acc;
+        // }
 
         if (split.includes(curr.typ)) {
 
diff --git a/src/node/index.ts b/src/node/index.ts
index 47c1537c..29b2ed2d 100644
--- a/src/node/index.ts
+++ b/src/node/index.ts
@@ -13,7 +13,7 @@ import {dirname, resolve} from "../lib/fs/index.ts";
 import {load} from "./load.ts";
 
 export {
-    minify, expand, parseString, parseTokens, renderToken, walk, walkValues, isOkLabClose, okLabDistance, EnumToken, ValidationLevel, ColorType
+    minify, expand, parseString, parseTokens, renderToken, walk, walkValues, convertColor, isOkLabClose, okLabDistance, EnumToken, ValidationLevel, ColorType
 } from '../lib/index.ts';
 export {dirname, resolve, load};
 
diff --git a/src/web/index.ts b/src/web/index.ts
index 86a8cee3..047b716d 100644
--- a/src/web/index.ts
+++ b/src/web/index.ts
@@ -13,7 +13,7 @@ import {dirname, resolve} from "../lib/fs/index.ts";
 import {load} from "./load.ts";
 
 export {
-    minify, expand, parseString, parseTokens, renderToken, walk, walkValues, isOkLabClose, okLabDistance, EnumToken, ValidationLevel, ColorType
+    minify, expand, parseString, parseTokens, renderToken, walk, walkValues, convertColor, isOkLabClose, okLabDistance, EnumToken, ValidationLevel, ColorType
 } from '../lib/index.ts';
 export {dirname, resolve, load};
 

From be487218c32a0af2be2b2a551da9e6a8be000cc2 Mon Sep 17 00:00:00 2001
From: Thierry Bela Nanga <bnanga@gmail.com>
Date: Thu, 7 Aug 2025 22:03:35 -0400
Subject: [PATCH 11/11] delete comments #94

---
 README.md                                     |  26 ++
 dist/index-umd-web.js                         | 400 +-----------------
 dist/index.cjs                                | 400 +-----------------
 dist/lib/fs/resolve.js                        |  16 -
 dist/lib/parser/parse.js                      |  85 ----
 dist/lib/parser/tokenize.js                   |  15 -
 dist/lib/renderer/render.js                   | 196 +--------
 dist/lib/syntax/color/color.js                |  82 ----
 dist/lib/syntax/color/lab.js                  |   6 +-
 jsr.json                                      |   2 +-
 package.json                                  |   2 +-
 src/lib/fs/resolve.ts                         |  17 -
 src/lib/parser/parse.ts                       |  89 ----
 src/lib/parser/tokenize.ts                    |  18 -
 src/lib/renderer/render.ts                    | 198 +--------
 src/lib/syntax/color/color.ts                 |  86 +---
 src/lib/syntax/color/lab.ts                   |  26 +-
 src/lib/syntax/color/lch.ts                   |  28 +-
 src/lib/syntax/color/utils/distance.ts        |  12 +-
 src/lib/validation/at-rules/keyframes.ts      |  12 -
 src/lib/validation/config.ts                  |   5 -
 src/lib/validation/parser/parse.ts            |  10 -
 src/lib/validation/selector.ts                |  11 -
 src/lib/validation/syntax.ts                  | 141 +-----
 .../syntaxes/complex-selector-list.ts         |  12 -
 src/lib/validation/syntaxes/family-name.ts    |  34 --
 .../validation/syntaxes/keyframe-selector.ts  |  12 -
 .../syntaxes/relative-selector-list.ts        |  28 --
 src/lib/validation/syntaxes/url.ts            |  35 --
 src/lib/validation/utils/list.ts              |  10 -
 30 files changed, 86 insertions(+), 1928 deletions(-)

diff --git a/README.md b/README.md
index af5d2de2..03b2a3dd 100644
--- a/README.md
+++ b/README.md
@@ -299,6 +299,32 @@ console.debug(render(result.ast.chi[0].chi[1].chi[1], {withParents: true}));
 
 ```
 
+### Convert colors
+
+```javascript
+import {transform} from '@tbela99/css-parser';
+
+
+const css = `
+.hsl { color: #b3222280; }
+`;
+const result: TransformResult = await transform(css, {
+    beautify: true,
+    convertColor: ColorType.SRGB
+});
+
+console.log(result.css);
+
+```
+
+result
+
+```css
+.hsl {
+    color: color(srgb .7019607843137254 .13333333333333333 .13333333333333333/50%)
+}
+```
+
 ### Merge similar rules
 
 CSS
diff --git a/dist/index-umd-web.js b/dist/index-umd-web.js
index 5230ec24..a0ae68c2 100644
--- a/dist/index-umd-web.js
+++ b/dist/index-umd-web.js
@@ -1074,7 +1074,8 @@
     }
 
     function hex2labToken(token) {
-        return labToken(hex2labvalues(token));
+        const values = hex2labvalues(token);
+        return values == null ? null : labToken(values);
     }
     function rgb2labToken(token) {
         const values = rgb2labvalues(token);
@@ -1154,8 +1155,9 @@
     // L: 0% = 0.0, 100% = 100.0
     // for a and b: -100% = -125, 100% = 125
     function hex2labvalues(token) {
+        const values = hex2srgbvalues(token);
         // @ts-ignore
-        return srgb2labvalues(...hex2srgbvalues(token));
+        return values == null ? null : srgb2labvalues(...values);
     }
     function rgb2labvalues(token) {
         const values = rgb2srgb(token);
@@ -3829,14 +3831,6 @@
                 case exports.ColorType.LCH:
                     return lch2HslToken(token);
                 case exports.ColorType.COLOR:
-                case exports.ColorType.XYZ:
-                case exports.ColorType.SRGB:
-                case exports.ColorType.REC2020:
-                case exports.ColorType.XYZ_D50:
-                case exports.ColorType.A98_RGB:
-                case exports.ColorType.DISPLAY_P3:
-                case exports.ColorType.SRGB_LINEAR:
-                case exports.ColorType.PROPHOTO_RGB:
                     return color2HslToken(token);
             }
         }
@@ -3862,14 +3856,6 @@
                 case exports.ColorType.DEVICE_CMYK:
                     return cmyk2hwbToken(token);
                 case exports.ColorType.COLOR:
-                case exports.ColorType.XYZ:
-                case exports.ColorType.SRGB:
-                case exports.ColorType.REC2020:
-                case exports.ColorType.XYZ_D50:
-                case exports.ColorType.A98_RGB:
-                case exports.ColorType.DISPLAY_P3:
-                case exports.ColorType.SRGB_LINEAR:
-                case exports.ColorType.PROPHOTO_RGB:
                     return color2hwbToken(token);
             }
         }
@@ -3896,14 +3882,6 @@
                 case exports.ColorType.LCH:
                     return lch2cmykToken(token);
                 case exports.ColorType.COLOR:
-                case exports.ColorType.XYZ:
-                case exports.ColorType.SRGB:
-                case exports.ColorType.REC2020:
-                case exports.ColorType.XYZ_D50:
-                case exports.ColorType.A98_RGB:
-                case exports.ColorType.DISPLAY_P3:
-                case exports.ColorType.SRGB_LINEAR:
-                case exports.ColorType.PROPHOTO_RGB:
                     return color2cmykToken(token);
             }
         }
@@ -3933,14 +3911,6 @@
                 case exports.ColorType.LCH:
                     return lch2HexToken(token);
                 case exports.ColorType.COLOR:
-                case exports.ColorType.XYZ:
-                case exports.ColorType.SRGB:
-                case exports.ColorType.REC2020:
-                case exports.ColorType.XYZ_D50:
-                case exports.ColorType.A98_RGB:
-                case exports.ColorType.DISPLAY_P3:
-                case exports.ColorType.SRGB_LINEAR:
-                case exports.ColorType.PROPHOTO_RGB:
                     return color2HexToken(token);
                 case exports.ColorType.RGB:
                 case exports.ColorType.RGBA:
@@ -3967,14 +3937,6 @@
                 case exports.ColorType.LCH:
                     return lch2RgbToken(token);
                 case exports.ColorType.COLOR:
-                case exports.ColorType.XYZ:
-                case exports.ColorType.SRGB:
-                case exports.ColorType.REC2020:
-                case exports.ColorType.XYZ_D50:
-                case exports.ColorType.A98_RGB:
-                case exports.ColorType.DISPLAY_P3:
-                case exports.ColorType.SRGB_LINEAR:
-                case exports.ColorType.PROPHOTO_RGB:
                     return color2RgbToken(token);
             }
         }
@@ -4000,14 +3962,6 @@
                 case exports.ColorType.OKLCH:
                     return oklch2labToken(token);
                 case exports.ColorType.COLOR:
-                case exports.ColorType.XYZ:
-                case exports.ColorType.SRGB:
-                case exports.ColorType.REC2020:
-                case exports.ColorType.XYZ_D50:
-                case exports.ColorType.A98_RGB:
-                case exports.ColorType.DISPLAY_P3:
-                case exports.ColorType.SRGB_LINEAR:
-                case exports.ColorType.PROPHOTO_RGB:
                     return color2labToken(token);
             }
         }
@@ -4033,14 +3987,6 @@
                 case exports.ColorType.OKLCH:
                     return oklch2lchToken(token);
                 case exports.ColorType.COLOR:
-                case exports.ColorType.XYZ:
-                case exports.ColorType.SRGB:
-                case exports.ColorType.REC2020:
-                case exports.ColorType.XYZ_D50:
-                case exports.ColorType.A98_RGB:
-                case exports.ColorType.DISPLAY_P3:
-                case exports.ColorType.SRGB_LINEAR:
-                case exports.ColorType.PROPHOTO_RGB:
                     return color2lchToken(token);
             }
         }
@@ -4066,14 +4012,6 @@
                 case exports.ColorType.OKLCH:
                     return oklch2oklabToken(token);
                 case exports.ColorType.COLOR:
-                case exports.ColorType.XYZ:
-                case exports.ColorType.SRGB:
-                case exports.ColorType.REC2020:
-                case exports.ColorType.XYZ_D50:
-                case exports.ColorType.A98_RGB:
-                case exports.ColorType.DISPLAY_P3:
-                case exports.ColorType.SRGB_LINEAR:
-                case exports.ColorType.PROPHOTO_RGB:
                     return color2oklabToken(token);
             }
         }
@@ -4099,14 +4037,6 @@
                 case exports.ColorType.LCH:
                     return lch2oklchToken(token);
                 case exports.ColorType.COLOR:
-                case exports.ColorType.XYZ:
-                case exports.ColorType.SRGB:
-                case exports.ColorType.REC2020:
-                case exports.ColorType.XYZ_D50:
-                case exports.ColorType.A98_RGB:
-                case exports.ColorType.DISPLAY_P3:
-                case exports.ColorType.SRGB_LINEAR:
-                case exports.ColorType.PROPHOTO_RGB:
                     return color2oklchToken(token);
             }
         }
@@ -4134,14 +4064,6 @@
                 case exports.ColorType.OKLCH:
                     return oklch2colorToken(token, to);
                 case exports.ColorType.COLOR:
-                case exports.ColorType.XYZ:
-                case exports.ColorType.SRGB:
-                case exports.ColorType.REC2020:
-                case exports.ColorType.XYZ_D50:
-                case exports.ColorType.A98_RGB:
-                case exports.ColorType.DISPLAY_P3:
-                case exports.ColorType.SRGB_LINEAR:
-                case exports.ColorType.PROPHOTO_RGB:
                     return color2colorToken(token, to);
             }
         }
@@ -4306,9 +4228,7 @@
         return values;
     }
     function values2colortoken(values, to) {
-        // console.error({srgb2: values});
         values = srgb2srgbcolorspace(values, to);
-        // console.error({srgb3: values, to: ColorKind[to]});
         const chi = [
             { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
             { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
@@ -4682,10 +4602,8 @@
             case exports.EnumToken.InvalidDeclarationNodeType:
             case exports.EnumToken.InvalidRuleTokenType:
             case exports.EnumToken.InvalidAtRuleTokenType:
-                return '';
             default:
-                // return renderToken(data as Token, options, cache, reducer, errors);
-                throw new Error(`render: unexpected token ${JSON.stringify(data, null, 1)}`);
+                return '';
         }
     }
     /**
@@ -4781,203 +4699,11 @@
                     return token.val + '(' + token.chi.reduce((acc, curr) => acc + renderToken(curr, options, cache), '') + ')';
                 }
                 if (options.convertColor !== false) {
-                    // console.error([typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[(ColorType[options.convertColor] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorKind] ?? ColorKind.HEX])
                     const value = convertColor(token, typeof options.convertColor == 'boolean' ? exports.ColorType.HEX : exports.ColorType[exports.ColorType[options.convertColor ?? 'HEX']?.toUpperCase?.().replaceAll?.('-', '_')] ?? exports.ColorType.HEX);
                     //
                     if (value != null) {
                         token = value;
                     }
-                    //     if ((token as ColorToken).kin == ColorKind.COLOR_MIX) {
-                    //
-                    //         const children: Token[][] = (<Token[]>(token as ColorToken).chi).reduce((acc: Token[][], t: Token) => {
-                    //
-                    //             if (t.typ == EnumToken.ColorTokenType) {
-                    //
-                    //                 acc.push([t]);
-                    //             } else {
-                    //
-                    //                 if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType, EnumToken.CommaTokenType].includes(t.typ)) {
-                    //
-                    //                     acc[acc.length - 1].push(t);
-                    //                 }
-                    //             }
-                    //
-                    //             return acc;
-                    //         }, <Token[][]>[[]]);
-                    //
-                    //         const value: ColorToken | null = colorMix(<IdentToken>children[0][1], <IdentToken>children[0][2], <ColorToken>children[1][0], <PercentageToken>children[1][1], <ColorToken>children[2][0], <PercentageToken>children[2][1]);
-                    //
-                    //         if (value != null) {
-                    //
-                    //             token = value;
-                    //         } else if (!(token as ColorToken).chi!.some(t => t.typ == EnumToken.CommaTokenType)) {
-                    //
-                    //             (token as ColorToken).chi = children.reduce((acc, curr, index) => {
-                    //
-                    //                 if (acc.length > 0) {
-                    //
-                    //                     acc.push({typ: EnumToken.CommaTokenType});
-                    //                 }
-                    //
-                    //                 acc.push(...curr);
-                    //                 return acc;
-                    //             }, [] as Token[]);
-                    //         }
-                    //     }
-                    //
-                    //     if ((token as ColorToken).cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes((token as ColorToken).val)) {
-                    //
-                    //         const chi: Token[] | null = getComponents(token as ColorToken);
-                    //         const offset: number = (token as ColorToken).val == 'color' ? 2 : 1;
-                    //
-                    //         if (chi != null) {
-                    //
-                    //             // @ts-ignore
-                    //             const color: ColorToken = chi[1];
-                    //             const components: Record<RelativeColorTypes, Token> = <Record<RelativeColorTypes, Token>>parseRelativeColor((token as ColorToken).val == 'color' ? (<IdentToken>chi[offset]).val : <string>(token as ColorToken).val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
-                    //
-                    //             if (components != null) {
-                    //
-                    //                 (token as ColorToken).chi = [...((token as ColorToken).val == 'color' ? [chi[offset]] : []), ...Object.values(components)];
-                    //
-                    //                 delete (token as ColorToken).cal;
-                    //             }
-                    //         }
-                    //     }
-                    //
-                    //     if ((token as ColorToken).val == 'color') {
-                    //
-                    //         if ((<IdentToken>(<Token[]>(token as ColorToken).chi)[0]).typ == EnumToken.IdenTokenType && colorFuncColorSpace.includes(((<Token[]>(token as ColorToken).chi)[0] as IdentToken).val.toLowerCase())) {
-                    //
-                    //             const values = color2srgbvalues(token as ColorToken) as number[];
-                    //
-                    //             if (Array.isArray(values) && values.every(t => !Number.isNaN(t))) {
-                    //
-                    //                 // @ts-ignore
-                    //                 return reduceHexValue(srgb2hexvalues(...values));
-                    //             }
-                    //         }
-                    //     }
-                    //
-                    //     if ((token as ColorToken).cal != null) {
-                    //
-                    //         let slice: boolean = false;
-                    //
-                    //         if ((token as ColorToken).cal == 'rel') {
-                    //
-                    //             const last: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-1);
-                    //
-                    //             if ((last.typ == EnumToken.NumberTokenType && (last as NumberToken).val == '1') || (last.typ == EnumToken.IdenTokenType && (last as IdentToken).val == 'none')) {
-                    //
-                    //                 const prev: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-2);
-                    //
-                    //                 if (prev.typ == EnumToken.LiteralTokenType && (prev as LiteralToken).val == '/') {
-                    //
-                    //                     slice = true;
-                    //                 }
-                    //             }
-                    //         }
-                    //
-                    //         return clamp(token as ColorToken).val + '(' + (slice ? (<Token[]>(token as ColorToken).chi).slice(0, -2) : <Token[]>(token as ColorToken).chi).reduce((acc: string, curr: Token): string => {
-                    //
-                    //             const val: string = renderToken(curr, options, cache);
-                    //
-                    //             if (curr.typ == EnumToken.LiteralTokenType && (curr as LiteralToken).val == '/') {
-                    //
-                    //                 return acc.trimEnd() + '/';
-                    //             }
-                    //
-                    //             if (curr.typ == EnumToken.CommaTokenType) {
-                    //
-                    //                 return acc.trimEnd() + ',';
-                    //             }
-                    //
-                    //             if (curr.typ == EnumToken.WhitespaceTokenType) {
-                    //
-                    //                 const v: string = acc.at(-1) as string;
-                    //
-                    //                 if (v == ' ' || v == ',' || v == '/') {
-                    //
-                    //                     return acc.trimEnd();
-                    //                 }
-                    //
-                    //                 return acc.trimEnd() + ' ';
-                    //             }
-                    //
-                    //             if (acc.length > 0) {
-                    //
-                    //                 return acc + (['/', ',', ' '].includes(<string>acc.at(-1)) ? '' : ' ') + val;
-                    //             }
-                    //
-                    //             return val;
-                    //         }, '') + ')';
-                    //     }
-                    //
-                    //     if ((token as ColorToken).kin == ColorKind.LIT && (token as ColorToken).val.localeCompare('currentcolor', undefined, {sensitivity: 'base'}) == 0) {
-                    //
-                    //         return 'currentcolor';
-                    //     }
-                    //
-                    //     clamp(token as ColorToken);
-                    //
-                    //     if (Array.isArray((token as ColorToken).chi) && (token as ColorToken).chi!.some((t: Token): boolean => t.typ == EnumToken.FunctionTokenType || (t.typ == EnumToken.ColorTokenType && Array.isArray((t as ColorToken).chi)))) {
-                    //
-                    //         const replaceSemiColon: boolean = /^((rgba?)|(hsla?)|(hwb)|((ok)?lab)|((ok)?lch))$/i.test((token as ColorToken).val);
-                    //
-                    //         return ((token as ColorToken).val.endsWith('a') ? (token as ColorToken).val.slice(0, -1) : (token as ColorToken).val) + '(' + (token as ColorToken).chi!.reduce((acc: string, curr: Token, index: number, array: Token[]): string => {
-                    //
-                    //             if (curr.typ == EnumToken.Literal && (curr as LiteralToken).val == '/') {
-                    //
-                    //                 return acc.trimEnd() + '/';
-                    //             }
-                    //
-                    //             if (curr.typ == EnumToken.CommaTokenType) {
-                    //
-                    //                 return acc.trimEnd() + (replaceSemiColon ? ' ' : ',');
-                    //             }
-                    //
-                    //             if (curr.typ == EnumToken.WhitespaceTokenType) {
-                    //
-                    //                 return /[,\/\s]/.test(acc.at(-1) as string) ? acc.trimEnd() : acc.trimEnd() + ' ';
-                    //             }
-                    //
-                    //             return acc + renderToken(curr, options, cache)
-                    //         }, '') + ')';
-                    //     }
-                    //
-                    //     let value: string | null = (token as ColorToken).kin == ColorKind.HEX ? (token as ColorToken).val.toLowerCase() : ((token as ColorToken).kin == ColorKind.LIT ? COLORS_NAMES[(token as ColorToken).val.toLowerCase()] : '');
-                    //
-                    //     if ((token as ColorToken).val == 'rgb' || (token as ColorToken).val == 'rgba') {
-                    //
-                    //         value = rgb2hex(token as ColorToken);
-                    //     } else if ((token as ColorToken).val == 'hsl' || (token as ColorToken).val == 'hsla') {
-                    //
-                    //         value = hsl2hex(token as ColorToken);
-                    //
-                    //     } else if ((token as ColorToken).val == 'hwb') {
-                    //
-                    //         value = hwb2hex(token as ColorToken);
-                    //     } else if ((token as ColorToken).val == 'device-cmyk') {
-                    //
-                    //         value = cmyk2hex(token as ColorToken);
-                    //     } else if ((token as ColorToken).val == 'oklab') {
-                    //
-                    //         value = oklab2hex(token as ColorToken);
-                    //     } else if ((token as ColorToken).val == 'oklch') {
-                    //
-                    //         value = oklch2hex(token as ColorToken);
-                    //     } else if ((token as ColorToken).val == 'lab') {
-                    //
-                    //         value = lab2hex(token as ColorToken);
-                    //     } else if ((token as ColorToken).val == 'lch') {
-                    //
-                    //         value = lch2hex(token as ColorToken);
-                    //     }
-                    //
-                    //     if (value !== '' && value != null) {
-                    //
-                    //         return reduceHexValue(value);
-                    //     }
                 }
                 if ([exports.ColorType.HEX, exports.ColorType.LIT, exports.ColorType.SYS, exports.ColorType.DPSYS].includes(token.kin)) {
                     return token.val;
@@ -7908,12 +7634,6 @@
                     }
                     break;
                 }
-                // if (i == 1) {
-                //
-                //     buffer += value + sequence[i];
-                //     next(parseInfo, 2);
-                //     continue;
-                // }
                 if (escapeSequence.trimEnd().length > 0) {
                     const codepoint = parseInt(escapeSequence, 16);
                     if (codepoint == 0 ||
@@ -7936,7 +7656,6 @@
                 buffer += value;
                 yield pushToken(buffer, parseInfo, hasNewLine ? exports.EnumToken.BadStringTokenType : exports.EnumToken.StringTokenType);
                 next(parseInfo);
-                // i += value.length;
                 buffer = '';
                 return;
             }
@@ -7978,17 +7697,9 @@
     function next(parseInfo, count = 1) {
         let char = '';
         let chr = '';
-        // if (count < 0) {
-        //
-        //     return '';
-        // }
         while (count-- && (chr = parseInfo.stream.charAt(parseInfo.currentPosition.ind + 1))) {
             char += chr;
             const codepoint = parseInfo.stream.charCodeAt(++parseInfo.currentPosition.ind);
-            // if (isNaN(codepoint)) {
-            //
-            //     return char;
-            // }
             if (isNewLine(codepoint)) {
                 parseInfo.currentPosition.lin++;
                 parseInfo.currentPosition.col = 0;
@@ -18200,54 +17911,6 @@
                     // @ts-ignore
                     value.typ = exports.EnumToken.ChildCombinatorTokenType;
                 }
-                // @ts-ignore
-                // else if (value.typ == EnumToken.WhitespaceTokenType) {
-                //
-                //     if (nextValue != null && nextValue.typ == EnumToken.LiteralTokenType) {
-                //
-                //         if (['>', '+', '~'].includes((<LiteralToken>nextValue).val)) {
-                //
-                //             switch ((<LiteralToken>value).val) {
-                //
-                //                 case '>':
-                //                     // @ts-ignore
-                //                     nextValue.typ = EnumToken.ChildCombinatorTokenType;
-                //                     break;
-                //
-                //                 case '+':
-                //                     // @ts-ignore
-                //                     nextValue.typ = EnumToken.NextSiblingCombinatorTokenType;
-                //                     break;
-                //
-                //                 case '~':
-                //                     // @ts-ignore
-                //                     nextValue.typ = EnumToken.SubsequentSiblingCombinatorTokenType;
-                //                     break;
-                //             }
-                //
-                //             // @ts-ignore
-                //             delete (<LiteralToken>nextValue).val;
-                //
-                //             continue;
-                //         }
-                //     }
-                //
-                //     if (previousValue != null && [
-                //         EnumToken.ChildCombinatorTokenType,
-                //         EnumToken.DescendantCombinatorTokenType,
-                //         EnumToken.NextSiblingCombinatorTokenType,
-                //         EnumToken.SubsequentSiblingCombinatorTokenType,
-                //         EnumToken.ColumnCombinatorTokenType,
-                //         EnumToken.NameSpaceAttributeTokenType,
-                //         EnumToken.CommaTokenType
-                //     ].includes(previousValue.typ)) {
-                //
-                //         continue;
-                //     }
-                //
-                //     // @ts-ignore
-                //     value.typ = EnumToken.DescendantCombinatorTokenType;
-                // }
                 else if (value.typ == exports.EnumToken.LiteralTokenType) {
                     if (value.val.charAt(0) == '&') {
                         // @ts-ignore
@@ -18265,13 +17928,6 @@
                             value.typ = exports.EnumToken.ClassSelectorTokenType;
                         }
                     }
-                    // @ts-ignore
-                    // if ((<DelimToken>value).typ == EnumToken.DelimTokenType) {
-                    //
-                    //     // @ts-ignore
-                    //     (<NextSiblingCombinatorToken>value).typ = EnumToken.NextSiblingCombinatorTokenType;
-                    //
-                    // } else
                     if (['*', '>', '+', '~'].includes(value.val)) {
                         switch (value.val) {
                             case '*':
@@ -18337,10 +17993,6 @@
         }
         return tokens;
     }
-    // export async function parseDeclarations(src: string, options: ParserOptions = {}): Promise<AstDeclaration[]> {
-    //
-    //     return doParse(`.x{${src}`, options).then((result: ParseResult) => <AstDeclaration[]>(<AstRule>result.ast.chi[0]).chi.filter(t => t.typ == EnumToken.DeclarationNodeType));
-    // }
     /**
      * parse css string
      * @param src
@@ -18809,33 +18461,7 @@
                         }
                     }
                 }
-                // continue;
             }
-            // if (options.parseColor) {
-            //
-            //     if (t.typ == EnumToken.IdenTokenType) {
-            //         // named color
-            //         const value: string = (t as IdentToken).val.toLowerCase();
-            //
-            //         if (value in COLORS_NAMES) {
-            //             Object.assign(t, {
-            //                 typ: EnumToken.ColorTokenType,
-            //                 val: COLORS_NAMES[value].length < value.length ? COLORS_NAMES[value] : value,
-            //                 kin: ColorKind.HEX
-            //             });
-            //         }
-            //
-            //         continue;
-            //     }
-            //
-            //     if (t.typ == EnumToken.HashTokenType && isHexColor((t as HashToken).val)) {
-            //         // hex color
-            //         // @ts-ignore
-            //         t.typ = EnumToken.ColorTokenType;
-            //         // @ts-ignore
-            //         (t as ColorToken).kin = ColorKind.HEX;
-            //     }
-            // }
         }
         return tokens;
     }
@@ -23125,23 +22751,7 @@
         else if (currentDirectory.charAt(0) == '/') {
             result = dirname(currentDirectory) + '/' + url;
         }
-        // else if (currentDirectory === '' || dirname(currentDirectory) === '') {
-        //
-        //     result = url;
-        // } else {
-        //
-        //     result = dirname(currentDirectory) + '/' + url;
-        // }
         let { parts, i } = splitPath(result);
-        // if (parts.length == 0) {
-        //
-        //     const path = result.charAt(0) == '/' ? '/' : '';
-        //
-        //     return {
-        //         absolute: path,
-        //         relative: path
-        //     }
-        // }
         const absolute = parts.join('/');
         const { parts: dirs } = splitPath(cwd ?? currentDirectory);
         for (const p of dirs) {
diff --git a/dist/index.cjs b/dist/index.cjs
index f93aaff5..6471de83 100644
--- a/dist/index.cjs
+++ b/dist/index.cjs
@@ -1073,7 +1073,8 @@ function OKLab_to_sRGB(l, a, b) {
 }
 
 function hex2labToken(token) {
-    return labToken(hex2labvalues(token));
+    const values = hex2labvalues(token);
+    return values == null ? null : labToken(values);
 }
 function rgb2labToken(token) {
     const values = rgb2labvalues(token);
@@ -1153,8 +1154,9 @@ function labToken(values) {
 // L: 0% = 0.0, 100% = 100.0
 // for a and b: -100% = -125, 100% = 125
 function hex2labvalues(token) {
+    const values = hex2srgbvalues(token);
     // @ts-ignore
-    return srgb2labvalues(...hex2srgbvalues(token));
+    return values == null ? null : srgb2labvalues(...values);
 }
 function rgb2labvalues(token) {
     const values = rgb2srgb(token);
@@ -3828,14 +3830,6 @@ function convertColor(token, to) {
             case exports.ColorType.LCH:
                 return lch2HslToken(token);
             case exports.ColorType.COLOR:
-            case exports.ColorType.XYZ:
-            case exports.ColorType.SRGB:
-            case exports.ColorType.REC2020:
-            case exports.ColorType.XYZ_D50:
-            case exports.ColorType.A98_RGB:
-            case exports.ColorType.DISPLAY_P3:
-            case exports.ColorType.SRGB_LINEAR:
-            case exports.ColorType.PROPHOTO_RGB:
                 return color2HslToken(token);
         }
     }
@@ -3861,14 +3855,6 @@ function convertColor(token, to) {
             case exports.ColorType.DEVICE_CMYK:
                 return cmyk2hwbToken(token);
             case exports.ColorType.COLOR:
-            case exports.ColorType.XYZ:
-            case exports.ColorType.SRGB:
-            case exports.ColorType.REC2020:
-            case exports.ColorType.XYZ_D50:
-            case exports.ColorType.A98_RGB:
-            case exports.ColorType.DISPLAY_P3:
-            case exports.ColorType.SRGB_LINEAR:
-            case exports.ColorType.PROPHOTO_RGB:
                 return color2hwbToken(token);
         }
     }
@@ -3895,14 +3881,6 @@ function convertColor(token, to) {
             case exports.ColorType.LCH:
                 return lch2cmykToken(token);
             case exports.ColorType.COLOR:
-            case exports.ColorType.XYZ:
-            case exports.ColorType.SRGB:
-            case exports.ColorType.REC2020:
-            case exports.ColorType.XYZ_D50:
-            case exports.ColorType.A98_RGB:
-            case exports.ColorType.DISPLAY_P3:
-            case exports.ColorType.SRGB_LINEAR:
-            case exports.ColorType.PROPHOTO_RGB:
                 return color2cmykToken(token);
         }
     }
@@ -3932,14 +3910,6 @@ function convertColor(token, to) {
             case exports.ColorType.LCH:
                 return lch2HexToken(token);
             case exports.ColorType.COLOR:
-            case exports.ColorType.XYZ:
-            case exports.ColorType.SRGB:
-            case exports.ColorType.REC2020:
-            case exports.ColorType.XYZ_D50:
-            case exports.ColorType.A98_RGB:
-            case exports.ColorType.DISPLAY_P3:
-            case exports.ColorType.SRGB_LINEAR:
-            case exports.ColorType.PROPHOTO_RGB:
                 return color2HexToken(token);
             case exports.ColorType.RGB:
             case exports.ColorType.RGBA:
@@ -3966,14 +3936,6 @@ function convertColor(token, to) {
             case exports.ColorType.LCH:
                 return lch2RgbToken(token);
             case exports.ColorType.COLOR:
-            case exports.ColorType.XYZ:
-            case exports.ColorType.SRGB:
-            case exports.ColorType.REC2020:
-            case exports.ColorType.XYZ_D50:
-            case exports.ColorType.A98_RGB:
-            case exports.ColorType.DISPLAY_P3:
-            case exports.ColorType.SRGB_LINEAR:
-            case exports.ColorType.PROPHOTO_RGB:
                 return color2RgbToken(token);
         }
     }
@@ -3999,14 +3961,6 @@ function convertColor(token, to) {
             case exports.ColorType.OKLCH:
                 return oklch2labToken(token);
             case exports.ColorType.COLOR:
-            case exports.ColorType.XYZ:
-            case exports.ColorType.SRGB:
-            case exports.ColorType.REC2020:
-            case exports.ColorType.XYZ_D50:
-            case exports.ColorType.A98_RGB:
-            case exports.ColorType.DISPLAY_P3:
-            case exports.ColorType.SRGB_LINEAR:
-            case exports.ColorType.PROPHOTO_RGB:
                 return color2labToken(token);
         }
     }
@@ -4032,14 +3986,6 @@ function convertColor(token, to) {
             case exports.ColorType.OKLCH:
                 return oklch2lchToken(token);
             case exports.ColorType.COLOR:
-            case exports.ColorType.XYZ:
-            case exports.ColorType.SRGB:
-            case exports.ColorType.REC2020:
-            case exports.ColorType.XYZ_D50:
-            case exports.ColorType.A98_RGB:
-            case exports.ColorType.DISPLAY_P3:
-            case exports.ColorType.SRGB_LINEAR:
-            case exports.ColorType.PROPHOTO_RGB:
                 return color2lchToken(token);
         }
     }
@@ -4065,14 +4011,6 @@ function convertColor(token, to) {
             case exports.ColorType.OKLCH:
                 return oklch2oklabToken(token);
             case exports.ColorType.COLOR:
-            case exports.ColorType.XYZ:
-            case exports.ColorType.SRGB:
-            case exports.ColorType.REC2020:
-            case exports.ColorType.XYZ_D50:
-            case exports.ColorType.A98_RGB:
-            case exports.ColorType.DISPLAY_P3:
-            case exports.ColorType.SRGB_LINEAR:
-            case exports.ColorType.PROPHOTO_RGB:
                 return color2oklabToken(token);
         }
     }
@@ -4098,14 +4036,6 @@ function convertColor(token, to) {
             case exports.ColorType.LCH:
                 return lch2oklchToken(token);
             case exports.ColorType.COLOR:
-            case exports.ColorType.XYZ:
-            case exports.ColorType.SRGB:
-            case exports.ColorType.REC2020:
-            case exports.ColorType.XYZ_D50:
-            case exports.ColorType.A98_RGB:
-            case exports.ColorType.DISPLAY_P3:
-            case exports.ColorType.SRGB_LINEAR:
-            case exports.ColorType.PROPHOTO_RGB:
                 return color2oklchToken(token);
         }
     }
@@ -4133,14 +4063,6 @@ function convertColor(token, to) {
             case exports.ColorType.OKLCH:
                 return oklch2colorToken(token, to);
             case exports.ColorType.COLOR:
-            case exports.ColorType.XYZ:
-            case exports.ColorType.SRGB:
-            case exports.ColorType.REC2020:
-            case exports.ColorType.XYZ_D50:
-            case exports.ColorType.A98_RGB:
-            case exports.ColorType.DISPLAY_P3:
-            case exports.ColorType.SRGB_LINEAR:
-            case exports.ColorType.PROPHOTO_RGB:
                 return color2colorToken(token, to);
         }
     }
@@ -4305,9 +4227,7 @@ function color2srgbvalues(token) {
     return values;
 }
 function values2colortoken(values, to) {
-    // console.error({srgb2: values});
     values = srgb2srgbcolorspace(values, to);
-    // console.error({srgb3: values, to: ColorKind[to]});
     const chi = [
         { typ: exports.EnumToken.NumberTokenType, val: String(values[0]) },
         { typ: exports.EnumToken.NumberTokenType, val: String(values[1]) },
@@ -4681,10 +4601,8 @@ function renderAstNode(data, options, sourcemap, position, errors, reducer, cach
         case exports.EnumToken.InvalidDeclarationNodeType:
         case exports.EnumToken.InvalidRuleTokenType:
         case exports.EnumToken.InvalidAtRuleTokenType:
-            return '';
         default:
-            // return renderToken(data as Token, options, cache, reducer, errors);
-            throw new Error(`render: unexpected token ${JSON.stringify(data, null, 1)}`);
+            return '';
     }
 }
 /**
@@ -4780,203 +4698,11 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
                 return token.val + '(' + token.chi.reduce((acc, curr) => acc + renderToken(curr, options, cache), '') + ')';
             }
             if (options.convertColor !== false) {
-                // console.error([typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[(ColorType[options.convertColor] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorKind] ?? ColorKind.HEX])
                 const value = convertColor(token, typeof options.convertColor == 'boolean' ? exports.ColorType.HEX : exports.ColorType[exports.ColorType[options.convertColor ?? 'HEX']?.toUpperCase?.().replaceAll?.('-', '_')] ?? exports.ColorType.HEX);
                 //
                 if (value != null) {
                     token = value;
                 }
-                //     if ((token as ColorToken).kin == ColorKind.COLOR_MIX) {
-                //
-                //         const children: Token[][] = (<Token[]>(token as ColorToken).chi).reduce((acc: Token[][], t: Token) => {
-                //
-                //             if (t.typ == EnumToken.ColorTokenType) {
-                //
-                //                 acc.push([t]);
-                //             } else {
-                //
-                //                 if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType, EnumToken.CommaTokenType].includes(t.typ)) {
-                //
-                //                     acc[acc.length - 1].push(t);
-                //                 }
-                //             }
-                //
-                //             return acc;
-                //         }, <Token[][]>[[]]);
-                //
-                //         const value: ColorToken | null = colorMix(<IdentToken>children[0][1], <IdentToken>children[0][2], <ColorToken>children[1][0], <PercentageToken>children[1][1], <ColorToken>children[2][0], <PercentageToken>children[2][1]);
-                //
-                //         if (value != null) {
-                //
-                //             token = value;
-                //         } else if (!(token as ColorToken).chi!.some(t => t.typ == EnumToken.CommaTokenType)) {
-                //
-                //             (token as ColorToken).chi = children.reduce((acc, curr, index) => {
-                //
-                //                 if (acc.length > 0) {
-                //
-                //                     acc.push({typ: EnumToken.CommaTokenType});
-                //                 }
-                //
-                //                 acc.push(...curr);
-                //                 return acc;
-                //             }, [] as Token[]);
-                //         }
-                //     }
-                //
-                //     if ((token as ColorToken).cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes((token as ColorToken).val)) {
-                //
-                //         const chi: Token[] | null = getComponents(token as ColorToken);
-                //         const offset: number = (token as ColorToken).val == 'color' ? 2 : 1;
-                //
-                //         if (chi != null) {
-                //
-                //             // @ts-ignore
-                //             const color: ColorToken = chi[1];
-                //             const components: Record<RelativeColorTypes, Token> = <Record<RelativeColorTypes, Token>>parseRelativeColor((token as ColorToken).val == 'color' ? (<IdentToken>chi[offset]).val : <string>(token as ColorToken).val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
-                //
-                //             if (components != null) {
-                //
-                //                 (token as ColorToken).chi = [...((token as ColorToken).val == 'color' ? [chi[offset]] : []), ...Object.values(components)];
-                //
-                //                 delete (token as ColorToken).cal;
-                //             }
-                //         }
-                //     }
-                //
-                //     if ((token as ColorToken).val == 'color') {
-                //
-                //         if ((<IdentToken>(<Token[]>(token as ColorToken).chi)[0]).typ == EnumToken.IdenTokenType && colorFuncColorSpace.includes(((<Token[]>(token as ColorToken).chi)[0] as IdentToken).val.toLowerCase())) {
-                //
-                //             const values = color2srgbvalues(token as ColorToken) as number[];
-                //
-                //             if (Array.isArray(values) && values.every(t => !Number.isNaN(t))) {
-                //
-                //                 // @ts-ignore
-                //                 return reduceHexValue(srgb2hexvalues(...values));
-                //             }
-                //         }
-                //     }
-                //
-                //     if ((token as ColorToken).cal != null) {
-                //
-                //         let slice: boolean = false;
-                //
-                //         if ((token as ColorToken).cal == 'rel') {
-                //
-                //             const last: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-1);
-                //
-                //             if ((last.typ == EnumToken.NumberTokenType && (last as NumberToken).val == '1') || (last.typ == EnumToken.IdenTokenType && (last as IdentToken).val == 'none')) {
-                //
-                //                 const prev: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-2);
-                //
-                //                 if (prev.typ == EnumToken.LiteralTokenType && (prev as LiteralToken).val == '/') {
-                //
-                //                     slice = true;
-                //                 }
-                //             }
-                //         }
-                //
-                //         return clamp(token as ColorToken).val + '(' + (slice ? (<Token[]>(token as ColorToken).chi).slice(0, -2) : <Token[]>(token as ColorToken).chi).reduce((acc: string, curr: Token): string => {
-                //
-                //             const val: string = renderToken(curr, options, cache);
-                //
-                //             if (curr.typ == EnumToken.LiteralTokenType && (curr as LiteralToken).val == '/') {
-                //
-                //                 return acc.trimEnd() + '/';
-                //             }
-                //
-                //             if (curr.typ == EnumToken.CommaTokenType) {
-                //
-                //                 return acc.trimEnd() + ',';
-                //             }
-                //
-                //             if (curr.typ == EnumToken.WhitespaceTokenType) {
-                //
-                //                 const v: string = acc.at(-1) as string;
-                //
-                //                 if (v == ' ' || v == ',' || v == '/') {
-                //
-                //                     return acc.trimEnd();
-                //                 }
-                //
-                //                 return acc.trimEnd() + ' ';
-                //             }
-                //
-                //             if (acc.length > 0) {
-                //
-                //                 return acc + (['/', ',', ' '].includes(<string>acc.at(-1)) ? '' : ' ') + val;
-                //             }
-                //
-                //             return val;
-                //         }, '') + ')';
-                //     }
-                //
-                //     if ((token as ColorToken).kin == ColorKind.LIT && (token as ColorToken).val.localeCompare('currentcolor', undefined, {sensitivity: 'base'}) == 0) {
-                //
-                //         return 'currentcolor';
-                //     }
-                //
-                //     clamp(token as ColorToken);
-                //
-                //     if (Array.isArray((token as ColorToken).chi) && (token as ColorToken).chi!.some((t: Token): boolean => t.typ == EnumToken.FunctionTokenType || (t.typ == EnumToken.ColorTokenType && Array.isArray((t as ColorToken).chi)))) {
-                //
-                //         const replaceSemiColon: boolean = /^((rgba?)|(hsla?)|(hwb)|((ok)?lab)|((ok)?lch))$/i.test((token as ColorToken).val);
-                //
-                //         return ((token as ColorToken).val.endsWith('a') ? (token as ColorToken).val.slice(0, -1) : (token as ColorToken).val) + '(' + (token as ColorToken).chi!.reduce((acc: string, curr: Token, index: number, array: Token[]): string => {
-                //
-                //             if (curr.typ == EnumToken.Literal && (curr as LiteralToken).val == '/') {
-                //
-                //                 return acc.trimEnd() + '/';
-                //             }
-                //
-                //             if (curr.typ == EnumToken.CommaTokenType) {
-                //
-                //                 return acc.trimEnd() + (replaceSemiColon ? ' ' : ',');
-                //             }
-                //
-                //             if (curr.typ == EnumToken.WhitespaceTokenType) {
-                //
-                //                 return /[,\/\s]/.test(acc.at(-1) as string) ? acc.trimEnd() : acc.trimEnd() + ' ';
-                //             }
-                //
-                //             return acc + renderToken(curr, options, cache)
-                //         }, '') + ')';
-                //     }
-                //
-                //     let value: string | null = (token as ColorToken).kin == ColorKind.HEX ? (token as ColorToken).val.toLowerCase() : ((token as ColorToken).kin == ColorKind.LIT ? COLORS_NAMES[(token as ColorToken).val.toLowerCase()] : '');
-                //
-                //     if ((token as ColorToken).val == 'rgb' || (token as ColorToken).val == 'rgba') {
-                //
-                //         value = rgb2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'hsl' || (token as ColorToken).val == 'hsla') {
-                //
-                //         value = hsl2hex(token as ColorToken);
-                //
-                //     } else if ((token as ColorToken).val == 'hwb') {
-                //
-                //         value = hwb2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'device-cmyk') {
-                //
-                //         value = cmyk2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'oklab') {
-                //
-                //         value = oklab2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'oklch') {
-                //
-                //         value = oklch2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'lab') {
-                //
-                //         value = lab2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'lch') {
-                //
-                //         value = lch2hex(token as ColorToken);
-                //     }
-                //
-                //     if (value !== '' && value != null) {
-                //
-                //         return reduceHexValue(value);
-                //     }
             }
             if ([exports.ColorType.HEX, exports.ColorType.LIT, exports.ColorType.SYS, exports.ColorType.DPSYS].includes(token.kin)) {
                 return token.val;
@@ -7907,12 +7633,6 @@ function* consumeString(quoteStr, buffer, parseInfo) {
                 }
                 break;
             }
-            // if (i == 1) {
-            //
-            //     buffer += value + sequence[i];
-            //     next(parseInfo, 2);
-            //     continue;
-            // }
             if (escapeSequence.trimEnd().length > 0) {
                 const codepoint = parseInt(escapeSequence, 16);
                 if (codepoint == 0 ||
@@ -7935,7 +7655,6 @@ function* consumeString(quoteStr, buffer, parseInfo) {
             buffer += value;
             yield pushToken(buffer, parseInfo, hasNewLine ? exports.EnumToken.BadStringTokenType : exports.EnumToken.StringTokenType);
             next(parseInfo);
-            // i += value.length;
             buffer = '';
             return;
         }
@@ -7977,17 +7696,9 @@ function prev(parseInfo, count = 1) {
 function next(parseInfo, count = 1) {
     let char = '';
     let chr = '';
-    // if (count < 0) {
-    //
-    //     return '';
-    // }
     while (count-- && (chr = parseInfo.stream.charAt(parseInfo.currentPosition.ind + 1))) {
         char += chr;
         const codepoint = parseInfo.stream.charCodeAt(++parseInfo.currentPosition.ind);
-        // if (isNaN(codepoint)) {
-        //
-        //     return char;
-        // }
         if (isNewLine(codepoint)) {
             parseInfo.currentPosition.lin++;
             parseInfo.currentPosition.col = 0;
@@ -14438,23 +14149,7 @@ function resolve(url, currentDirectory, cwd) {
     else if (currentDirectory.charAt(0) == '/') {
         result = dirname(currentDirectory) + '/' + url;
     }
-    // else if (currentDirectory === '' || dirname(currentDirectory) === '') {
-    //
-    //     result = url;
-    // } else {
-    //
-    //     result = dirname(currentDirectory) + '/' + url;
-    // }
     let { parts, i } = splitPath(result);
-    // if (parts.length == 0) {
-    //
-    //     const path = result.charAt(0) == '/' ? '/' : '';
-    //
-    //     return {
-    //         absolute: path,
-    //         relative: path
-    //     }
-    // }
     const absolute = parts.join('/');
     const { parts: dirs } = splitPath(cwd ?? currentDirectory);
     for (const p of dirs) {
@@ -18312,54 +18007,6 @@ function parseSelector(tokens) {
                 // @ts-ignore
                 value.typ = exports.EnumToken.ChildCombinatorTokenType;
             }
-            // @ts-ignore
-            // else if (value.typ == EnumToken.WhitespaceTokenType) {
-            //
-            //     if (nextValue != null && nextValue.typ == EnumToken.LiteralTokenType) {
-            //
-            //         if (['>', '+', '~'].includes((<LiteralToken>nextValue).val)) {
-            //
-            //             switch ((<LiteralToken>value).val) {
-            //
-            //                 case '>':
-            //                     // @ts-ignore
-            //                     nextValue.typ = EnumToken.ChildCombinatorTokenType;
-            //                     break;
-            //
-            //                 case '+':
-            //                     // @ts-ignore
-            //                     nextValue.typ = EnumToken.NextSiblingCombinatorTokenType;
-            //                     break;
-            //
-            //                 case '~':
-            //                     // @ts-ignore
-            //                     nextValue.typ = EnumToken.SubsequentSiblingCombinatorTokenType;
-            //                     break;
-            //             }
-            //
-            //             // @ts-ignore
-            //             delete (<LiteralToken>nextValue).val;
-            //
-            //             continue;
-            //         }
-            //     }
-            //
-            //     if (previousValue != null && [
-            //         EnumToken.ChildCombinatorTokenType,
-            //         EnumToken.DescendantCombinatorTokenType,
-            //         EnumToken.NextSiblingCombinatorTokenType,
-            //         EnumToken.SubsequentSiblingCombinatorTokenType,
-            //         EnumToken.ColumnCombinatorTokenType,
-            //         EnumToken.NameSpaceAttributeTokenType,
-            //         EnumToken.CommaTokenType
-            //     ].includes(previousValue.typ)) {
-            //
-            //         continue;
-            //     }
-            //
-            //     // @ts-ignore
-            //     value.typ = EnumToken.DescendantCombinatorTokenType;
-            // }
             else if (value.typ == exports.EnumToken.LiteralTokenType) {
                 if (value.val.charAt(0) == '&') {
                     // @ts-ignore
@@ -18377,13 +18024,6 @@ function parseSelector(tokens) {
                         value.typ = exports.EnumToken.ClassSelectorTokenType;
                     }
                 }
-                // @ts-ignore
-                // if ((<DelimToken>value).typ == EnumToken.DelimTokenType) {
-                //
-                //     // @ts-ignore
-                //     (<NextSiblingCombinatorToken>value).typ = EnumToken.NextSiblingCombinatorTokenType;
-                //
-                // } else
                 if (['*', '>', '+', '~'].includes(value.val)) {
                     switch (value.val) {
                         case '*':
@@ -18449,10 +18089,6 @@ function parseSelector(tokens) {
     }
     return tokens;
 }
-// export async function parseDeclarations(src: string, options: ParserOptions = {}): Promise<AstDeclaration[]> {
-//
-//     return doParse(`.x{${src}`, options).then((result: ParseResult) => <AstDeclaration[]>(<AstRule>result.ast.chi[0]).chi.filter(t => t.typ == EnumToken.DeclarationNodeType));
-// }
 /**
  * parse css string
  * @param src
@@ -18921,33 +18557,7 @@ function parseTokens(tokens, options = {}) {
                     }
                 }
             }
-            // continue;
         }
-        // if (options.parseColor) {
-        //
-        //     if (t.typ == EnumToken.IdenTokenType) {
-        //         // named color
-        //         const value: string = (t as IdentToken).val.toLowerCase();
-        //
-        //         if (value in COLORS_NAMES) {
-        //             Object.assign(t, {
-        //                 typ: EnumToken.ColorTokenType,
-        //                 val: COLORS_NAMES[value].length < value.length ? COLORS_NAMES[value] : value,
-        //                 kin: ColorKind.HEX
-        //             });
-        //         }
-        //
-        //         continue;
-        //     }
-        //
-        //     if (t.typ == EnumToken.HashTokenType && isHexColor((t as HashToken).val)) {
-        //         // hex color
-        //         // @ts-ignore
-        //         t.typ = EnumToken.ColorTokenType;
-        //         // @ts-ignore
-        //         (t as ColorToken).kin = ColorKind.HEX;
-        //     }
-        // }
     }
     return tokens;
 }
diff --git a/dist/lib/fs/resolve.js b/dist/lib/fs/resolve.js
index 54dfacb1..357ab60a 100644
--- a/dist/lib/fs/resolve.js
+++ b/dist/lib/fs/resolve.js
@@ -78,23 +78,7 @@ function resolve(url, currentDirectory, cwd) {
     else if (currentDirectory.charAt(0) == '/') {
         result = dirname(currentDirectory) + '/' + url;
     }
-    // else if (currentDirectory === '' || dirname(currentDirectory) === '') {
-    //
-    //     result = url;
-    // } else {
-    //
-    //     result = dirname(currentDirectory) + '/' + url;
-    // }
     let { parts, i } = splitPath(result);
-    // if (parts.length == 0) {
-    //
-    //     const path = result.charAt(0) == '/' ? '/' : '';
-    //
-    //     return {
-    //         absolute: path,
-    //         relative: path
-    //     }
-    // }
     const absolute = parts.join('/');
     const { parts: dirs } = splitPath(cwd ?? currentDirectory);
     for (const p of dirs) {
diff --git a/dist/lib/parser/parse.js b/dist/lib/parser/parse.js
index c4a567b5..d1729949 100644
--- a/dist/lib/parser/parse.js
+++ b/dist/lib/parser/parse.js
@@ -1000,54 +1000,6 @@ function parseSelector(tokens) {
                 // @ts-ignore
                 value.typ = EnumToken.ChildCombinatorTokenType;
             }
-            // @ts-ignore
-            // else if (value.typ == EnumToken.WhitespaceTokenType) {
-            //
-            //     if (nextValue != null && nextValue.typ == EnumToken.LiteralTokenType) {
-            //
-            //         if (['>', '+', '~'].includes((<LiteralToken>nextValue).val)) {
-            //
-            //             switch ((<LiteralToken>value).val) {
-            //
-            //                 case '>':
-            //                     // @ts-ignore
-            //                     nextValue.typ = EnumToken.ChildCombinatorTokenType;
-            //                     break;
-            //
-            //                 case '+':
-            //                     // @ts-ignore
-            //                     nextValue.typ = EnumToken.NextSiblingCombinatorTokenType;
-            //                     break;
-            //
-            //                 case '~':
-            //                     // @ts-ignore
-            //                     nextValue.typ = EnumToken.SubsequentSiblingCombinatorTokenType;
-            //                     break;
-            //             }
-            //
-            //             // @ts-ignore
-            //             delete (<LiteralToken>nextValue).val;
-            //
-            //             continue;
-            //         }
-            //     }
-            //
-            //     if (previousValue != null && [
-            //         EnumToken.ChildCombinatorTokenType,
-            //         EnumToken.DescendantCombinatorTokenType,
-            //         EnumToken.NextSiblingCombinatorTokenType,
-            //         EnumToken.SubsequentSiblingCombinatorTokenType,
-            //         EnumToken.ColumnCombinatorTokenType,
-            //         EnumToken.NameSpaceAttributeTokenType,
-            //         EnumToken.CommaTokenType
-            //     ].includes(previousValue.typ)) {
-            //
-            //         continue;
-            //     }
-            //
-            //     // @ts-ignore
-            //     value.typ = EnumToken.DescendantCombinatorTokenType;
-            // }
             else if (value.typ == EnumToken.LiteralTokenType) {
                 if (value.val.charAt(0) == '&') {
                     // @ts-ignore
@@ -1065,13 +1017,6 @@ function parseSelector(tokens) {
                         value.typ = EnumToken.ClassSelectorTokenType;
                     }
                 }
-                // @ts-ignore
-                // if ((<DelimToken>value).typ == EnumToken.DelimTokenType) {
-                //
-                //     // @ts-ignore
-                //     (<NextSiblingCombinatorToken>value).typ = EnumToken.NextSiblingCombinatorTokenType;
-                //
-                // } else
                 if (['*', '>', '+', '~'].includes(value.val)) {
                     switch (value.val) {
                         case '*':
@@ -1137,10 +1082,6 @@ function parseSelector(tokens) {
     }
     return tokens;
 }
-// export async function parseDeclarations(src: string, options: ParserOptions = {}): Promise<AstDeclaration[]> {
-//
-//     return doParse(`.x{${src}`, options).then((result: ParseResult) => <AstDeclaration[]>(<AstRule>result.ast.chi[0]).chi.filter(t => t.typ == EnumToken.DeclarationNodeType));
-// }
 /**
  * parse css string
  * @param src
@@ -1609,33 +1550,7 @@ function parseTokens(tokens, options = {}) {
                     }
                 }
             }
-            // continue;
         }
-        // if (options.parseColor) {
-        //
-        //     if (t.typ == EnumToken.IdenTokenType) {
-        //         // named color
-        //         const value: string = (t as IdentToken).val.toLowerCase();
-        //
-        //         if (value in COLORS_NAMES) {
-        //             Object.assign(t, {
-        //                 typ: EnumToken.ColorTokenType,
-        //                 val: COLORS_NAMES[value].length < value.length ? COLORS_NAMES[value] : value,
-        //                 kin: ColorKind.HEX
-        //             });
-        //         }
-        //
-        //         continue;
-        //     }
-        //
-        //     if (t.typ == EnumToken.HashTokenType && isHexColor((t as HashToken).val)) {
-        //         // hex color
-        //         // @ts-ignore
-        //         t.typ = EnumToken.ColorTokenType;
-        //         // @ts-ignore
-        //         (t as ColorToken).kin = ColorKind.HEX;
-        //     }
-        // }
     }
     return tokens;
 }
diff --git a/dist/lib/parser/tokenize.js b/dist/lib/parser/tokenize.js
index b5c16ae4..32e39556 100644
--- a/dist/lib/parser/tokenize.js
+++ b/dist/lib/parser/tokenize.js
@@ -92,12 +92,6 @@ function* consumeString(quoteStr, buffer, parseInfo) {
                 }
                 break;
             }
-            // if (i == 1) {
-            //
-            //     buffer += value + sequence[i];
-            //     next(parseInfo, 2);
-            //     continue;
-            // }
             if (escapeSequence.trimEnd().length > 0) {
                 const codepoint = parseInt(escapeSequence, 16);
                 if (codepoint == 0 ||
@@ -120,7 +114,6 @@ function* consumeString(quoteStr, buffer, parseInfo) {
             buffer += value;
             yield pushToken(buffer, parseInfo, hasNewLine ? EnumToken.BadStringTokenType : EnumToken.StringTokenType);
             next(parseInfo);
-            // i += value.length;
             buffer = '';
             return;
         }
@@ -162,17 +155,9 @@ function prev(parseInfo, count = 1) {
 function next(parseInfo, count = 1) {
     let char = '';
     let chr = '';
-    // if (count < 0) {
-    //
-    //     return '';
-    // }
     while (count-- && (chr = parseInfo.stream.charAt(parseInfo.currentPosition.ind + 1))) {
         char += chr;
         const codepoint = parseInfo.stream.charCodeAt(++parseInfo.currentPosition.ind);
-        // if (isNaN(codepoint)) {
-        //
-        //     return char;
-        // }
         if (isNewLine(codepoint)) {
             parseInfo.currentPosition.lin++;
             parseInfo.currentPosition.col = 0;
diff --git a/dist/lib/renderer/render.js b/dist/lib/renderer/render.js
index 5f5bdd4d..887e20c6 100644
--- a/dist/lib/renderer/render.js
+++ b/dist/lib/renderer/render.js
@@ -216,10 +216,8 @@ function renderAstNode(data, options, sourcemap, position, errors, reducer, cach
         case EnumToken.InvalidDeclarationNodeType:
         case EnumToken.InvalidRuleTokenType:
         case EnumToken.InvalidAtRuleTokenType:
-            return '';
         default:
-            // return renderToken(data as Token, options, cache, reducer, errors);
-            throw new Error(`render: unexpected token ${JSON.stringify(data, null, 1)}`);
+            return '';
     }
 }
 /**
@@ -315,203 +313,11 @@ function renderToken(token, options = {}, cache = Object.create(null), reducer,
                 return token.val + '(' + token.chi.reduce((acc, curr) => acc + renderToken(curr, options, cache), '') + ')';
             }
             if (options.convertColor !== false) {
-                // console.error([typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[(ColorType[options.convertColor] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorKind] ?? ColorKind.HEX])
                 const value = convertColor(token, typeof options.convertColor == 'boolean' ? ColorType.HEX : ColorType[ColorType[options.convertColor ?? 'HEX']?.toUpperCase?.().replaceAll?.('-', '_')] ?? ColorType.HEX);
                 //
                 if (value != null) {
                     token = value;
                 }
-                //     if ((token as ColorToken).kin == ColorKind.COLOR_MIX) {
-                //
-                //         const children: Token[][] = (<Token[]>(token as ColorToken).chi).reduce((acc: Token[][], t: Token) => {
-                //
-                //             if (t.typ == EnumToken.ColorTokenType) {
-                //
-                //                 acc.push([t]);
-                //             } else {
-                //
-                //                 if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType, EnumToken.CommaTokenType].includes(t.typ)) {
-                //
-                //                     acc[acc.length - 1].push(t);
-                //                 }
-                //             }
-                //
-                //             return acc;
-                //         }, <Token[][]>[[]]);
-                //
-                //         const value: ColorToken | null = colorMix(<IdentToken>children[0][1], <IdentToken>children[0][2], <ColorToken>children[1][0], <PercentageToken>children[1][1], <ColorToken>children[2][0], <PercentageToken>children[2][1]);
-                //
-                //         if (value != null) {
-                //
-                //             token = value;
-                //         } else if (!(token as ColorToken).chi!.some(t => t.typ == EnumToken.CommaTokenType)) {
-                //
-                //             (token as ColorToken).chi = children.reduce((acc, curr, index) => {
-                //
-                //                 if (acc.length > 0) {
-                //
-                //                     acc.push({typ: EnumToken.CommaTokenType});
-                //                 }
-                //
-                //                 acc.push(...curr);
-                //                 return acc;
-                //             }, [] as Token[]);
-                //         }
-                //     }
-                //
-                //     if ((token as ColorToken).cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes((token as ColorToken).val)) {
-                //
-                //         const chi: Token[] | null = getComponents(token as ColorToken);
-                //         const offset: number = (token as ColorToken).val == 'color' ? 2 : 1;
-                //
-                //         if (chi != null) {
-                //
-                //             // @ts-ignore
-                //             const color: ColorToken = chi[1];
-                //             const components: Record<RelativeColorTypes, Token> = <Record<RelativeColorTypes, Token>>parseRelativeColor((token as ColorToken).val == 'color' ? (<IdentToken>chi[offset]).val : <string>(token as ColorToken).val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
-                //
-                //             if (components != null) {
-                //
-                //                 (token as ColorToken).chi = [...((token as ColorToken).val == 'color' ? [chi[offset]] : []), ...Object.values(components)];
-                //
-                //                 delete (token as ColorToken).cal;
-                //             }
-                //         }
-                //     }
-                //
-                //     if ((token as ColorToken).val == 'color') {
-                //
-                //         if ((<IdentToken>(<Token[]>(token as ColorToken).chi)[0]).typ == EnumToken.IdenTokenType && colorFuncColorSpace.includes(((<Token[]>(token as ColorToken).chi)[0] as IdentToken).val.toLowerCase())) {
-                //
-                //             const values = color2srgbvalues(token as ColorToken) as number[];
-                //
-                //             if (Array.isArray(values) && values.every(t => !Number.isNaN(t))) {
-                //
-                //                 // @ts-ignore
-                //                 return reduceHexValue(srgb2hexvalues(...values));
-                //             }
-                //         }
-                //     }
-                //
-                //     if ((token as ColorToken).cal != null) {
-                //
-                //         let slice: boolean = false;
-                //
-                //         if ((token as ColorToken).cal == 'rel') {
-                //
-                //             const last: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-1);
-                //
-                //             if ((last.typ == EnumToken.NumberTokenType && (last as NumberToken).val == '1') || (last.typ == EnumToken.IdenTokenType && (last as IdentToken).val == 'none')) {
-                //
-                //                 const prev: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-2);
-                //
-                //                 if (prev.typ == EnumToken.LiteralTokenType && (prev as LiteralToken).val == '/') {
-                //
-                //                     slice = true;
-                //                 }
-                //             }
-                //         }
-                //
-                //         return clamp(token as ColorToken).val + '(' + (slice ? (<Token[]>(token as ColorToken).chi).slice(0, -2) : <Token[]>(token as ColorToken).chi).reduce((acc: string, curr: Token): string => {
-                //
-                //             const val: string = renderToken(curr, options, cache);
-                //
-                //             if (curr.typ == EnumToken.LiteralTokenType && (curr as LiteralToken).val == '/') {
-                //
-                //                 return acc.trimEnd() + '/';
-                //             }
-                //
-                //             if (curr.typ == EnumToken.CommaTokenType) {
-                //
-                //                 return acc.trimEnd() + ',';
-                //             }
-                //
-                //             if (curr.typ == EnumToken.WhitespaceTokenType) {
-                //
-                //                 const v: string = acc.at(-1) as string;
-                //
-                //                 if (v == ' ' || v == ',' || v == '/') {
-                //
-                //                     return acc.trimEnd();
-                //                 }
-                //
-                //                 return acc.trimEnd() + ' ';
-                //             }
-                //
-                //             if (acc.length > 0) {
-                //
-                //                 return acc + (['/', ',', ' '].includes(<string>acc.at(-1)) ? '' : ' ') + val;
-                //             }
-                //
-                //             return val;
-                //         }, '') + ')';
-                //     }
-                //
-                //     if ((token as ColorToken).kin == ColorKind.LIT && (token as ColorToken).val.localeCompare('currentcolor', undefined, {sensitivity: 'base'}) == 0) {
-                //
-                //         return 'currentcolor';
-                //     }
-                //
-                //     clamp(token as ColorToken);
-                //
-                //     if (Array.isArray((token as ColorToken).chi) && (token as ColorToken).chi!.some((t: Token): boolean => t.typ == EnumToken.FunctionTokenType || (t.typ == EnumToken.ColorTokenType && Array.isArray((t as ColorToken).chi)))) {
-                //
-                //         const replaceSemiColon: boolean = /^((rgba?)|(hsla?)|(hwb)|((ok)?lab)|((ok)?lch))$/i.test((token as ColorToken).val);
-                //
-                //         return ((token as ColorToken).val.endsWith('a') ? (token as ColorToken).val.slice(0, -1) : (token as ColorToken).val) + '(' + (token as ColorToken).chi!.reduce((acc: string, curr: Token, index: number, array: Token[]): string => {
-                //
-                //             if (curr.typ == EnumToken.Literal && (curr as LiteralToken).val == '/') {
-                //
-                //                 return acc.trimEnd() + '/';
-                //             }
-                //
-                //             if (curr.typ == EnumToken.CommaTokenType) {
-                //
-                //                 return acc.trimEnd() + (replaceSemiColon ? ' ' : ',');
-                //             }
-                //
-                //             if (curr.typ == EnumToken.WhitespaceTokenType) {
-                //
-                //                 return /[,\/\s]/.test(acc.at(-1) as string) ? acc.trimEnd() : acc.trimEnd() + ' ';
-                //             }
-                //
-                //             return acc + renderToken(curr, options, cache)
-                //         }, '') + ')';
-                //     }
-                //
-                //     let value: string | null = (token as ColorToken).kin == ColorKind.HEX ? (token as ColorToken).val.toLowerCase() : ((token as ColorToken).kin == ColorKind.LIT ? COLORS_NAMES[(token as ColorToken).val.toLowerCase()] : '');
-                //
-                //     if ((token as ColorToken).val == 'rgb' || (token as ColorToken).val == 'rgba') {
-                //
-                //         value = rgb2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'hsl' || (token as ColorToken).val == 'hsla') {
-                //
-                //         value = hsl2hex(token as ColorToken);
-                //
-                //     } else if ((token as ColorToken).val == 'hwb') {
-                //
-                //         value = hwb2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'device-cmyk') {
-                //
-                //         value = cmyk2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'oklab') {
-                //
-                //         value = oklab2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'oklch') {
-                //
-                //         value = oklch2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'lab') {
-                //
-                //         value = lab2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'lch') {
-                //
-                //         value = lch2hex(token as ColorToken);
-                //     }
-                //
-                //     if (value !== '' && value != null) {
-                //
-                //         return reduceHexValue(value);
-                //     }
             }
             if ([ColorType.HEX, ColorType.LIT, ColorType.SYS, ColorType.DPSYS].includes(token.kin)) {
                 return token.val;
diff --git a/dist/lib/syntax/color/color.js b/dist/lib/syntax/color/color.js
index 486d021a..9e3de413 100644
--- a/dist/lib/syntax/color/color.js
+++ b/dist/lib/syntax/color/color.js
@@ -106,14 +106,6 @@ function convertColor(token, to) {
             case ColorType.LCH:
                 return lch2HslToken(token);
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
                 return color2HslToken(token);
         }
     }
@@ -139,14 +131,6 @@ function convertColor(token, to) {
             case ColorType.DEVICE_CMYK:
                 return cmyk2hwbToken(token);
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
                 return color2hwbToken(token);
         }
     }
@@ -173,14 +157,6 @@ function convertColor(token, to) {
             case ColorType.LCH:
                 return lch2cmykToken(token);
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
                 return color2cmykToken(token);
         }
     }
@@ -210,14 +186,6 @@ function convertColor(token, to) {
             case ColorType.LCH:
                 return lch2HexToken(token);
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
                 return color2HexToken(token);
             case ColorType.RGB:
             case ColorType.RGBA:
@@ -244,14 +212,6 @@ function convertColor(token, to) {
             case ColorType.LCH:
                 return lch2RgbToken(token);
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
                 return color2RgbToken(token);
         }
     }
@@ -277,14 +237,6 @@ function convertColor(token, to) {
             case ColorType.OKLCH:
                 return oklch2labToken(token);
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
                 return color2labToken(token);
         }
     }
@@ -310,14 +262,6 @@ function convertColor(token, to) {
             case ColorType.OKLCH:
                 return oklch2lchToken(token);
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
                 return color2lchToken(token);
         }
     }
@@ -343,14 +287,6 @@ function convertColor(token, to) {
             case ColorType.OKLCH:
                 return oklch2oklabToken(token);
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
                 return color2oklabToken(token);
         }
     }
@@ -376,14 +312,6 @@ function convertColor(token, to) {
             case ColorType.LCH:
                 return lch2oklchToken(token);
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
                 return color2oklchToken(token);
         }
     }
@@ -411,14 +339,6 @@ function convertColor(token, to) {
             case ColorType.OKLCH:
                 return oklch2colorToken(token, to);
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
                 return color2colorToken(token, to);
         }
     }
@@ -583,9 +503,7 @@ function color2srgbvalues(token) {
     return values;
 }
 function values2colortoken(values, to) {
-    // console.error({srgb2: values});
     values = srgb2srgbcolorspace(values, to);
-    // console.error({srgb3: values, to: ColorKind[to]});
     const chi = [
         { typ: EnumToken.NumberTokenType, val: String(values[0]) },
         { typ: EnumToken.NumberTokenType, val: String(values[1]) },
diff --git a/dist/lib/syntax/color/lab.js b/dist/lib/syntax/color/lab.js
index cbca79bf..47ae6fda 100644
--- a/dist/lib/syntax/color/lab.js
+++ b/dist/lib/syntax/color/lab.js
@@ -15,7 +15,8 @@ import { XYZ_D65_to_D50 } from './xyzd50.js';
 import '../../renderer/sourcemap/lib/encode.js';
 
 function hex2labToken(token) {
-    return labToken(hex2labvalues(token));
+    const values = hex2labvalues(token);
+    return values == null ? null : labToken(values);
 }
 function rgb2labToken(token) {
     const values = rgb2labvalues(token);
@@ -95,8 +96,9 @@ function labToken(values) {
 // L: 0% = 0.0, 100% = 100.0
 // for a and b: -100% = -125, 100% = 125
 function hex2labvalues(token) {
+    const values = hex2srgbvalues(token);
     // @ts-ignore
-    return srgb2labvalues(...hex2srgbvalues(token));
+    return values == null ? null : srgb2labvalues(...values);
 }
 function rgb2labvalues(token) {
     const values = rgb2srgb(token);
diff --git a/jsr.json b/jsr.json
index 205fd108..f93d57d1 100644
--- a/jsr.json
+++ b/jsr.json
@@ -1,6 +1,6 @@
 {
   "name": "@tbela99/css-parser",
-  "version": "1.2.0-alpha3",
+  "version": "1.2.0",
   "publish": {
     "include": [
       "src",
diff --git a/package.json b/package.json
index d4d6be3b..a24e4314 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@tbela99/css-parser",
   "description": "CSS parser for node and the browser",
-  "version": "v1.2.0-alpha4",
+  "version": "v1.2.0",
   "exports": {
     ".": "./dist/node/index.js",
     "./node": "./dist/node/index.js",
diff --git a/src/lib/fs/resolve.ts b/src/lib/fs/resolve.ts
index 481fbb80..2219219f 100644
--- a/src/lib/fs/resolve.ts
+++ b/src/lib/fs/resolve.ts
@@ -107,26 +107,9 @@ export function resolve(url: string, currentDirectory: string, cwd?: string): {
 
         result = dirname(currentDirectory) + '/' + url;
     }
-    // else if (currentDirectory === '' || dirname(currentDirectory) === '') {
-    //
-    //     result = url;
-    // } else {
-    //
-    //     result = dirname(currentDirectory) + '/' + url;
-    // }
 
     let {parts, i} = splitPath(result);
 
-    // if (parts.length == 0) {
-    //
-    //     const path = result.charAt(0) == '/' ? '/' : '';
-    //
-    //     return {
-    //         absolute: path,
-    //         relative: path
-    //     }
-    // }
-
     const absolute = parts.join('/');
     const {parts: dirs} = splitPath(cwd ?? currentDirectory);
 
diff --git a/src/lib/parser/parse.ts b/src/lib/parser/parse.ts
index 30d7d60e..00ffa554 100644
--- a/src/lib/parser/parse.ts
+++ b/src/lib/parser/parse.ts
@@ -1505,55 +1505,6 @@ export function parseSelector(tokens: Token[]): Token[] {
                 value.typ = EnumToken.ChildCombinatorTokenType;
             }
 
-                // @ts-ignore
-                // else if (value.typ == EnumToken.WhitespaceTokenType) {
-                //
-                //     if (nextValue != null && nextValue.typ == EnumToken.LiteralTokenType) {
-                //
-                //         if (['>', '+', '~'].includes((<LiteralToken>nextValue).val)) {
-                //
-                //             switch ((<LiteralToken>value).val) {
-                //
-                //                 case '>':
-                //                     // @ts-ignore
-                //                     nextValue.typ = EnumToken.ChildCombinatorTokenType;
-                //                     break;
-                //
-                //                 case '+':
-                //                     // @ts-ignore
-                //                     nextValue.typ = EnumToken.NextSiblingCombinatorTokenType;
-                //                     break;
-                //
-                //                 case '~':
-                //                     // @ts-ignore
-                //                     nextValue.typ = EnumToken.SubsequentSiblingCombinatorTokenType;
-                //                     break;
-                //             }
-                //
-                //             // @ts-ignore
-                //             delete (<LiteralToken>nextValue).val;
-                //
-                //             continue;
-                //         }
-                //     }
-                //
-                //     if (previousValue != null && [
-                //         EnumToken.ChildCombinatorTokenType,
-                //         EnumToken.DescendantCombinatorTokenType,
-                //         EnumToken.NextSiblingCombinatorTokenType,
-                //         EnumToken.SubsequentSiblingCombinatorTokenType,
-                //         EnumToken.ColumnCombinatorTokenType,
-                //         EnumToken.NameSpaceAttributeTokenType,
-                //         EnumToken.CommaTokenType
-                //     ].includes(previousValue.typ)) {
-                //
-                //         continue;
-                //     }
-                //
-                //     // @ts-ignore
-                //     value.typ = EnumToken.DescendantCombinatorTokenType;
-            // }
-
             else if (value.typ == EnumToken.LiteralTokenType) {
 
                 if ((<LiteralToken>value).val.charAt(0) == '&') {
@@ -1575,13 +1526,6 @@ export function parseSelector(tokens: Token[]): Token[] {
                     }
                 }
 
-                // @ts-ignore
-                // if ((<DelimToken>value).typ == EnumToken.DelimTokenType) {
-                //
-                //     // @ts-ignore
-                //     (<NextSiblingCombinatorToken>value).typ = EnumToken.NextSiblingCombinatorTokenType;
-                //
-                // } else
                 if (['*', '>', '+', '~'].includes((<LiteralToken>value).val)) {
 
                     switch ((<LiteralToken>value).val) {
@@ -1667,11 +1611,6 @@ export function parseSelector(tokens: Token[]): Token[] {
     return tokens;
 }
 
-// export async function parseDeclarations(src: string, options: ParserOptions = {}): Promise<AstDeclaration[]> {
-//
-//     return doParse(`.x{${src}`, options).then((result: ParseResult) => <AstDeclaration[]>(<AstRule>result.ast.chi[0]).chi.filter(t => t.typ == EnumToken.DeclarationNodeType));
-// }
-
 /**
  * parse css string
  * @param src
@@ -2274,35 +2213,7 @@ export function parseTokens(tokens: Token[], options: ParseTokenOptions = {}): T
                     }
                 }
             }
-
-            // continue;
         }
-
-        // if (options.parseColor) {
-        //
-        //     if (t.typ == EnumToken.IdenTokenType) {
-        //         // named color
-        //         const value: string = (t as IdentToken).val.toLowerCase();
-        //
-        //         if (value in COLORS_NAMES) {
-        //             Object.assign(t, {
-        //                 typ: EnumToken.ColorTokenType,
-        //                 val: COLORS_NAMES[value].length < value.length ? COLORS_NAMES[value] : value,
-        //                 kin: ColorKind.HEX
-        //             });
-        //         }
-        //
-        //         continue;
-        //     }
-        //
-        //     if (t.typ == EnumToken.HashTokenType && isHexColor((t as HashToken).val)) {
-        //         // hex color
-        //         // @ts-ignore
-        //         t.typ = EnumToken.ColorTokenType;
-        //         // @ts-ignore
-        //         (t as ColorToken).kin = ColorKind.HEX;
-        //     }
-        // }
     }
 
     return tokens;
diff --git a/src/lib/parser/tokenize.ts b/src/lib/parser/tokenize.ts
index e3f6e467..dbc4113e 100644
--- a/src/lib/parser/tokenize.ts
+++ b/src/lib/parser/tokenize.ts
@@ -123,13 +123,6 @@ function* consumeString(quoteStr: '"' | "'", buffer: string, parseInfo: ParseInf
                 break;
             }
 
-            // if (i == 1) {
-            //
-            //     buffer += value + sequence[i];
-            //     next(parseInfo, 2);
-            //     continue;
-            // }
-
             if (escapeSequence.trimEnd().length > 0) {
 
                 const codepoint = parseInt(escapeSequence, 16);
@@ -159,7 +152,6 @@ function* consumeString(quoteStr: '"' | "'", buffer: string, parseInfo: ParseInf
             buffer += value;
             yield pushToken(buffer, parseInfo, hasNewLine ? EnumToken.BadStringTokenType : EnumToken.StringTokenType);
             next(parseInfo);
-            // i += value.length;
             buffer = '';
             return;
         }
@@ -220,21 +212,11 @@ function next(parseInfo: ParseInfo, count: number = 1): string {
     let char: string = '';
     let chr: string = '';
 
-    // if (count < 0) {
-    //
-    //     return '';
-    // }
-
     while (count-- && (chr = parseInfo.stream.charAt(parseInfo.currentPosition.ind + 1))) {
 
         char += chr;
         const codepoint: number = parseInfo.stream.charCodeAt(++parseInfo.currentPosition.ind);
 
-        // if (isNaN(codepoint)) {
-        //
-        //     return char;
-        // }
-
         if (isNewLine(codepoint)) {
 
             parseInfo.currentPosition.lin++;
diff --git a/src/lib/renderer/render.ts b/src/lib/renderer/render.ts
index 24986a17..82f5f1c7 100644
--- a/src/lib/renderer/render.ts
+++ b/src/lib/renderer/render.ts
@@ -353,12 +353,9 @@ function renderAstNode(data: AstNode, options: RenderOptions, sourcemap: SourceM
         case EnumToken.InvalidRuleTokenType:
         case EnumToken.InvalidAtRuleTokenType:
 
-            return '';
-
         default:
 
-            // return renderToken(data as Token, options, cache, reducer, errors);
-            throw new Error(`render: unexpected token ${JSON.stringify(data, null, 1)}`);
+            return '';
     }
 }
 
@@ -504,7 +501,6 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
 
             if (options.convertColor !== false) {
 
-                // console.error([typeof options.convertColor == 'boolean' ? ColorKind.HEX : ColorKind[(ColorType[options.convertColor] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorKind] ?? ColorKind.HEX])
                 const value = convertColor(token, typeof options.convertColor == 'boolean' ? ColorType.HEX : ColorType[(ColorType[options.convertColor ?? 'HEX'] as string)?.toUpperCase?.().replaceAll?.('-', '_') as keyof typeof ColorType] ?? ColorType.HEX);
 
                 //
@@ -512,198 +508,6 @@ export function renderToken(token: Token, options: RenderOptions = {}, cache: {
 
                     token = value;
                 }
-
-                //     if ((token as ColorToken).kin == ColorKind.COLOR_MIX) {
-                //
-                //         const children: Token[][] = (<Token[]>(token as ColorToken).chi).reduce((acc: Token[][], t: Token) => {
-                //
-                //             if (t.typ == EnumToken.ColorTokenType) {
-                //
-                //                 acc.push([t]);
-                //             } else {
-                //
-                //                 if (![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType, EnumToken.CommaTokenType].includes(t.typ)) {
-                //
-                //                     acc[acc.length - 1].push(t);
-                //                 }
-                //             }
-                //
-                //             return acc;
-                //         }, <Token[][]>[[]]);
-                //
-                //         const value: ColorToken | null = colorMix(<IdentToken>children[0][1], <IdentToken>children[0][2], <ColorToken>children[1][0], <PercentageToken>children[1][1], <ColorToken>children[2][0], <PercentageToken>children[2][1]);
-                //
-                //         if (value != null) {
-                //
-                //             token = value;
-                //         } else if (!(token as ColorToken).chi!.some(t => t.typ == EnumToken.CommaTokenType)) {
-                //
-                //             (token as ColorToken).chi = children.reduce((acc, curr, index) => {
-                //
-                //                 if (acc.length > 0) {
-                //
-                //                     acc.push({typ: EnumToken.CommaTokenType});
-                //                 }
-                //
-                //                 acc.push(...curr);
-                //                 return acc;
-                //             }, [] as Token[]);
-                //         }
-                //     }
-                //
-                //     if ((token as ColorToken).cal == 'rel' && ['rgb', 'hsl', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color'].includes((token as ColorToken).val)) {
-                //
-                //         const chi: Token[] | null = getComponents(token as ColorToken);
-                //         const offset: number = (token as ColorToken).val == 'color' ? 2 : 1;
-                //
-                //         if (chi != null) {
-                //
-                //             // @ts-ignore
-                //             const color: ColorToken = chi[1];
-                //             const components: Record<RelativeColorTypes, Token> = <Record<RelativeColorTypes, Token>>parseRelativeColor((token as ColorToken).val == 'color' ? (<IdentToken>chi[offset]).val : <string>(token as ColorToken).val, color, chi[offset + 1], chi[offset + 2], chi[offset + 3], chi[offset + 4]);
-                //
-                //             if (components != null) {
-                //
-                //                 (token as ColorToken).chi = [...((token as ColorToken).val == 'color' ? [chi[offset]] : []), ...Object.values(components)];
-                //
-                //                 delete (token as ColorToken).cal;
-                //             }
-                //         }
-                //     }
-                //
-                //     if ((token as ColorToken).val == 'color') {
-                //
-                //         if ((<IdentToken>(<Token[]>(token as ColorToken).chi)[0]).typ == EnumToken.IdenTokenType && colorFuncColorSpace.includes(((<Token[]>(token as ColorToken).chi)[0] as IdentToken).val.toLowerCase())) {
-                //
-                //             const values = color2srgbvalues(token as ColorToken) as number[];
-                //
-                //             if (Array.isArray(values) && values.every(t => !Number.isNaN(t))) {
-                //
-                //                 // @ts-ignore
-                //                 return reduceHexValue(srgb2hexvalues(...values));
-                //             }
-                //         }
-                //     }
-                //
-                //     if ((token as ColorToken).cal != null) {
-                //
-                //         let slice: boolean = false;
-                //
-                //         if ((token as ColorToken).cal == 'rel') {
-                //
-                //             const last: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-1);
-                //
-                //             if ((last.typ == EnumToken.NumberTokenType && (last as NumberToken).val == '1') || (last.typ == EnumToken.IdenTokenType && (last as IdentToken).val == 'none')) {
-                //
-                //                 const prev: Token = <Token>(<Token[]>(token as ColorToken).chi).at(-2);
-                //
-                //                 if (prev.typ == EnumToken.LiteralTokenType && (prev as LiteralToken).val == '/') {
-                //
-                //                     slice = true;
-                //                 }
-                //             }
-                //         }
-                //
-                //         return clamp(token as ColorToken).val + '(' + (slice ? (<Token[]>(token as ColorToken).chi).slice(0, -2) : <Token[]>(token as ColorToken).chi).reduce((acc: string, curr: Token): string => {
-                //
-                //             const val: string = renderToken(curr, options, cache);
-                //
-                //             if (curr.typ == EnumToken.LiteralTokenType && (curr as LiteralToken).val == '/') {
-                //
-                //                 return acc.trimEnd() + '/';
-                //             }
-                //
-                //             if (curr.typ == EnumToken.CommaTokenType) {
-                //
-                //                 return acc.trimEnd() + ',';
-                //             }
-                //
-                //             if (curr.typ == EnumToken.WhitespaceTokenType) {
-                //
-                //                 const v: string = acc.at(-1) as string;
-                //
-                //                 if (v == ' ' || v == ',' || v == '/') {
-                //
-                //                     return acc.trimEnd();
-                //                 }
-                //
-                //                 return acc.trimEnd() + ' ';
-                //             }
-                //
-                //             if (acc.length > 0) {
-                //
-                //                 return acc + (['/', ',', ' '].includes(<string>acc.at(-1)) ? '' : ' ') + val;
-                //             }
-                //
-                //             return val;
-                //         }, '') + ')';
-                //     }
-                //
-                //     if ((token as ColorToken).kin == ColorKind.LIT && (token as ColorToken).val.localeCompare('currentcolor', undefined, {sensitivity: 'base'}) == 0) {
-                //
-                //         return 'currentcolor';
-                //     }
-                //
-                //     clamp(token as ColorToken);
-                //
-                //     if (Array.isArray((token as ColorToken).chi) && (token as ColorToken).chi!.some((t: Token): boolean => t.typ == EnumToken.FunctionTokenType || (t.typ == EnumToken.ColorTokenType && Array.isArray((t as ColorToken).chi)))) {
-                //
-                //         const replaceSemiColon: boolean = /^((rgba?)|(hsla?)|(hwb)|((ok)?lab)|((ok)?lch))$/i.test((token as ColorToken).val);
-                //
-                //         return ((token as ColorToken).val.endsWith('a') ? (token as ColorToken).val.slice(0, -1) : (token as ColorToken).val) + '(' + (token as ColorToken).chi!.reduce((acc: string, curr: Token, index: number, array: Token[]): string => {
-                //
-                //             if (curr.typ == EnumToken.Literal && (curr as LiteralToken).val == '/') {
-                //
-                //                 return acc.trimEnd() + '/';
-                //             }
-                //
-                //             if (curr.typ == EnumToken.CommaTokenType) {
-                //
-                //                 return acc.trimEnd() + (replaceSemiColon ? ' ' : ',');
-                //             }
-                //
-                //             if (curr.typ == EnumToken.WhitespaceTokenType) {
-                //
-                //                 return /[,\/\s]/.test(acc.at(-1) as string) ? acc.trimEnd() : acc.trimEnd() + ' ';
-                //             }
-                //
-                //             return acc + renderToken(curr, options, cache)
-                //         }, '') + ')';
-                //     }
-                //
-                //     let value: string | null = (token as ColorToken).kin == ColorKind.HEX ? (token as ColorToken).val.toLowerCase() : ((token as ColorToken).kin == ColorKind.LIT ? COLORS_NAMES[(token as ColorToken).val.toLowerCase()] : '');
-                //
-                //     if ((token as ColorToken).val == 'rgb' || (token as ColorToken).val == 'rgba') {
-                //
-                //         value = rgb2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'hsl' || (token as ColorToken).val == 'hsla') {
-                //
-                //         value = hsl2hex(token as ColorToken);
-                //
-                //     } else if ((token as ColorToken).val == 'hwb') {
-                //
-                //         value = hwb2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'device-cmyk') {
-                //
-                //         value = cmyk2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'oklab') {
-                //
-                //         value = oklab2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'oklch') {
-                //
-                //         value = oklch2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'lab') {
-                //
-                //         value = lab2hex(token as ColorToken);
-                //     } else if ((token as ColorToken).val == 'lch') {
-                //
-                //         value = lch2hex(token as ColorToken);
-                //     }
-                //
-                //     if (value !== '' && value != null) {
-                //
-                //         return reduceHexValue(value);
-                //     }
             }
 
             if ([ColorType.HEX, ColorType.LIT, ColorType.SYS, ColorType.DPSYS].includes((token as ColorToken).kin)) {
diff --git a/src/lib/syntax/color/color.ts b/src/lib/syntax/color/color.ts
index 4bb2934b..393853d0 100644
--- a/src/lib/syntax/color/color.ts
+++ b/src/lib/syntax/color/color.ts
@@ -249,14 +249,6 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return lch2HslToken(token);
 
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
 
                 return color2HslToken(token);
         }
@@ -301,14 +293,6 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return cmyk2hwbToken(token);
 
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
 
                 return color2hwbToken(token);
         }
@@ -353,14 +337,6 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return lch2cmykToken(token);
 
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
 
                 return color2cmykToken(token);
 
@@ -371,7 +347,7 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
             case ColorType.HEX:
             case ColorType.LIT: {
 
-                const val = reduceHexValue(token.val);
+                const val: string = reduceHexValue(token.val);
 
                 return {
                     typ: EnumToken.ColorTokenType,
@@ -409,14 +385,6 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return lch2HexToken(token);
 
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
 
                 return color2HexToken(token);
 
@@ -463,14 +431,6 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return lch2RgbToken(token);
 
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
 
                 return color2RgbToken(token);
         }
@@ -515,14 +475,6 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return oklch2labToken(token);
 
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
 
                 return color2labToken(token);
         }
@@ -566,14 +518,6 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return oklch2lchToken(token);
 
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
 
                 return color2lchToken(token);
         }
@@ -618,14 +562,6 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return oklch2oklabToken(token);
 
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
 
                 return color2oklabToken(token);
         }
@@ -670,14 +606,6 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return lch2oklchToken(token);
 
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
 
                 return color2oklchToken(token);
         }
@@ -725,14 +653,6 @@ export function convertColor(token: ColorToken, to: ColorType): ColorToken | nul
                 return oklch2colorToken(token, to);
 
             case ColorType.COLOR:
-            case ColorType.XYZ:
-            case ColorType.SRGB:
-            case ColorType.REC2020:
-            case ColorType.XYZ_D50:
-            case ColorType.A98_RGB:
-            case ColorType.DISPLAY_P3:
-            case ColorType.SRGB_LINEAR:
-            case ColorType.PROPHOTO_RGB:
 
                 return color2colorToken(token, to);
         }
@@ -975,12 +895,8 @@ export function color2srgbvalues(token: ColorToken): number[] | null {
 
 function values2colortoken(values: number[], to: ColorType): ColorToken {
 
-    // console.error({srgb2: values});
-
     values = srgb2srgbcolorspace(values, to);
 
-    // console.error({srgb3: values, to: ColorKind[to]});
-
     const chi: Token[] = <Token[]>[
 
         {typ: EnumToken.NumberTokenType, val: String(values[0])},
diff --git a/src/lib/syntax/color/lab.ts b/src/lib/syntax/color/lab.ts
index 2dfdef74..7a44c8d7 100644
--- a/src/lib/syntax/color/lab.ts
+++ b/src/lib/syntax/color/lab.ts
@@ -18,12 +18,14 @@ import {XYZ_D65_to_D50} from "./xyzd50.ts";
 
 export function hex2labToken(token: ColorToken): ColorToken | null {
 
-    return labToken(hex2labvalues(token));
+    const values: number[] | null = hex2labvalues(token);
+
+    return values == null ? null : labToken(values);
 }
 
 export function rgb2labToken(token: ColorToken): ColorToken | null {
 
-    const values = rgb2labvalues(token);
+    const values: number[] | null = rgb2labvalues(token);
 
     if (values == null) {
         return null;
@@ -34,7 +36,7 @@ export function rgb2labToken(token: ColorToken): ColorToken | null {
 
 export function hsl2labToken(token: ColorToken): ColorToken | null {
 
-    const values = hsl2labvalues(token);
+    const values: number[] | null = hsl2labvalues(token);
 
     if (values == null) {
         return null;
@@ -45,7 +47,7 @@ export function hsl2labToken(token: ColorToken): ColorToken | null {
 
 export function hwb2labToken(token: ColorToken): ColorToken | null {
 
-    const values = hwb2labvalues(token);
+    const values: number[] | null = hwb2labvalues(token);
 
     if (values == null) {
         return null;
@@ -56,7 +58,7 @@ export function hwb2labToken(token: ColorToken): ColorToken | null {
 
 export function cmyk2labToken(token: ColorToken): ColorToken | null {
 
-    const values = cmyk2labvalues(token);
+    const values: number[] | null = cmyk2labvalues(token);
 
     if (values == null) {
         return null;
@@ -67,7 +69,7 @@ export function cmyk2labToken(token: ColorToken): ColorToken | null {
 
 export function lch2labToken(token: ColorToken): ColorToken | null {
 
-    const values = lch2labvalues(token);
+    const values: number[] | null = lch2labvalues(token);
 
     if (values == null) {
         return null;
@@ -78,7 +80,7 @@ export function lch2labToken(token: ColorToken): ColorToken | null {
 
 export function oklab2labToken(token: ColorToken): ColorToken | null {
 
-    const values = oklab2labvalues(token);
+    const values: number[] | null = oklab2labvalues(token);
 
     if (values == null) {
         return null;
@@ -89,7 +91,7 @@ export function oklab2labToken(token: ColorToken): ColorToken | null {
 
 export function oklch2labToken(token: ColorToken): ColorToken | null {
 
-    const values = oklch2labvalues(token);
+    const values: number[] | null = oklch2labvalues(token);
 
     if (values == null) {
         return null;
@@ -100,7 +102,7 @@ export function oklch2labToken(token: ColorToken): ColorToken | null {
 
 export function color2labToken(token: ColorToken): ColorToken | null {
 
-    const values = color2labvalues(token);
+    const values: number[] | null = color2labvalues(token);
 
     if (values == null) {
         return null;
@@ -137,10 +139,12 @@ function labToken(values: number[]): ColorToken | null {
 // L: 0% = 0.0, 100% = 100.0
 // for a and b: -100% = -125, 100% = 125
 
-export function hex2labvalues(token: ColorToken) {
+export function hex2labvalues(token: ColorToken): number[] | null {
+
+    const values: number[] | null = hex2srgbvalues(token);
 
     // @ts-ignore
-    return srgb2labvalues(...hex2srgbvalues(token));
+    return values == null ? null : srgb2labvalues(...values);
 }
 
 export function rgb2labvalues(token: ColorToken): number[] | null {
diff --git a/src/lib/syntax/color/lch.ts b/src/lib/syntax/color/lch.ts
index 9ac852c8..219fc9a0 100644
--- a/src/lib/syntax/color/lch.ts
+++ b/src/lib/syntax/color/lch.ts
@@ -17,7 +17,7 @@ import {cmyk2srgbvalues} from "./srgb.ts";
 
 export function hex2lchToken(token: ColorToken): ColorToken | null {
 
-    const values = hex2lchvalues(token);
+    const values: number[] | null = hex2lchvalues(token);
 
     if (values == null) {
         return null;
@@ -28,7 +28,7 @@ export function hex2lchToken(token: ColorToken): ColorToken | null {
 
 export function rgb2lchToken(token: ColorToken): ColorToken | null {
 
-    const values = rgb2lchvalues(token);
+    const values: number[] | null = rgb2lchvalues(token);
 
     if (values == null) {
         return null;
@@ -39,7 +39,7 @@ export function rgb2lchToken(token: ColorToken): ColorToken | null {
 
 export function hsl2lchToken(token: ColorToken): ColorToken | null {
 
-    const values = hsl2lchvalues(token);
+    const values: number[] | null = hsl2lchvalues(token);
 
     if (values == null) {
         return null;
@@ -50,7 +50,7 @@ export function hsl2lchToken(token: ColorToken): ColorToken | null {
 
 export function hwb2lchToken(token: ColorToken): ColorToken | null {
 
-    const values = hwb2lchvalues(token);
+    const values: number[] | null = hwb2lchvalues(token);
 
     if (values == null) {
         return null;
@@ -61,7 +61,7 @@ export function hwb2lchToken(token: ColorToken): ColorToken | null {
 
 export function cmyk2lchToken(token: ColorToken): ColorToken | null {
 
-    const values = cmyk2lchvalues(token);
+    const values: number[] | null = cmyk2lchvalues(token);
 
     if (values == null) {
         return null;
@@ -72,7 +72,7 @@ export function cmyk2lchToken(token: ColorToken): ColorToken | null {
 
 export function lab2lchToken(token: ColorToken): ColorToken | null {
 
-    const values = lab2lchvalues(token);
+    const values: number[] | null = lab2lchvalues(token);
 
     if (values == null) {
         return null;
@@ -94,7 +94,7 @@ export function oklab2lchToken(token: ColorToken): ColorToken | null {
 
 export function oklch2lchToken(token: ColorToken): ColorToken | null {
 
-    const values = oklch2lchvalues(token);
+    const values: number[] | null = oklch2lchvalues(token);
 
     if (values == null) {
         return null;
@@ -105,7 +105,7 @@ export function oklch2lchToken(token: ColorToken): ColorToken | null {
 
 export function color2lchToken(token: ColorToken): ColorToken | null {
 
-    const values = color2lchvalues(token);
+    const values: number[] | null = color2lchvalues(token);
 
     if (values == null) {
         return null;
@@ -140,7 +140,7 @@ function lchToken(values: number[]): ColorToken | null {
 
 export function hex2lchvalues(token: ColorToken): number[] | null {
 
-    const values = hex2labvalues(token);
+    const values: number[] | null = hex2labvalues(token);
 
     // @ts-ignore
     return values == null ? null : labvalues2lchvalues(...values);
@@ -155,21 +155,21 @@ export function rgb2lchvalues(token: ColorToken): number[] | null {
 
 export function hsl2lchvalues(token: ColorToken): number[] | null {
 
-    const values = hsl2labvalues(token);
+    const values: number[] | null = hsl2labvalues(token);
     // @ts-ignore
     return values == null ? null : labvalues2lchvalues(...values);
 }
 
 export function hwb2lchvalues(token: ColorToken): number[] | null {
 
-    const values = hwb2labvalues(token);
+    const values: number[] | null = hwb2labvalues(token);
     // @ts-ignore
     return values == null ? null : labvalues2lchvalues(...values);
 }
 
 export function lab2lchvalues(token: ColorToken): number[] | null {
 
-    const values = getLABComponents(token);
+    const values: number[] | null = getLABComponents(token);
 
     // @ts-ignore
     return values == null ? null : labvalues2lchvalues(...values);
@@ -184,14 +184,14 @@ export function srgb2lch(r: number, g: number, blue: number, alpha: number | nul
 export function oklab2lchvalues(token: ColorToken): number[] | null {
 
 
-    const values = oklab2labvalues(token);
+    const values: number[] | null = oklab2labvalues(token);
     // @ts-ignore
     return values == null ? null : labvalues2lchvalues(...values);
 }
 
 export function cmyk2lchvalues(token: ColorToken): number[] | null {
 
-    const values = cmyk2srgbvalues(token);
+    const values: number[] | null = cmyk2srgbvalues(token);
     // @ts-ignore
     return values == null ? null : srgb2lch(...values);
 }
diff --git a/src/lib/syntax/color/utils/distance.ts b/src/lib/syntax/color/utils/distance.ts
index e301fdaa..9b93e879 100644
--- a/src/lib/syntax/color/utils/distance.ts
+++ b/src/lib/syntax/color/utils/distance.ts
@@ -3,12 +3,22 @@ import {convertColor} from "../color.ts";
 import {getOKLABComponents} from "../oklab.ts";
 import {ColorType} from "../../../ast/index.ts";
 
-
+/**
+ * Calculate the distance between two okLab colors.
+ * @param okLab1
+ * @param okLab2
+ */
 export function okLabDistance(okLab1: [number, number, number], okLab2: [number, number, number]): number {
 
     return Math.sqrt(Math.pow(okLab1[0] - okLab2[0], 2) + Math.pow(okLab1[1] - okLab2[1], 2) + Math.pow(okLab1[2] - okLab2[2], 2));
 }
 
+/**
+ * Check if two okLab colors are close.
+ * @param color1
+ * @param color2
+ * @param threshold
+ */
 export function isOkLabClose(color1: ColorToken, color2: ColorToken, threshold: number = .01): boolean {
 
     color1 = convertColor(color1, ColorType.OKLAB) as ColorToken;
diff --git a/src/lib/validation/at-rules/keyframes.ts b/src/lib/validation/at-rules/keyframes.ts
index 7fe015ff..bca31785 100644
--- a/src/lib/validation/at-rules/keyframes.ts
+++ b/src/lib/validation/at-rules/keyframes.ts
@@ -21,18 +21,6 @@ export function validateAtRuleKeyframes(atRule: AstKeyframAtRule, options: Valid
 
     consumeWhitespace(tokens);
 
-    // if (tokens.length == 0) {
-    //
-    //     // @ts-ignore
-    //     return {
-    //         valid: SyntaxValidationResult.Drop,
-    //         context: [],
-    //         node: atRule,
-    //         syntax: '@keyframes',
-    //         error: 'expecting at-rule prelude'
-    //     } as ValidationSyntaxResult;
-    // }
-
     if (tokens.length == 0 || ![EnumToken.StringTokenType, EnumToken.IdenTokenType].includes(tokens[0].typ)) {
 
         // @ts-ignore
diff --git a/src/lib/validation/config.ts b/src/lib/validation/config.ts
index cafbb856..88516daa 100644
--- a/src/lib/validation/config.ts
+++ b/src/lib/validation/config.ts
@@ -34,11 +34,6 @@ export function getSyntax(group: ValidationSyntaxGroupEnum, key: string | string
                     key = matches[1] + matches[3];
                 }
             }
-
-            // if (!(key in obj)) {
-            //
-            //     return null;
-            // }
         }
 
         // @ts-ignore
diff --git a/src/lib/validation/parser/parse.ts b/src/lib/validation/parser/parse.ts
index a2eeec9c..a509155e 100644
--- a/src/lib/validation/parser/parse.ts
+++ b/src/lib/validation/parser/parse.ts
@@ -295,7 +295,6 @@ export function parseSyntax(syntax: string): ValidationRootToken {
         chi: [] as ValidationToken[]
     }, 'pos', {...objectProperties, value: {ind: 0, lin: 1, col: 0}}) as ValidationRootToken;
 
-    // return minify(doParseSyntax(syntaxes, tokenize(syntaxes), root)) as ValidationRootToken;
     return minify(doParseSyntax(syntax, tokenize(syntax), root)) as ValidationRootToken;
 }
 
@@ -564,11 +563,6 @@ function matchAtRule(syntax: string, iterator: Iterator<ValidationTokenIteratorV
                 break;
             }
 
-            // if (item.value.typ != ValidationTokenEnum.Whitespace) {
-            //
-            //     console.error('unexpected token', item.value);
-            // }
-
             item = iterator.next() as ValidationTokenIteratorValue;
 
             if (item.done) {
@@ -1467,10 +1461,6 @@ export function renderSyntax(token: ValidationToken, parent?: ValidationToken):
 
             return (token as ValidationDeclarationDefinitionToken).nam + ': ' + renderSyntax((token as ValidationDeclarationDefinitionToken).val);
 
-        // case ValidationTokenEnum.ColumnArrayToken:
-        //
-        //     return (token as ValidationColumnArrayToken).chi.reduce((acc: string, curr: ValidationToken) => acc + (acc.trim().length > 0 ? '||' : '') + renderSyntax(curr), '');
-
         default:
 
             throw new Error('Unhandled token: ' + JSON.stringify({token}, null, 1));
diff --git a/src/lib/validation/selector.ts b/src/lib/validation/selector.ts
index aa0006e7..7a437936 100644
--- a/src/lib/validation/selector.ts
+++ b/src/lib/validation/selector.ts
@@ -6,17 +6,6 @@ import {validateSelectorList} from "./syntaxes/selector-list.ts";
 
 export function validateSelector(selector: Token[], options: ValidationOptions, root: AstNode): ValidationResult {
 
-    // if (root == null) {
-    //
-    //     return validateSelectorList(selector, root, options);
-    // }
-
-    // @ts-ignore
-    // if (root.typ == EnumToken.AtRuleNodeType && root.nam.match(/^(-[a-z]+-)?keyframes$/)) {
-    //
-    //     return validateKeyframeBlockList(selector, root as AstAtRule, options);
-    // }
-
     let isNested: number = root.typ == EnumToken.RuleNodeType ? 1 : 0;
     let currentRoot = root.parent;
 
diff --git a/src/lib/validation/syntax.ts b/src/lib/validation/syntax.ts
index 46d10085..e61812c5 100644
--- a/src/lib/validation/syntax.ts
+++ b/src/lib/validation/syntax.ts
@@ -78,19 +78,11 @@ export function createContext(input: Token[]): Context<Token> {
         consume<Type>(token: Type, howMany?: number): boolean {
 
             let newIndex: number = result.indexOf(token as Token, this.index + 1);
-            // if (newIndex == -1 || newIndex < this.index) {
-            //     return false;
-            // }
 
             howMany ??= 0;
 
             let splice: number = 1;
 
-            // if (result[newIndex - 1]?.typ == EnumToken.WhitespaceTokenType) {
-            //     splice++;
-            //     newIndex--;
-            // }
-
             result.splice(this.index + 1, 0, ...result.splice(newIndex, splice + howMany));
             this.index += howMany + splice;
             return true;
@@ -120,10 +112,6 @@ export function createContext(input: Token[]): Context<Token> {
             this.index = index;
             return result[this.index] as Token ?? null;
         },
-        // tokens<Token>(): Token[] {
-        //
-        //     return result as Token[];
-        // },
         slice<Token>(): Token[] {
 
             return result.slice(this.index + 1) as Token[];
@@ -134,16 +122,7 @@ export function createContext(input: Token[]): Context<Token> {
             context.index = this.index;
 
             return context;
-        },
-        // @ts-ignore
-        // toJSON(): object {
-        //
-        //     return {
-        //         index: this.index,
-        //         slice: this.slice(),
-        //         tokens: this.tokens()
-        //     }
-        // }
+        }
     }
 }
 
@@ -200,11 +179,6 @@ export function evaluateSyntax(node: AstNode, options: ValidationOptions): Valid
 
                     if ((token = (result.context as Context<Token>).next()) != null) {
 
-                        // if (token.typ == EnumToken.WhitespaceTokenType || token.typ == EnumToken.CommentTokenType) {
-                        //
-                        //     continue;
-                        // }
-
                         return {
                             ...result,
                             valid: SyntaxValidationResult.Drop,
@@ -222,15 +196,6 @@ export function evaluateSyntax(node: AstNode, options: ValidationOptions): Valid
             }
 
             break;
-
-        // case EnumToken.RuleNodeType:
-        // case EnumToken.AtRuleNodeType:
-        // case EnumToken.KeyframeAtRuleNodeType:
-        // case EnumToken.KeyFrameRuleNodeType:
-
-        // default:
-        //
-        //     throw new Error(`Not implemented: ${node.typ}`);
     }
 
     return {
@@ -290,9 +255,6 @@ export function doEvaluateSyntax(syntaxes: ValidationToken[], context: Context<T
         }
     }
 
-    // console.error(`>> ${syntaxes.reduce((acc, curr) => acc + renderSyntax(curr), '')}\n>> ${context.slice<Token>().reduce((acc, curr) => acc + renderToken(curr), '')}`);
-    // console.error(new Error('doEvaluateSyntax'));
-
     for (; i < syntaxes.length; i++) {
 
         syntax = syntaxes[i];
@@ -460,17 +422,6 @@ function matchList(syntax: ValidationToken, context: Context<Token>, options: Va
             tokens.push(con.next() as Token);
         }
 
-        // if (tokens.length == 0) {
-        //
-        //     return {
-        //         valid: SyntaxValidationResult.Drop,
-        //         node: context.peek(),
-        //         syntax,
-        //         error: `could not match syntax: ${renderSyntax(syntax)}`,
-        //         context
-        //     }
-        // }
-
         result = doEvaluateSyntax([syntax], createContext(tokens), {
             ...options,
             isList: false,
@@ -596,23 +547,6 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
         }
     }
 
-    // if (token.typ == EnumToken.WhitespaceTokenType) {
-    //
-    //     context.next();
-    //
-    //     // @ts-ignore
-    //     if (syntax?.typ == ValidationTokenEnum.Whitespace) {
-    //
-    //         return {
-    //             valid: SyntaxValidationResult.Valid,
-    //             node: null,
-    //             syntax,
-    //             error: '',
-    //             context
-    //         }
-    //     }
-    // }
-
     if (syntax.typ != ValidationTokenEnum.PropertyType && (token?.typ == EnumToken.FunctionTokenType && wildCardFuncs.includes((token as FunctionToken).val))) {
 
         const result: ValidationSyntaxResult = doEvaluateSyntax((getParsedSyntax(ValidationSyntaxGroupEnum.Functions, (token as FunctionToken).val)?.[0] as ValidationFunctionToken)?.chi ?? [] as ValidationToken[], createContext((token as FunctionToken).chi), {
@@ -677,8 +611,6 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
 
             result = match(getParsedSyntax(ValidationSyntaxGroupEnum.Syntaxes, (syntax as ValidationFunctionDefinitionToken).val + '()')?.[0] as ValidationFunctionToken, context, options);
 
-            // console.error(`>>[]
-
             if (result.valid == SyntaxValidationResult.Valid) {
 
                 context.next();
@@ -699,23 +631,6 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
                 atLeastOnce: null
             } as ValidationOptions);
 
-        // case ValidationTokenEnum.Parens:
-        //
-        //     token = context.peek() as Token;
-        //     if (token.typ != EnumToken.ParensTokenType) {
-        //
-        //         break;
-        //     }
-        //
-        //     success = doEvaluateSyntax((syntax as ValidationParensToken).chi as ValidationToken[], createContext((token as ParensToken).chi), {
-        //         ...options,
-        //         isRepeatable: null,
-        //         isList: null,
-        //         occurence: null,
-        //         atLeastOnce: null
-        //     } as ValidationOptions).valid == SyntaxValidationResult.Valid;
-        //     break;
-
         case ValidationTokenEnum.Comma:
 
             success = context.peek<Token>()?.typ == EnumToken.CommaTokenType;
@@ -727,28 +642,6 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
 
             break;
 
-        // case ValidationTokenEnum.Number:
-        //
-        //     success = context.peek<Token>()?.typ == EnumToken.NumberTokenType;
-        //
-        //     if (success) {
-        //
-        //         context.next();
-        //     }
-        //
-        //     break;
-        //
-        // case ValidationTokenEnum.Whitespace:
-        //
-        //     success = context.peek<Token>()?.typ == EnumToken.WhitespaceTokenType;
-        //
-        //     if (success) {
-        //
-        //         context.next();
-        //     }
-        //
-        //     break;
-
         case ValidationTokenEnum.Separator: {
 
             const token = context.peek() as Token;
@@ -774,14 +667,6 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
 
                 success = funcLike.includes(token.typ) && (syntax as ValidationFunctionToken).val.localeCompare((token as FunctionToken).val, undefined, {sensitivity: 'base'}) == 0 && doEvaluateSyntax((syntax as ValidationFunctionToken).chi as ValidationToken[], createContext((token as FunctionToken).chi), options).valid == SyntaxValidationResult.Valid;
 
-                // console.error(`>> match: ${JSON.stringify({
-                //     syntax,
-                //     token,
-                //     // result,
-                //     tr2: syntax,
-                //     success
-                // }, null, 1)}`);
-
                 if (success) {
 
                     context.next();
@@ -805,8 +690,6 @@ function match(syntax: ValidationToken, context: Context<Token>, options: Valida
                 }
                 break;
             }
-
-        // throw new Error(`Not implemented: ${ValidationTokenEnum[syntax.typ] ?? syntax.typ} : ${renderSyntax(syntax)} : ${renderToken(context.peek() as Token)} : ${JSON.stringify(syntax, null, 1)} | ${JSON.stringify(context.peek(), null, 1)}`);
     }
 
     if (!success && token.typ == EnumToken.IdenTokenType && allValues.includes((token as IdentToken).val.toLowerCase())) {
@@ -1168,10 +1051,6 @@ function matchPropertyType(syntax: ValidationPropertyToken, context: Context<Tok
             }
 
             break;
-
-        // default:
-        //
-        //     throw new Error(`Not implemented: ${ValidationTokenEnum[syntax.typ] ?? syntax.typ} : ${renderSyntax(syntax)}\n${JSON.stringify(syntax, null, 1)}`);
     }
 
 
@@ -1221,15 +1100,8 @@ function someOf(syntaxes: ValidationToken[][], context: Context<Token>, options:
 
     for (i = 0; i < syntaxes.length; i++) {
 
-        // if (context.peek<Token>()?.typ == EnumToken.WhitespaceTokenType) {
-        //
-        //     context.next();
-        // }
-
         result = doEvaluateSyntax(syntaxes[i], context.clone(), options);
 
-        // console.error(`>> someOf: ${JSON.stringify({result}, null, 1)}`);
-
         if (result.valid == SyntaxValidationResult.Valid) {
 
             success = true;
@@ -1249,9 +1121,6 @@ function someOf(syntaxes: ValidationToken[][], context: Context<Token>, options:
         matched.sort((a, b) => (a.context as Context<Token>).done() ? -1 : (b.context as Context<Token>).done() ? 1 : (b.context as Context<Token>).index - (a.context as Context<Token>).index);
     }
 
-    // console.error(JSON.stringify({matched}, null, 1));
-    // console.error(new Error('someOf'));
-
     return matched[0] ?? {
         valid: SyntaxValidationResult.Drop,
         node: context.peek(),
@@ -1329,12 +1198,6 @@ function allOf(syntax: ValidationToken[][], context: Context<Token>, options: Va
         if (slice[i].typ == EnumToken.FunctionTokenType && wildCardFuncs.includes((slice[i] as FunctionToken).val.toLowerCase())) {
 
             vars.push(slice[i]);
-
-            // if (slice[i + 1]?.typ == EnumToken.WhitespaceTokenType) {
-            //
-            //     vars.push(slice[++i]);
-            // }
-
             continue;
         }
 
@@ -1376,8 +1239,6 @@ function allOf(syntax: ValidationToken[][], context: Context<Token>, options: Va
 
                 result = doEvaluateSyntax(syntax[i], cp.clone(), {...options, isOptional: false});
 
-                // console.error(`>> allOf: syntaxes[${i}]: ${syntax[i].length} ${syntax[i].reduce((acc, curr) => acc + renderSyntax(curr), '')}\n>> ${cp.slice<Token>().reduce((acc, curr) => acc + renderToken(curr), '')}\n>> ${JSON.stringify({result}, null, 1)}`);
-
                 if (result.valid == SyntaxValidationResult.Valid) {
 
                     let end = slice.indexOf(cp.current() as Token);
diff --git a/src/lib/validation/syntaxes/complex-selector-list.ts b/src/lib/validation/syntaxes/complex-selector-list.ts
index cca7933d..c5f40b2c 100644
--- a/src/lib/validation/syntaxes/complex-selector-list.ts
+++ b/src/lib/validation/syntaxes/complex-selector-list.ts
@@ -11,18 +11,6 @@ export function validateComplexSelectorList(tokens: Token[], root?: AstAtRule |
 
     consumeWhitespace(tokens);
 
-    // if (tokens.length == 0) {
-    //
-    //     return {
-    //         valid: SyntaxValidationResult.Drop,
-    //         context: [],
-    //         // @ts-ignore
-    //         node: root,
-    //         syntax: null,
-    //         error: 'expecting complex selector list'
-    //     }
-    // }
-
     let result: ValidationSyntaxResult | null = null;
 
     for (const t of splitTokenList(tokens)) {
diff --git a/src/lib/validation/syntaxes/family-name.ts b/src/lib/validation/syntaxes/family-name.ts
index 8ad22a38..58ba7234 100644
--- a/src/lib/validation/syntaxes/family-name.ts
+++ b/src/lib/validation/syntaxes/family-name.ts
@@ -11,19 +11,6 @@ export function validateFamilyName(tokens: Token[], atRule: AstAtRule): Validati
 
     consumeWhitespace(tokens);
 
-    // if (tokens.length == 0) {
-    //
-    //     // @ts-ignore
-    //     return {
-    //         valid: SyntaxValidationResult.Drop,
-    //         matches: [],
-    //         node: atRule,
-    //         syntax: null,
-    //         error: 'expected at-rule prelude',
-    //         tokens
-    //     } as ValidationSyntaxResult;
-    // }
-
     if (tokens.length == 0 || tokens[0].typ == EnumToken.CommaTokenType) {
 
         // @ts-ignore
@@ -39,27 +26,6 @@ export function validateFamilyName(tokens: Token[], atRule: AstAtRule): Validati
 
     while (tokens.length > 0) {
 
-        // @ts-ignore
-        // if (tokens[0].typ == EnumToken.CommaTokenType) {
-        //
-        //     node = tokens.shift() as Token;
-        //
-        //     consumeWhitespace(tokens);
-        //
-        //     if (tokens.length == 0) {
-        //
-        //         // @ts-ignore
-        //         return {
-        //             valid: SyntaxValidationResult.Drop,
-        //             matches: [],
-        //             node,
-        //             syntax: null,
-        //             error: 'unexpected token',
-        //             tokens
-        //         } as ValidationSyntaxResult;
-        //     }
-        // }
-
         node = tokens[0];
 
         if (![EnumToken.IdenTokenType, EnumToken.StringTokenType].includes(node.typ)) {
diff --git a/src/lib/validation/syntaxes/keyframe-selector.ts b/src/lib/validation/syntaxes/keyframe-selector.ts
index eb530f0e..499f29d9 100644
--- a/src/lib/validation/syntaxes/keyframe-selector.ts
+++ b/src/lib/validation/syntaxes/keyframe-selector.ts
@@ -7,18 +7,6 @@ export function validateKeyframeSelector(tokens: Token[], options: ValidationOpt
 
     consumeWhitespace(tokens);
 
-    // if (tokens.length == 0) {
-    //
-    //     // @ts-ignore
-    //     return {
-    //         valid: SyntaxValidationResult.Drop,
-    //         context: [],
-    //         node: null,
-    //         syntax: null,
-    //         error: 'expected keyframe selector'
-    //     }
-    // }
-
     for (const t of splitTokenList(tokens)) {
 
         if (t.length != 1 || (t[0].typ != EnumToken.PercentageTokenType && !(t[0].typ == EnumToken.IdenTokenType && ['from', 'to', 'cover', 'contain', 'entry', 'exit', 'entry-crossing', 'exit-crossing'].includes((t[0] as IdentToken).val)))) {
diff --git a/src/lib/validation/syntaxes/relative-selector-list.ts b/src/lib/validation/syntaxes/relative-selector-list.ts
index 7d28220b..b45434bb 100644
--- a/src/lib/validation/syntaxes/relative-selector-list.ts
+++ b/src/lib/validation/syntaxes/relative-selector-list.ts
@@ -9,36 +9,8 @@ export function validateRelativeSelectorList(tokens: Token[], root?: AstAtRule |
 
     consumeWhitespace(tokens);
 
-    // if (tokens.length == 0) {
-    //
-    //     return {
-    //         valid: SyntaxValidationResult.Drop,
-    //         matches: [],
-    //         // @ts-ignore
-    //         node: root,
-    //         // @ts-ignore
-    //         syntax: null,
-    //         error: 'expecting relative selector list',
-    //         tokens
-    //     }
-    // }
-
     for (const t of splitTokenList(tokens)) {
 
-        // if (t.length == 0) {
-        //
-        //     return {
-        //         valid: SyntaxValidationResult.Drop,
-        //         matches: [],
-        //         // @ts-ignore
-        //         node: root,
-        //         // @ts-ignore
-        //         syntax: null,
-        //         error: 'unexpected comma',
-        //         tokens
-        //     }
-        // }
-
         const result: ValidationSyntaxResult = validateRelativeSelector(t, root, options);
 
         if (result.valid == SyntaxValidationResult.Drop) {
diff --git a/src/lib/validation/syntaxes/url.ts b/src/lib/validation/syntaxes/url.ts
index ee25497d..5610a48a 100644
--- a/src/lib/validation/syntaxes/url.ts
+++ b/src/lib/validation/syntaxes/url.ts
@@ -6,32 +6,6 @@ import {consumeWhitespace} from "../utils/index.ts";
 
 export function validateURL(token: Token): ValidationSyntaxResult {
 
-    // if (token.typ == EnumToken.UrlTokenTokenType) {
-    //
-    //     // @ts-ignore
-    //     return {
-    //         valid: SyntaxValidationResult.Valid,
-    //         context: [],
-    //         node: token,
-    //         // @ts-ignore
-    //         syntax: 'url()',
-    //         error: ''
-    //     }
-    // }
-
-    // if (token.typ != EnumToken.UrlFunctionTokenType) {
-    //
-    //     // @ts-ignore
-    //     return {
-    //         valid: SyntaxValidationResult.Drop,
-    //         context: [],
-    //         node: token,
-    //         // @ts-ignore
-    //         syntax: 'url()',
-    //         error: 'expected url()'
-    //     }
-    // }
-
     const children = (token as FunctionURLToken).chi.slice() as Token[];
 
     consumeWhitespace(children);
@@ -39,15 +13,6 @@ export function validateURL(token: Token): ValidationSyntaxResult {
     if (children.length  > 0 && [EnumToken.UrlTokenTokenType, EnumToken.StringTokenType, EnumToken.HashTokenType].includes(children[0].typ)) {
 
         children.shift();
-        // @ts-ignore
-        // return {
-        //     valid: SyntaxValidationResult.Drop,
-        //     context: [],
-        //     node: children[0] ?? token,
-        //     // @ts-ignore
-        //     syntax: 'url()',
-        //     error: 'expected url-token'
-        // }
     }
 
     consumeWhitespace(children);
diff --git a/src/lib/validation/utils/list.ts b/src/lib/validation/utils/list.ts
index f57b5502..59888033 100644
--- a/src/lib/validation/utils/list.ts
+++ b/src/lib/validation/utils/list.ts
@@ -8,11 +8,6 @@ export function stripCommaToken(tokenList: Token[]): Token[] | null {
 
     for (let i = 0; i < tokenList.length; i++) {
 
-        // if (tokenList[i].typ == EnumToken.CommaTokenType && last != null && last.typ == EnumToken.CommaTokenType) {
-        //
-        //     return null;
-        // }
-
         if (tokenList[i].typ != EnumToken.WhitespaceTokenType) {
 
             last = tokenList[i];
@@ -33,11 +28,6 @@ export function splitTokenList(tokenList: Token[], split: EnumToken[] = [EnumTok
 
     return tokenList.reduce((acc: Token[][], curr: Token): Token[][] => {
 
-        // if (curr.typ == EnumToken.CommentTokenType) {
-        //
-        //     return acc;
-        // }
-
         if (split.includes(curr.typ)) {
 
             acc.push([]);